/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&display=swap');
html, body{font-size: 16px;}
body{font-family: 'Montserrat',"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;font-weight: 500;}
.linkStyle{color: #333;border-bottom: 1px solid;}
.height_100per{height: 100%;}
.pc_box a[href^="tel:"]:hover{color: #fff;}
#logo img {width: 70%!important;}
#main_menu ul li a,.pc_box a[href^="tel:"] {color: #603b1a;}
h2, h3, h4,.font_en, .date, a[href^="tel:"], a[href^="mailto:"],#main_menu ul li a{font-family: 'Kiwi Maru', serif;}
.scroll_bt{bottom: -20px;}
main{    background-color: #fff5ec;}
.con1_squ span {width: 10px;height: 10px;display: block;border-radius: 15px;}
#main_img{min-height: inherit;}
#contents1 h2{font-weight: bold;}
#contents1 figure,#contents2 figure{border-radius: 50%;overflow: hidden;}
#contents1 .con_before,#contents2 .con_before {width: 30%;height: 23px;left: 0;bottom: 0;background-image: url(../dup/img/line.png);background-position: left 20px center;background-size: 30px;background-repeat: repeat-x;background-color: transparent;}
#contents3{background-image: url(dup/img/bg01.jpg); background-size: cover;padding: 0 10% 200px;background-position: center;}
#contents3 .con_no{    color: #ff8a1d;}
#contents3 figure{border-radius: 10px;box-shadow: 5px 5px 10px rgb(249 90 0 / 10%);}
.wave{background-image: url(dup/img/wave01.png);width: 100%;height: 6%;top: -7vw;background-size: cover;}
#top_cms > .box {padding: 50px 5%;}
#top_cms .more a,.foot_tel_bt a{border-radius: 10px;}
.con1_squ span:nth-of-type(1){background-color: #f9a715;}
.con1_squ span:nth-of-type(2){background-color: #f24327;}
.con1_squ span:nth-of-type(3){background-color: #00d2e2;}
/*===========================================================*/
/* コード集 */
/*===========================================================*/
.flow_type3 .cate{counter-reset: box;}
.flow_type3 .cate_box{counter-increment: box;}
.flow_type3 .box_item{padding-top: 60px;}
.flow_type3 .box_title1{z-index: 0}
.flow_type3 .box_title1::before, .flow_type3 .box_title1::after{position: absolute;content: "";display: block;pointer-events: none}
.flow_type3 .box_title1::before {content: "0"counter(box);font-size: 86px;color: #ebebeb;left: 0;top: -70px;z-index: -1;}
.flow_type3 .box_title1::after{width: 100%;	height: 1px;	bottom: 0;	left: 0;	background-color: #222}
/*-------- スマートフォン --------*/
@media screen and (max-width: 667px){
.flow_type3 .box_title1::before{	left: auto;	right: 0;	top: -50px}
.flow_type3 .box_item {padding-top: 36px;}
}

/*===========================================================*/
/* 下層 */
/*===========================================================*/
#cms_2-g .cate_img1 {max-height: none;}
.batu1,.batu2{        background-color: #fff;    height: 10px;    width: 100%;    transform: translate(-50%,-50%)rotate(45deg);}
.batu2{transform: translate(-50%,-50%)rotate(-45deg);}
#cms_3-b .cate_txt3{    /* position: absolute; */    /*font-size: 4vw;*/    z-index: 2;    /* left: 50%; */    /* transform: translateX(-50%); */    background-color: #f00;    border-radius: 50px;}
/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
header #logo{max-width: 230px;}
#logo img {width: 100%!important;margin: auto;}
.wave {background-image: url(dup/img/wave01.png);width: 100%;height: 0%;top: -10vw;background-size: cover;background-repeat: no-repeat;}
/*#cms_3-b .cate_txt3{font-size: 50px;}*/

}
/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
#logo img {width: 70%!important;}
header #logo {max-width: 240px;}
#contents1 ,#contents2{padding: 50px 10%;}
#contents2{margin-bottom: 50px;}
#contents2 .txt_box{order: 2;}
#contents3{    padding: 0 10% 150px;}
.wave {height: 6%;top: -14vw;background-size: contain;background-repeat: no-repeat;}
#cms_3-b .cate_txt3{top: 30%;}
#contents1 .con_before, #contents2 .con_before { width: 32%;}
    
}

/*2023_0315_修正*/
main {
    background-color: #eafdfc;
}
#contents3 .con_no {
    color: #82AAE3;
}
.button:hover::after {
    box-shadow: inset 0 0 0 15em #4f9eae;
}
.cate_list li a{background-color: #fff;}
#page10 li a{background-color: #ffffff;}
#page10 li a:hover{    background-color: #82AAE3;}
/* CSS Document */
/* color */
body, .txt_color_nomal{color: #3d281e;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #82AAE3} /* メインカラー */
.txt_color2{color: #efebe7} /* サブカラー */
.txt_color3{color: #91D8E4} /* アクセントカラー1 */
.txt_color4{color: #edfbff} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #82AAE3} /* メインカラー */
.bg_color2{background-color: #efebe7} /* サブカラー */
.bg_color3{background-color: #91D8E4} /* アクセントカラー1 */
.bg_color4{background-color: #edfbff} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #82AAE3}
.border_color2{border-color: #efebe7}
.border_color3{border-color: #91D8E4}
.border_color4{border-color: #edfbff}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #212121;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #82AAE3} /* メインカラー */
.hvr_txt_color2:hover{color: #efebe7} /* サブカラー */
.hvr_txt_color3:hover{color: #91D8E4} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #edfbff} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #82AAE3} /* メインカラー */
.hvr_bg_color2:hover{background-color: #efebe7} /* サブカラー */
.hvr_bg_color3:hover{background-color: #91D8E4} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #edfbff} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #82AAE3}
.hvr_border_color2:hover{border-color: #efebe7}
.hvr_border_color3:hover{border-color: #91D8E4}
.hvr_border_color4:hover{border-color: #edfbff}