@charset "utf-8";

/*===================================================================
  CSS Import
===================================================================*/
@import url(./ress.css);

/*===================================================================
  Common
===================================================================*/
html{ width:100%; min-width:900px; height:100%; }
body{ width:100%; height:100%; color:#000000; background-color:#ffffff; font-size:16px; font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif; }
p{ line-height:180%; }
a{ color:#000000; text-decoration:underline; }
a:hover{ color:#0aa0f0; text-decoration:underline; }
div{ position:relative; }
div:after{ content:''; clear:both; display:block; }
img{ display:inline-block; width:100%; height:auto; }

/*===================================================================
  index
===================================================================*/
.leftBtnWrapper{ position:fixed; width:900px; top:0; left:0; right:0; margin:auto; z-index:9998; }
.leftBtn{ width:240px; height:116px; position:absolute; top:160px; right:0; }
.leftBtn > a{ display:block; width:240px; height:48px; margin-bottom:10px; }
.leftBtn > a:hover{ opacity:0.6; }

.mainBodyWideWrapper{ width:100%; height:730px; background-image:url(../../img/mainBodyWideBg.jpg); background-size:cover; background-position:center bottom; }
.mainBodyWideBody{ width:900px; margin:auto; padding-top:20px; }
.mainBodyWrapper{ width:900px; margin:auto; padding-top:126px; }
.mainBody{ width:630px; }

.mbBoxInfo{ width:630px; background-color:#ffffff; border:solid 2px #5400f7; margin-bottom:2rem; }
.mbBoxInfo> p{ font-size:1.8rem; font-weight:bold; padding:1rem; color:#5400f7; line-height:150%;}

.mbBox01{ width:630px; margin-top:10px; }
.mbBox01> p{ font-size:1.2rem; line-height:200%; font-weight:bold; margin-bottom:0.8rem; }
.mbBox02{ width:630px; margin-top:40px; }
.mbBox02> p{ font-size:1rem; line-height:200%; font-weight:bold; margin-bottom:1.5rem; }
.mbBox03{ width:240px; height:220px; background-image:url(../../img/mbBox03Img.svg); background-size:10rem; background-position:right 4rem; margin-top:3rem; background-repeat: no-repeat; }
.mbBox03 > p{ display:table-cell; text-align:center; color:#e01f1f; font-size:1.7rem; font-weight:bold; line-height:2rem; text-shadow: 1px 2px 3px #b9c2ca; }
.mbBox03 > p > span{ font-size:1.2rem; }
.mbBox04{ width:630px; height:3rem; background-color:#5400f7; border-radius:1.5rem; }
.mbBox04 > p{ font-size:1.5rem; font-weight:bold; line-height:3rem; padding-left:2rem; color:#ffffff; }
.mbBox05{ margin-top:4px; border:#6400a3 1px Solid; }
.mbBox05 > p:nth-of-type(1){ display:block; width:80px; height:52px; font-size:1.2rem; font-weight:bold; color:#ffffff; background-color:#5400f7; line-height:3.2rem; text-align:center; float:left; }
.mbBox05 > p:nth-of-type(2){ display:block; width:550px; height:52px; font-size:1.2rem; font-weight:bold; line-height:3.2rem; text-indent:0.5rem; }
.mbBox06{ margin-top:30px; }
.mbBox06 > a:nth-of-type(1){ display:block; width:630px; height:58px; }
.mbBox06 > a:hover{ opacity:0.6; }
.mbBox07{ margin-top:10px; }
.mbBox07 > p:nth-of-type(1){ font-size:1.2rem; font-weight:bold; }
.mbBox07 > p:nth-of-type(2){ }
.mbBox08{ width:630px; height:3rem; margin-top:50px; background-color:#5400f7; border-radius:1.5rem; }
.mbBox08 > p{ font-size:1.5rem; font-weight:bold; line-height:3rem; padding-left:2rem; color:#ffffff; }
.mbBox13{ margin-top:10px; }
.mbBox13 > p{}
.mbBox14{ margin-top:30px; }
.mbBox14 > p{ display:block; width:630px; height:3rem; font-size:1.1rem; color:#ffffff; line-height:3rem; text-align:center; background-color:#5400f7; border-radius:1.5rem; }
.mbBox14 > a:hover{ opacity:0.6; }
.mbBox15{ margin-top:10px; }
.mbBox15 > p{ width:630px; font-size:1rem; text-align:center; }

.mbBox16{ margin-top:10px; }
.mbBox16 > p:nth-of-type(1){ font-size:1.2rem; font-weight:bold; width:80px; float:left; line-height:150%; }
.mbBox16 > p:nth-of-type(2){ font-size:1.2rem; font-weight:bold; width:550px; float:left; line-height:150%; }

.mbBox17{ margin-top:4px; border:#00a364 1px Solid; }
.mbBox17 > p:nth-of-type(1){ display:block; width:80px; height:52px; font-size:1.2rem; font-weight:bold; color:#ffffff; background-color:#6400a3; line-height:3.2rem; text-align:center; float:left; }
.mbBox17 > p:nth-of-type(2){ display:block; width:550px; height:52px; font-size:1.2rem; font-weight:bold; line-height:3.2rem; text-indent:0.5rem; }



/*===================================================================
  Header
===================================================================*/
.header{ position:fixed; width:100%; height:140px; top:0; left:0; z-index:9999; background-color:#5400f7; }
.headerSpacer{ width:100%; height:140px; }
.headerBody{ width:900px; height:140px; margin:auto; }
.headerLogo{ width:857px; height:101px; position:absolute; top:18px; left:0; }

/*===================================================================
  Footer
===================================================================*/
.footerBtnPgTop{ clear:both; width:100%; height:64px; margin-top:100px; }
.btnPgTop{ width:80px; height:64px; margin:auto; }
.btnPgTop:hover{ cursor:pointer; opacity:0.6; }
.footer{ width:100%; background-color:#ccb3ff; }
.footerBody{ width:900px; margin:auto; padding-top:30px; }

.footerBodyStr{ width:900px; }
.footerBodyStr > p:nth-of-type(1){ font-size:1.2rem; font-weight:bold; text-align:center; }
.footerBodyStr > p:nth-of-type(2){ text-align:center; }


.footerBanner{ width:900px; margin:auto; margin-top:2rem; padding-bottom:5rem; }
.footerBanner > div{ width:450px; margin:auto; }
.footerBanner a:hover{ opacity:0.6; }

.footerBanner2{ width:270px; margin:0 auto; margin-top:2rem; text-align:center; }
.footerBanner2 > a{ display:flex; }
.footerBanner2 > a > img{ width:2rem; margin-right:0.5rem; }