﻿
/* CMS・下層ページ ----------------------------------*/

#cms_2-b #cate1 .cate_box .text_box{width: 100%!important;}
#cms_2-b #cate0 .cate_box .text_box{width: 75%!important;}
#cms_2-b #cate0 .cate_box .box_title1{font-size: 30px;}
#cms_2-b #cate0 .cate_box{background-color: #ffead6;border-radius:20px;margin-bottom:30px;}
#cms_2-b #cate0 .box_img1{margin-right: 3%;}

#cms_3-d .cate_img1 img{border-radius: 20px;}

/* タブレット */
@media screen and (max-width: 768px){
    #cms_2-b #cate0 .box_img1{margin-left: 0%;}
    #cms_2-b #cate0 .cate_box{width:100%!important;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #page08,#page08 .tel_wrap{margin-bottom: 0px;}
}

/* メインイメージ -----------------------------------*/
.catch{
        bottom: 2%;
    right: 12%;
    width: 45%;
    max-width: 550px;
}
/* タブレット */
@media screen and (max-width: 768px){
    .catch{
        bottom: -6%;
        right: 0%;
        width: 85%;
    }
}
/* スマホ */
@media screen and (max-width: 667px){
    .catch{
        bottom: 3%;
        right: 0%;
        width: 75%;
    }
}

/* トップページ -------------------------------------*/
#sp_nav{background-color: #fff;}

#top_contents1::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 136px;
	background-image: url("../dup/img/dec01.png");
	background-size: auto 100%;
	background-position-y: 0;
	background-position-x: 0;
	background-repeat: repeat-x;
	animation: loop 30s linear infinite;
}
@keyframes loop {
	0% {background-position-x: 0;}
	100% {background-position-x: -1000px;}
}
#top_contents1 .con1_img{
    z-index: 1;
}
.cms_title h3{
    font-size: calc(1rem + 22px);
    font-weight: 500;
    color: #ff7e00;
}
.cms_title p{
    opacity: 1;
    color: #a9bfd1;
}

/* タブレット */
@media screen and (max-width: 768px){
    #top_contents1::before{top: 330px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #top_contents1::before{top: -100px;height: 122px;opacity: 0.5;}
    
    #top_news{margin-top:0;padding-top:10px;}
    #top_news .cms_title{padding-bottom:0px;}
    #top_news .cms1inner{padding-bottom: 170px;}
    
    #top_contents1 .con1_img{margin-top: 0px;}
    .con1_txt_wrap{padding-top: 20px;}
    .con3_wrap3{padding-bottom:0;}
}

/* 全体 ---------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-family: 'M PLUS 2', sans-serif;}
.font_8up{
    font-size: calc(1rem + 22px);
    font-weight: 500;
    color: #ff7e00;
}

.cms_bnr.fixbnr{
    right: inherit;
	left: 7px;
    bottom: 7px;
    position: fixed;
    z-index: 10;
}
#wrap{background-color: #fff;}

.page_title_bg{
    background-color: #ff7e00;
    background: linear-gradient(335deg, #ff7e00 0%, #fe7e00 35%, #ffc49a 100%);
}

.cate_list a{
    background-color: #f3eeea;
    border-radius: 20px;

}
.cate_list a:before{right: 12px;}
.cate_list a:hover:before{right: 7px;}

.linkStyle{
	color: #569fe9;
	text-decoration: underline;
	transition: all 0.5s;
}
.linkStyle:hover{
	color: #569fe9;
	opacity: 0.7;
	text-decoration: none;
}

.info_txt_wrap{
    background: linear-gradient(335deg, #ffdba5 0%, #fff7e8 35%, #fff 100%);
}
footer.bg_color3{background-color: #f3f7fb;}

/* タブレット */
@media screen and (max-width: 768px){
    .page_title_bg{margin-bottom: 30px;}
    #sp_nav .width_600-max{max-width: 700px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    .font_8up{
        font-size: calc(1rem + 18px);
        letter-spacing: 0em;
    }
    .footer_item{padding-bottom: 100px;}
    #footer_info .info_txt_wrap{padding: 30px 0;}
}

/* 配色 ----------------------------------------------*/

.txt_color1,.hvr_txt_color1:hover{color: #ff7e00;} 
.txt_color2,.hvr_txt_color2:hover{color: #FFA810;} 
.txt_color3,.hvr_txt_color3:hover{color: #1A5CA0;} 
.txt_color4,.hvr_txt_color4:hover{color: #27A5B8;} 
/*.txt_color5,.hvr_txt_color5:hover{color: #f2ede7;}*/ 

.bg_color1,.hvr_bg_color1:hover{background-color: #ff7e00;}
.bg_color2,.hvr_bg_color2:hover{background-color: #FFA810;}
.bg_color3,.hvr_bg_color3:hover{background-color: #1A5CA0;} 
.bg_color4,.hvr_bg_color4:hover{background-color: #27A5B8;} 
/*.bg_color5,.hvr_bg_color5:hover{background-color: #f2ede7;}*/ 

.border_color1,.hvr_border_color1:hover{border-color: #ff7e00;}
.border_color2,.hvr_border_color2:hover{border-color: #FFA810;}
.border_color3,.hvr_border_color3:hover{border-color: #1A5CA0;}
.border_color4,.hvr_border_color4:hover{border-color: #27A5B8;}
/*.border_color5,.hvr_border_color5:hover{border-color: #f2ede7;}*/

/*テンプレート  -------------------------------------*/



/* topcms_about_type1 -------------------------------------------------*/
.topcms_about_type1 {counter-reset: box 0;padding-top: 35px;}
.topcms_about_type1 .cate_box {
	width: 31%!important;
	padding: 55px 25px 25px;
	/*background-color: #f5f5f5;*/
	background: linear-gradient(335deg, #ffdba5 0%, #fff7e8 35%, #fff 100%);
	border-radius: 10px;
	box-sizing: border-box;
	margin: 40px 10px;
}
.topcms_about_type1 .number {
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 233px;
}
.topcms_about_type1 .number::before {
	counter-increment: box 1;
	content: "step 0"counter(box);
	font-size: 45px;
	line-height: 1;
	text-align: center;
	color: #ffa247;
	display: inline-block;
	position: absolute;
	right: 0;
	left: 0;
	top: -33px;
	margin: auto;
	z-index: 0;
}
.topcms_about_type1 .number::after {
	content: "";
	position: absolute;
	display: block;
	width: 73%;
	height: 2px;
	background: #ffbe51;
	left: 0;
	right: 0;
	margin: auto;
	top: 22px;
}
.topcms_about_type1 .cate_box .box_title1{font-size: 18px;line-height: 1.6;z-index: 1;color: #1A5CA0;}
.topcms_about_type1 .box_img1{border: 3px solid #fff;border-radius: 50%;width:233px;margin: 0 auto;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_about_type1 .cate_box {
	margin: 0 auto 80px;
	width: 85%!important;
}
.topcms_about_type1 .cate_box:last-of-type {
	margin-bottom: 0;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.topcms_about_type1 .cate_box {
	width: 90%!important;
	padding: 50px 25px 25px;
}
.topcms_about_type1 .number::before{
	font-size: 45px;
	top: -34px;
}
.topcms_about_type1 .number::after{
	width: 72%;
}
.topcms_about_type1 .box_img1{width: 190px;}
}

/* topcms_news_type2 ----------------------*/
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}

/*画像サイズを下げる*/
@media screen and (max-width: 667px){

}