/* all page */
/*fonts*/
body {
    line-height: 2;
     font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
}
.min_font, #page_title h2 {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-weight: bold;
}

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #a1d44e;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1{color: #a1d44e;}
.txt_color2{color: #efefef}
.txt_color3{color: #f1bc2e;}
.txt_color4{color: #c9c9c9}

.hvr_txt_color1:hover{color: #a1d44e;}
.hvr_txt_color2:hover{color: #efefef}
.hvr_txt_color3:hover{color: #f1bc2e;}
.hvr_txt_color4:hover{color: #c9c9c9}

/* background-color */
.bg_color1{background-color: #a1d44e;}
.bg_color2{background-color: #efefef}
.bg_color3{background-color: #f1bc2e;}
.bg_color4{background-color: #c9c9c9}

.hvr_bg_color1:hover{background-color: #a1d44e;}
.hvr_bg_color2:hover{background-color: #efefef}
.hvr_bg_color3:hover{background-color: #f1bc2e;}
.hvr_bg_color4:hover{background-color: #c9c9c9}

/* border-color ※!important */
.border_color1{border-color: #a1d44e;}
.border_color2{border-color: #efefef}
.border_color3{border-color: #f1bc2e;}
.border_color4{border-color: #c9c9c9}

.hvr_border_color1:hover{border-color: #a1d44e;}
.hvr_border_color2:hover{border-color: #efefef}
.hvr_border_color3:hover{border-color: #f1bc2e;}
.hvr_border_color4:hover{border-color: #c9c9c9}

/*#body{*/
/*    overflow: hidden;*/
/*}*/
/*固定バナー*/
.banner_fixed {
    position: fixed;
    right: 140px;
    z-index: 5;
    max-width: 250px;
}
.banner_fixed a{
    border-radius: 50px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
}
.banner_fixed a:hover{
    opacity: 0.7;
}

/* header */
#header{box-shadow: none;transition: all 0.5s;}
#header.is-fixed {background-color: rgba(255,255,255,0.8);transition: all 0.5s;}

/* side */
#side_info{
    background-color: #f5f5f5;
    border: none;
}
#side_info .logo{margin: 15px auto;}

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

/* main img */
#main_img {position: relative;}
#main_img .catch {
    position: absolute;
    z-index: 1;
    right: 75px;
    bottom: 29px;
    width: 30vw;
    max-width: 560px;
}

/* main */

/* intro */
#contents .box:first-child h2::before{
    content: "";
    background-image: url(./Dup/img/intro.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    width: 50%;
    height: 200px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    opacity: 0.1;
}

/* contents */
#contents .box:nth-of-type(2) h2::before{
    content: "";
    background-image: url(./Dup/img/contents.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100%;
    width: 90%;
    height: 150px;
    position: absolute;
    bottom: 15px;
    left: 0;
    z-index: -1;
    opacity: 0.1;
}

/* topcms */


/* footer */
.footer_box .logo{max-width: 250px;}


/* under page */

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{box-shadow: none!important;background-color: rgba(255,255,255,0.8)!important;}
#side_info .logo {width: 30%!important;}
.hamburger {top: 0;}
.banner_fixed {right: 80px;}
#main_img {padding-top: 75px;}
#main_img .catch {
    right: 10px;
    bottom: 39px;
    width: 46vw;
}
#contents{margin-top: 50px;}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#side_info .logo {width: 70%!important;}
#main_img {padding-top: 65px;}
#main_img .catch {
    bottom: 10px;
    width: 56vw;
}
.banner_fixed a {padding: 15px;}
#contents .box:first-child h2::before {width: 80%;bottom: 25px;}
#contents .box:nth-of-type(2) h2::before {
    width: 105%;
    bottom: 25px;
    left: -2.5%;
}

}

/*20220801公開後修正*/
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img .catch {width: 63vw;}
#mainSlide div{max-height:30vh;}
.slick-dots{bottom:-50px;}
}