﻿/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
body,.font_en{
        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;
}
body {
    font-size: 16px;
}
.linkStyle{color: #333;border-bottom: 1px solid;}
header{background-color: #c2d59c!important;}
.blur {
    background-color: rgb(255 255 255 / 80%);
}
#loading_bg{background-color: #fff;}
#loading .gauge{background-color: #c2d59c;}
#main_img,#main_img img.object_fit_img{max-height: none;min-height: inherit;}
#main_menu ul li a,header .contact_bt a, header .tel_bt a{font-size: 16px;font-weight: bold;}
#main_menu ul li a{    color: #205160;}
#main_menu ul li a::before{background-color: #205160;}
#contents1{opacity: 1;transform: none;}
#contents2 h2, #contents3 h3 {
    color: #1e5262;
}
.blur{padding-top: 5%;}
header .contact_bt a, header .tel_bt a{
    background-color: #205160;
    color: #fff;
    border: none;
}
header .button:hover::after {
    box-shadow: inset 0 0 0 15em #ffffff;
}
.button:hover::after {
    box-shadow: inset 0 0 0 15em #205160;
}
.contents1_wrap{padding-bottom: 5%;}
#contents2{
    background-color: #ffffff;
    position: relative;
    box-sizing: border-box;
}
#contents1 p, #contents2 p, #contents3 p {
    color: #212121;
}
#loading img{max-width: 180px;}
.service_wrap span{
    background-color: #205160;
    color: #fff;
    border: 1px solid #205160;
}
.photo01{
    position: absolute;
    right: 5%;
    bottom: 0;
    max-width: 370px;
    width: 40%;
}
.cms_title{padding-left: 0;}
.cms_title::before{content: none;}
.footer_back .f_before {
    transform: rotate( -9deg ) translateY(-50%);
    -moz-transform: rotate(-9deg) translateY(-50%);
    -webkit-transform: rotate( -9deg ) translateY(-50%);
}
/*===========================================================*/
/* コード集 */
/*===========================================================*/
.topcms_menu_type3 .cate_box,#topcms_menu_type3 .cate_box {
	width: 48%!important;
	background-color: #f7f7f7;
}
.topcms_menu_type3 .cate_box,#topcms_menu_type3 .cate_box {
	/*margin-right: 2%;*/
}
.topcms_menu_type3 .cate_box:nth-of-type(3n),#topcms_menu_type3 .cate_box:nth-of-type(3n) {
	margin-right: 0px;
}
.topcms_menu_type3 .btn, #topcms_menu_type3 .btn{
	line-height: 2;
}
.topcms_menu_type3 .btn a, #topcms_menu_type3 .btn a{
	border-color: #b5b5b5;
}
.topcms_menu_type3 .box_wrap{    justify-content: space-around;}
/*--------タブレット--------*/
@media screen and (max-width: 768px){
.topcms_menu_type3 .cate_box{
	width: 100%!important;
	margin: 0 auto 40px;
}
.topcms_menu_type3 .cate_box:nth-of-type(3n){
	margin-right: auto;
}
#topcms_menu_type3 .cate_box {
	width: 48.5%!important;
}
#topcms_menu_type3 .cate_box:nth-of-type(3n) {
	margin-right: 2%;
}
#topcms_menu_type3 .cate_box:nth-of-type(2n) {
	margin-right: 0px;
}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
.topcms_menu_type3 .cate_box {
	width: 95%!important;
}
#topcms_menu_type3 .cate_box {
	width: 100%!important;
}
.topcms_menu_type3 .cate_box, #topcms_menu_type3 .cate_box,.topcms_menu_type3 .cate_box:nth-of-type(3n), #topcms_menu_type3 .cate_box:nth-of-type(3n) {
	margin: 0 auto 40px;
}
}



/*===========================================================*/
/* 下層 */
/*===========================================================*/
#cms_6-d .cate_box:after, .cms_6-d .cate_box:after {
    color: #aec582;
}
#cms_6-d .cate_box:after, .cms_6-d .cate_box:after{content: none;}
#cms_2-g .cate_img1 {
    max-height: none;
}


/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
.photo01 {
    right: 0%;
    width: 60%;
}
footer .link_box li {
    max-width: 35px;
}
.footer_back .f_before{top: 46%;}
.main_box {
    padding-top: 72px;
}

}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
.photo01{display: none;}
.main_box {
    padding-top: 58px;
}
#contents1 h2 ,#contents2 h2, #contents3 h3{
    font-size: 21px;
}


}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}