@charset "UTF-8";


/* --------------------------------------------------------------------
	#e500m_wrapper
-------------------------------------------------------------------- */
#e500m_wrapper .title_area {width: 1200px;margin: 0px auto;}
#e500m_wrapper .title_area {padding-top: 50px;}
#e500m_wrapper .title_area .title {width: 980px;height: 100%;padding: 0px;margin: 0px auto;position: relative;}
#e500m_wrapper .title_area .title h3 {z-index: 3;padding: 0px;margin: 0px;position: absolute;left: 0px;top: 194px;font-size: 24px;color: #FFF;line-height: 1.4;text-align: left;}

#e500m_wrapper .mainframe #section01 {padding: 0px;margin: 0px 0px 150px 0px;position: relative;}
#e500m_wrapper .mainframe #section01 {padding-top: 50px;}
#e500m_wrapper .mainframe #section02,#e500m_wrapper .mainframe #section03 {padding: 0px;margin: 0px 0px 150px 0px;position: relative;margin-top: -50px;padding-top: 50px;}
#e500m_wrapper .mainframe #section04 {padding: 0px;margin: 0px;position: relative;}
#e500m_wrapper .mainframe .heading_area {background-image: url(../images/heading_bg.png);background-repeat: repeat;}

#e500m_wrapper .mainframe .heading {width: 1200px;margin: 0 auto;text-align: left;position: relative;}
#e500m_wrapper .mainframe h4 {font-size: 24px;line-height: 1.1;color: #FFF;display: block;position: absolute;left: 109px;top: 50%;transform: translate(0%, -50%);margin: 0px;padding: 0px;text-shadow: 3px 3px 3px rgba(0,0,0,0.4);}

#e500m_wrapper .mainframe .column p.lead {font-size: 19px;line-height: 1.8;}
#e500m_wrapper .mainframe .column .inner {padding: 0px;margin: 70px 0px 0px 0px;position: relative;}

/* --------------------------------------------------------------------
	#section01
-------------------------------------------------------------------- */
#e500m_wrapper .mainframe #section01 .column .inner .fL {width: 463px;}
#e500m_wrapper .mainframe #section01 .column .inner .fR {width: 463px;}
#e500m_wrapper .mainframe #section01 .column .inner p.headline {font-size: 20px;line-height: 1.4;margin-bottom: 25px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;}
#e500m_wrapper .mainframe #section01 .column .inner .full {/*columns: 2;column-rule: 1px none #cdcdcd;column-gap: 4.6em;*/}
#e500m_wrapper .mainframe #section01 .column .inner .connection_area {margin-top: 25px;position: relative;}
#e500m_wrapper .mainframe #section01 .column .inner .connection_area ul.link_btn {position: absolute;left: 280px;bottom: 0px;}
#e500m_wrapper .mainframe #section01 .column .inner .connection_area ul li {width: 133px;float: left;margin-left: 29px;}
#e500m_wrapper .mainframe #section01 .column .inner .connection_area ul li:first-child {margin-left: 0px;}
#e500m_wrapper .mainframe #section01 .column .inner .detail p {font-size: 13px;line-height: 1.4;margin-bottom: 10px !important;}
#e500m_wrapper .mainframe #section01 .column .inner .detail p.headline {font-size: 20px;line-height: 1.4;padding-bottom: 15px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;border-bottom: 1px solid #555;}
#e500m_wrapper .mainframe #section01 .column .inner .detail p span {font-size: 16px;line-height: 1.4;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;display: block;margin-bottom: 5px;}

/* --------------------------------------------------------------------
	#section02
-------------------------------------------------------------------- */
#e500m_wrapper .mainframe #section02 .column .inner .fL {width: 463px;}
#e500m_wrapper .mainframe #section02 .column .inner .fR {width: 463px;}
#e500m_wrapper .mainframe #section02 .column .inner p.headline {font-size: 20px;line-height: 1.4;margin-bottom: 25px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;}
#e500m_wrapper .mainframe #section02 h4 {font-size: 24px;line-height: 1.3;color: #555;display: block;position: absolute;left: 109px;top: 50%;transform: translate(0%, -50%);margin: 0px;padding: 0px;text-shadow: 0px 0px 0px rgba(0,0,0,0.0);}

/* --------------------------------------------------------------------
	#section03
-------------------------------------------------------------------- */
#e500m_wrapper .mainframe #section03 .column .inner .fL {width: 463px;}
#e500m_wrapper .mainframe #section03 .column .inner .fR {width: 463px;}
#e500m_wrapper .mainframe #section03 .column .inner p.headline {font-size: 20px;line-height: 1.4;margin-bottom: 25px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;}

/* --------------------------------------------------------------------
	#section04
-------------------------------------------------------------------- */
#e500m_wrapper .mainframe #section04 {text-align: center;}
#e500m_wrapper .mainframe #section04 .heading a {filter: alpha(opacity=100);opacity: 1.0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#e500m_wrapper .mainframe #section04 .heading a:hover {filter: alpha(opacity=70);opacity: 0.7;}
#e500m_wrapper .mainframe #section04 .heading .video_btn {width: 288px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin:  0px;padding: 0px;}

@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;padding: 0px;margin: 0px;}
#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: 60px;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;}
#e500m_wrapper .title_area .main_img {z-index: 2;position: relative;}

#e500m_wrapper .mainframe #section01 {padding: 0px;margin: 50px 0px 50px 0px;}
#e500m_wrapper .mainframe #section02,#e500m_wrapper .mainframe #section03 {margin-bottom: 50px;}

#e500m_wrapper .mainframe .column .inner {columns: 1;column-gap: 0em;margin: 40px 0px 0px 0px;}
#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 .heading_area {background-image: none;}
#e500m_wrapper .mainframe .heading {width: 100%;margin: 0px;text-align: left;position: relative;}
#e500m_wrapper .mainframe h4 {width: auto;position: absolute;left: 4%;top: 40px;transform: translate(0%, 0%);font-size: 1.4rem;line-height: 1.3;text-shadow: 0px 0px 5px rgba(0,0,0,0.4);font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.0em;}


/* --------------------------------------------------------------------
	#section01
-------------------------------------------------------------------- */
#e500m_wrapper .mainframe #section01 .column {width: 92%;margin: 50px 4% 0px 4%;}
#e500m_wrapper .mainframe #section01 .column .inner .fL {width: 100%;float: none;}
#e500m_wrapper .mainframe #section01 .column .inner .fR {width: 100%;float: none;margin-top: 20px;}
#e500m_wrapper .mainframe #section01 .column .inner p.headline {font-size: 1.4rem;line-height: 1.6;margin-bottom: 15px;}

#e500m_wrapper .mainframe #section01 .column .inner .connection_area {margin-top: 25px;position: relative;}
#e500m_wrapper .mainframe #section01 .column .inner .connection_area ul.link_btn {position: absolute;left: 280px;bottom: 0px;}
#e500m_wrapper .mainframe #section01 .column .inner .connection_area ul li {width: 133px;float: left;margin-left: 29px;}
#e500m_wrapper .mainframe #section01 .column .inner .connection_area ul li:first-child {margin-left: 0px;}
#e500m_wrapper .mainframe #section01 .column .inner .detail p {font-size: 13px;line-height: 1.4;margin-bottom: 10px !important;}
#e500m_wrapper .mainframe #section01 .column .inner .detail p.headline {font-size: 20px;line-height: 1.4;padding-bottom: 15px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;border-bottom: 1px solid #555;}
#e500m_wrapper .mainframe #section01 .column .inner .detail p span {font-size: 16px;line-height: 1.4;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;display: block;margin-bottom: 5px;}

/* --------------------------------------------------------------------
	#section02
-------------------------------------------------------------------- */
#e500m_wrapper .mainframe #section02 .column .inner .fL {width: 100%;float: none;}
#e500m_wrapper .mainframe #section02 .column .inner .fR {width: 100%;float: none;margin-top: 20px;}
#e500m_wrapper .mainframe #section02 .column .inner p.headline {font-size: 1.4rem;line-height: 1.6;margin-bottom: 15px;}
#e500m_wrapper .mainframe #section02 h4 {width: auto;position: absolute;left: 4%;top: 25px;transform: translate(0%, 0%);font-size: 1.4rem;line-height: 1.3;text-shadow: 1px 1px 10px rgba(255,255,255,0.8);font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.0em;}

/* --------------------------------------------------------------------
	#section03
-------------------------------------------------------------------- */
#e500m_wrapper .mainframe #section03 .column .inner .fL {width: 100%;float: none;}
#e500m_wrapper .mainframe #section03 .column .inner .fR {width: 100%;float: none;margin-top: 20px;}
#e500m_wrapper .mainframe #section03 .column .inner p.headline {font-size: 1.4rem;line-height: 1.6;margin-bottom: 15px;}

/* --------------------------------------------------------------------
	#section04
-------------------------------------------------------------------- */
#e500m_wrapper .mainframe #section04 {text-align: center;}
#e500m_wrapper .mainframe #section04 .heading a {filter: alpha(opacity=100);opacity: 1.0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#e500m_wrapper .mainframe #section04 .heading a:hover {filter: alpha(opacity=100);opacity: 1.0;}
#e500m_wrapper .mainframe #section04 .heading .video_btn {width: 288px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin:  0px;padding: 0px;}


/* --------------------------------------------------------------------
	#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;*/}
}