@charset "utf-8";
/*
★font-size表★
0.6875rem = 11px
0.75rem = 12px
0.8125rem = 13px
0.875rem = 14px
1.0625rem = 17px
1.125rem = 18px
1.25rem = 20px
1.3125rem = 2   1px
1.375rem = 22px
1.5rem = 24px
1.625rem = 26px
1.75rem = 28px
1.875rem = 30px
1.9375rem = 31px
2.0625rem = 33px
★font-size表★
*/

/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/

#headerArea{background:#fff;padding: 15px 0px;}
#headerAreaInner{width: 980px;margin:0 auto;}

/*----------------------------------------------------------------------------
 ***                                                              tagengoSec
----------------------------------------------------------------------------*/
#tagengoSec{width: 100%;}
#tagengoSec .linkBox .clearfix > li{width: calc(100%/3);float: left;}
/*#tagengoSec .linkBox li span{position:relative;display:block;}*/
#tagengoSec .linkBox li .all_box .textBox{display:block;width: 100%;height:100%;transition:all .3s ease;position: relative;z-index:3;padding: 6% 0%;}

#tagengoSec .linkBox .means{flex-wrap: wrap;display: flex;width: 62%;justify-content: space-around;align-items: center;margin: 0 auto 0.4em;}
#tagengoSec .linkBox .means li {-webkit-transition:all .3s ease; transition:all .3s ease;width: 46%;border-radius: 50vw;text-align: center; font-size: 20px;}
#tagengoSec .linkBox .means li:first-child a{background-color: #00a1c9; display: block; border-radius: 50vw;}
#tagengoSec .linkBox .means li:last-child a{background-color: #8cc63f; display: block; border-radius: 50vw;}

#tagengoSec .linkBox .means li a{color:#fff!important;}
#tagengoSec .linkBox .means li:hover{-webkit-transform:scale(1.1); transform:scale(1.1);}
#tagengoSec .linkBox .means li .hoverActive:hover:before{}

#tagengoSec .linkBox li .all_box{display:block;width:100%;overflow:hidden;position: relative;}
#tagengoSec .linkBox li .all_box p{text-align:center;color:#fff!important;}
#tagengoSec .linkBox li .all_box .gengo{font-size: 35px;font-weight: 700;}
#tagengoSec .linkBox li .all_box .means{font-size: 27px;font-weight: 500;}
#tagengoSec .linkBox li .all_box .copy{font-size: 23px;line-height: 1.3em;}

#tagengoSec .linkBox .all_box::after{}
#tagengoSec .linkBox .french::before{background-image: url(https://www.nova.co.jp/tagengo/images/img_french.jpg);}
#tagengoSec .linkBox .german::before{background-image: url(https://www.nova.co.jp/tagengo/images/img_german.jpg);}
#tagengoSec .linkBox .italian::before{background-image: url(https://www.nova.co.jp/tagengo/images/img_italian01.jpg);}
#tagengoSec .linkBox .spanish::before{background-image:url(https://www.nova.co.jp/tagengo/images/img_spanish.jpg);}
#tagengoSec .linkBox .chinese::before{background-image:url(https://www.nova.co.jp/tagengo/images/img_china.jpg);}
#tagengoSec .linkBox .korean::before{background-image:url(https://www.nova.co.jp/tagengo/images/img_korean01.jpg);}

@media screen and (max-width: 3000px){
#tagengoSec .linkBox li .all_box::before{content:"";display:block;width: 100%;height:100%;background-color: rgba(0, 0, 0, 0.25);background-size: cover;background-repeat:no-repeat;background-position:center center;background-blend-mode: color;position:absolute;top:0;left:0;}
}
/*@media screen and (max-width: 1800px){
#tagengoSec .linkBox li .all_box::before{content:"";display:block;width: 100%;height:100%;background-color: rgba(0, 0, 0, 0.25);background-size: cover;background-repeat:no-repeat;background-position:center center;background-blend-mode: color;position:absolute;top:0;left:0;}
}*/

@media (min-width: 376px) and (max-width: 1024px){
#tagengoSec .linkBox .means li {width: 100%;margin: 0 auto 0.2em;}
	#tagengoSec .linkBox li .all_box .copy{font-size: 20px;}
}

/*----------------------------------------------------------------------------
 ***                                                              pickSec
----------------------------------------------------------------------------*/
#pickSec{width: 980px;margin: 0 auto 5%;}
#pickSec h2 {text-align:center;font-size:30px;line-height:1.2em;margin:5%;}
#pickSec h2 span{font-size:25px;color:#00a1c9;font-weight: 500;}
#pickSec h3{text-align:center;line-height:1.2em;margin: 7% 0%;}

#pickSec ul li{width: 300px;/* height: 500px; */float: left;border: 5px solid #B2B2B2;margin:0% 2%;padding-bottom: 3%;}
#pickSec ul li:first-child,
#pickSec ul li:last-child{margin:0%;}
#pickSec dl {width: 80%;margin: 0 auto;}
#pickSec dl dd p{font-size:15px;line-height: 1.8em;/* height: 152px; */padding-bottom: 0%;/* font-feature-settings: "palt"; */}
#pickSec dl dd p span{font-weight:600;background:#F4F3C3;}
#pickSec dl dd p:nth-child(2){height: 175px;}
#pickSec dl dd p:last-child a{display: block; border-radius:30px; font-weight:bold; text-align:center; background:#ed1e79; color:#fff;font-size:18px; padding: 0.3em 0;}