@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;right: 110px;top: 250px;font-size: 24px;color: #FFF;line-height: 1.3;text-align: left;text-shadow: 2px 2px 2px rgba(0,0,0,0.4);}
#e500m_wrapper .title_area h3 span {font-size: 18px;line-height: 1.5;display: block;}
#e500m_wrapper .title_area .main_img {z-index: 2;position: relative;}


#e500m_wrapper .mainframe {width: 100%;padding: 0px;margin: 0px auto 30px auto;text-align: center;}
#e500m_wrapper .mainframe #section01 {padding: 0px;margin: 0px;position: relative;}

#e500m_wrapper .mainframe p {font-size: 16px;line-height: 1.8;}
#e500m_wrapper .mainframe p.lead {font-size: 18px;line-height: 1.7;margin: 0px 0px 60px 0px;}

#e500m_wrapper .mainframe .column {width: 980px;text-align: left;margin: 70px auto 0px auto;}
#e500m_wrapper .mainframe .column p.heading {font-size: 21px;line-height: 1.4;margin: 0px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.02em;display: block;}
#e500m_wrapper .mainframe .column p.heading {color: #FFF;background-color: #222;padding: 15px 20px 15px 20px;}

/*
#e500m_wrapper .mainframe .column .inner {columns: 2;column-rule: 1px none #cdcdcd;column-gap: 4.6em;}
#e500m_wrapper .mainframe .column .inner.line {border-top: 1px dotted #999;margin-top: 35px;padding-top: 40px;}
#e500m_wrapper .mainframe .column .inner p {margin-bottom: 25px;line-height: 1.9;font-feature-settings : "palt";letter-spacing: 0.03em;}
#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.00em;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 .img {clear: both;margin-bottom: 0px;}
*/

#e500m_wrapper .mainframe .column .inner {width: 100%;}
#e500m_wrapper .mainframe .column .inner.line {border-top: 1px dotted #999;margin-top: 35px;padding-top: 40px;}
#e500m_wrapper .mainframe .column .inner .fL {width: 460px;float:left;}
#e500m_wrapper .mainframe .column .inner .fR {width: 460px;float: right;}
#e500m_wrapper .mainframe .column .inner p {margin-top: 0px;line-height: 1.9;position: relative;top: -5px;font-feature-settings : "palt";letter-spacing: 0.03em;}
#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.00em;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 .img {clear: both;margin-bottom: 0px;}

#e500m_wrapper .mainframe .column .inner2 {width: 100%;margin-top: 40px;}
#e500m_wrapper .mainframe .column .inner2.line {border-top: 1px dotted #999;margin-top: 35px;padding-top: 40px;}
#e500m_wrapper .mainframe .column .inner2 .fL {width: 460px;float:left;}
#e500m_wrapper .mainframe .column .inner2 .fR {width: 460px;float: right;}
#e500m_wrapper .mainframe .column .inner2 p {margin-top: 15px;line-height: 1.9;font-feature-settings : "palt";letter-spacing: 0.03em;}

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

#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 auto 0px auto;position: relative;}
#e500m_wrapper .title_area h3 {z-index: 3;padding: 0px;margin: 0px;position: absolute;right: 4%;top: 80px;font-size: 1.3rem;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 h3 span {font-size: 1.0rem;line-height: 1.3;display: block;}
#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: 0px;position: relative;}

#e500m_wrapper .mainframe p {font-size: 1.2rem;line-height: 1.8;}
#e500m_wrapper .mainframe p.lead {font-size: 1.2rem;margin: 0px 0px 30px 0px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";}

#e500m_wrapper .mainframe .column {width: 92%;text-align: left;margin: 40px 4%;}
#e500m_wrapper .mainframe .column p.heading {font-size: 1.5rem;line-height: 1.4;margin: 0px;padding: 15px 20px 15px 20px;}
/*
#e500m_wrapper .mainframe .column .inner {columns: 1;column-gap: 0em;}
#e500m_wrapper .mainframe .column .inner.line {border-top: 1px dotted #999;margin-top: 35px;padding-top: 30px;}
#e500m_wrapper .mainframe .column .inner p {margin-bottom: 15px;line-height: 1.9;font-feature-settings : "palt";letter-spacing: 0.03em;}
#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.00em;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 .img {clear: both;margin-bottom: 0px;}
*/
#e500m_wrapper .mainframe .column .inner {width: 100%;}
#e500m_wrapper .mainframe .column .inner.line {border-top: 1px dotted #999;margin-top: 35px;padding-top: 30px;}
#e500m_wrapper .mainframe .column .inner .fL {width: 100%;float:none;}
#e500m_wrapper .mainframe .column .inner .fR {width: 100%;float: none;margin: 20px 0% 0px 0%;}
#e500m_wrapper .mainframe .column .inner p {margin-top: 0px;line-height: 1.9;/*font-feature-settings : "palt";letter-spacing: 0.05em;*/}

#e500m_wrapper .mainframe .column .inner2 {width: 100%;margin: 20px 0% 0px 0%;}
#e500m_wrapper .mainframe .column .inner2.line {border-top: 1px dotted #999;margin-top: 35px;padding-top: 30px;}
#e500m_wrapper .mainframe .column .inner2 .fL {width: 100%;float:none;}
#e500m_wrapper .mainframe .column .inner2 .fR {width: 100%;float: none;margin: 20px 0% 0px 0%;}
#e500m_wrapper .mainframe .column .inner2 p {margin-top: 15px;line-height: 1.9;/*font-feature-settings : "palt";letter-spacing: 0.05em;*/}

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

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

/*  ページセレクト  */
#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;*/}
}
