@charset "UTF-8";

#ghcontainer {padding-bottom: 0px !important;}

html{overflow:auto;}
body{overflow: hidden;min-width:980px;}

#contents { width: 100% !important;text-align: center;}

/* --------------------------------------------------------------------
	#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;padding-top: 50px;position: relative;}
/*#e500m_wrapper .title_area .title {width: 980px;padding: 0px;margin: 0px auto;}*/
#e500m_wrapper .title_area h3 {z-index: 3;padding: 0px;margin: 0px;position: absolute;left: 110px;top: 264px;font-size: 24px;color: #FFF;line-height: 1.1;text-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
#e500m_wrapper .title_area.vol2 h3 {z-index: 3;padding: 0px;margin: 0px;position: absolute;left: auto;right: 110px;top: 264px;font-size: 24px;color: #FFF;line-height: 1.1;text-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
#e500m_wrapper .title_area p.name {z-index: 4;padding: 0px;margin: 0px;position: absolute;right: 110px;bottom: 30px;font-size: 12px;color: #FFF;line-height: 1.4;text-shadow: 3px 3px 3px rgba(0,0,0,0.4);}
#e500m_wrapper .title_area.vol3 p.name {left: 110px;right: auto;}
#e500m_wrapper .title_area p.name span {font-size: 60px;line-height: 1.1;margin-top: 5px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: block;}
#e500m_wrapper .title_area .main_img {z-index: 2;position: relative;}
#e500m_wrapper .title_area .video_btn {z-index: 1;width: 980px;background-color: #000;padding: 0px;margin: 0px auto;position: relative;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
#e500m_wrapper .title_area .video_btn p {width: 100%;padding: 15px 0px 15px 0px;margin: 0px;font-size: 14px;color: #FFF;line-height: 1.1;}
#e500m_wrapper .title_area .video_btn p span {font-size: 12px;margin-left: 5px;position: relative;top: -1px;}
#e500m_wrapper .title_area .video_btn p img {width: 26px;position: relative;top: 5px;}
#e500m_wrapper .title_area .video_btn a {color: #FFF;text-decoration: none;position: absolute;top: 1px;left: 27px;width: 100%;height: 100%;}
#e500m_wrapper .title_area .video_btn:hover p {filter: alpha(opacity=70);opacity: 0.7;text-decoration: none;}


#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,#e500m_wrapper .mainframe #section04 {padding: 0px;margin: 70px 0px 0px 0px;position: relative;}
#e500m_wrapper .mainframe #section01 {padding: 0px;margin: 70px 0px 70px 0px;position: relative;}
#e500m_wrapper .mainframe p {font-size: 16px;line-height: 1.7;}
#e500m_wrapper .mainframe p.lead {font-size: 18px;line-height: 1.7;margin: 0px 0px 40px 0px;}
#e500m_wrapper .mainframe .column {width: 980px;margin: 0px auto;text-align: left;}
#e500m_wrapper .mainframe .column .inner {columns: 2;column-rule: 1px none #cdcdcd;column-gap: 4.6em;}
#e500m_wrapper .mainframe .column .inner p {line-height: 1.8;font-feature-settings : "palt";letter-spacing: 0.05em;}
#e500m_wrapper .mainframe .column .inner .img {margin: 25px 0px 25px 0px;}
#e500m_wrapper .mainframe .column .inner img {vertical-align: bottom;}

#e500m_wrapper .mainframe .column .inner p.caption {font-size: 13px;line-height: 1.6;font-feature-settings : "palt";letter-spacing: 0.1em;margin-top: 10px;}
#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 .profile {border-top: 1px solid #555;border-bottom: 1px solid #555;margin-top: 60px;padding: 20px 0px;}
#e500m_wrapper .mainframe .profile p {font-size: 12px;line-height: 1.7;}
#e500m_wrapper .mainframe .profile p.name {font-size: 30px;line-height: 1.1;}
#e500m_wrapper .mainframe .profile p.name span {font-size: 14px;line-height: 1.6;display: block;margin-bottom: 4px;}
#e500m_wrapper .mainframe .profile .fL {width: 32%;}
#e500m_wrapper .mainframe .profile .fR {width: 68%;}
.video_area {width: 640px;margin: 60px auto 0px auto;}
.video_area p {font-size: 18px;line-height: 1.7;text-align: left;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.video_area img {display: block;margin-top: 10px;}

#e500m_wrapper #video {margin-top:-50px;padding-top:50px;}
#e500m_wrapper .top_video_area {width: 980px;margin: 0px auto 0px auto;padding: 0px 0px 40px 0px;background-color: #F8F8F8;}
#e500m_wrapper .top_video_area .tit {width: 100%;margin: 0px 0px 40px 0px;background-color: #000;}
#e500m_wrapper .top_video_area .tit p {font-size: 18px;line-height: 1.7;padding: 15px 0px !important;text-align: center;color: #FFF !important;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#e500m_wrapper .video_box {width: 43.4%;margin: 0px;}
#e500m_wrapper .video_box.fL {margin: 0px 0px 0px 4%;}
#e500m_wrapper .video_box.fR {margin: 0px 4% 0px 0px;}
#e500m_wrapper .video_box img {display: block;margin-top: 0px;}
#e500m_wrapper .video_box p {font-size: 16px;text-align: left;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";margin: 0px 0px 5px 0px;}
#e500m_wrapper .video_box p span {font-size: 15px;margin-right: 3px;position: relative;top: -0px;}

/*
#e500m_wrapper .title_area .video_btn {
	animation-name: fadein;
	animation-duration: 2s;
	animation-iteration-count: 1;
}
@keyframes fadein {
from {
	opacity: 0;
	transform: translateY(-40px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
*/
.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 ul.select{font-size: 0;margin-top: 40px;font-family: メイリオ, Meiryo, sans-serif;position: relative;}
#e500m_wrapper .mainframe ul.select li{display: inline-block;border: 1px solid #555;text-align: center;margin-left: 10px;}
#e500m_wrapper .mainframe ul.select li.arrow{border: 1px solid #fff;}
#e500m_wrapper .mainframe ul.select li:first-child{margin-left: 0px;}
#e500m_wrapper .mainframe ul.select li .on,#e500m_wrapper .mainframe ul.select li a{font-size: 24px;line-height: 1;color: #222;height: 40px;width: 45px;display: table-cell;vertical-align: middle;text-align: center;padding-top: 5px;}
#e500m_wrapper .mainframe ul.select li .on,#e500m_wrapper .mainframe ul.select li a:hover {color: #FFF;background-color: #222;text-decoration: none;filter: alpha(opacity=100);opacity: 1.0;}
#e500m_wrapper .mainframe ul.select li a img {vertical-align: middle;position: relative;top: -0.1em;}
#e500m_wrapper .mainframe ul.select li.arrow a:hover {background-color: #FFF;text-decoration: none;filter: alpha(opacity=70);opacity: 0.7;}
#e500m_wrapper .mainframe .back_index {position: absolute;left: 0px;top: 9px;}
#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: 50px 0px 0px 0px;margin: 0px;}
#e500m_wrapper .title_area h3 {position: absolute;left: 4%;top: 240px;}
#e500m_wrapper .title_area.vol2 h3 {position: absolute;right: 4%;top: 240px;}
#e500m_wrapper .title_area p.name {position: absolute;right: 4%;bottom: 30px;}
#e500m_wrapper .title_area.vol3 p.name{position: absolute;left: 4%;bottom: 30px;}
}

@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 h3 {position: absolute;left: 4%;top: 110px;transform: translate(0%, 0%);font-size: 1.2rem;color: #FFF;line-height: 1.4;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;text-align: left;padding-left:1.9em;text-indent:-1.9em;}
#e500m_wrapper .title_area.vol2 h3 {position: absolute;left: auto;right: 4%;top: 110px;transform: translate(0%, 0%);font-size: 1.2rem;color: #FFF;line-height: 1.4;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;text-align: left;padding-left:1.9em;text-indent:-1.9em;}
#e500m_wrapper .title_area.vol3 h3 {position: absolute;left: 4%;top: 110px;transform: translate(0%, 0%);font-size: 1.2rem;color: #FFF;line-height: 1.4;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;text-align: left;padding-left:1.9em;text-indent:-1.9em;}
#e500m_wrapper .title_area p.name {position: absolute;right: 4%;bottom: 10px;font-size: 0.8rem;color: #FFF;line-height: 1.4;text-align: right;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";}
#e500m_wrapper .title_area.vol3 p.name {position: absolute;left: auto;right: 4%;bottom: 10px;font-size: 0.8rem;color: #FFF;line-height: 1.4;text-align: right;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";}
#e500m_wrapper .title_area p.name span {font-size: 2.1rem;line-height: 1.1;margin-top: 0px;margin-left: 5px;display: inline-block;}

#e500m_wrapper .title_area .main_img {z-index: 2;position: relative;}
#e500m_wrapper .title_area .video_btn {z-index: 1;width: 100%;background-color: #000;padding: 0px;margin: 0px;position: relative;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
#e500m_wrapper .title_area .video_btn p {width: 100%;padding: 15px 0px 15px 0px;margin: 0px;font-size: 1.0rem;color: #FFF;line-height: 1.1;}
#e500m_wrapper .title_area .video_btn p img {width: 16px;position: relative;top: 1px;left: 3px;}
#e500m_wrapper .title_area .video_btn a {color: #FFF;text-decoration: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#e500m_wrapper .title_area .video_btn:hover p {filter: alpha(opacity=100);opacity: 1.0;text-decoration: none;}


#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 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%;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 .inner .img {margin: 20px 0px 20px 0px;}

#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 .profile {width: 92%;margin: 40px 4% 0px 4%;padding: 20px 0px;}
#e500m_wrapper .mainframe .profile p {font-size: 1.1rem;line-height: 1.7;}
#e500m_wrapper .mainframe .profile p.name {font-size: 2.4rem;line-height: 1.1;margin-bottom: 15px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.05em;}
#e500m_wrapper .mainframe .profile p.name span {font-size: 1.1rem;line-height: 1.6;display: block;margin-bottom: 4px;}
#e500m_wrapper .mainframe .profile .fL {width: 100%;}
#e500m_wrapper .mainframe .profile .fR {width: 100%;}

.video_area {width: 92%;margin: 40px auto 0px auto;}
.video_area p {font-size: 1.4rem;}

#e500m_wrapper .top_video_area {width: 100%;margin: 50px auto 0px auto;padding: 0px 0px 30px 0px;}
#e500m_wrapper .top_video_area .tit {width: 100%;margin: 0px 0px 30px 0px;background-color: #000;}
#e500m_wrapper .top_video_area .tit p {font-size: 1.2rem;padding: 10px 0px !important;}
#e500m_wrapper .video_box {width: 92%;}
#e500m_wrapper .video_box.fL {float: none;margin: 0px 4% 0px 4%;}
#e500m_wrapper .video_box.fR {float: none;margin: 0px 4% 0px 4%;}
#e500m_wrapper .video_box img {display: block;margin-top: 0px;}

/*  ページセレクト  */
#e500m_wrapper .mainframe ul.select{margin-top: 25px;margin-bottom: 30px;}
#e500m_wrapper .mainframe ul.select li .on,#e500m_wrapper .mainframe ul.select li a{font-size: 1.3rem;height: 35px;width: 35px;padding-top: 0px;}
#e500m_wrapper .mainframe ul.select li a img {width: 10px;padding-top: 5px;}

#e500m_wrapper .mainframe .back_index {width: 60%;position: static;text-align: center;border: 1px solid #555;margin: 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) {
#e500m_wrapper .mainframe h4 {width: 92%;font-size: 1.4rem;line-height: 1.3;color: #FFF;display: block;position: absolute;left: 0%;top: 50%;transform: translate(0%, -50%);margin: 0px 4%;padding: 0px;filter: drop-shadow(2px 2px 0px 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.05em;/*white-space: nowrap;*/}
#e500m_wrapper .mainframe .back_index {width: 72%;}
}

@media only screen and (max-width: 320px) {
#e500m_wrapper .btn_area p {font-size: 1.0rem;padding-left: 2px;text-align: left;}
#e500m_wrapper .btn_area p.link {width: 100%;padding: 0px;}
#e500m_wrapper .btn_area p input[type=checkbox] {position: relative;top: -1px;left: -4px;}
#e500m_wrapper .thankyou_area h2 {font-size: 1.6rem;}
}