@charset "utf-8";

/* ---------------------------------------------------------------------------------
base */

*{}

@media(max-width:750px){
	
body{ font-size:140%;}

}

li img{ width:100%;}

img{ vertical-align:bottom;}

a:link{ color:#ff5a7d;text-decoration: none;}
a:visited{ color:#ff5a7d;text-decoration: none;}
a:active{ color:#333;text-decoration:none;opacity: 0.5;}
a:hover{ opacity: 0.9;}


body{ background:#fff url(../images/background.png) repeat-y center top;background-size:2560px auto ; height:100%; width:100%; color:#333;}
body.award01,
body.award02,
body.award03{ background:#fff url(../images/award/2023_background.png) repeat-y center top;background-size:2560px auto ; height:100%; width:100%; color:#333;}

body.awd2024{ background:#fff url(../images/award/2024_background.png) repeat-y center top;background-size:2560px auto ; height:100%; width:100%; color:#333;}


@media(max-width:750px){

body{   background:#fff url(../images/background.png) repeat-y center top ;background-size:1560px auto ; }
 
}

p{ line-height: 1.8em;}

.hrTac img{ width:100%;}
img{ width:100%;}


span.red{ color: sienna; padding: 2px; border: 1px solid sienna;margin-left: 5px; font-size: 100%;display: inline-block; line-height: 1em;}


#menuBtn{ position: fixed; top:0; right: 0; z-index: 100;}

#contents,
#contents_inner,
#luxy{ height: 100%;}


/* ---------------------------------------------------------------------------------
contents */

#pageHeader{ width: 100%;height: 761px; background:url(../images/mainVisual_PC.png) no-repeat center top; background-size: 1940px auto;}
#pageHeader .inner{ height: 100%;background: url(../images/imgBase.png) no-repeat center bottom; background-size: 1940px auto;}
#pageHeader .inner2{ width: 1030px; margin: 0 auto; height: 100%; position: relative;}

#pageHeader h1{ width: 510px; 
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


#pageHeader.ver202307{ 
    background:url(../images/mainVisual_PC.webp) no-repeat center top; 
    background-size: 1940px auto;}



@media(max-width:750px){    
    
#pageHeaderSP{ background:url(../images/mainVisual_SP.png) no-repeat center bottom; background-size: cover;
        width: 100%;
    height: 1408px; position: relative;
    overflow: hidden; }
    
#pageHeaderSP.ver202307{
    background:url(../images/mainVisual_SP.webp) no-repeat center bottom; 
    background-size: cover;
    }

#pageHeaderSP h1{ width: 710px; 
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
    
}





#pageHeadersub{ width: 100%;height: 330px; background:url(../images/mainVisual_PCsub.webp) no-repeat center top; background-size: 1940px auto;}
#pageHeadersub .inner{ height: 100%;background: url(../images/imgBase.png) no-repeat center bottom; background-size: 1940px auto;}
#pageHeadersub .inner2{ width: 1030px; margin: 0 auto; height: 100%; position: relative;}

body.awd2021 #pageHeadersub{background:url(../images/2023_mainVisual_PCsub.webp) no-repeat center top; background-size: 1940px auto;}
body.awd2022 #pageHeadersub{background:url(../images/2023_mainVisual_PCsub.webp) no-repeat center top; background-size: 1940px auto;}
body.awd2023 #pageHeadersub{background:url(../images/2023_mainVisual_PCsub.webp) no-repeat center top; background-size: 1940px auto;}
body.awd2024 #pageHeadersub{background:url(../images/2024_mainVisual_PCsub.webp) no-repeat center top; background-size: 1940px auto;}
body.awd2025 #pageHeadersub{background:url(../images/2025_mainVisual_PCsub.webp) no-repeat center top; background-size: 1940px auto;}
body.awd2026 #pageHeadersub{background:url(../images/2026_mainVisual_PCsub.webp) no-repeat center top; background-size: 1940px auto;}


#pageHeadersub h1{ width: 250px; 
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}




@media(max-width:750px){    
    
#pageHeaderSPsub{ background:url(../images/mainVisual_SPsub.webp) no-repeat center top; background-size: cover;
        width: 100%;
    height: 228px; position: relative;
    overflow: hidden;
    margin-bottom: 90px;}

#pageHeaderSPsub h1{ width: 250px; 
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

body.awd2021 #pageHeaderSPsub{ background:url(../images/2023_mainVisual_SPsub.webp) no-repeat center top; background-size: cover;}
body.awd2022 #pageHeaderSPsub{ background:url(../images/2023_mainVisual_SPsub.webp) no-repeat center top; background-size: cover;}
body.awd2023 #pageHeaderSPsub{ background:url(../images/2023_mainVisual_SPsub.webp) no-repeat center top; background-size: cover;}
body.awd2024 #pageHeaderSPsub{ background:url(../images/2024_mainVisual_SPsub.webp) no-repeat center top; background-size: cover;}
body.awd2025 #pageHeaderSPsub{ background:url(../images/2025_mainVisual_SPsub.webp) no-repeat center top; background-size: cover;}
body.awd2026 #pageHeaderSPsub{ background:url(../images/2026_mainVisual_SPsub.webp) no-repeat center top; background-size: cover;}

}








#INTRO{ width: 760px; margin: 0 auto;  margin-top: -130px;  position: relative; text-align: center;}
#INTRO .kikanPC{}
#INTRO .intro_txt{ position: relative; top: -20px;}

@media(max-width:750px){

    #INTRO{ width: auto; margin: 0 20px; margin-top: -120px; margin-bottom: 20px;}
    .kikanSP{ width: 100%; margin: 0 auto; top: 105px; position: relative}
#INTRO .intro_txt{ position: relative; top: 0; margin-top: 100px;}

}




#ENTRY{ width: 850px; margin: 0 auto; position: relative; top: -50px; margin-bottom: 140px}

#ENTRY h2{ width:170px; margin: 0 auto; margin-bottom: 30px}

#ENTRY .whiteBox{ background: #fff;padding: 20px;}
#ENTRY .whiteBox >.inner{ position: relative; height: 430px;}

#ENTRY .entry01{ text-align: center; width: 420px; font-size: 24px;}
#ENTRY .entry01 span{ font-size: 34px; margin-right: 0.3em}

#ENTRY .entry01{position: absolute; width: ; top: 0px; left: 0;}
#ENTRY .entry02{position: absolute; width:430px ; bottom: 110px; left: 20px;}
#ENTRY .entry03{position: absolute; width:460px ; bottom: 0px; left: 0;}
#ENTRY .entry04{position: absolute; width:324px ; bottom: 0px; right: 0;}
#ENTRY .entry05{position: absolute; width:280px ; bottom: -140px; right: -50px;}


@media(max-width:750px){

    #ENTRY{ width: auto; margin: 0 25px; margin-bottom: 180px;}
#ENTRY h2{ width:270px; margin: 0 auto; margin-bottom: 30px}
    
#ENTRY .whiteBox{ background: #fff;padding: 20px;}
#ENTRY .whiteBox >.inner{ position: relative; height: auto;}

#ENTRY .entry01{ text-align: center; width: auto; font-size: 29px;}
#ENTRY .entry01 span{ font-size: 44px; margin-right: 0.3em}

#ENTRY .entry01{position: static; width: ; top: 0px; left: 0; margin-bottom: 20px;}
#ENTRY .entry02{position: static; width:100% ; bottom: 0; left: 0; margin-bottom: 20px;}
#ENTRY .entry03{position: static; width:100% ; bottom: 0px; left: 0; margin-bottom: 20px;}
#ENTRY .entry04{position: static; width:100% ; bottom: 0px; right: 0;}
#ENTRY .entry05{position: absolute; width:380px ; bottom: -140px; right: 0px;}    
}





#THEME{ width: 850px; margin: 0 auto; position: relative; top: -35px; margin-bottom: -20px}

#THEME h2{ width:170px; margin: 0 auto; margin-bottom: 30px}

.themeTxt{ position: relative; top: -80px; z-index: -1; width: 600px ; margin: 0 auto;}

.photosArea{}
.photosArea >.inner{ position: relative; top: -130px; height: 295px;}

.photosArea .theme01{position: absolute; width:273px ; top: 0px; left: -50px; z-index: 3}
.photosArea .theme02{position: absolute; width:273px ; top: 0px; left: 183px;z-index: 4}
.photosArea .theme03{position: absolute; width: 273px; top: 0px; left: 410px; z-index: 6}
.photosArea .theme04{position: absolute; width: 273px; top: 0px; right: -50px; z-index: 5}

.etc{ width: 60px; margin: 0 auto; position: relative; top: -100px;}

@media(max-width:750px){

    
#THEME{ width: auto; margin: 0 50px; position: relative; top: -20px; margin-bottom: -50px}

#THEME h2{ width:270px; margin: 0 auto; margin-bottom: 30px}

.themeTxt{ position: relative; top: -80px; z-index: -1; width: 100% ; margin: 0 auto;}
    
    .photosArea{}
.photosArea >.inner{ position: relative; top: -130px; height: 855px;}

.photosArea .theme01{position: absolute; width:380px ; top: 0px; left: 0px; z-index: 3}
.photosArea .theme02{position: absolute; width:380px ; top: 0px; left: 300px;z-index: 4}
.photosArea .theme03{position: absolute; width: 380px; top: 420px; left:300px; z-index: 6}
.photosArea .theme04{position: absolute; width: 380px; top: 400px; left: 0px; z-index: 5}
    
.etc{ width: 110px; margin: 0 auto; position: relative; top: -170px;}
}




#ANNOU{ width: 850px; margin: 0 auto; position: relative; top: -30px; margin-bottom: 350px}

#ANNOU h2{ width:170px; margin: 0 auto; margin-bottom: 30px}

#ANNOU ul{width: 100%;
margin: 0 auto ;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 15px;
row-gap: 15px;  }


@media(max-width:750px){
    
 
#ANNOU{ width: auto; margin: 0 25px; margin-bottom: 360px;}
#ANNOU h2{ width:270px; margin: 0 auto; margin-bottom: 30px}
       
    
#ANNOU ul{width: 100%;
margin: 0 auto ;
display: grid;
grid-template-columns: repeat(1, 1fr);
column-gap: 20px;
row-gap: 20px;  } 
}





#PRESENT{ width: 850px; margin: 0 auto; position: relative; top: -50px; margin-bottom: 140px; margin-top: -150px;}
#PRESNET >.inner{width: auto;  margin: 0 auto;}

#PRESENT h2{ width:600px; margin: 0 auto; margin-bottom: 30px; top: -90px; position: relative;}

.rbBoxTop{ margin:0 auto; background: #fff url(../images/whiteboxBG.png) no-repeat center top; margin-bottom: 100px;}
.rbBoxBtm{  margin:0 auto; background: url(../images/whiteboxBG.png) no-repeat center bottom;}

body.awd2024 .rbBoxTop{ margin:0 auto; background: #fff url(../images/award/2024_whiteboxBG.png) no-repeat center top; margin-bottom: 100px;}



.award01 .rbBoxTop,
.award02 .rbBoxTop,
.award03 .rbBoxTop{ background: #fff url(../images/award/2023_whiteboxBG.png) no-repeat center top;}
.award01 .rbBoxBtm,
.award02 .rbBoxBtm,
.award03 .rbBoxBtm{ background: url(../images/award/2023_whiteboxBG.png) no-repeat center bottom;}


.rbBoxBtm >.inner{padding: 50px; position: relative;}

.rbBoxTop.souhyo{width: 93%;}

#PRESENT .rbBoxTop ul { margin-top: -80px;}
#PRESENT .rbBoxTop ul li{ position: relative; width: 600px; margin: 0 auto;}

#PRESENT .rbBoxTop ul li .imgBox01{ position: relative;width: 300px;}
#PRESENT .rbBoxTop ul li .imgBox02{ position: absolute; width: 300px; top: 0 ; right: 0;}
#PRESENT .rbBoxTop ul li .imgBox03{ }

@media(max-width:750px){
    
#PRESENT{ width: auto; margin: 0 25px; position: relative; top: -50px; margin-bottom: 0px; margin-top: -150px;}

#PRESENT h2{ width:600px; margin: 0 auto; margin-bottom: 30px; top: -60px; position: relative;}
.rbBoxBtm >.inner{padding: 25px; position: relative;}
}



#SHINSAIN{}
#SHINSAIN >.inner{ width: 850px; margin:0 auto; position: relative;}

#SHINSAIN h2{ width:210px; margin: 0 auto; margin-bottom: 30px; top: -24px; position: absolute;left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.sinsaProf{ display: flex; flex-wrap: nowrap; width: 100%; margin: 0 auto;}

.sinsaProf .imgBox{width: 52%;}

.sinsaProf.small{ padding-top: 30px;}
.sinsaProf.small .imgBox img{width: 72%;}

.sinsaProf .txtBox{ width: 54%; box-sizing: border-box; padding-left: 30px;}

.sinsaProf .ptHeader{ font-size: 16px;padding-bottom: 0.1em; border-bottom: 1px solid #666; }
.sinsaProf h3{ font-size: 26px; padding-top: 26px; margin-bottom: 10px;}
.sinsaProf p{ font-size: 15.3px; margin-bottom: 0; margin-top: -0.2em; }
.sinsaProf .ptFurigana{ font-size: 16px; margin-top:0;font-weight: bold;}


@media(max-width:750px){

#SHINSAIN{}
#SHINSAIN >.inner{ width: auto; margin:0 25px; position: relative;}

.sinsaProf{ display: block; flex-wrap: nowrap; width: auto; margin: 0 auto;padding: 25px;}

.sinsaProf .imgBox{width: 100%;}
.sinsaProf .txtBox{ width: 100%; box-sizing: border-box; padding-left: 0;}

#SHINSAIN h2{ width:280px; margin: 0 auto; margin-bottom: 30px; top: -32px; }
    .sinsaProf .ptHeader{ font-size: 30px;padding-bottom: 0.1em; border-bottom: 1px solid #666; }
.sinsaProf h3{ font-size: 45px; padding-top: 26px; margin-bottom: 10px;}
.sinsaProf p{ font-size: 29px; margin-bottom: 0; margin-top: 1em; }
.sinsaProf .ptFurigana{ font-size: 30px; margin-top:0;font-weight: bold;}

    
    
    
}







#SHINSA{ width: 850px; margin: 0 auto; position: relative; top: 0; margin-bottom: 140px}
#SHINSA >.inner{width: 850px;  margin: 0 auto;}

#SHINSA h2{ width:170px; margin: 0 auto; margin-bottom: 30px; top: 0; position: relative;}

.shisaImageArea .imgBox01{ width: 600px; margin: 0 auto; margin-bottom: 10px;}
.shisaImageArea .imgBox02{ width: 28px; margin: 0 auto; margin-bottom: 10px;}
.shisaImageArea .imgBox03{ width: 460px; margin: 0 auto;}




@media(max-width:750px){

#SHINSA{ width: auto; margin: 0 auto; position: relative; top: 0; margin-bottom: 70px}
#SHINSA >.inner{width: auto;  margin: 0 auto;}

#SHINSA h2{ width:270px; margin: 0 auto; margin-bottom: 30px; top: 0; position: relative;}

.shisaImageArea .imgBox01{ width: 95%; margin: 0 auto; margin-bottom: 10px;}
.shisaImageArea .imgBox02{ width:78px; margin: 0 auto; margin-bottom: 10px;}
.shisaImageArea .imgBox03{ width: 90%; margin: 0 auto;}


}








#KIYAKU{ }
#KIYAKU >.inner{  background: #fff; border:2px solid #999; padding: 35px; margin-top:50px;width: 780px; margin:  0 auto; box-sizing: border-box; margin-bottom: 15px;}
#KIYAKU h2{ text-align: center; font-size: 26px; margin-bottom: 26px;}

#KIYAKU a{ color: #0068B6;}
#KIYAKU .scBox{ line-height: 1.4em; overflow: scroll; width: 103%; height: 800px;overflow-x: hidden;}
#KIYAKU p{ font-size: 16px; margin-bottom: 40px; font-weight: bold;}
#KIYAKU .scBox p{ font-size: 14px; font-weight: normal;}



@media(max-width:750px){
#KIYAKU >.inner{  background: #fff; border:2px solid #999; padding: 40px; margin-top:50px;width: auto; margin:  0 25px; box-sizing: border-box; margin-bottom: 15px;}
#KIYAKU h2{ text-align: center; font-size: 38px; margin-bottom: 40px;}
    #KIYAKU scBox{ font-size: 28px; overflow: scroll; height: 700px;}
#KIYAKU p{ font-size: 28px; margin-bottom: 40px; font-weight: bold; line-height: 1.4em;}
#KIYAKU .scBox p{ font-size: 26px; font-weight: normal;}
}










#KIYAKU .bnrBox{  width: 600px; margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 13px;
row-gap:14px;  
    margin-bottom: 15px;
}

#KIYAKU .bnrBox li{ background: #000; border-radius: 8px;}
#KIYAKU .bnrBox li:hover{ background: #333;}
#KIYAKU .bnrBox li.nolink:hover{ background: #000;}

#KIYAKU .bnrBox li a,
#KIYAKU .bnrBox li span{ padding: 34px; line-height: 1em; font-size: 20px; display: block; border-radius: 10px;}

#THANKS .bnrBox li.award04 a,
#THANKS .bnrBox li.award04 span,
#KIYAKU .bnrBox li.award04 a,
#KIYAKU .bnrBox li.award04 span{
background: #9be700; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

#THANKS .bnrBox li.award03 a,
#THANKS .bnrBox li.award03 span,
#KIYAKU .bnrBox li.award03 a,
#KIYAKU .bnrBox li.award03 span{
background: #00ffff;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

#THANKS .bnrBox li.award02 a,
#THANKS .bnrBox li.award02 span,
#KIYAKU .bnrBox li.award02 a,
#KIYAKU .bnrBox li.award02 span{
background:#ffa649;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

#THANKS .bnrBox li.award01 a,
#THANKS .bnrBox li.award01 span,
#KIYAKU .bnrBox li.award01 a,
#KIYAKU .bnrBox li.award01 span{
background: #ff80a3;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}



#KIYAKU .bnrBox li.nolink{ opacity: 0.6;}

@media(max-width:750px){

#KIYAKU .bnrBox{  width: auto; margin: 0 25px;
display: grid;
grid-template-columns: repeat(1, 1fr);
column-gap: 13px;
row-gap:14px;  
    margin-bottom: 65px;
}
    
    
#KIYAKU .bnrBox li a,
#KIYAKU .bnrBox li span{ padding: 54px; line-height: 1em; font-size: 40px; display: block; text-align: center;}
    
    
}




#INTRO .bnrBox{  width: 400px; margin: 30px auto;
display: grid;
grid-template-columns: repeat(1, 1fr);
column-gap: 13px;
row-gap:14px;  
    margin-bottom: 50px;
}

#INTRO .bnrBox li{ background: #000;}
#INTRO .bnrBox li:hover{ background: #333;}
#INTRO .bnrBox li.nolink:hover{ background: #000;}

#INTRO .bnrBox li a,
#INTRO .bnrBox li span{ padding: 34px; line-height: 1em; font-size: 20px; display: block;}

#INTRO .bnrBox li.award01 a,
#INTRO .bnrBox li.award01 span{
background: rgb(237,136,174); box-sizing: border-box;
background: linear-gradient(90deg, rgba(237,136,174,1) 0%, rgba(246,179,80,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#INTRO .bnrBox li.award02 a,
#INTRO .bnrBox li.award02 span{
background: rgb(122,243,241);
background: linear-gradient(90deg, rgba(122,243,241,1) 0%, rgba(216,255,2,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#INTRO .bnrBox li.nolink{ opacity: 0.4;}

@media(max-width:750px){

#INTRO .bnrBox{  width: auto; margin: 50px 25px;
display: grid;
grid-template-columns: repeat(1, 1fr);
column-gap: 13px;
row-gap:14px;  
    margin-bottom: -50px;
}
    
    
#INTRO .bnrBox li a,
#INTRO .bnrBox li span{ padding: 54px; line-height: 1em; font-size: 40px; display: block; text-align: center;}
    
    
}








#THANKS .bnrBox{  width: 600px; margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 13px;
row-gap:14px;  
    margin-bottom: 15px;
}

#THANKS .bnrBox li{ background: #000;
    border-radius: 10px;}
#THANKS .bnrBox li:hover{ background: #333;}
#THANKS .bnrBox li.nolink:hover{ background: #000;}

#THANKS .bnrBox li a,
#THANKS .bnrBox li span{ padding: 34px; line-height: 1em; font-size: 20px; display: block;}



#THANKS .bnrBox li.nolink{ opacity: 0.6;}

@media(max-width:750px){

#THANKS .bnrBox{  width: auto; margin: 0 25px;
display: grid;
grid-template-columns: repeat(1, 1fr);
column-gap: 13px;
row-gap:14px;  
    margin-bottom: 65px;
}
    
    
#THANKS .bnrBox li a,
#THANKS .bnrBox li span{ padding: 54px; line-height: 1em; font-size: 40px; display: block; text-align: center;}
    
    
}







@media(max-width:750px){

}





#QA{ padding: 80px 0;}

#QA >.inner{ width: 600px; margin: 0 auto; }

#QA h2{ border-bottom: 1px solid #666; display:inline-block;
    width: 210px;
    padding-bottom: 0.3em;
    font-weight: normal;
    position: relative;top:0;left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    text-align: center;font-size: 26px; margin-bottom: 1.5em;}


@media(max-width:750px){

#QA{ padding: 80px 0; }
    
#QA >.inner{ width: auto; margin: 0 25px; }
    
    #QA h2{ font-size: 50px; width: auto;}
}






.acd-check{
    display: none;
}
.acd-label{
    background: #000 url(../images/plus.png) no-repeat right  50%;
    background-size:20px 20px;
  background-position: right 15px center;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    padding: 13px 15px;
    font-size: 18px;
    position: relative;
    z-index: 1;
}
.acd-content{
    position: relative; top: -30px;
    z-index: 0;
    height: 0;
    opacity: 0;
    padding: 0 20px 0 20px;
    transition: 0.5s;
    visibility: hidden;
    background: #fff;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 40px 20px 20px 20px;
    visibility: visible;
    background: #fff;
    box-shadow: 2px 2px 0px 0px rgba(55,55,55,0.3);
}



.acd-check:checked + .acd-label{
    background: #000000 url(../images/minus.png) no-repeat right top;
    background-size:20px 20px;
  background-position: right 15px center;
}

@media(max-width:750px){
    
.acd-label{
    font-size: 32px;
}
    .acd-content p{ font-size: 32px;}
    
}

.acd-content p{ position: relative;}
.acd-content a{position: relative; z-index: 10;}









#INFORMATION{padding:0 0 50px; position: relative; z-index: 4;}
#INFORMATION >.inner{ width: 600px; margin: 0 auto;}

#INFORMATION h2{ border-bottom: 1px solid #666; display:inline-block;
    width: 210px;
    padding-bottom: 0.3em;
    font-weight: normal;
    position: relative;top:0;left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    text-align: center;font-size: 26px; margin-bottom: 1.5em;}


.infoArea{ background: #fff;  padding: 30px 30px 20px; box-sizing: border-box; border: 1px solid #000;}
.infoArea dl{ display: flex; flex-wrap: wrap;}
.infoArea dt{ width:17%; margin-bottom: 10px;}
.infoArea dd{ width:83%; margin-bottom: 10px;}
.infoArea dd a{ color: #333;}
.infoArea dd.new a{ color: #bf2e2e;}

@media(max-width:750px){

#INFORMATION{ padding: 50px 0;}
    
#INFORMATION >.inner{ width: auto; margin: 0 25px;}
#INFORMATION h2{  text-align: center; font-size: 50px;  margin-bottom: 50px; width: auto;}
    
    
.infoArea{ background: #fff; border-radius: 15px; padding: 30px 30px 20px; box-sizing: border-box;}
.infoArea dl{ display: block; flex-wrap: wrap;}
.infoArea dt{ width:100%; margin-bottom: 0px;}
.infoArea dd{ width:100%; margin-bottom: 20px; font-size: 32px;}
}









#INSTAGRAM{ position: relative; z-index: 5; margin-top: -150px;pointer-events:none;}
#INSTAGRAM .inner1{ position: relative;width: 100%; overflow: hidden;pointer-events:none;}
#INSTAGRAM .inner2{ position: relative; padding-top: 160px;pointer-events:none;}
#INSTAGRAM .inner3{ background: #000; margin-top: 100px; position: relative; padding-bottom: 78px;}

.nnm01{width:2560px;
position: absolute;top:0;left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    pointer-events:none;
}



.crm2bnrs{
    width: 700px;
    margin: -30px auto 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 30px;
pointer-events: all;
}




#INSTAGRAM h2{ width: 580px; margin: 0 auto 30px; position: relative; }
#INSTAGRAM .instaCode{ position: relative; top:0; }

.entryImg202307{ width: 700px; margin: 0 auto; display: block; position: relative;top: -9px;margin-top: -50px;}

.instaCode{ display: block; width: 800px; margin: 0 auto;pointer-events:auto; }

.instaCode.ver202307{ border-radius: 18px;background: #ffffff;}
.instaCode.ver202307 img{ border-radius: 18px;}

.instaCode ul{
width: auto;
    
margin: 0 auto ;
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 2px;
row-gap:2px;  
    margin-bottom: 0;
}


@media(max-width:750px){
    
.entryImg202307{ width: 700px; margin: 0 auto; display: block; position: relative;top: -16px;margin-top: -40px;}

    
.instaCode{ display: block; width: auto; margin: 0 25px;}
    
.instaCode ul{
width: auto;
margin: 0  ;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 2px;
row-gap:2px;  
    margin-bottom: 0;
}
    
}


#HOAN{ width: 100%; overflow: hidden; position: relative;}

#HOAN .inner1{ position: relative; overflow: hidden; width: 100%;}
#HOAN .inner2{ position: relative;z-index: -1; width: auto; margin: 0 auto; background:url(../images/background_HOAN.png) repeat-y center top;background-size:2560px auto ;}
#HOAN .inner3{ position: relative; width: 1000px; margin: 0 auto; }
#HOAN .imgBox{width: 460px; position: relative; padding-top: 100px;z-index:2; }

#HOAN .builds{ position: absolute; bottom: -1px; width: 100%; background: url(/common/images/footer_silhouette2.webp) repeat-x center top; background-size: auto 50px; height: 50px;}

.nnm02{width:2560px;
position: absolute;top:-10px;left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}


@media(max-width:750px){
    
#HOAN{ width: 100%; overflow: hidden;}
#HOAN .inner1{ position: relative; overflow: hidden; width: 100%;}
#HOAN .inner3{ position: relative;z-index: -1; width: 1000px; margin: 0 auto;}
#HOAN .imgBox{width: 300px; position: relative; padding-top: 120px;}

}







.upperArea{position: relative; z-index: 10;   width: auto; margin: 0 auto; }
.upperArea >.inner{position: relative;  top: -460px; width: 1000px; margin: 0 auto;}

.upperArea .denchu{ position: absolute; height: 480px; top: 0; right: 0; }
.upperArea .hoanLogo{width: 400px; display: block; position: absolute; right: 80px; top: 260px;}

.upperArea .emoEntry{width: 400px; display: block; position: absolute; right: 80px; top: 50px;left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);}



@media(max-width:750px){
.upperArea >.inner{position: relative;  top: -390px; width: auto; margin: 0 auto;}

.upperArea .denchu{ position: absolute; height: 400px; top: 0; right: 20; overflow: hidden;}
.upperArea .hoanLogo{width: 380px; display: block; position: absolute; right: 40px; top: 215px;}

.upperArea .denchu img{ position: relative; right: -70px; top: 10px;}
.upperArea .emoEntry{width: 550px; display: block; position: absolute; right: 80px; top: 40px;left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);}
}



/* ---------------------------------------------------------------------------------
top */


#catHeader{ margin-top: -50px;}
#catHeader >.inner{}
#catHeader h1{ width: 500px;  background: #000; margin: 0 auto; padding: 20px; text-align: center; color: #fff; font-size: 30px; font-weight: normal;border-radius: 5px; 
margin-bottom: 40px;}



@media(max-width:750px){
    
#catHeader{ margin-top: -105px;}
#catHeader >.inner{}
#catHeader h1{ width: 500px;  background: #000; margin: 0 auto; padding: 20px; text-align: center; color: #fff; font-size: 40px; font-weight: normal;border-radius: 5px; 
margin-bottom: 40px;}
}



}

.gridcrm02{
width: 100%;
margin: 0 0 ;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 13px;
row-gap:14px;  
    margin-bottom: 15px;
}
.gridcrm03{
width: 100%;
margin: 0 0 ;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 13px;
row-gap: 14px;  
    margin-bottom: 15px;
}
.gridcrm04{
width: 100%;
margin: 0 0 ;
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 13px;
row-gap: 14px;  
    margin-bottom: 15px;
}


@media(max-width:750px){
    
}
    
    
    

#INFORMATIONLIST{ padding: 0 0 50px;}
#INFORMATIONLIST >.inner{ width: 800px; margin: 0 auto;}



.whiteBoxINFO{ width:auto; border-radius: 5px; padding: 55px 55px 55px 55px; background: #fff; margin-bottom: 20px;}

#INFORMATIONLIST .cltex{ width: 750px; margin: 0 auto;}

.infoEntry { ;padding-bottom: 50px;}
.entryPage .infoEntry { border-bottom: 0}
.infoEntry h3{  font-size: 24px;padding-bottom: 0.4em;margin-top: 20px; color: #ff597d; line-height: 1.4em; }
.infoEntry .entryDate{ border-bottom: 2px dashed #eaeaea; padding-bottom: 10px; margin-bottom: 30px;}
.infoEntry .more{ text-align: center; padding-top: 0px; margin-bottom: 25px; }
.infoEntry .more2{ text-align: center; padding-top: 0px; margin-bottom: 0; }

.infoEntry dt img{border-radius: 30px;}

.infoEntry a{ color:#0068B6;}

.kmBtn2{
    display:inline-block;
    font-size: 14px; /* フォントサイズ�?16pxに�?�? */

    background: #fff; box-sizing: border-box;
        border:2px solid  rgba(237,136,174,1);
    border-radius: 5px;
    line-height: 1em;
    color: rgba(237,136,174,1) !important; text-align: center;
    padding: 10px 50px;
    transition: 0.3s;
    min-width: 250px;
}


.kmBtn2:hover{
        background: rgb(237,136,174); box-sizing: border-box;
background: linear-gradient(90deg, rgba(237,136,174,1) 0%, rgba(246,179,80,1) 100%);
    color:#fff !important;}

.kmBtn2.small:hover{
    background:#92541c;
    color:#fff !important;}




.kmBtn3{
    display:inline-block;
    font-size: 14px; /* フォントサイズ�?16pxに�?�? */
    background:#92541c;
    border-radius: 5px;
    border: 2px solid rgb(237,136,174);
    line-height: 1em;
    color: #fff; text-align: center;
    padding: 10px 50px;
    color:#fff !important;
    transition: 0.3s;
    min-width: 250px;
    
        background: rgb(237,136,174); box-sizing: border-box;
background: linear-gradient(90deg, rgba(237,136,174,1) 0%, rgba(246,179,80,1) 100%);

}


.kmBtn3:hover{
    background:#fff;
    border:2px solid  rgba(237,136,174,1);
    color:rgba(237,136,174,1) !important;}


    
@media(max-width:750px){
    .infoEntry h3{  font-size: 38px; line-height: 1.6em;}
    .infoEntry p{ font-size: 28px;}
    
#INFORMATIONLIST .cltex{ width: auto; margin: 0 auto;}
    
#INFORMATIONLIST >.inner{ width: auto; margin: 0 25px;}
.kmBtn2{
    font-size: 30px; /* フォントサイズ�?16pxに�?�? */
    padding: 20px 50px;
    min-width: 400px;
}
.kmBtn3{
    font-size: 30px; /* フォントサイズ�?16pxに�?�? */
    padding: 20px 50px;
    min-width: 400px;
}

}

    
    
    
    
    
    
    

    
    
    
    
    
    
.infoEntry p{ margin-bottom: 50px;}
.infoEntry b{font-size: 20px; font-weight: 900; }
.infoEntry strong{ font-size: 20px; font-weight: 900;}

.infoPhotoArea01{ display: table; margin-bottom: 50px;width: 100%}
.infoPhotoArea01 .imgBox{ display: table-cell; vertical-align: top; width: 250px;}
.infoPhotoArea01 .imgBox img{ border-radius: 0;}
.infoPhotoArea01 .txtBox{ display: table-cell; vertical-align: top; padding-left: 30px;}

.infoPhotoArea02 .txtBox.leftTxt{ vertical-align: top; padding-left: 0; padding-right: 10px;}

.infoPhotoArea02{ display: table; margin-bottom: 50px; width: 100%}
.infoPhotoArea02 .imgBox{ display: table-cell; vertical-align: top; width: 350px;}
.infoPhotoArea02 .imgBox img{ border-radius: 0;}
.infoPhotoArea02 .txtBox{ display: table-cell; vertical-align: top; padding-left: 0; padding-right: 20px;}

.shinsaPrfImg{width: 60%;}


.photo3line{
    width: auto;
margin: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 25px;
row-gap: 25px; 
    margin-bottom: 40px;
}


.photo3line li img{ 
  width: 100%;
  height: 200px;
  object-fit: cover;  border-radius: 0
    
}
.photo3line li{ }
.photo3line li p{ padding: 10px;}

.fullWideImageBox{}
.fullWideImageBox img{ border-radius: 0;}

@media(max-width:750px){
    

.infoEntry p{ margin-bottom: 50px;}
.infoEntry b{font-size: 32px; font-weight: 900; }
.infoEntry strong{ font-size: 32px; font-weight: 900;}

.infoPhotoArea01{ display: block; margin-bottom: 50px;}
.infoPhotoArea01 .imgBox{ display:block; vertical-align: top; width: auto; margin-bottom: 40px; text-align: left;}
 .imgBox.spWidth10per img{ width: 10%;}
 .imgBox.spWidth20per img{ width: 20%;}
 .imgBox.spWidth30per img{ width: 30%;}
 .imgBox.spWidth40per img{ width: 40%;}
 .imgBox.spWidth50per img{ width: 50%;}
 .imgBox.spWidth60per img{ width: 60%;}
 .imgBox.spWidth70per img{ width: 70%;}
 .imgBox.spWidth80per img{ width: 80%;}
 .imgBox.spWidth90per img{ width: 90%;}
.infoPhotoArea01 .imgBox img{ border-radius: 0;}
.infoPhotoArea01 .txtBox{ display: block; vertical-align: top; padding-left: 0;}
    
.photo3line{
    width: auto;
margin: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 25px;
row-gap: 25px; 
    margin-bottom: 40px;
}
.photo3line li img{ 
  width: 100%;
  height: auto;
  object-fit: cover; 
    }
.photo3line li p{ padding: 10px; margin-bottom: 10px !important;}
    
}






a.arrowBtn{ display:block; color:#fff; font-weight:bold; background:#322; text-align:center;padding:15px; position:relative; margin-left:auto; margin-right:auto; width:80%; max-width:600px;
/* box-shadow */
box-shadow:-2px 0px 0px -50px #75dc90;

/* border-radius */
border-radius:5px;
}


a.arrowBtn::after{
	content:"";
	display: block;
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left:20px;
	top:50%;
	margin-top:-4px;
}


a.arrowBtn:hover{ background:#000;}









/* ---------------------------------------------------------------------------------
common */



#contactform{ width:700px; margin:0 auto 150px;margin-bottom:200px; box-sizing: border-box;
background: #fff; padding: 50px; border-radius: 5px;}

@media(max-width:750px){


}




dl.formtable{width:100%; margin:0 auto;}
dl.formtable,
dl.formtable > dt,
dl.formtable > dd {  box-sizing: border-box;  font-size:95%; }
dl.formtable > dt {  width: 32%;  float: left; background:url(../images/arrow.png) no-repeat left 7px;padding-left:10px; font-weight:bold;}
dl.formtable > dd {  margin-left:32%;  padding-bottom: 10px;margin-bottom:2em; line-height:1.8em;}
dl.formtable > dd:after {  content: '';  display: block;  clear: both;}


    .conf dl.formtable dt{padding:5px 0;}
.conf dl.formtable dd{border:1px solid #aaa ; padding:5px !important; border-radius: 5px;}





.Tbox{ width:100%; font-size: 16px; border:2px solid #ddd; padding: 20px; border-radius: 15px; box-sizing: border-box;}
.Tarea{width:100%; font-size: 16px; border:2px solid #ddd; padding: 20px; border-radius: 15px; box-sizing: border-box; height: 100px;}
.submitBtn{ display:inline-block; border:2px solid #514946; background:#322b3b; color:#fff; padding:1em 5em; font-size: 120%;  font-weight: bold;}

.cBox{ width:15px; height: 15px;  border: 2px solid #333; color: #a00;}


dl.formtable dt > span{ color:#ff6666; padding:3px; font-size:90%; line-height:1.5em; font-weight:bold;}

dl.formtable dd > ul{}
dl.formtable dd > ul li{ color:#96e3a6;}

.hidden_genba,.hidden_siryo{padding-left:5%;}
.checkText{ font-size:90%; color:#2D388A; font-weight:bold;}

.formCheck{ text-align:center;margin-bottom:2em; color:#ff6666; }


.typeSelect{ width:700px; margin:0 auto;}
.typeSelect a{ text-align:center;width:49%; font-size:130%; display:inline-block; line-height:1.2em; box-sizing:border-box;padding:20px; border-top:4px solid #292466;}
.typeSelect a:hover{ text-decoration:none; font-weight:bold; color:inherit;}

#form_houjin{  margin-right:2%;}
#form_houjin span{ font-size:130%;}
#form_kojin{}
#form_kojin span{ font-size:130%;}


@media(max-width:750px){




#contactform{ width:100%; margin:0 auto 150px auto; }
#contactform h3{ font-size:110%;}
#contactform form{padding:1em;}


#contactform2{ width:80%; margin:0 auto; background:#eee;}
#contactform2 h3{ font-size:110%;}
#contactform2 form{padding:1em;}


dl.formtable{width:100%; margin:0 auto;}
dl.formtable,
dl.formtable > dt,
dl.formtable > dd {  box-sizing: border-box;   }
dl.formtable > dt {  width: 100%;  float: none; background:none;padding-left:0;font-size:120%;}
dl.formtable > dd {  margin-left:0;  padding-bottom: 0;margin-bottom:2em; line-height:1.8em;font-size:110%;}

dl.formtable > dd:after {  content: '';  display: block;  clear: both;}

    .conf dl.formtable dt{padding:5px 0;}
.conf dl.formtable dd{border:1px solid #999 ; padding:5px !important;border-radius: 5px;}

    dl.formtable dt { margin-bottom: 1em;}

.Tbox{ width:100%; font-size: 28px; border:2px solid #ddd; padding: 20px; border-radius: 15px; box-sizing: border-box;}
.Tarea{width:100%; font-size: 28px; border:2px solid #ddd; padding: 20px; border-radius: 15px; box-sizing: border-box;height: 200px;}
.submitBtn{ display:inline-block; border:2px solid #514946; background:#292466; color:#fff; padding:1em; font-size: 120%;  font-weight: bold; width:100%; text-align: center;}

dl.formtable dt > span{ color:#ee9797; display:inline-block; padding:0 0 0 0.5em; font-size:90%; line-height:1.5em;}

dl.formtable dd > ul{}
dl.formtable dd > ul li{ color:#96e3a6;}
	
	
	
	
.typeSelect{ width:80%; margin:0 auto;}
.typeSelect a{ text-align:center;width:49%; font-size:130%; display:inline-block; box-sizing:border-box;padding:20px; border-top:4px solid #292466;}
.typeSelect a:hover{ text-decoration:none; font-weight:bold; color:inherit;}

#form_houjin{  margin-right:2%;}
#form_houjin span{ font-size:130%;}
#form_kojin{}
#form_kojin span{ font-size:130%;}

} /* Responsive End */



/* ---------------------------------------------------------------------------------
AWARDPAGE */


.rbTitle {
background-image:    linear-gradient(90deg, rgba(144,83,155,1) 0%, rgba(205,116,170,1) 33%, rgba(241,156,133,1) 64%, rgba(246,180,75,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
 text-align:  center;
    font-size:40px;
    line-height: 1.2em;
    margin-bottom:15px; 
}

span.sizeSmall{    font-size: 90%;}


@media(max-width:750px){

span.sizeSmall{    font-size: 70%;}
    

}






#INTRO2{ width: 560px; margin: 0 auto 100px;  margin-top:70px;  position: relative; text-align: center;}
#INTRO2 .intro_txt{ position: relative; top: -20px;}
#INTRO2 .intro_txt2{ text-align: center; padding: 20px 0;font-size: 120%; font-weight: bold;}

@media(max-width:750px){
#INTRO2{ width: auto; margin: 0 20px 0; margin-top: -60px; margin-bottom: 80px;}
#INTRO2 .intro_txt{ position: relative; top: -10px; margin-top: 110px; margin-right: 4px;}
#INTRO2 .intro_txt2{ text-align: center; padding: 20px 0;font-size: 30px; font-weight: bold;}
}


.gdBoxTop{ margin:0 auto; background: #fff url(../images/award/line_01B.png) no-repeat center top; background-size: 100% 4px;margin-bottom: 100px;}
.gdBoxBtm{  margin:0 auto; background: url(../images/award/line_01B.png) no-repeat center bottom; background-size: 100% 4px;}
.gdBoxBtm >.inner{padding: 25px; position: relative;}
.gdBoxBtm >.inner.gp{padding: 50px; position: relative;background: url(../images/award/award_01_back.png) no-repeat center top; background-size: cover;}



@media(max-width:750px){

    
.gdBoxBtm >.inner.gp{padding: 25px; position: relative;background: url(../images/award/award_01_back.png) no-repeat center top; background-size: cover;}

}



#AWARDAREA{ width: 850px; margin: 0 auto; position: relative; margin-bottom: 140px; ;}
#AWARDAREA >.inner{width: auto;  margin: 0 auto;}

#AWARDAREA h2{ width:400px; margin: 0 auto; margin-bottom: 0; top: -90px; position: relative;}


#AWARDAREA{}
#AWARDAREA .photoBox{ width: 550px; margin: 0 auto; margin-top: -50px; margin-bottom: 30px}
#AWARDAREA .photoBox.gran{ width: 100%; margin: 0 auto; margin-top: -50px; margin-bottom: 30px}
#AWARDAREA h3{ text-align: center; font-size: 30px; margin-bottom: 30px;color: #000;}
#AWARDAREA .bar{ margin-bottom: 30px;}
#AWARDAREA .bar img{ height: 4px;}

#AWARDAREA .AWmidashi01{ font-size: 20px; font-weight: bold; color: #000; margin-bottom: 10px;}
#AWARDAREA .AWtxt01{ font-weight: bold; font-size: 16px; line-height: 1.5em}

@media(max-width:750px){

#AWARDAREA{ width: 700px; margin: 0 auto; position: relative; margin-bottom: 140px; ;}
#AWARDAREA h2{ width: 500px; margin: 0 auto; margin-bottom: 0; top: -90px; position: relative;}
    
#AWARDAREA h3{ text-align: center; font-size: 40px; margin-bottom: 30px;color: #000;}
#AWARDAREA .bar{ margin-bottom: 30px;}
#AWARDAREA .bar img{ height: 4px;}

#AWARDAREA .AWmidashi01{ font-size: 30px; font-weight: bold; color: #000; margin-bottom: 10px;}
#AWARDAREA .AWtxt01{ font-weight: bold; font-size: 24px;}
}


#AWARDAREA{}
#AWARDAREA .{}
#AWARDAREA .nsAW .photoBox{ width: 100%; margin: 0 auto; margin-top: 0; margin-bottom: 30px}
#AWARDAREA .nsAW h3{ text-align: center; font-size: 23px; margin-bottom: 20px;color: #000;}
#AWARDAREA .nsAW .bar{ margin-bottom: 20px;}
#AWARDAREA .nsAW .bar img{ height: 3px;}

#AWARDAREA .nsAW .AWmidashi01{ font-size: 16px; font-weight: bold; color: #000; margin-bottom: 10px;}
#AWARDAREA .nsAW .AWtxt01{ font-weight: bold; font-size: 16px;}


@media(max-width:750px){

#AWARDAREA .nsAW .photoBox{ width: 550px; margin: 0 auto; margin-top: 0; margin-bottom: 30px}
#AWARDAREA .nsAW h3{ text-align: center; font-size: 40px; margin-bottom: 20px;color: #000;}
#AWARDAREA .nsAW .bar{ margin-bottom: 20px;}
#AWARDAREA .nsAW .bar img{ height: 3px;}

#AWARDAREA .nsAW .AWmidashi01{ font-size: 30px; font-weight: bold; color: #000; margin-bottom: 10px;}
#AWARDAREA .nsAW .AWtxt01{ font-weight: bold; font-size: 24px;}

}



.kuriyama{ display: table;}
.kuriyama .ss_imgBox{ display: table-cell; vertical-align: top; width: 200px;}
.kuriyama .ss_cmnt{ display: table-cell; vertical-align: top; padding-left: 20px;}


.tanaka{ display: table;}
.tanaka .ss_imgBox{ display: table-cell; vertical-align: top; width: 200px;}
.tanaka .ss_cmnt{ display: table-cell; vertical-align: top; padding-left: 20px;}



@media(max-width:750px){

    

}






.gridcrmAW{
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 36px;
    margin-bottom: 30px;
row-gap:30px;  
}


#THANKS{ margin-bottom: 170px; margin-top: -50px; }

.thanksTxt{ width: 600px; text-align: center; margin: 26px auto 47px;}
.nextBnr{ width: 600px; text-align: center; margin: 115px auto 50px;}




@media(max-width:750px){

.gridcrmAW{
    margin-top: -50px;
width: 100%;
display: grid;
grid-template-columns: repeat(1, 1fr);
column-gap: 36px;
    margin-bottom: 30px;
row-gap:130px;  
}

   
#THANKS{ margin-bottom: 100px; margin-top: -50px; }

.thanksTxt{ width: 600px; text-align: center; margin: 70px auto 70px;}
.nextBnr{ width: 700px; text-align: center; margin: 210px auto 50px;}


 

}






.dlTable2 {
    width: 550px; /* �?ーブルの横�?�?500pxに�?�? */
    display: flex; /* 子要�?のdtとddを横並びにする */
    flex-wrap: wrap; /* 1つのdtとddで1行になるよ�?改行させる */ 
    margin:0 auto 10px;
    color: #000;
}

.dlTable2 dt,
.dlTable2 dd {
    box-sizing: border-box; /* widthの計算を楽にするため */
    padding-bottom: 0.1em;
font-weight: 500;
font-style: normal;
}
.dlTable2 dt {
    font-size: 16px; /* フォントサイズ�?16pxに�?�? */
    width: 30%; /* dt?��見�?�し�??目?���?�横�?�?200pxに�?�? */
    font-weight: bold;
    text-align: right;
    padding-right: 20px; box-sizing: border-box;
}
.dlTable2 dd {
    width: calc(100% - 30%); /* �?ーブル�?からdtを引いた�??の横�?を指定�? */
    font-size: 16px; /* フォントサイズ�?16pxに�?�? */
    font-weight: bold;
    line-height: 1.8em;
}

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:750px) {

    .dlTable2 {
        width: 100%; /* 横�?をpxではなく、�?�?っぱ�?に�?定�? */
        border-left: none; /* �?ーブルの左の線を消す */
        display: block; /* 横並びにさせな�?ようブロ�?ク要�?にする */
        margin-bottom: -10px;
    }
    .dlTable2 dt,
    .dlTable2 dd {
        border-right: none; /* セルの右の線を消す */
        width: 100%; /* 横�?を�?�?っぱ�?に�?�? */
        padding: 10px 0; /* �?セルに余白を取�? */
        text-align: center;
    }
    .dlTable2 dt {
        border-bottom: none; /* 下�?�線を消す?�?ddの下�?�線が残る?�? */
        padding-bottom: 0; /*ddとの距離を近づけるため�?0にする*/
    font-size: 30px; 
    }
    .dlTable2 dd {
    font-size: 30px; 
        padding-bottom: 20px;
    
    }

}


.dlTable3 {
    width: auto; /* �?ーブルの横�?�?500pxに�?�? */
    display: flex; /* 子要�?のdtとddを横並びにする */
    flex-wrap: wrap; /* 1つのdtとddで1行になるよ�?改行させる */ 
    margin:0 auto 10px;
    color: #000;
}

.dlTable3 dt,
.dlTable3 dd {
    box-sizing: border-box; /* widthの計算を楽にするため */
    padding-bottom: 0.1em;
font-weight: 500;
font-style: normal;
}
.dlTable3 dt {
    font-size: 15px; /* フォントサイズ�?16pxに�?�? */
    width: 45%; /* dt?��見�?�し�??目?���?�横�?�?200pxに�?�? */
    font-weight: bold;
    text-align: right;
    padding-right: 20px; box-sizing: border-box;
}
.dlTable3 dd {
    width: calc(100% - 45%); /* �?ーブル�?からdtを引いた�??の横�?を指定�? */
    font-size: 15px; /* フォントサイズ�?16pxに�?�? */
    font-weight: bold;word-break: break-all;
    line-height: 1.8em;
}

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:750px) {

    .dlTable3 {
        width: 100%; /* 横�?をpxではなく、�?�?っぱ�?に�?定�? */
        border-left: none; /* �?ーブルの左の線を消す */
        display: block; /* 横並びにさせな�?ようブロ�?ク要�?にする */
        margin-bottom: -10px;;
    }
    .dlTable3 dt,
    .dlTable3 dd {
        border-right: none; /* セルの右の線を消す */
        width: 100%; /* 横�?を�?�?っぱ�?に�?�? */
        padding: 10px 0; /* �?セルに余白を取�? */
        text-align: center;
    }
    .dlTable3 dt {
        border-bottom: none; /* 下�?�線を消す?�?ddの下�?�線が残る?�? */
        padding-bottom: 0; /*ddとの距離を近づけるため�?0にする*/
    font-size: 30px; 
    }
    .dlTable3 dd {
    font-size: 30px; 
        padding-bottom: 20px;
    
    }

}











@media(max-width:750px){

    

}


/* ---------------------------------------------------------------------------------
WORKS */


/* ---------------------------------------------------------------------------------
RECRUIT */




@media(max-width:750px){

}


/* ---------------------------------------------------------------------------------
ACCESS */




@media(max-width:750px){

}






.dlTable {
    width: 100%; /* �?ーブルの横�?�?500pxに�?�? */
    display: flex; /* 子要�?のdtとddを横並びにする */
    flex-wrap: wrap; /* 1つのdtとddで1行になるよ�?改行させる */
}
.dlTable dt,
.dlTable dd {
    box-sizing: border-box; /* widthの計算を楽にするため */
    padding-bottom: 26px;
    font-family: source-han-sans-japanese, sans-serif;
font-weight: 500;
font-style: normal;
}
.dlTable dt {
    font-size: 16px; /* フォントサイズ�?16pxに�?�? */
    width: 80px; /* dt?��見�?�し�??目?���?�横�?�?200pxに�?�? */
}
.dlTable dd {
    width: calc(100% - 80px); /* �?ーブル�?からdtを引いた�??の横�?を指定�? */
    font-size: 14px; /* フォントサイズ�?16pxに�?�? */
}

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:750px) {

    .dlTable {
        width: 100%; /* 横�?をpxではなく、�?�?っぱ�?に�?定�? */
        border-left: none; /* �?ーブルの左の線を消す */
        display: block; /* 横並びにさせな�?ようブロ�?ク要�?にする */
        margin-bottom: 30px;
    }
    .dlTable dt,
    .dlTable dd {
        border-right: none; /* セルの右の線を消す */
        width: 100%; /* 横�?を�?�?っぱ�?に�?�? */
        padding: 10px 0; /* �?セルに余白を取�? */
        text-align: center;
    }
    .dlTable dt {
        border-bottom: none; /* 下�?�線を消す?�?ddの下�?�線が残る?�? */
        padding-bottom: 0; /*ddとの距離を近づけるため�?0にする*/
    font-size: 30px; 
    }
    .dlTable dd {
    font-size: 20px; 
        padding-bottom: 20px;
    
    }

}





@media(min-width:751px){

}

@media(max-width:750px){

}



/* ---------------------------------------------------------------------------------
INFO2 */









@media(max-width:750px){


}



/* ---------------------------------------------------------------------------------
RESULT */


/* ---------------------------------------------------------------------------------
MESSAGE */



@media(max-width:750px){






}


/* ---------------------------------------------------------------------------------
RANKING */


@media(max-width:750px){


}








/* ---------------------------------------------------------------------------------
top concept */




@media(max-width:750px){


} /* Responsive End */












/* ---------------------------------------------------------------------------------
footer */



@media(max-width:750px){



}



/* ---------------------------------------------------------------------------------
onebox */



@media(max-width:750px){
	

}





/* ---------------------------------------------------------------------------------
yoko */





/* ---------------------------------------------------------------------------------
kekka */









/* ---------------------------------------------------------------------------------
common */


.clear{ clear:both;}
.tac{ text-align:center !important;}

@media(min-width:751px){
.sp{ display:none !important;}
} /* Responsive End */

@media(max-width:750px){
.pc{ display:none !important; }
} /* Responsive End */

@media(max-width:750px){
#commonFooter{ display:none !important; }
}

@media(max-width:750px){
#commonFooter{ display:none !important; }
}


@media(max-width:750px){
.tac_pc{ text-align:left !important;}
.tac_sp{ text-align:center !important;}
}

@media(min-width:751px){
.tac_pc{ text-align:center !important;}
.tac_sp{ text-align:left !important;}
}