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

#e500m_wrapper .title_area2 {width: 1200px;margin: 0px auto;padding-top: 50px;position: relative;}
#e500m_wrapper .title_area2 h3 {z-index: 3;padding: 0px;margin: 0px;position: absolute;left: 110px;top: 150px;font-size: 24px;color: #FFF;line-height: 1.3;text-shadow: 3px 3px 3px rgba(0,0,0,0.4);text-align: left;}
#e500m_wrapper .title_area2 .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: 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 p.lead a {
	display: inline-block;
}
#e500m_wrapper .mainframe p.heading {font-size: 26px;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.02em;display: block;}
#e500m_wrapper .mainframe p.heading2 {font-size: 26px;line-height: 1.4;margin: 40px 0px 25px 0px;padding-top: 40px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings : "palt";letter-spacing: 0.02em;display: block;border-top: 1px dotted #999;}
#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.03em;margin: 0px 0px 25px 0px;}
#e500m_wrapper .mainframe .column .inner p span {font-weight: bold;}
#e500m_wrapper .mainframe .column .inner p span.midashi {line-height: 1.6;letter-spacing: 0.01em;margin-bottom: 8px;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: block;}
#e500m_wrapper .mainframe .column .inner .img {margin: 30px 0px 0px 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: 10px 0px 0px 0px;}

#e500m_wrapper .mainframe .column .inner2 {width: 100%;}
#e500m_wrapper .mainframe .column .inner2 p {line-height: 1.8;font-feature-settings : "palt";letter-spacing: 0.03em;margin: 0px 0px 25px 0px;}
#e500m_wrapper .mainframe .column .inner2 p span {font-weight: bold;}
#e500m_wrapper .mainframe .column .inner2 .img {margin: 0px;}
#e500m_wrapper .mainframe .column .inner2 img {vertical-align: bottom;}
#e500m_wrapper .mainframe .column .inner2 p.caption {font-size: 13px;line-height: 1.6;font-feature-settings : "palt";letter-spacing: 0.1em;margin: 10px 0px 0px 0px;}
#e500m_wrapper .mainframe .column .inner2 .fL {width: 460px;}
#e500m_wrapper .mainframe .column .inner2 .fR {width: 460px;}

#e500m_wrapper .mainframe .column .inner2 .device {background-color: #f8f8f8;padding: 15px;margin: 40px 0px;border: 1px solid #CCC;}
#e500m_wrapper .mainframe .column .inner2 .device p {font-size: 16px;line-height: 2.0;margin: 0px 0px 0px 0px;}
#e500m_wrapper .mainframe .column .inner2 .device p.heading {font-size: 16px;line-height: 1.6;margin-bottom: 10px;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 .inner2 .device p.text {margin-top: 10px;display: block;line-height: 1.7;}
#e500m_wrapper .mainframe .column .inner2 .device li {width: 40%;float: left;padding-left:0em;}
#e500m_wrapper .mainframe .column .inner2 .device li.non-star {padding-left:1.6em;/*text-indent:-1em;*/}
#e500m_wrapper .mainframe .column .inner2 .device li.fL {width: 40%;}
#e500m_wrapper .mainframe .column .inner2 .device li.fR {width: 40%;}

#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 .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: 70px;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: 200px;}
#e500m_wrapper .title_area2 {width: 100%;padding: 50px 0px 0px 0px;margin: 0px;}
#e500m_wrapper .title_area2 h3 {position: absolute;left: 4%;top: 130px;}
}

@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 h3 {position: absolute;left: 4%;top: auto;bottom: 40px;transform: translate(0%, 0%);font-size: 1.6rem;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;}
#e500m_wrapper .title_area .main_img {z-index: 2;position: relative;}
#e500m_wrapper .title_area2 {width: 100%;margin: 0px;}
#e500m_wrapper .title_area2 h3 {position: absolute;left: 4%;top: auto;bottom: 40px;transform: translate(0%, 0%);font-size: 1.6rem;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;}
#e500m_wrapper .title_area h3 span {font-size: 1.2rem;line-height: 1.4;display: block;margin-bottom: 5px;}
#e500m_wrapper .title_area2 .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 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 p.heading {font-size: 1.4rem;line-height: 1.4;margin-bottom: 15px;}
#e500m_wrapper .mainframe p.heading2 {font-size: 1.4rem;line-height: 1.4;margin: 10px 0px 15px 0px;padding-top: 30px;}

#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;margin: 0px 0px 20px 0px;}
#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 .inner2 p {line-height: 1.8;margin: 0px 0px 20px 0px;}
#e500m_wrapper .mainframe .column .inner2 .img {margin: 0px;}
#e500m_wrapper .mainframe .column .inner2 p.caption {font-size: 1.0rem;line-height: 1.6;letter-spacing: 0.1em;margin-top: 10px;}
#e500m_wrapper .mainframe .column .inner2 .fL {width: 100%;}
#e500m_wrapper .mainframe .column .inner2 .fR {width: 100%;margin-bottom: 20px;}
#e500m_wrapper .mainframe .column .inner2.mt25 {margin-top: 0px !important;}

#e500m_wrapper .mainframe .column .inner2 .device {background-color: #f8f8f8;padding: 15px;margin: 40px 0px;border: 1px solid #CCC;}
#e500m_wrapper .mainframe .column .inner2 .device p {font-size: 1.0rem;line-height: 1.8;}
#e500m_wrapper .mainframe .column .inner2 .device span.heading {font-size: 1.3rem;line-height: 1.6;margin-bottom: 5px;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 .inner2 .device span.text {line-height: 1.6;margin-top: 5px;display: block;}
#e500m_wrapper .mainframe .column .inner2 .device li {width: 100%;float: none;padding-left:0em;}
#e500m_wrapper .mainframe .column .inner2 .device li.non-star {padding-left:1.6em;/*text-indent:-1em;*/}
#e500m_wrapper .mainframe .column .inner2 .device li.fL {width: 100%;}
#e500m_wrapper .mainframe .column .inner2 .device li.fR {width: 100%;}

/*  ページセレクト  */
#e500m_wrapper .mainframe ul.select{margin-top: 40px;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 .title_area h3 {position: absolute;left: 4%;top: auto;bottom: 15px;font-size: 1.2rem;}
#e500m_wrapper .title_area2 h3 {position: absolute;left: 4%;top: auto;bottom: 15px;font-size: 1.2rem;}
#e500m_wrapper .title_area h3 span {font-size: 1.0rem;line-height: 1.3;}
#e500m_wrapper .title_area h3 span br { display: none;}
#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;}
}