body{font-family:'Zen Kaku Gothic Antique', "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;}

/*.top_cms_title p,.page_title p{font-family: 'Luckiest Guy',"Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;*/
/*    transform: rotate(0.08deg); }*/

header li a,.box h2{font-family:'M PLUS 1p','Zen Kaku Gothic Antique', "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
    font-weight:800 !important;
    transform: rotate(0.08deg);}

.top_cms_title h3,.page_title h2{font-family:'M PLUS 1p','Zen Kaku Gothic Antique', "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
    font-weight:900 !important;
    transform: rotate(0.08deg);
}

.font_bold{font-weight:normal !important;}
/*font--------------------------------------------------------------------------------------------------------------------*/

/*color-------------------------------------------------------------------------------------------------------------------*/
.txt_color_nomal{color: #3d516e;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #f08686} /* メインカラー */
.txt_color2{color: #fcf2ca} /* サブカラー */
.txt_color3{color:#56bab7} /* アクセントカラー1 */
.txt_color4{color: #fff1f0} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: #3d516e} /* 黒背景 */
.bg_color1{background-color: #f59898} /* メインカラー */
.bg_color2{background-color: #fcf2ca} /* サブカラー */
.bg_color3{background-color: #81d6d3} /* アクセントカラー1 */
.bg_color4{background-color: #fff1f0} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #ffa8a8}
.border_color2{border-color: #fcf2ca}
.border_color3{border-color: #81d6d3}
.border_color4{border-color: #fff1f0}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #3d516e;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color:#f08686} /* メインカラー */
.hvr_txt_color2:hover{color: #fcf2ca} /* サブカラー */
.hvr_txt_color3:hover{color: #56bab7} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #fff1f0} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: #3d516e} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #f59898} /* メインカラー */
.hvr_bg_color2:hover{background-color: #fcf2ca} /* サブカラー */
.hvr_bg_color3:hover{background-color: #81d6d3} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #fff1f0} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #f59898}
.hvr_border_color2:hover{border-color: #fcf2ca}
.hvr_border_color3:hover{border-color: #81d6d3}
.hvr_border_color4:hover{border-color: #fff1f0}

/*color-------------------------------------------------------------------------------------------------------------------*/

/*templatenone---------------------------------------------------------------------------------------*/
#contents .contents_box .contents_txt .contents_point {
    display:none;}
    
.bg_dot1,.bg_dot2 {background-image: none;}

#main_img #slide {
    width: 90%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;}
/*templatenone---------------------------------------------------------------------------------------*/

/*top-------------------------------------------------------------------------------------------------------*/
.loader .bg_dot2{background-image:url(dup/img/loader.png);
    background-color:#ffffff;
    background-size: cover;
    width: 100%;
    height: 100%;
    animation-name: none;
}


.con01::before {
    background: url(dup/img/con01.png);
    content: '';
    background-size: contain;
    position: absolute;
    max-width: 400px;
    width: 400px;
    height: 400px;
    background-repeat: no-repeat;
    bottom: 5%;
    right: 4%;
    opacity: 0.2;
}
.con02::before {
    background: url(dup/img/con02.png);
    content: '';
    background-size: contain;
    position: absolute;
    max-width: 600px;
    width: 600px;
    height: 250px;
    background-repeat: no-repeat;
    bottom:11%;
    left: 11%;
    opacity: 0.2;
}
.con03::before {
    background: url(dup/img/con03.png);
    content: '';
    background-size: contain;
    position: absolute;
    max-width: 400px;
    width: 400px;
    height: 250px;
    background-repeat: no-repeat;
    bottom: 5%;
    right: 10%;
    opacity: 0.2;
    transform: rotate(342deg);
}

video {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.catch_img {
    top: 20%;
    right: 0%;
    z-index: 3;
    max-width: 900px;}


.bg_img {
    bottom: 3%;
    left: -4%;
    z-index: 3;
    max-width: 400px;
}

.bg_img02 {
    top: 0%;
    right: -1%;
    z-index: 3;
    max-width: 350px;
}

@media screen and (max-width: 1700px){
    .catch_img {
    top: 23%;
    right: 0%;
    z-index: 3;
    max-width: 800px;}
}


@media screen and (max-width: 1500px){
    .catch_img {
    top: 28%;
    right: 0%;
    z-index: 3;
    max-width: 600px;}
}


figure, img.shadow-l,.cate_img1 img{border-radius: 30px !important;}
#info figure{border-radius: 0 !important;}

.loader img {
    z-index: 2;
    width: 350px;}


.cms_5-c .box_txt1::before,#cms_5-c .box_txt1::before { color: rgba(61,81,110,0.5);}

.sns_links {  background: transparent;}

.page_title::before {
    content: '';
    background: url(dup/img/page_title.png);
    position: absolute;
    width: 500px;
    max-width: 500px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    bottom: 0;
    /*opacity: 0.5;*/
}

div#cms_3-a .cate_txt1 {
    background: #fff1f0;
    border: solid 0;
    border-radius: 15px;
}


#cms_6-a .cate_title {
    border-color: #f59898!important;
    background-color: #f59898 !important;
    border-radius: 15px;}

#cms_6-a .box_wrap{
    border-radius: 15px;
    background:#fffcf0;
    border: solid 0;
    /*padding: 20px;*/
}

#cms_6-a .cate_box {border-bottom: dotted 2px #81d6d3;}

.tel_contact {background: #fffcf0;}

#page10 .box_wrap .box { background: #fff9e0;}

/*linkStyle*/
a.linkStyle {
    color: #3d516e;
    border-bottom:solid 1px;
    transition: 0.5s;
}
a.linkStyle:hover {
    color: #3d516e;
    border-bottom:solid 1px;
    opacity: 0.8;
}

 #cms_5-c .box_title1::before,#cms_5-c .box_txt1::before
, .cms_5-c .box_title1::before,.cms_5-c .box_txt1::before{top:4px !important;}

ul.pager {
    background: transparent !important;}
/*IE*/
@media all and (-ms-high-contrast: none){
    #page_top i {padding-left:3px !important;}
    .pager li a{ padding-top:8px !important;}
    .date{padding-top:3px !important;}
    #cms_5-c .box_title1::before,#cms_5-c .box_txt1::before{top:4px !important;}
    #page07 .box h3 span{padding: 10px 18px 11px !important;}
}


/*タブレット*/
@media screen and (max-width: 768px){
    .page_title {margin: 68px 0;}
    .page_title::before {
    width: 300px;
    max-width: 300px;}
figure, img.shadow-l,.cate_img1 img{border-radius: 15px !important;}

.con01::before {
    background: url(dup/img/con01.png);
    content: '';
    background-size: contain;
    position: absolute;
    max-width: 300px;
    width: 300px;
    height: 300px;
    background-repeat: no-repeat;
    bottom: 5%;
    right: 4%;
    opacity: 0.2;
}
.con02::before {
    background: url(dup/img/con02.png);
    content: '';
    background-size: contain;
    position: absolute;
    max-width: 400px;
    width: 400px;
    height: 180px;
    background-repeat: no-repeat;
    bottom:11%;
    right:11%;
    left: auto;
    opacity: 0.2;
}
.con03::before {
    background: url(dup/img/con03.png);
    content: '';
    background-size: contain;
    position: absolute;
    max-width: 300px;
    width: 300px;
    height: 185px;
    background-repeat: no-repeat;
    bottom: 5%;
    right: 10%;
    opacity: 0.2;
    transform: rotate(342deg);
}

.catch_img {
    top: 39%;
    right: 0%;
    z-index: 3;
    max-width: 400px;
}

.bg_img02 {
    top: 0%;
    right: -1%;
    z-index: 3;
    max-width: 250px;
}

.bg_img {
    bottom: -9%;
    left: -4%;
    z-index: 3;
    max-width: 300px;
}

}
/*スマホ*/
@media screen and (max-width: 667px){
.loader img {
    z-index: 2;
    width: 220px;}
    .logo img {
    max-width: 200px;
}
#main_img #slide {
    width: 90%;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.bg_img02 {
    top: 0%;
    right: -1%;
    z-index: 3;
    max-width: 120px;}
    
.bg_img {
    bottom: 0%;
    left: -4%;
    z-index: 3;
    max-width: 120px;
}


.con01::before {
    background: url(dup/img/con01.png);
    content: '';
    background-size: contain;
    position: absolute;
    max-width: 200px;
    width: 200px;
    height: 230px;
    background-repeat: no-repeat;
    bottom: 5%;
    right: 4%;
    opacity: 0.2;
}
.con02::before {
    background: url(dup/img/con02.png);
    content: '';
    background-size: contain;
    position: absolute;
    max-width: 300px;
    width: 300px;
    height: 150px;
    background-repeat: no-repeat;
    bottom:7%;
    right:3%;
    left: auto;
    opacity: 0.2;
}
.con03::before {
    background: url(dup/img/con03.png);
    content: '';
    background-size: contain;
    position: absolute;
    max-width: 250px;
    width: 250px;
    height: 150px;
    background-repeat: no-repeat;
    bottom: 5%;
    right: 10%;
    opacity: 0.2;
    transform: rotate(342deg);
}

.page_title::before {
    width: 250px;
    max-width: 250px;}


.catch_img {
    top: 39%;
    right: 0%;
    z-index: 3;
    max-width: 295px;
}

}
    
    
/*動画時*/

div#video::before {
    content: '';
    background: rgba(255,241,240,0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    mix-blend-mode: screen;}

.catch_img {
    top: 32% ;
    right: 1%;
    z-index: 3;
    max-width: 600px;
}



/*タブレット*/
@media screen and (max-width: 768px){

.catch_img {
    top: 83%;
    right: 50%;
    left: 55%;
    z-index: 5;
    max-width: 600px;
    transform: translate(-50%, -50%);}    
    
}


/*スマホ*/
@media screen and (max-width: 667px){
    
.catch_img {
    top: auto;
    bottom: 10%;
    right: 0;
    left: 50%;
    z-index: 5;
    max-width: 290px;
    transform: translate(-50%, 0%);}

.bg_img {
    bottom: 4%;
    left: -7%;
    z-index: 3;
    max-width: 120px;}
    
}