@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
body,.hannari,.didot,.more_btn{font-family: 'Kosugi Maru', sans-serif;}



/*---------------top----------------------------------------------------------*/
#main_img .square_box img{opacity:0.5;}
.line:before {
    background-color: rgba(70,154,227,0.8)!important;
}
#intro_wrap {
  padding-top: 25vh;
  background-color:transparent;
}
#intro_wrap .intro_inner{
  border-radius: 30px;
  background-color:white;
  padding:50px 50px 70px;
}
#intro_wrap{
  background:url(./Dup/img/item1.png) no-repeat top center;
}
.num{opacity:1;}
.back1:before {background-color: rgba(244,237,140,0.3)!important;}
#contents1_wrap{background:url(./Dup/img/item4.png) no-repeat center right;}
#contents1 .con_box,#contents2 .con_box{position:relative;}
#contents1 .con_box:before,#contents2 .con_box:before{
  content:'';
  position:absolute;
  display:block;
  background-repeat:no-repeat;
  z-index:1;
}
#contents1 .con_box:before{
  width:256px;
  height:117px;
  background-image:url(./Dup/img/item2.png);
  top:-45%;
  left:-10%;
}
#contents2_wrap{background:url(Dup/img/item5.png) no-repeat bottom left;}
#contents2 .con_box:before{
  width:254px;
  height:104px;
  background-image:url(./Dup/img/item3.png);
  top:-45%;
  right:-10%;
}
#contents3 .con_box{background:url(./Dup/img/item6.png) #fff no-repeat bottom right;}
.top_cms_box{position:relative;}
.button_container{top:60%;}
.button_container span:nth-of-type(1){display:none;}
.nav_menu_more:nth-of-type(2) a {display: none;}
.nav_menu_more:first-of-type a .icon:before{display:none;}
.overlay {
    background: linear-gradient(135deg, rgba(70,154,227,0.9) , rgba(48,169,186,0.9) )!important;
}

/*-------------under page------------------------------------------------------*/
.item{background:url(./Dup/img/item7.png) no-repeat bottom right;}
.pager .prev{margin-right:0!important;}
.page9 .page_title_box{letter-spacing:2px!important;}

/* ---------- responsive ---------- */
@media screen and (max-width: 1550px){
/*#intro_wrap {padding-top: 17%;}*/
#contents2 .con_box{margin-top: 20%;}
}
@media screen and (max-width: 1270px){
/*#intro_wrap {padding-top: 20%;}*/
#contents2 .con_box{margin-top: 25%;}
}
@media screen and (max-width: 1050px){
#contents2 .con_box{margin-top: 30%;}
}
@media screen and (max-width: 900px){
#contents2 .con_box{margin-top: 35%;}
}
@media screen and (max-width: 800px){
#contents2 .con_box{margin-top: 40%;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.button_container span:nth-of-type(1){letter-spacing: 3.5px;}
#contents2 .con_box,#contents1 .con_box{margin-top: 10%;}
#contents1 .con_box:before, #contents2 .con_box:before{display:none;}
#intro_wrap {padding-top: 30%;}
#intro_wrap:before{
  background-size:80%;
  left:10%;
  right:auto;
}
.pager .prev{margin-right:0!important;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#intro{padding:0 3%;}
#intro_wrap {
  padding-top: 40%;
  background-size:70%;
}
#intro_wrap .intro_inner{padding:50px 20px 50px;}
.page9 .page_title_box h2{
  font-size:18px;
  letter-spacing:0!important;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#page_title .page_title_box{padding-bottom:20px;}
#page9 .more{padding-bottom:6px;}
}