@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: 150px;font-size: 24px;color: #FFF;line-height: 1.4;text-align: left;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;text-shadow: 2px 2px 1px rgba(0,0,0,0.3);}
#e500m_wrapper .title_area .main_img {z-index: 2;position: relative;}
#e500m_wrapper .mainframe #section01,#e500m_wrapper .mainframe #section02,#e500m_wrapper .mainframe #section03,#e500m_wrapper .mainframe #section04 {padding: 0px;margin: 0px;position: relative;margin-top: -50px;padding-top: 50px;}
#e500m_wrapper .mainframe #section05 {padding: 0px;margin: 40px 0px 0px 0px;position: relative;}
#e500m_wrapper .mainframe #section05 .column {text-align: right;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 15px 0px;}
#e500m_wrapper .mainframe #section05 .column p {font-size: 14px;line-height: 1.1;}
#e500m_wrapper .mainframe #section05 .column p a {display: inline-block !important;color: #555;}

#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 .fL {width: 463px;}
#e500m_wrapper .mainframe .column .inner .fR {width: 463px;}

#e500m_wrapper .mainframe .column .img {clear: both;margin: 25px 0px 0px 0px;}
#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 .column ul.p_link {margin-top: 70px;}
#e500m_wrapper .mainframe .column ul.p_link li {width: 242px;float: left;padding-left: 4px;}
#e500m_wrapper .mainframe .column ul.p_link li:first-child {padding-left: 0px;}

@media only screen and (max-width: 1200px) {
#e500m_wrapper .title_area {width: 100%;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: 40px;transform: translate(0%, 0%);font-size: 1.4rem;line-height: 1.3;text-shadow: 0px 0px 5px rgba(0,0,0,0.6);}
#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,#e500m_wrapper .mainframe #section02,#e500m_wrapper .mainframe #section03,#e500m_wrapper .mainframe #section04 {padding: 0px;margin: 0px;position: relative;margin-top: -50px;padding-top: 50px;}
#e500m_wrapper .mainframe #section05 {padding: 0px;margin: 20px 4% 0px 4%;position: relative;}

#e500m_wrapper .mainframe #section05 .column {width: 100%;text-align: left;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin:  0px;padding: 15px 0px;}
#e500m_wrapper .mainframe #section05 .column p {font-size: 1.1rem;line-height: 1.6;}
#e500m_wrapper .mainframe #section05 .column p a {display: inline-block !important;color: #555;}

#e500m_wrapper .mainframe p {font-size: 1.2rem;line-height: 1.7;}
#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 .column ul.p_link {margin-top: 50px;}
#e500m_wrapper .mainframe .column ul.p_link li {width: 100%;float: none;padding-bottom: 10px;padding-left: 0px;}
#e500m_wrapper .mainframe .column ul.p_link li:first-child {padding-left: 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;*/}
}