@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
#wrap,#main_img .txt, #page_title, #f_contact .con_txt,#intro h2, #contents1 h2, #contents2 h2, #top_cms h2, #top_info h2, #f_contact .con_bt, .more_bt a, #top_info .more_bt2 a{font-family: 'Kosugi Maru', sans-serif!important;}

/*--------------all page---------------------------------*/
#body{overflow:hidden;}
.load_logo figure{max-width:350px;}
.linkStyle{color: #2bbdf6;}
#f_contact::before{background-color: #a6a6a6;}
#f_contact .inner{
  padding-bottom:230px;
  padding-top:20px;
  background:url(./Dup/img/item5.png) no-repeat center bottom 30px;
}
#footer{position:relative;}
#footer:before{
  content:'';
  position:absolute;
  display:block;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(214, 244, 255, 1) 5px, rgba(214, 244, 255, 1) 10px );
  width:700px;
  height:700px;
  border-radius:50%;
  bottom: -350px;
  left: -500px;
  z-index:-1;
}

/*--------------top page-------------------------------*/
#main_img::before{background-color: transparent;}
#main_img h2{
  line-height: 1.5;
  font-size:2.4722222222vw;
  color:#2bbdf6;
}
#main_img .txt{
  top: 61%;
  left: 3vw;
}
#main_img p{color:#eec800;}
#intro{background:url(./Dup/img/item2.png) no-repeat bottom left 50%;}
#intro:before{
  content:'';
  position:absolute;
  display:block;
  width:500px;
  height:500px;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 249, 230, 1) 5px, rgba(255, 249, 230, 1) 10px );
  border-radius:250px;
  bottom:30px;
  right:0;
  z-index:-1;
}
#intro .grid_6{padding-bottom:30px;}
#intro figure{border-radius:30px;}
#intro h2{position:relative;}
#intro h2::before{
  content:'';
  position:absolute;
  display:block;
  width:200px;
  height:200px;
  background-color:rgba(255,255,255,0.3);
  border-radius: 100px;
  top:-60px;
  left:-70px;
  z-index:-1;
}
#intro .intro_bg, #intro .bg_box,#contents1 figure{border-radius: 0 0 30px 0;}
#contents1 .txt_box{
  padding-bottom:180px;
  background:url(./Dup/img/item3.png) no-repeat bottom right 10%;
  padding-right: 10%;
  padding-left: 10%;
 }
#contents1 h2{position:relative;}
#contents1 h2::before{
  content:'';
  position:absolute;
  display:block;
  width:200px;
  height:200px;
  background-color:rgba(255,244,155,0.3);
  border-radius: 100px;
  top:-60px;
  left:-70px;
  z-index:-1;
}
#contents1 .contents_txt{
  position:relative;
  z-index:3;
}
#contents2 .contents2_bg::before{background-color:transparent;}
#contents2 .top_title{padding-bottom:180px;}
#contents2 h2{
  position:relative;
  padding-bottom:180px;
  background:url(./Dup/img/item4.png) no-repeat center bottom;
}
#top_cms h2{position:relative;}
#top_cms h2::before{
  content:'';
  position:absolute;
  display:block;
  width:100px;
  height:100px;
  background-color:rgba(255,244,155,0.3);
  border-radius:50px;
  top:-30px;
  left:-35px;
  z-index:-1;
}
#contents2 .cate_box{border-radius:30px;}
#top_cms .cms_1-a figure,#top_cms .cms_2-c figure{border-radius:20px;}
#top_cms .top_cms_title h2{font-size:30px!important;}
#top_cms .cms_6-c .cate_box{border-radius:0 0 20px 20px;}
#top_cms{position:relative;}
#top_cms:before,#top_cms:after{
  content:'';
  position:absolute;
  display:block;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 249, 230, 1) 5px, rgba(255, 249, 230, 1) 10px );
  border-radius:50%;
  z-index:-1;
}
#top_cms:before{
  width:500px;
  height:500px;
  top:-350px;
  left:-50px;
}
#top_cms:after{
  width:700px;
  height:700px;
  bottom: -50px;
  right: -70px;
}
#top_cms .top_cms_box:nth-of-type(2){position:relative;}
#top_cms .top_cms_box:nth-of-type(2):before,#top_cms .top_cms_box:nth-of-type(2):after{
  content:'';
  position:absolute;
  display:block;
  border-radius:50%;
  z-index:-1;
}
#top_cms .top_cms_box:nth-of-type(2):before{
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(214, 244, 255, 1) 5px, rgba(214, 244, 255, 1) 10px );
  width:500px;
  height:500px;
  bottom: -100px;
  left: -370px;
}
#top_cms .top_cms_box:nth-of-type(2):after{
  background-color:#e7f8ff;
  width:700px;
  height:700px;
  top: 150px;
  right: -370px;
}

/*-----------under page--------------------------------------*/
#page_title::before{background: rgba(150,150,15,0.3);}
.under_page{position:relative;}
.under_page:before{
  content:'';
  position:absolute;
  display:block;
  width:500px;
  height:500px;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 249, 230, 1) 5px, rgba(255, 249, 230, 1) 10px );
  border-radius:50%;
  z-index:-1;
  top:-200px;
  right:-400px;
}
#cms_6-c .cate_box{border-radius:0 0 20px 20px;}
#cms_5-c .box_title1,.cms_5-c .box_title1{border-color: #2bbdf6;}
#cms_5-c .box_txt1::before,.cms_5-c .box_txt1::before{color: #eec800;}

/* ---------- responsive ---------- */
@media screen and (max-width: 1670px){
#footer:before{
}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#top_cms:after{right:-270px;}
#main_img h2{font-size: 3.4722222222vw;}
#header #logo img{width:120%;}
#intro .intro_bg, #intro .bg_box, #contents1 figure{border-radius:0;}
#intro{padding-bottom:250px;}
#intro:before{display:none;}
#sp_nav a.active{border-bottom: 1px solid white;}
.under_page:before{right: -200px;}
#footer:before{left:-400px;}
#sp_nav li:last-of-type a{border-radius:10px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img h2 {font-size: 4.4722222222vw;}
#intro .grid_6 {
  padding-bottom: 0;
  margin-bottom:20px;
}
#intro {
    padding-bottom: 200px;
    background: url(./Dup/img/item2.png) no-repeat bottom 3% left 50%;
    background-size: 40%;
}
#intro .intro_bg, #intro .bg_box {height: 100%;}
#contents1 .txt_box{
  padding-left:0;
  padding-right:0;
}
#contents1 .txt_box{background-size: 50%;}
#contents2 .top_title {padding-bottom: 120px;}
#contents2 h2{background-size: 50%;}
#top_cms:before{left: -180px;}
#top_cms:after {right: -470px;}
#f_contact .inner {
    padding-bottom: 200px;
    background: url(./Dup/img/item5.png) no-repeat center bottom 30px;
    background-size: 40%;
}
.under_page:before {right: -250px;}
#logo2{max-width:250px;}
.web_reserv{margin-top:20px;}
#tel_txt h3,#tel_txt p{font-size:1rem;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.pager li a .posi_center{top:52%;}
.cate_list li a{padding:13px 10px 10px;}
#page9 a{padding-bottom:5px;}
#cms_3-e .cate_title{padding-top:8px!important;}
}