/*===================================================================
  CSS for SmartPhone
===================================================================*/
/* Common */
html{ width:100vw; height:100vh; }
body{ height:100vw; color:#2c3687; background-color:#ffffff; font-family:arial,helvetica,sans-serif; }
p{ line-height:170%; }
.section{ width:100vw; padding:3rem 0; }
.sectionGray{ width:100vw; padding:3rem 0; background-color:#f5f5f5; }
.sectionWhite{ width:100vw; padding:3rem 0; }
.contentsBody{ width:96vw; 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{ width:70vw; padding-left:5vw; padding-top:5vw; }
.contentsHeader{ position:relative; width:100%; height:22rem; 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:2.1rem; bottom:5rem; }
.contentsHeader > p:nth-of-type(2){ font-size:1.1rem; bottom:3rem; }
.btnPgTop > a{ display: block; width: 8rem; 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; }



/* ACCESS */
.accessMap{ width:100%; }
.gMapArea{ width:100%; height:80vh; }

/* MEMBER */
.memberMainInfo{ width:50vw; margin:auto; background-color:#ffffff; }
.memberMainInfo > p{ font-size:1rem; text-align:center; padding:0.3rem 0; }
.memberBox{ margin-top:4rem; }
.memberBoxImg{ width:60vw; margin:auto; }
.memberInfo{ margin-top:1rem; }
.memberInfoName{ font-size:1.2rem; text-align:center; }
.memberInfoMemo{ font-size:0.9rem; line-height:150%; text-align:center; }
.memberInfoMail{ font-size:0.9rem; line-height:150%; margin-top:1rem; text-align:center; }
.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; text-align:center; }

.memberBoxStr{ margin-top:2rem; margin-bottom: 1rem; }
.memberBoxStr > p{ font-weight: bold; padding-bottom: 0.25rem; border-bottom: 1px #2c3687 solid;}
.memberBox02{ width:100%; display: flex; flex-wrap: wrap;justify-content: flex-start; }
.memberBox02 > div{ width:50%; margin-bottom: 1rem; }
.memberBox02:after { content: ""; display: block; width:50%; }
.memberInfo02{ width:100%; }
.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: 3rem; padding-bottom: 0; }
.memberSecBtn{ width: 100%; display: flex; flex-wrap: nowrap; }
.memberSecBtn > a{ display: block; width: 7rem; 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: 3rem;  }   

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








/* RESULT */
.resultBox{}
.resultYear{ margin-bottom: 2rem; }
.resultYear > p{ font-size:1.5rem;  }
.resultBody{ margin-top:2rem; 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{ }

.resultYearBtnSection{ width:100%; padding-top: 3rem; padding-bottom: 0; }
.resultYearBtn{ width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.resultYearBtn > a{ display: block; width: 7rem; margin-right: 0.25rem; line-height: 100%;color: #ffffff; text-align: center; text-decoration: none; padding: 0.5rem 0; margin-bottom: 0.25rem; background-color: #2c3687; z-index: 9998;  }
.jump{ display: block; padding-top: 2.5rem; margin-top: -2.5rem; }    

.resultStrBox{ margin-bottom: 2rem;}

.resultStr01{ margin-bottom: 0.5rem; }
.resultStr01 > p{ font-size: 1.25rem; line-height: 150%; font-weight: bold; padding-bottom: 0.5rem; border-bottom: 1px #2c3687 solid;}
.resultBody02{ width:100%;  }
.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{ width:50vw; height:50vw; margin:auto; }
.researchBox01R{ margin-top:2rem; }
.researchBox02{ width:50vw; height:50vw; 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:1.5rem; padding-bottom:1rem; }
.researchBox05{}
.researchBox05L{}
.researchBox05L > p{ padding-left:1em; text-indent:-1em; padding-bottom:1rem; }
.researchBox05R{}
.researchBox06{}
.researchBox06 > p{ font-size:1.5rem; padding-bottom:1rem; }
.researchBox07{}
.researchBox07L{}
.researchBox07L > p{ padding-left:1em; text-indent:-1em; padding-bottom:1rem; }
.researchBox07R{}
.researchBox08{}
.researchBox08 > p{ font-size:1.5rem; padding-bottom:1rem; }
.researchBox09{}
.researchBox09L{}
.researchBox09L > p{ padding-left:1em; text-indent:-1em; padding-bottom:1rem; }
.researchBox09R{}

/* ABOUT */
.aboutBox01{}
.aboutBox01L{ width:50vw; height:50vw; margin:auto; }
.aboutBox01R{ margin-top:2rem; }
.aboutBox02{ width:50vw; height:50vw; 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{ width:70vw; margin:auto; }
.aboutBox04R{ width:70vw; margin:auto; margin-top:1rem; }
.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{  }


.aboutBox05{ margin-bottom:1rem; border:1px #2c3687 solid; }
.aboutBox06{ }
.aboutBox06 > p:nth-of-type(1){ float:left; width:calc(100% - 3rem); height:3rem; font-size:1.2rem; line-height:3rem; padding-left:0.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{ width:50vw; height:50vw; margin:auto; }
.aboutBox08R{ margin-top:2rem; }
.aboutBox09{ width:50vw; height:50vw; 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:2rem; }

/* 201013追加 ABOUT OneDay */
.aboutBox11{ display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:3rem; }
.aboutBox11:after { content: ""; display: block; width: 49%; }
.aboutBox11 > div{ width:49%; padding-top:0.5rem; }
.aboutBox11 > div:nth-of-type(even){margin-left:2%;}





.aboutBox12{}
.aboutBox12L{ width:50vw; height:50vw; margin:auto; }
.aboutBox12R{ margin-top:2rem; }
.aboutBox13{ width:50vw; height:50vw; 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:0.5rem 0.5rem; background-color:#f5f5f5; }
.aboutBox14 > p:nth-of-type(1){}
.aboutBox14 > p:nth-of-type(2){ padding-top:0.5rem; }
.aboutBox14 > p > a{ color:#2c3687; text-decoration:underline; }

/* 201013追加 ABOUT OneDay */
.aboutBox15{}
.aboutBox15 > p{ font-size:1.75rem; line-height:150%; padding-bottom:1.2rem; }
.aboutBox16{ margin-bottom:3rem;}
.aboutBox16 > p:nth-of-type(1){ font-size:1.2rem; font-weight:bold; line-height:150%; padding-left:1rem; text-indent:-1rem; }
.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:150%; padding-left:1rem; text-indent:-1rem; }
.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:150%; padding-left:1rem; text-indent:-1rem; }
.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:100%; margin:auto; margin-bottom:2rem;}
.aboutBox17 > a{ display:block; background-color:#2c3687; text-align:center; }
.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; margin-bottom:2rem; border-top:1px #2c3687 solid; border-bottom:1px #2c3687 solid;}
.aboutBox18 > p{ padding:1rem 0; }

.aboutBox19{ width:80%; 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; }
.aboutBox22{ display:none; background-color:#f5f5f5; }

/* 2402追加 これまでの1日 */
.aboutBox23{ width:90%; margin:auto; display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:1rem;  }
.aboutBox23:after { content: ""; display: block; width: 49%; }
.aboutBox23 > div{ width:49%; padding-top:0.5rem; }

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









/* Home */
.homeMainVisualLogoSp{ position:absolute; width:70vw; left:5vw; top:5vw; z-index:9998; }
.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:15vw; height:15vw; left:0; right:0; bottom:5rem; margin:auto; z-index:9998; }

.homeAboutBox{ width:100%; margin-top:5rem; }
.homeAboutBox > a{ display:block; margin-bottom:1rem; color:#ffffff; text-align:center; background-color:#2c3687; }
.homeAboutBox > a > p:nth-of-type(1){ font-size:2rem; 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:2rem; height:2rem; }
.homeAboutBox > a:nth-of-type(1){ width:100%; height:10rem; padding-top:3.2rem; }
.homeAboutBox > a:nth-of-type(2){ width:100%; height:10rem; padding-top:3.2rem; }
.homeAboutBox > a:nth-of-type(3){ width:100%; height:10rem; padding-top:3.2rem; }
.homeAboutBox > a:nth-of-type(4){ width:100%; height:10rem; padding-top:3.2rem; }
.homeAboutBox > div{  width:100%; }
/* facebook FIT関連 */
.facebook-wrapper {
    max-width: 500px; /* Facebook Page Plugin の最大幅 */
    margin: 0 auto;
}  /* facebook FIT関連　END */

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

/* Header */
.pcHeader{ display:none; }
.spHeader{ position:fixed; width:100%; top:0; left:0; z-index:9999; }
.spHeaderOpen{ position:absolute; width:15vw; height:15vw; right:5vw; top:5vw; }
.spHeaderSub{ display:none; position:absolute; width:100vw; padding-bottom:4rem; left:0; top:0; background-color:#f5f5f5; }
.spHeaderClose{ position:absolute; width:15vw; height:15vw; right:5vw; top:5vw; }
.spHeaderSub > a.T0{ margin-top:4rem; }
.spHeaderSub > a.T1{ margin-top:1rem; }
.spHeaderSub > a.T2{ margin-top:0.5rem; padding-left:1rem; }
.spHeaderSub > a.T2 > p:nth-of-type(1){ font-size:1.5rem; }
.spHeaderSub > a.T2 > p:nth-of-type(2){ font-size:0.9rem; }
.spHeaderLink{ display:block; width:85%; margin:auto; }
.spHeaderLink > p{ display:inline-block; color:#2c3687; }
.spHeaderLink > p:nth-of-type(1){ font-size:1.7rem; line-height:100%; }
.spHeaderLink > p:nth-of-type(2){ font-size:1rem; line-height:100%; padding-left:1rem; }

/* Footer */
.footer{ width:100%; min-width:96vw; margin-top:5rem; background-color:#2c3687; }
.footerBody{ width:100%; margin:auto; padding:1rem; }
.footerLogo{ width:70vw; }
.footerLinkSp{ margin-top:1rem; }
.footerLinkSp > div{ float:left;width:50%; }
.footerLinkPc{ display:none; }
.footerLink{ width:100%; margin-top:1rem; }
.footerBody p{ line-height:100%; padding-top:0.8rem; color:#ffffff; }
.footerBody a{ display:inline-block; padding-top:0.8rem; color:#ffffff; }