@charset "UTF-8";


/* --------------------------------------------------------------------
	#e500m_wrapper
-------------------------------------------------------------------- */
#e500m_wrapper {width: 100%;margin-top: 0px;text-align: center;font-family: 'Hiragino Kaku Gothic ProN', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, sans-serif;}
#e500m_wrapper p {font-size: 16px;line-height: 1.8;color: #555;margin: 0px;padding: 0px;}

#e500m_wrapper .title_area {width: 1200px;margin: 0px auto;position: relative;}
#e500m_wrapper .mainframe #section01 .title_area {padding-top: 50px;}
#e500m_wrapper .title_area h3 {z-index: 3;padding: 0px;margin: 0px;position: absolute;left: 110px;top: 200px;font-size: 24px;color: #FFF;line-height: 1.3;text-align: left;}
#e500m_wrapper .title_area p.name {z-index: 4;padding: 0px;margin: 0px;position: absolute;left: 110px;bottom: 35px;font-size: 60px;color: #FFF;line-height: 1.1;text-align: left;}
#e500m_wrapper .title_area p.name span.pos {font-size: 14px;line-height: 1.4;margin-bottom: 5px;display: block;}
#e500m_wrapper .title_area p.name span.uji {font-size: 34px;line-height: 1.1;margin-bleft: 3px;display: inline-block;position: relative;top: 2px;}
#e500m_wrapper .title_area .main_img {z-index: 2;position: relative;}

#e500m_wrapper .title_area2 {width: 1200px;margin: 0px auto;position: relative;}
#e500m_wrapper .title_area2 h3 {z-index: 3;padding: 0px;margin: 0px;position: absolute;left: 110px;top: 200px;font-size: 24px;color: #FFF;line-height: 1.3;text-align: left;}
#e500m_wrapper .title_area2 p.name {z-index: 4;padding: 0px;margin: 0px;position: absolute;left: 110px;bottom: 35px;font-size: 60px;color: #FFF;line-height: 1.1;text-align: left;}
#e500m_wrapper .title_area2 p.name span.pos {font-size: 14px;line-height: 1.4;margin-bottom: 5px;display: block;}
#e500m_wrapper .title_area2 p.name span.uji {font-size: 34px;line-height: 1.1;margin-bleft: 3px;display: inline-block;position: relative;top: 2px;}
#e500m_wrapper .title_area2 .main_img {z-index: 2;position: relative;}


#e500m_wrapper .mainframe {width: 100%;padding: 0px;margin: 0px auto 70px auto;text-align: center;}
#e500m_wrapper .mainframe #section01,#e500m_wrapper .mainframe #section02,#e500m_wrapper .mainframe #section03 {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;position: relative;background-image: url(../images/main_bg.png);background-repeat: no-repeat;background-position: center 400px;background-size:1620px 292px;}

#e500m_wrapper .mainframe p {font-size: 16px;line-height: 1.8;}

#e500m_wrapper .mainframe .column {width: 980px;text-align: left;margin: 100px auto;}
#e500m_wrapper .mainframe .column .inner {}
#e500m_wrapper .mainframe .column .inner p {/*line-height: 1.8;font-feature-settings : "palt";letter-spacing: 0.05em;*/}
#e500m_wrapper .mainframe .column .inner p span {font-size: 20px;line-height: 1.4;color: #555;margin-bottom: 20px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;display: block;}
#e500m_wrapper .mainframe .column .inner p.caption {font-size: 13px;line-height: 1.6;font-feature-settings : "palt";letter-spacing: 0.1em;margin-top: 15px;}
#e500m_wrapper .mainframe .column .inner p.caption b {font-size: 14px;line-height: 1.6;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: block;margin-bottom: 3px;}
#e500m_wrapper .mainframe .column .inner p.caption2 {font-size: 13px;line-height: 1.6;font-feature-settings : "palt";letter-spacing: 0.1em;margin-top: 5px;}
#e500m_wrapper .mainframe .column .inner .fL {width: 463px;}
#e500m_wrapper .mainframe .column .inner .fR {width: 463px;}
#e500m_wrapper .mainframe .column .inner.double {columns: 2;column-rule: 1px none #cdcdcd;column-gap: 4.6em;}
#e500m_wrapper .mainframe .column .inner .img {clear: both;margin: 25px 0px 0px 0px;}
#e500m_wrapper .mainframe .column .inner .img2 {clear: both;margin: 25px 0px 25px 0px;}

#e500m_wrapper .mainframe .column img {vertical-align: bottom;}


#e500m_wrapper .mainframe .column .profile {border-top: 1px solid #555;border-bottom: 1px solid #555;margin-top: 60px;padding: 20px 0px;}
#e500m_wrapper .mainframe .column .profile p {font-size: 12px;line-height: 1.7;}
#e500m_wrapper .mainframe .column .profile p.name {font-size: 30px;line-height: 1.1;}
#e500m_wrapper .mainframe .column .profile p.name span {font-size: 14px;line-height: 1.6;display: block;margin-bottom: 4px;}
#e500m_wrapper .mainframe .column .profile .fL {width: 20%;}
#e500m_wrapper .mainframe .column .profile .fR {width: 80%;}


.inviewfadeInUp {opacity: 0;transform: translate(0, 60px);-webkit-transform: translate(0, 60px);transition: .8s;}
.fadeInUp {opacity: 1.0;transform: translate(0, 0);-webkit-transform: translate(0, 0);}


#e500m_wrapper .mainframe a {display: block;}
#e500m_wrapper .mainframe a:hover {filter: alpha(opacity=70);opacity: 0.7;}

/*  ページセレクト  */
#e500m_wrapper .mainframe .back_index {margin-top: 50px;}
#e500m_wrapper .mainframe .back_index p {font-size: 18px;display: inline-block;position: relative;left: 10px;top: 3px;line-height: 1.4;}

@media only screen and (max-width: 1200px) {
#e500m_wrapper .title_area {width: 100%;padding: 0px;margin: 0px;}
}

@media only screen and (max-width: 736px) {
html { font-size: 80%; }
body { font-size: 100% !important; -webkit-text-size-adjust: 100%;min-width:100%; }


/* --------------------------------------------------------------------
	#e500m_wrapper
-------------------------------------------------------------------- */
#e500m_wrapper {margin-top: 0px;}
#e500m_wrapper p {font-size: 1.2rem;font-feature-settings: "palt";letter-spacing: 0.05em;}
#e500m_wrapper .title_area {width: 100%;margin: 0px;}
#e500m_wrapper .title_area .title {width: 92%;height: auto;padding: 0px;margin: 0px 4%;}
#e500m_wrapper .title_area .title h3 {width: auto;position: absolute;left: 0%;top: 80px;transform: translate(0%, 0%);font-size: 1.4rem;line-height: 1.1;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;text-shadow: 2px 2px 2px rgba(0,0,0,0.4);}
#e500m_wrapper .title_area .main_img {z-index: 2;position: relative;}

#e500m_wrapper .mainframe {width: 100%;padding: 0px;margin: 0px auto 40px auto;text-align: center;}
#e500m_wrapper .mainframe #section01 {padding: 0px;margin: 40px 0px 0px 0px;position: relative;}
#e500m_wrapper .mainframe p {font-size: 1.2rem;line-height: 1.7;}
#e500m_wrapper .mainframe .column {width: 92%;margin: 0px 4%;text-align: left;}
#e500m_wrapper .mainframe .column .inner {columns: 1;column-gap: 0em;}
#e500m_wrapper .mainframe .column .inner p {line-height: 1.8;font-feature-settings : "palt";letter-spacing: 0.05em;}
#e500m_wrapper .mainframe .column .img {clear: both;margin: 25px 0px 0px 0px;}

#e500m_wrapper .mainframe .column .inner p span {font-size: 1.4rem;line-height: 1.4;margin-bottom: 15px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;display: block;}
#e500m_wrapper .mainframe .column .inner .fL {width: 100%;float: none;}
#e500m_wrapper .mainframe .column .inner .fR {width: 100%;float: none;margin-top: 20px;}
#e500m_wrapper .mainframe #section01 .title_area {padding-top: 0px;}



#e500m_wrapper .title_area {width: 100%;margin: 50px 0px 0px 0px;}
#e500m_wrapper .title_area h3 {z-index: 3;padding: 0px;margin: 0px;position: absolute;left: 4%;top: 20px;font-size: 1.2rem;color: #FFF;line-height: 1.3;text-align: left;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;}
#e500m_wrapper .title_area p.name {z-index: 4;padding: 0px;margin: 0px;position: absolute;left: 4%;bottom: 20px;font-size: 1.8rem;color: #FFF;line-height: 1.1;text-align: left;}
#e500m_wrapper .title_area p.name span.pos {font-size: 1.0rem;line-height: 1.4;margin-bottom: 3px;display: block;}
#e500m_wrapper .title_area p.name span.uji {font-size: 1.0rem;line-height: 1.1;margin-bleft: 2px;display: inline-block;position: relative;top: 1px;}

#e500m_wrapper .title_area2 {width: 100%;margin: 60px 0px 0px 0px;}
#e500m_wrapper .title_area2 h3 {z-index: 3;padding: 0px;margin: 0px;position: absolute;left: 4%;top: 20px;font-size: 1.2rem;color: #FFF;line-height: 1.3;text-align: left;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;}
#e500m_wrapper .title_area2 p.name {z-index: 4;padding: 0px;margin: 0px;position: absolute;left: 4%;bottom: 20px;font-size: 1.8rem;color: #FFF;line-height: 1.1;text-align: left;}
#e500m_wrapper .title_area2 p.name span.pos {font-size: 1.0rem;line-height: 1.4;margin-bottom: 3px;display: block;}
#e500m_wrapper .title_area2 p.name span.uji {font-size: 1.0rem;line-height: 1.1;margin-bleft: 2px;display: inline-block;position: relative;top: 1px;}



#e500m_wrapper .mainframe {width: 100%;padding: 0px;margin: 0px auto 40px auto;text-align: center;}
#e500m_wrapper .mainframe #section01,#e500m_wrapper .mainframe #section02,#e500m_wrapper .mainframe #section03,#e500m_wrapper .mainframe #section04 {padding: 0px;margin: 0px;position: relative;background-image: url(../images/main_bg.png);background-repeat: no-repeat;background-position: center 140px;background-size:contain;}
#e500m_wrapper .mainframe p {font-size: 1.2rem;line-height: 1.8;}
#e500m_wrapper .mainframe .column {width: 92%;text-align: left;margin: 30px 4%;}
#e500m_wrapper .mainframe .column .inner {}
#e500m_wrapper .mainframe .column .inner p {}
#e500m_wrapper .mainframe .column .inner p.caption {font-size: 1.0rem;line-height: 1.6;letter-spacing: 0.1em;margin-top: 10px;}
#e500m_wrapper .mainframe .column .inner p.caption b {font-size: 1.1rem;line-height: 1.6;display: block;margin-bottom: 3px;}
#e500m_wrapper .mainframe .column .inner p.caption2 {font-size: 1.0rem;line-height: 1.6;letter-spacing: 0.1em;margin-top: 5px;}
#e500m_wrapper .mainframe .column .inner .fL {width: 100%;}
#e500m_wrapper .mainframe .column .inner .fR {width: 100%;}
#e500m_wrapper .mainframe .column .inner.double {columns: 1;column-gap: 0em;}
#e500m_wrapper .mainframe .column .inner .img {clear: both;margin: 20px 0px 0px 0px;}
#e500m_wrapper .mainframe .column .inner .img2 {clear: both;margin: 20px 0px 20px 0px;}

#e500m_wrapper .mainframe .column img {vertical-align: bottom;}


#e500m_wrapper .mainframe .column .profile {border-top: 1px solid #555;border-bottom: 1px solid #555;margin-top: 30px;padding: 20px 0px;}
#e500m_wrapper .mainframe .column .profile p {font-size: 1.1rem;line-height: 1.7;}
#e500m_wrapper .mainframe .column .profile p.name {font-size: 2.4rem;line-height: 1.1;margin-bottom: 15px;}
#e500m_wrapper .mainframe .column .profile p.name span {font-size: 1.1rem;line-height: 1.6;display: block;margin-bottom: 4px;}
#e500m_wrapper .mainframe .column .profile .fL {width: 100%;}
#e500m_wrapper .mainframe .column .profile .fR {width: 100%;}


/*  ページセレクト  */
#e500m_wrapper .mainframe .back_index {width: 60%;position: static;text-align: center;border: 1px solid #555;margin: 30px auto 0px auto;}
#e500m_wrapper .mainframe .back_index a {padding-top: 10px;padding-bottom: 12px;}
#e500m_wrapper .mainframe .back_index p {font-size: 1.3rem;display: inline-block;position: relative;left: 10px;top: 2px;line-height: 1.1;color: #222;}
#e500m_wrapper .mainframe .back_index img {width: 11px !important;}

/* --------------------------------------------------------------------
	#e500m_footer
-------------------------------------------------------------------- */
#e500m_foot_box {width: 100%;position: relative;clear: both;}
#e500m_foot_box #e500m-page-top {position: fixed;bottom: 20px;right: 20px;z-index: 101;}
#e500m_foot_box #e500m-page-top a:hover {filter: alpha(opacity=50);opacity: 0.5;}



/* --------------------------------------------------------------------
	#e500m_footer
-------------------------------------------------------------------- */
footer {clear: both;}
#e500m_foot_box {display: none;}
#e500m_foot_box #e500m-page-top {display: none;}

/* --------------------------------------------------------------------
	汎用スタイル
-------------------------------------------------------------------- */
#e500m_wrapper img { width: 100%; }
#e500m_wrapper #pageTop { display: none; }
#page-top img {display: none;}

.pc { display: none; }
.sp { display: block; }

}

@media only screen and (max-width: 414px) {
}

@media only screen and (max-width: 320px) {
#e500m_wrapper .title_area .title h3 {position: absolute;left: 0%;top: 50px;font-size: 1.2rem;/*color: #FFF;*/}
}