@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap');
.en,
.cms_title .font_2up{
	font-family: 'Caveat Brush', cursive;
	font-size: calc( 1rem + 8px);
}

/* color */
body,.txt_color_nomal{color: #212121;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #35b28a;} /* メインカラー */
.txt_color2{color: #efdae0;} /* サブカラー */
.txt_color3{color: #1a237e;} /* アクセントカラー1 */
.txt_color4{color: #fff8dc;} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white;} /* 白背景 */
.bg_black{background-color: black;} /* 黒背景 */
.bg_color1{background-color: #35b28a;} /* メインカラー */
.bg_color2{background-color: #b7f9e1;} /* サブカラー */
.bg_color3{background-color: #1a237e;} /* アクセントカラー1 */
.bg_color4{background-color: #fff8dc;} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important;}

/* border-color ※!important */
.border_color1{border-color: #35b28a;}
.border_color2{border-color: #efdae0;}
.border_color3{border-color: #1a237e;}
.border_color4{border-color: #fff8dc;}

/* 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: #35b28a;} /* メインカラー */
.hvr_txt_color2:hover{color: #efdae0;} /* サブカラー */
.hvr_txt_color3:hover{color: #1a237e;} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #fff8dc;} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white;} /* 白背景 */
.hvr_bg_black:hover{background-color: black;} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #35b28a;} /* メインカラー */
.hvr_bg_color2:hover{background-color: #efdae0;} /* サブカラー */
.hvr_bg_color3:hover{background-color: #1a237e;} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #fff8dc;} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #35b28a;}
.hvr_border_color2:hover{border-color: #efdae0;}
.hvr_border_color3:hover{border-color: #1a237e;}
.hvr_border_color4:hover{border-color: #fff8dc;}

.linkStyle { color:#212121;
}
.linkStyle:hover { opacity:0.7;transition: all 0.3s;
}
#loading_logo {
    width: 50%;
    max-width: 300px;
}
.main_img_wrap {
    width: calc( 97% - 0.5px );
}
.main_img_logo {
    width: 50%;
    max-width: 300px;
}
.top_nav ul li a {
    text-shadow: 2px 2px 2px #333;
}
.top_nav ul li a:hover {
    color: #EAC306;
}
.dec {
    width: 100px;
}
#dec1,#dec5 {
    margin-left: 43.5%;
    margin-top: 0px;
    margin-bottom: 0px;
}
#dec2,#dec6 {
    margin-left: 59.5%;
    margin-top: -50px;
    margin-bottom: 0px;
}
#dec3,#dec7 {
    margin-left: 50.5%;
    margin-top: -48px;
    margin-bottom: 0px;
}
#dec4,#dec8 {
    margin-left: 34.5%;
    margin-top: -135px;
    margin-bottom: 0px;
}
#contents .box .txt_wrap {
	z-index: 2;
}
#contents .box figure:after {
	border-color:#EAC306;
	opacity: 0.5;
}
.img-container:before {
    background: #1A237E;
}
.t_cms_img2 .img-container:before {
    background: #F63355;
}
.t_cms_img3 .img-container:before {
    background: #35b28a;
}
.sns_box {
    padding-top: 20px;
    padding-bottom: 20px;
}
footer{
    background: #35b28a;
}
footer .svg_box {
	display: none;
}
.top_cms_box .more_box .more:hover,
.page10 .more_box .more:hover {
    background-color:#b7f9e1;
}
.cms_wrap,
#page7,#page8,#page9,#page10 {
    padding: 0 5%;
}
#cms_1-c {
    padding: 0 0%;
}
#page10 ul a {
    font-size:14px;
}
@media screen and (max-width: 768px){
.main_img_wrap .catch span {
    line-height: 1.6;
}
.dec {
    width: 65px;
}
#dec1,#dec5 {
    margin-left: 39.5%;
}
#dec2,#dec6 {
    margin-left: 58.5%;
}
#dec3,#dec7 {
    margin-left: 50.5%;
    margin-top: -21px;
}
#dec4,#dec8 {
    margin-left: 28.5%;
    margin-top: -93px;
}
.cms_wrap,
#page7,#page8,#page9,#page10 {
    padding: 0 0%;
}
.page10 .more_box:first-child {
    margin-left: 20px; 
    margin-right: 20px; 
}
.page10 .more_box:first-child .more {
    justify-content: flex-start; 
}
}

@media (max-width:667px){
.main_img_wrap {
    width: 95%;
}
.main_img_logo {
    width: 40%;
    top:35%;
}
.dec {
    width: 57px;
}
#dec1,#dec5 {
    margin-left: 33.5%;
}
#dec2,#dec6 {
    margin-left: 66.5%;
}
#dec3,#dec7 {
    margin-left: 52.5%;
}
#dec4,#dec8 {
    margin-left: 11.5%;
	margin-bottom: 40px;
}	
}
@media all and (-ms-high-contrast:none){
.dec {
    height: 110px;
}
}
@supports (-ms-ime-align:auto) {}