#body{
    overflow: hidden;
}
/* 問い合わせページへメール追加 ----------------------------------*/
@media  screen and (max-width: 350px){
    .tel_box p{
        letter-spacing: 0em;
    }
    .tel_box a{
        font-size: 22px;
    }
}

/* バナー -----------------------------------------*/
.fix_banner{
	max-width: 300px;
	position: fixed;
	bottom: 0;
	right: 70px;
	z-index: 10;
	transition: 0.5s;
}
footer #footer{
    padding: 50px 50px 90px;
}

@media  screen and (max-width: 667px){
    .fix_banner{
        max-width: 240px;
        right: 60px;
    }
    footer #footer{
        padding: 50px 30px 80px;
}
}
/* メインイメージ ----------------------------------*/
.catch {
    position: absolute;
    z-index: 3;
    transform: translate(0%, -50%);
    top: 47%;
    right: 6%;
    width: 30%;
}
/*.catch_box{*/
/*    z-index: 3;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 3%;*/
/*    transform: translate(0%, -50%);/* X横 Y縦 始点が要素の中心になる */
/*    width: 40%;*/
/*}*/

/*.catch_dec1 {*/
/*    width: 25%;*/
/*    margin: 50px;*/
/*    margin-left: 13%;*/
/*    margin-bottom: 0;*/
    
/*    animation-name: fadeInAnime;*/
/*animation-duration:0.3s; /* アニメーション時間 */
/*animation-delay: 2.3s; /* 〇秒後に変化 */
/*animation-fill-mode:forwards;*/
/*opacity: 0;*/
/*}*/
/*@keyframes fadeInAnime{*/
/*  0% {*/
/*    opacity: 0;*/
    
/*  }*/

/*  100% {*/
/*    opacity: 1;*/
/*  }*/
/*}*/
/*.main_dec{*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    width: 40%;*/
/*}*/
.main_dec1 {
    position: absolute;
    bottom: 10%;
    right: 6%;
    width: 25%;
    max-width: 370px;
}
/*.main_dec2 {*/
/*    width: 35%;*/
/*}*/
/* 動画 -----*/
.video{
    height: 100vh;
}
@media screen and (max-width: 768px){
    .video{
        width: 100%;
    height: auto;
    }
}
/* タブレット */
@media screen and (max-width: 768px){
    .main_dec1 {
        bottom: 6%;
    }
}
/* スマホ */
@media screen and (max-width: 667px){
    .main{
        margin: 0;
        padding-top:45vh;
    }
    .catch_box{
        transform: translate(-50%, -50%);
        top: 28%;
        left: 50%;
        width: 70%;
    }
    .catch{
        top: 43%;
        width: 36%;
    }
    .catch_dec1{
        margin: 20px auto 0px;
    }
    .main_dec{
        width: 85%;
    }
    .main_dec1{
        width: 35%;
    }
}

/* トップページ ------------------------------------*/
#intro_title{
    text-align: center;
}
.top_cms_title span{
    border-radius: 10px;
}
.top_cms_title h3{
    border-radius: 10px;
}

/* 弊社について ------------------------------------*/
#cms_2-b .cate_box{
    /*border-color: #b3b3b3;*/
    border: none;
    border-left: none;
}

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

/* 初めての方へ -------------------------------------*/
#cms_6-a #cate0 .box_title1::before{content: "";}
#cms_6-a #cate0 .box_txt1::before{
    content: "";
    /*content: "▼";*/
    /*font-size: 15px;*/
    /*color: #2f418b;*/
    /*position: absolute;*/
    /*top: auto;*/
    /*bottom: -35px;*/
    /*left: 2%;*/
}
/*#cms_6-a #cate0 .box_txt1:last-child::before{content: "";}*/
#cms_6-a #cate0 .box_title1,#cms_6-a #cate0 .box_txt1{
    padding-left: 10px;
}
#cms_6-a #cate0 .box_title1{
    font-weight: bold;
}

#cms_6-a .box_title1{
	border-color: rgba(0,0,0,0.05)
}
#cms_6-a .box_title1::before{
	content: "Q.";
	font-weight: bold;
	position: absolute;
	top: 6px;
	left: 13px;
	font-size:-webkit-calc(1rem + 8px);font-size : calc(1rem + 8px);
}
#cms_6-a .box_txt1::before{
	content: "A.";
	font-weight: bold;
	position: absolute;
	color: rgba(0,0,0,0.3);
	top: 8px;
	left: 13px;
	font-size:-webkit-calc(1rem + 8px);font-size : calc(1rem + 8px);
}

@media screen and (max-width: 768px){
	#cms_6-a .box_title1::before{
		top: 6px;
		font-size:-webkit-calc(1rem + 6px);font-size : calc(1rem + 6px);
	}
	#cms_6-a .box_txt1::before{
		top: 9px;
		font-size:-webkit-calc(1rem + 6px);font-size : calc(1rem + 6px);
	}
}
@media screen and (max-width: 667px){
	#cms_6-a .box_title1::before{
		top: 5px;
		left: 0;
		font-size:-webkit-calc(1rem + 4px);font-size : calc(1rem + 4px);
	}
	#cms_6-a .box_txt1::before{
		top: 10px;
		left: 0;
		font-size:-webkit-calc(1rem + 4px);font-size : calc(1rem + 4px);
	}
}

/* プライバシーポリシー  ----------------------------*/
#page10 ul li a .sub_title{
    width: 120px;
    text-align: center;
}

/* 全体 --------------------------------------------*/
#page_title::after{
    background-color: rgba(12, 25, 80, 0.5);
}

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

/* 自動リンク設定  ----------------------------------*/
.linkStyle{
	color:#2f418b;
	text-decoration: underline;
	transition: all 0.5s;
}
.linkStyle:hover{
	color:#2f418b;
	opacity: 0.7;
	text-decoration: none;
}

/*配色 ----------------------------------------------*/



/*文字・文字間・空間 --------------------------------*/


/* タブレット */
@media screen and (max-width: 768px){
    #intro .box_wrap .box{
        width:80%!important;
        margin: 0 auto;
    }
    #contents .contents_txt > div{padding: 0px;}
    #cms_1-a .pager li{margin-right: 0px;}
}

/* スマホ */
@media screen and (max-width: 667px){
    #intro .box_wrap .box{width:100%!important;}
    h1 a{padding: 12px 3px;}
    #main_nav li a span{padding: 5px 10px;}
    #intro .box_wrap .box > div{
        width: 97%;
        margin-left: 3%;
    }
    #top_cms{padding: 25px;}
    p, .box_txt1, .box_txt2{letter-spacing: 0.03em;}
    h4{letter-spacing: 0.03em;}
    
    #cms_2-b .cate_box{
        padding: 0;
    }
}

/*テンプレート  -------------------------------------*/
/* タブレット */
@media screen and (max-width: 768px){
    .pager li{margin: 0px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    
    #page09 h3{letter-spacing: 0.03em;}
}


/*コード集  -------------------------------------*/
/*お知らせ*/
.topcms_news_type4 .cate_box{
	width: 30.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
}
.topcms_news_type4 .cate_box{
    position: relative;
	background-color: #fff;
	padding: 0;
	/*box-shadow: 10px 25px 30px rgb(0 0 0 / 8%);*/
	/*border-top: 2px solid #095781;*/
}
.topcms_news_type4 .date{
    position: absolute;
    left: 0;
    bottom: 70px;
    /*background: #fff;*/
    opacity: 1;
    padding: 5px 10px;
    border-radius: 0px 15px 0px 0px;
}
.topcms_news_type4 .txt_height{
	height: 3em
}
.topcms_news_type4 .box_title1:empty{
	display: block!important;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type4 .cate_box {width: 30.33333%!important;}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.topcms_news_type4 .cate_box {width: 100%!important;margin-bottom: 20px;}
}