@charset "utf-8";

body,div,pre,p,blockquote,form,ul,ol,li,fieldset,input,textarea,select,option,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,embed,object {margin:0;padding:0;}
body,div,pre,p,blockquote,form,ul,ol,li,fieldset,input,textarea,select,option,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,embed,object {vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,menu,nav,section,main {display:block;margin:0;padding:0;}
body,table {font-size:12px;line-height:1;color:white;}
body {font-family:'Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',san-serif;}
body::before {content:'';display:block;background:white;width:20px;height:100%;position:fixed;top:0;left:0;z-index:10;}
body::after {content:'';display:block;background:white;width:20px;height:100%;position:fixed;top:0;right:0;z-index:10;}
img {border:0;}


header {position:fixed;top:0;left:0;min-width:1410px;width:100%;z-index:5;}
#header1 {position:absolute;top:8px;left:18px;}
#header2 {position:absolute;top:50px;right:50px;}
#header2 ul {list-style-type:none;font-size:0;}
#header2 li {text-align:right;margin-bottom:28px;padding-right:15px;border-right:4px solid transparent;padding-top:1px;}
#header2 li a {color:white;text-decoration:none;opacity:.2;}
#header2 li a:hover {opacity:1;}
header.pane2 #header2 li:nth-child(1) {border-right-color:white;}
header.pane2 #header2 li:nth-child(1) a {opacity:1;}
header.pane3 #header2 li:nth-child(2) {border-right-color:white;}
header.pane3 #header2 li:nth-child(2) a {opacity:1;}
header.pane4 #header2 li:nth-child(3) {border-right-color:white;}
header.pane4 #header2 li:nth-child(3) a {opacity:1;}
header.pane5 #header2 li:nth-child(4) {border-right-color:white;}
header.pane5 #header2 li:nth-child(4) a {opacity:1;}

main {min-width:1410px;background:url(../images/cp_main1.jpg) no-repeat center / cover;background-attachment:fixed;}
main::before {content:'';display:block;background:white;height:20px;width:100%;position:fixed;top:0;left:0;z-index:10;}
main::after {content:'';display:block;background:white;height:20px;width:100%;position:fixed;bottom:0;left:0;z-index:10;}
#contentwrap {background:url(../images/cp_main_bg.png);transition-property:background;transition:0.1s linear;}
#contenttitle {width:960px;margin:0 auto 35px;border-bottom:1px solid rgba(255,255,255,.2);padding:160px 0 5px;letter-spacing:.3em;}
#contenttitle::after {content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#contenttitle1 {float:left;font-size:0;margin-right:20px;font-size:0;}
#contenttitle1 img {vertical-align:-22px;}
#contenttitle2 {float:left;font-size:12px;line-height:36px;}
#contenttitle3 {float:right;color:white;font-size:12px;line-height:36px;}
#contenttitle3 a {color:#c8c8c8;text-decoration:none;}
#contenttitle3 a:hover {text-decoration:underline;}
#contentbottom {font-size:0;border-top:1px solid rgba(255,255,255,.2);padding:16px 0 115px;width:960px;margin:0 auto;}
#contentbottom a {position:relative;display:inline-block;}
#contentbottom a:hover::after {content:'';display:block;width:48px;height:1px;background:white;position:absolute;top:14px;left:20px;}

footer {background:rgba(0,0,0,.6) url(../images/cp_main_bg.png);min-width:1410px;}
#footer1 {float:right;padding-top:10px;padding-right:60px;margin-bottom:17px;}
#footer1::after {content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#footer1 ul {list-style-type:none;}
#footer1 li {float:left;margin-left:8px;}
#footer1 li a {display:block;background-position:center;background-repeat:no-repeat;width:35px;height:35px;opacity:.4;}
#footer1 li a:hover {opacity:1;}
#footer1 li:first-child a {background-image:url(../images/cp_footer1_1.png);}
#footer1 li:nth-child(2) a {background-image:url(../images/cp_footer1_2.png);}
#footer1 li:nth-child(3) a {background-image:url(../images/cp_footer1_3.png);}
#footer2 {clear:both;font-size:0;margin-bottom:80px;}
#footer2 ul {list-style-type:none;text-align:center;}
#footer2 li {display:inline-block;margin:0 30px;}
#footer2 li:first-child {margin:0 37px;}
#footer2 li a {text-decoration:none;width:208px;display:block;}
#footer2 li a img {border-bottom:1px solid transparent;padding-bottom:2px;opacity:.78;}
#footer2 li a:hover img {border-bottom-color:white;opacity:1;}
#footer3 {font-size:0;padding-bottom:40px;text-align:center;}

#contentcontainer { width: 790px; margin: 0 auto; padding-right: 170px; padding-bottom: 80px; letter-spacing: .1em;}
#contentcontainer p{color: #c8c8c8; font-size: 14px; line-height: 24px; margin-bottom: 40px;}
#contentcontainer h3{font-size: 16px; line-height: 36px; font-weight: normal; margin-bottom: 5px;}

@media screen and (min-width: 641px) {

.sp {display:none;}
.imgswap :last-child {display:none;}

}
@media screen and (max-width: 640px) {

.pc {display:none;}
.imgswap :first-child {display:none;}

p,h1,h2,h3,h4,h5,h6 {max-height:100%;}
body {-webkit-text-size-adjust:100%;}
body::before {height:100vh;}
body::after {height:100vh;}

header {min-width:0;height:116px;background:linear-gradient(to bottom, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 33%, rgba(51,51,51,0) 100%);}
/*header.pane1 {pointer-events:none;}*/
#header1 {position:absolute;top:8px;left:8px;}
#header1 a {display:block;background:url(../images/sp_cp_header1.png) no-repeat;width:235px;height:123px;}
#header1 a img {display:none;}
#header2 {top:20px;right:20px;width:360px;background:url(../images/sp_cp_header3.png) no-repeat right 26px top 38px;min-height:97px;transition-property:background,box-shadow;transition:0.2s linear;}
#header2.open {background:rgba(136,136,136,.8) url(../images/sp_cp_header4.png) no-repeat right 30px top 40px;box-shadow:-2px -5px 10px rgba(0,0,0,.15);}
#header2 ul {margin-right:90px;padding:25px 0 20px 30px;}
#header2 li {display:none;text-align:right;margin-bottom:0;padding-right:0;border-rightnone;padding-top:0;}
#header2.open li {display:block;}
#header2 li a {display:block;background-repeat:no-repeat;background-position:right center;height:52px;opacity:1;}
#header2 li:first-child a {background-image:url(../images/sp_cp_header2_1.png);}
#header2 li:nth-child(2) a {background-image:url(../images/sp_cp_header2_2.png);}
#header2 li:nth-child(3) a {background-image:url(../images/sp_cp_header2_3.png);}
#header2 li:nth-child(4) a {background-image:url(../images/sp_cp_header2_4.png);}
#header2 li:nth-child(5) a {background-image:url(../images/sp_cp_header2_5.png);}
#header2 li a img {display:none;}
header.pane2 #header2 li:nth-child(1) {border-right-color:transparent;display:block;}
header.pane2 #header2 li:nth-child(1) a {opacity:.78;}
header.pane3 #header2 li:nth-child(2) {border-right-color:transparent;display:block;}
header.pane3 #header2 li:nth-child(2) a {opacity:.78;}
header.pane4 #header2 li:nth-child(3) {border-right-color:transparent;display:block;}
header.pane4 #header2 li:nth-child(3) a {opacity:.78;}
header.pane5 #header2 li:nth-child(4) {border-right-color:transparent;display:block;}
header.pane5 #header2 li:nth-child(4) a {opacity:.78;}

main #spmainbg {position:fixed;top:0;left:0;width:100%;height:100vh;background:url(../images/sp_cp_main1.jpg) no-repeat center / cover;z-index:-1;}
main {min-width:0;overflow:hidden;background:none;}
#contentwrap {}
#contenttitle {width:520px;margin:0 auto 15px;padding:126px 0 10px;}
#contenttitle1 {}
#contenttitle1 img {vertical-align:-22px;}
#contenttitle2 {font-size:16px;}
#contenttitle3 {font-size:16px;}
#contentbottom {border-top:1px solid rgba(255,255,255,.2);padding:30px 0 40px;width:520px;}
#contentbottom>a {display:inline-block;background:url(../images/sp_cp_news2.png) no-repeat;width:110px;height:17px;}
#contentbottom>a img {display:none;}
#contentbottom a:hover::after {content:none;}
#contentbottom2 {margin-top:50px;font-size:0;text-align:center;}

footer {min-width:0;position:relative;padding-top:282px;}
#footer1 {float:none;padding-top:0;padding-right:0;margin-bottom:0;position:absolute;top:180px;left:221px;}
#footer1 ul {}
#footer1 li {margin-left:0;}
#footer1 li a {display:block;width:66px;height:66px;opacity:.56;}
#footer1 li:first-child a {background-image:url(../images/sp_cp_footer1_1.png);}
#footer1 li:nth-child(2) a {background-image:url(../images/sp_cp_footer1_2.png);}
#footer1 li:nth-child(3) a {background-image:url(../images/sp_cp_footer1_3.png);}
#footer2 {position:absolute;top:60px;left:0;width:100%;margin:0 7px;}
#footer2 ul {text-align:center;}
#footer2 li {}
#footer2 li:last-child {margin:60px 60px 0;}
#footer2 li a {height:12px;}
#footer2 li:first-child a {width:207px;background:url(../images/sp_cp_footer2_1.png) no-repeat;}
#footer2 li:nth-child(2) a {width:135px;background:url(../images/sp_cp_footer2_2.png?t=1519873811362) no-repeat;}
#footer2 li a img {display:none;}
#footer3 {font-size:0;}

#contentcontainer { width: 520px; padding-right: 0; padding-bottom: 60px;}
#contentcontainer p{font-size: 20px; line-height: 32px; margin-bottom: 36px;}
#contentcontainer h3{font-size: 20px; line-height: 32px; margin-bottom: 13px;}
}