
/*===================================================================
  CSS for PC
===================================================================*/
/* Common */
html{ width:100%; min-width:1070px; height:100%; }
body{ width:100%; height:100%; color:#2c3687; 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%; }
.section{ width:100%; padding:160px 0; }
.sectionGray{ width:100%; padding:160px 0; background-color:#f5f5f5; }
.sectionWhite{ width:100%; padding:160px 0; }
.contentsBody{ width:960px; margin:auto; }
.contentsTitle{}
.contentsTitle > p{ font-size:2.5rem; line-height:100%; text-align:center; color:#2c3687; }
.contentsTitleSub{}
.contentsTitleSub > p{ padding-top:0.2rem; font-size:0.9rem; line-height:100%; text-align:center; color:#2c3687; }
.contentsHeaderLogoSp{ display:none; }
.contentsHeader{ position:relative; width:100%; height:360px; background-position:center; background-size:cover; }
.contentsHeader > p{ position:absolute; color:#ffffff; text-align:center; line-height:100%; left:0; right:0; margin:auto; }
.contentsHeader > p:nth-of-type(1){ font-size:3rem; bottom:5rem; }
.contentsHeader > p:nth-of-type(2){ font-size:1.1rem; bottom:3rem; }
.btnPgTop > a{ display: block; width: 128px; margin: 0 0 0 auto; margin-top: 2rem; padding: 0.5rem 0; color: #ffffff; line-height: 100%; text-align: center; text-decoration: none; background-color: #2c3687; }
.btnPgTop > a:hover{ opacity: 0.6;}


/* ACCESS */
.accessMap{ width:100%; }
.gMapArea{ width:100%; height:800px; }

/* MEMBER */
.memberMainInfo{ width:400px; margin:auto; background-color:#ffffff; }
.memberMainInfo > p{ font-size:1.5rem; text-align:center; padding:0.5rem 0; margin-bottom:2rem; }
.memberBox{ float:left; width:480px; margin-top:2rem; margin-bottom: 1rem;  }
.memberBoxImg{ float:left; width:160px; margin-left:0px; }
.memberInfo{ float:left; width:270px; margin-left:20px; }
.memberInfoName{ font-size:1.2rem; line-height:100%; margin-bottom:0.5rem; }
.memberInfoMemo{ font-size:0.9rem; line-height:150%; }
.memberInfoMail{ font-size:0.9rem; line-height:150%; margin-top:0.5rem; }
.memberInfoMail:before{ content:''; display:inline-block; width:1.5rem; height:0.9rem; background-image:url(../../img/memberMailIcon.png); background-size:contain; vertical-align:middle; }
.memberInfoLink{ font-size:0.9rem; line-height:150%; margin-top:0.5rem; }

.memberBoxStr{ margin-top:2rem; margin-bottom: 1rem; }
.memberBoxStr > p{ font-weight: bold; padding-bottom: 0.25rem; border-bottom: 1px #2c3687 solid; }
.memberBox02{ width:960px; display: flex; flex-wrap: wrap;justify-content: flex-start;}
.memberBox02 > div{ width: 240px; margin-bottom: 1rem; }
.memberInfo02{ width:240px; }
.memberInfoName02{ font-size:1.2rem; line-height:100%; margin-bottom:0.5rem; }
.memberInfoMemo02{ font-size:0.9rem; line-height:150%;  }

.memberSecBtnSection{ width:100%; padding-top: 160px; padding-bottom: 0; }
.memberSecBtn{ width: 960px; display: flex; flex-wrap: nowrap; }
.memberSecBtn > a{ display: block; width: 160px; margin-right: 4px; line-height: 100%; color: #ffffff; text-align: center; text-decoration: none; padding: 0.5rem 0; background-color: #2c3687; z-index: 9998;  }
.memberSecBtn > a:hover{ opacity: 0.6; }
.memberSecStr{  }
.memberSecStr > p{ font-size:1.5rem; font-weight: bold; }
.memberJump{ display: block; padding-top: 11rem; margin-top: -9rem; }   

.memberRecruit{ margin-top: 1rem;  }
.memberRecruit > p{ font-size:1.2rem; }





/* RESULT */
.resultBox{}
.resultYear{ float:left; width:130px; margin-left:0px; }
.resultYear > p{ font-size:1.5rem; }
.resultBody{ float:left; width:770px; margin-left:30px; border-top:1px #2c3687 solid; }
.resultContents{ padding:0.5rem 0; border-bottom:1px #2c3687 solid; }
.resultContents > p:nth-of-type(1){ font-weight:bold; }
.resultContents > p:nth-of-type(2){}
.resultContents > p:nth-of-type(3){}
.resultContents > p > span{ font-style:italic; }
.resultContents > p > a{ color:#2c3687; text-decoration:underline; }
.resultContents > p > a:hover{ opacity:0.6; }

.resultYearBtnSection{ width:100%; padding-top: 160px; padding-bottom: 0; }
.resultYearBtn{ width: 960px; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.resultYearBtn > a{ display: block; width: 92px; margin-right: 4px; line-height: 100%; color: #ffffff; text-align: center; text-decoration: none; padding: 0.5rem 0; background-color: #2c3687; z-index: 9998;  }
.resultYearBtn > a:hover{ opacity: 0.6; }
.jump{ display: block; padding-top: 10rem; margin-top: -10rem; }    

.resultStrBox{ margin-bottom: 2rem;}

.resultStr01{ margin-bottom: 0.5rem; }
.resultStr01 > p{ font-size: 1.5rem; line-height: 150%; font-weight: bold; padding-bottom: 0.5rem; border-bottom: 1px #2c3687 solid;}
.resultBody02{ float:left; width:770px; margin-left:30px; }
.resultStr02{ }
.resultStr02 > p{ margin-bottom: 1rem; }
.resultStr02 > p > span{ font-style:italic; }

.resultStr03{ }
.resultStr03 > p{ padding-left: 1.5rem; text-indent: -1.5rem; margin-bottom: 1rem; }
.resultStr03 > p > span{ text-decoration: underline; }

.resultStr04{ margin-bottom: 1rem; }
.resultStr04 > p{ padding-top: 0.5rem; border-top: 1px #2c3687 solid; }
.resultStr04 > p > span{ text-decoration: underline; }





/* RESEARCH */
.researchBox01{}
.researchBox01L{ float:left; width:200px; margin-left:0px; }
.researchBox01R{ float:left; width:630px; margin-left:130px; }
.researchBox02{ width:200px; height:200px; padding:1rem; background-color:#2c3687; }
.researchBox02 > p{ color:#ffffff; }
.researchBox02 > p:nth-of-type(1){ font-size:1.5rem; line-height:100%; }
.researchBox02 > p:nth-of-type(2){ font-size:1rem; line-height:100%; padding-top:0.5rem; }
.researchBox03{}
.researchBox04{}
.researchBox04 > p{ font-size:2rem; text-align:center; padding-bottom:2rem; }
.researchBox05{}
.researchBox05L{ float:left; width:440px; margin-left:0px; }
.researchBox05L > p{ padding-left:1em; text-indent:-1em; padding-bottom:2rem; }
.researchBox05R{ float:left; width:460px; margin-left:30px; }
.researchBox06{}
.researchBox06 > p{ font-size:2rem; text-align:center; padding-bottom:2rem; }
.researchBox07{}
.researchBox07L{ float:left; width:440px; margin-left:0px; }
.researchBox07L > p{ padding-left:1em; text-indent:-1em; padding-bottom:2rem; }
.researchBox07R{ float:left; width:460px; margin-left:30px; }
.researchBox08{}
.researchBox08 > p{ font-size:2rem; text-align:center; padding-bottom:2rem; }
.researchBox09{}
.researchBox09L{ float:left; width:438px; margin-left:0px; }
.researchBox09L > p{ padding-left:1em; text-indent:-1em; padding-bottom:2rem; }
.researchBox09R{ float:left; width:462px; margin-left:30px; }

/* ABOUT */
.aboutBox01{}
.aboutBox01L{ float:left; width:200px; margin-left:0px; }
.aboutBox01R{ float:left; width:630px; margin-left:130px; }
.aboutBox02{ width:200px; height:200px; padding:1rem; background-color:#2c3687; }
.aboutBox02 > p{ color:#ffffff; }
.aboutBox02 > p:nth-of-type(1){ font-size:1.5rem; line-height:100%; }
.aboutBox02 > p:nth-of-type(2){ font-size:1rem; line-height:100%; padding-top:0.5rem; }
.aboutBox03{}
.aboutBox04{ margin-top:3rem; }
.aboutBox04L{ float:left; width:297px; margin-left:0px; }
.aboutBox04R{ float:left; width:300px; margin-left:33px; }
.aboutBox04R > p:nth-of-type(1){ font-size:0.9rem; line-height:100%; }
.aboutBox04R > p:nth-of-type(2){ font-size:1.5rem; line-height:100%; padding-top:0.5rem; }
.aboutBox04R > p:nth-of-type(3){ font-size:0.8rem; line-height:100%; padding-top:0.5rem; }
.aboutBox04R > p:nth-of-type(4){ line-height:200%; padding-top:1.5rem; }
.aboutBox04R > p:nth-of-type(4) > a{ color: #2c3687; text-decoration: underline; }
.aboutBox04R > p:nth-of-type(4) > a:hover{ opacity: 0.6; }


.aboutBox05{ margin-bottom:2rem; border:1px #2c3687 solid; }
.aboutBox06{ }
.aboutBox06 > p:nth-of-type(1){ float:left; width:calc(100% - 3rem); height:3rem; font-size:1.5rem; line-height:3rem; padding-left:1.5rem; }
.aboutBox06 > p:nth-of-type(2){ float:right; position:relative; width:3rem; height:3rem; font-size:1.5rem; line-height:100%; padding:1rem 1.5rem; }
.aboutBox06 > p.open{ background-image:url('../../img/aboutImg02open.png'); background-position:center; }
.aboutBox06 > p.close{ background-image:url('../../img/aboutImg02close.png'); background-position:center; }
.aboutBox06Btn:hover{ opacity:0.6; cursor:pointer; }
.aboutBox07{ display:none; background-color:#f5f5f5; }
.aboutBox07 > p{ padding:2rem 1.5rem; }
.aboutBox08{}
.aboutBox08L{ float:left; width:200px; margin-left:0px; }
.aboutBox08R{ float:left; width:630px; margin-left:130px; }
.aboutBox09{ width:200px; height:200px; padding:1rem; background-color:#2c3687; }
.aboutBox09 > p{ color:#ffffff; }
.aboutBox09 > p:nth-of-type(1){ font-size:1.5rem; line-height:100%; }
.aboutBox09 > p:nth-of-type(2){ font-size:1rem; line-height:100%; padding-top:0.5rem; }


.aboutBox10{}
.aboutBox10 > p{ padding-bottom:1rem; }

/* 201013ǉ ABOUT OneDay */
.aboutBox11{ clear:both; width:630px; margin:auto; margin-bottom:2rem; display:flex; flex-wrap:wrap; justify-content: space-between; }
.aboutBox11:after { content: ""; display: block; width: 204px; }
.aboutBox11 > div{ width:204px; margin-bottom:2px; }

.aboutBox12{}
.aboutBox12L{ float:left; width:200px; margin-left:0px; }
.aboutBox12R{ float:left; width:630px; margin-left:130px; }
.aboutBox13{ width:200px; height:200px; padding:1rem; background-color:#2c3687; }
.aboutBox13 > p{ color:#ffffff; }
.aboutBox13 > p:nth-of-type(1){ font-size:1.5rem; line-height:100%; }
.aboutBox13 > p:nth-of-type(2){ font-size:1rem; line-height:100%; padding-top:0.5rem; }
.aboutBox14{ padding:1rem 0; background-color:#f5f5f5; }
.aboutBox14 > p{ float:left; }
.aboutBox14 > p:nth-of-type(1){ width:130px; padding-left:1rem; }
.aboutBox14 > p:nth-of-type(2){ width:500px; padding:0 1rem; }
.aboutBox14 > p > a{ color:#2c3687; text-decoration:underline; }

/* 201013ǉ ABOUT OneDay */
.aboutBox15{}
.aboutBox15 > p{ font-size:1.75rem; line-height:100%; padding-bottom:1.5rem; }
.aboutBox16{ margin-bottom:3rem;}
.aboutBox16 > p:nth-of-type(1){ font-size:1.2rem; font-weight:bold; line-height:100%; }
.aboutBox16 > p:nth-of-type(2){ padding-bottom:1rem; padding-top:0.25rem; }
.aboutBox16 > p:nth-of-type(3){ font-size:1.2rem; font-weight:bold; line-height:100%; }
.aboutBox16 > p:nth-of-type(4){ padding-bottom:1rem; padding-top:0.25rem; }
.aboutBox16 > p:nth-of-type(5){ font-size:1.2rem; font-weight:bold; line-height:100%; }
.aboutBox16 > p:nth-of-type(6){ padding-bottom:1rem; padding-top:0.25rem; }
.aboutBox16 > p > span{ font-size:1.2rem; font-weight:bold; }

.aboutBox17{ width:630px; margin-top:2rem; }
.aboutBox17 > a{ display:block; margin-bottom:2rem; background-color:#2c3687; text-align:center; }
.aboutBox17 a:hover{ opacity:0.6; }
.aboutBox17 > a > p:before{ content:''; display:inline-block; width:1.5rem; height:1.2rem; background-image:url(../../img/instagramIcon.png); background-size:contain; vertical-align:middle; }
.aboutBox17 > a > p{ font-size:1.2rem; color:#ffffff; line-height:100%; padding:1.5rem; }

.aboutBox18{ display:block; border-top:1px #2c3687 solid; border-bottom:1px #2c3687 solid; margin-bottom: 2rem;}
.aboutBox18 > p{ padding:1rem 0; }

.aboutBox19{ width:320px; margin: auto;  }
.aboutBox19 > a{ display:block; margin-bottom:2rem; background-color:#2c3687; text-align:center; }
.aboutBox19 a:hover{ opacity:0.6; }
.aboutBox19 > a > p{ font-size:1.2rem; color:#ffffff; line-height:100%; padding:1rem; }

/* 2402ǉ ܂ł1 */
.aboutBox20{ margin-bottom:2rem; border:1px #2c3687 solid; }
.aboutBox21 > p:nth-of-type(1){ float:left; width:calc(100% - 3rem); height:3rem; font-size:1.5rem; line-height:3rem; padding-left:1.5rem; }
.aboutBox21 > p:nth-of-type(2){ float:right; position:relative; width:3rem; height:3rem; font-size:1.5rem; line-height:100%; padding:1rem 1.5rem; }
.aboutBox21 > p.open{ background-image:url('../../img/aboutImg02open.png'); background-position:center; }
.aboutBox21 > p.close{ background-image:url('../../img/aboutImg02close.png'); background-position:center; }
.aboutBox21Btn:hover{ opacity:0.6; cursor:pointer; }
.aboutBox22{ display:none; background-color:#f5f5f5; }

/* 2402ǉ ܂ł1 */
.aboutBox23{ width:600px; margin:auto; margin-bottom:0.5rem; display:flex; flex-wrap:wrap; justify-content: space-between; }
.aboutBox23:after { content: ""; display: block; width: 196px; }
.aboutBox23 > div{ width:196px; margin-bottom:2px; }

.aboutBox24{ margin-top: 3rem; }
.aboutBox24 > p{ font-size:1.75rem; line-height:100%; padding-bottom:1.5rem; }
.aboutBox24Inner01{ clear:both; width:630px; margin:auto; margin-bottom:0.25rem; display:flex; flex-wrap:wrap; justify-content: space-between; }
.aboutBox24Inner01:after { content: ""; display: block; width: 204px; }
.aboutBox24Inner01 > div{ width:204px; }
.aboutBox24Inner02{ clear:both; width:630px; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; }
.aboutBox24Inner02:after { content: ""; display: block; width: 310px; }
.aboutBox24Inner02 > div{ width:310px; margin-bottom:0.25rem; }
.aboutBox24Inner03{ clear:both; width:630px; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; }
.aboutBox24Inner03 > div{ width:630px; margin-bottom:0.25rem; }









/* Home */
.homeMainVisualLogoSp{ display:none; }
.homeMainVisualArea{ position:relative; width:100%; height:100vh; }
.homeMainVisualFader{ width:100vw; height:100vh; }
.homeMainVisual{ width:100vw; height:100vh; background-position:center; background-size:cover; }
.homeMainVisual > p{ position:absolute; width:100%; height:3rem; left:0; bottom:0; line-height:3rem; text-align:right; padding-right:3rem; color:#ffffff; background-color:rgba(0,0,0,0.5); }
.homeMainVisualArrow{ position:absolute; width:64px; height:64px; left:0; right:0; bottom:5rem; margin:auto; z-index:9998; }


.homeAboutBox{ position:relative; width:960px; height:366px; margin-top:5rem; }
.homeAboutBox > a{ display:block; position:absolute; color:#ffffff; text-align:center; background-color:#2c3687; }
.homeAboutBox a:hover{ opacity:0.6; }
.homeAboutBox > a > p:nth-of-type(1){ font-size:2.5rem; line-height:100%; }
.homeAboutBox > a > p:nth-of-type(2){ padding-top:0.5rem; font-size:0.9rem; line-height:100%; }
.homeAboutBox > a > img{ width:2.5rem; height:2.5rem; }
.homeAboutBox > a:nth-of-type(1){ width:312px; height:218px; padding-top:74px; top:0; left:0; }
.homeAboutBox > a:nth-of-type(2){ width:312px; height:218px; padding-top:74px; top:0; left:324px; }
.homeAboutBox > a:nth-of-type(3){ width:312px; height:218px; padding-top:74px; top:230px; left:0; }
.homeAboutBox > a:nth-of-type(4){ width:312px; height:218px; padding-top:74px; top:230px; left:324px; }

.homeAboutBox > div{ width:312px;  height:448px; top:0px; left:648px; background-color:#2c3687; }
/* facebook FIT֘A */
.facebook-wrapper {
    max-width: 500px; /* Facebook Page Plugin ̍ő啝 */
}


.homeResearchBox{ width:960px; margin-top:5rem; }
.homeResearchBox > a{ display:block; margin-bottom:2rem; color:#2c3687; text-align:center; border:1px #2c3687 solid; }
.homeResearchBox a:hover{ opacity:0.6; }
.homeResearchBox > a > p{ font-size:1.5rem; line-height:100%; padding:2rem; }
.homeResearchBox > a.more{ display:block; width:300px; margin:auto; }
.homeResearchBox > a.more > p{ font-size:1.1rem; line-height:100%; padding:1rem; }
.homeResultBox{ width:960px; margin-top:5rem; }
.homeResultBox > a{ display:block; margin-bottom:2rem; color:#2c3687; text-align:center; border:1px #2c3687 solid; }
.homeResultBox a:hover{ opacity:0.6; }
.homeResultBox > a > p{ font-size:1.5rem; line-height:100%; padding:2rem; }
.homeResultBox > a.more{ display:block; width:300px; margin:auto; }
.homeResultBox > a.more > p{ font-size:1.1rem; line-height:100%; padding:1rem; }
.homeMemberBox{ width:960px; margin-top:5rem; }
.homeMemberBox > a{ display:block; margin-bottom:2rem; color:#2c3687; text-align:center; border:1px #2c3687 solid; }
.homeMemberBox a:hover{ opacity:0.6; }
.homeMemberBox > a > p{ font-size:1.5rem; line-height:100%; padding:2rem; }
.homeMemberBox > a.more{ display:block; width:300px; margin:auto; }
.homeMemberBox > a.more > p{ font-size:1.1rem; line-height:100%; padding:1rem; }
.homeMemberImg{ margin-bottom:2rem; }

/* Header */
.spHeader{ display:none; }
.pcHeader{ position:fixed; width:100%; min-width:1070px; height:125px; top:0; left:0; z-index:9999; background-color:rgba(44,54,135,0.8); }
.pcHeaderLogo{ position:absolute; width:483px; height:97px; top:14px; left:20px; }
.pcHeaderMenu{ position:absolute; width:530px; height:70px; top:0; right:20px; }
.pcHeaderMenu > a{ display:block; float:left; margin-left:1px; width:105px; height:70px; line-height:110px; text-align:center; color:#ffffff; }
.pcHeaderMenu > a:hover, .pcHeaderMenu > a.on{ color:#2c3687; background-color:#ffffff; }

/* Footer */
.footer{ width:100%; min-width:1070px; height:460px; margin-top:150px; background-color:#2c3687; }
.footerBody{ position:relative; width:1070px; margin:auto; }
.footerLogo{ position:absolute; width:257px; height:192px; top:50px; left:0; }
.footerLinkSp{ display:none; }
.footerLinkPc{ position:absolute; width:300px; top:50px; left:370px; }
.footerLinkPc01{ margin-bottom:0.5em; }
.footerLinkPc02{ margin-bottom:0.5em; }
.footerLinkPc02 > a > span{ font-size:0.8em; }


.footerLink{ position:absolute; width:400px; top:50px; left:700px; }
.footerBody p{ line-height:100%; padding-top:0.5rem; padding-bottom:0.8rem; color:#ffffff; }
.footerBody a{ display:inline-block; padding-top:0.5rem; color:#ffffff; }
.footerBody a:hover{ opacity:0.6; }

