@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
.font1{font-family: 'Nothing You Could Do', cursive;}

#body{overflow:hidden;}


.linkStyle{
    color:#126E82;
    border-bottom:1px solid #126E82;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
}
#header, .header_wrap, #header .header_logo {height: 125px;}

.header_logo>div a{
    padding:5px;
    border-right:0;
}
#header .pd_b-40px:nth-child(3) a,#top_cms .box:nth-child(3) h2{color:#30c8e0;}
#header .pd_b-40px:nth-child(3) a:hover{color:#88edfd;}

/*20210716修正*/
.header_logo{
    width:1280px!important;
    /*max-width:1280px!important;*/
}
.header_logo .pd_b-40px a{
    font-size:1.2rem;
    font-weight:bold;
    letter-spacing:-1px;
}
/* ---------- responsive ---------- */
@media screen and (max-width: 1280px){
.header_logo{
    width:1000px!important;
}
}
/*ここまで*/


#logo .logo a img{width:100%!important;}

footer .d_flex li a{border-right:0;}
.foot_bt a:hover{color:#444;}
#copyright{color:#444;}

/*top page-----------------------------------
-----------------------------------*/
#main_img{position:relative;}
#main_img::before{
    content:'';
    position:absolute;
    display:block;
    width:28vw;
    height:49vh;
    background-image:url(./Dup/img/catch2.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    top:50%;
    transform:translate(0,-50%);
    left:10%;
    z-index:2;
    
}
#main_img .box_img {max-height: 750px;}
.con_outer{width:1280px;}
.con1_outer{margin-bottom:200px;}
#contents1{margin-top:40px;}
#contents1 .con1_sub{
    padding-top: 40px;
    font-size: 2em;
}
#contents1 h3{padding-top:10px;}
.con234_outer{
    background-color:#6acdda;
    padding-top:100px;
    position:relative;
}
.con234_outer::before{
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    margin: auto;
    background-color: #6acdda;
    right: 0;
    left: 0;
    top: -10%;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    /*clip: rect(330px,400px,400px,0px);*/
}
.con234_outer .width_1000{transform: translate(0,-50px);}
.con234_p{
    transform:translate(0,-140px);
    letter-spacing:2.5px;
}
.con234_sub_txt1{font-size:calc(2rem - 5px);}
.con234_sub_txt3{font-size: calc(3rem - 10px);}
#contents234{
    margin-bottom: 0;
    padding-bottom: 100px;
}
#contents234 .box{position:relative;}
#contents234 .num{
    font-size: 5rem;
    position: absolute;
    top: -38px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}
#contents234 .box .contents_img4::before{display:none;}
#contents234 h4{border-bottom:0;}
#contents234 .contents_txt4,#contents234 .contents_txt6,#contents234 .contents_txt8{padding:0 20px 40px;}
#top_cms .cms_title h2{
    /*color:white;*/
    font-size:2rem;
}
.cms_title::before{border-color: #6acdda;}
.cms_title::after{
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    width:100px;
    height:1px;
    background-color:#6acdda;
    left:0;
    right:0;
    margin:auto;
    bottom:20%;
}
#top_cms .cms_title p{
    font-family: 'Nothing You Could Do', cursive;
    font-size:calc(2rem - 8px);
}


/*puperu*/
.puperu_item img{width:178px;}
.puperu h3::before{
    content:'';
    position:absolute;
    display:block;
    width:74px;
    height:1px;
    background-color:#ccc;
    left:0;
    right:0;
    margin:auto;
    bottom:-20px;
   
}
.movie{
    max-width: 1085px;
    margin: auto;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 56.25%;
}

.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.poyopoyo {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}


/*under page-----------------------------------
-----------------------------------*/
#page_title{
    background-image:url(./Dup/img/p_title.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size: cover;
    position:relative;
}
#page_title::after{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(96,198,222,0.5);
    z-index:1;
    top:0;
    left:0;
}
#page_title h2,#page_title p{
    position:relative;
    z-index:2;
    color: white;
    /*text-shadow: 0 0 3px white;*/
}
#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{width:1280px;}

/*map*/
#map{overflow: hidden;}
#map iframe{margin-top: -55px;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header, .header_wrap, #header .header_logo {
    height: 100px;
}
#main_img::before{
    width: 45vw;
    height: 28vh;
    left: 8%;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#header, .header_wrap, #header .header_logo {
    height: 80px;
}
#main_img::before {
    width: 50vw;
    height: 25vh;
    left: 3%;
}
.con234_outer,.con234_outer::before {
    background-color: #83dbe6;}
.con234_outer::before{top:-3%;}
.con234_outer .width_1000 {
    transform: translate(0,-100px);
}
#contents234{padding-bottom:0;}
#contents234 .contents_txt4{padding: 0 20px 0;}
.con234_p {transform: translate(0,-120px);}
.con234_outer .width_1000 {transform: translate(0,-60px);}
.con_txt_box{background-color:transparent!important;}
.con_txt_box h4{color:white;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#cms_4-b .big_cate_title{padding-top:13px!important;}
.tel_box a{padding-top:35px;}
}