/* all page */
/* color */
.txt_color1{color: #07387d;} /* メインカラー */
.txt_color2{color: #f3f3f3} /* サブカラー */
.txt_color3{color: #26a6ff;} /* アクセントカラー1 */
.txt_color4{color: #ffcebd} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #07387d;} /* メインカラー */
.bg_color2{background-color: #f3f3f3} /* サブカラー */
.bg_color3{background-color: #26a6ff;} /* アクセントカラー1 */
.bg_color4{background-color: #ffcebd} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #07387d;}
.border_color2{border-color: #f3f3f3}
.border_color3{border-color: #26a6ff;}
.border_color4{border-color: #ffcebd}

.hvr_bg_color1:hover {background-color: #07387d;}

.linkStyle{
    color: #333;
	text-decoration: underline;
}

/* fonts */
#main_img h2, header #header #pc_nav li a, #sp_nav li a, #intro h2, #contents1 h2, #contents2 h2, #top_cms h2, #top_info h2, #f_contact .con_bt, .more_bt a, #top_info .more_bt2 a, #main_img .txt, #page_title, #f_contact .con_txt, #bottom_menu li a, footer #copyright, #page_title, .cate_list li a, .cate_list li .cate_no, .cate_title, .sub_cate_title, .box_title, .box_title1, a[href^="tel:"], .pager li a {
    font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
}

/* top ----------------*/

/* header */

/* main img */
#main_img{
	overflow-y: hidden;
}

/* main */

/* intro */
#intro > div:nth-of-type(3) {
	position: relative;
}
#intro > div:nth-of-type(3)::before {
	content: "";
	background-image: url("./Dup/img/circle.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 250px;
    width: 250px;
    height: 250px;
	position: absolute;
	bottom: 50px;
	right: -100px;
    animation: 100s linear infinite kaiten;
	z-index: 3;
}
@keyframes kaiten {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* contents */
#contents2 .cate_box{
	border-top: 5px solid #26a6ff;
}

/* topcms */
.top_cms_title{
	border-top: 3px solid #07387d;
	border-bottom: 3px solid #07387d;
	padding-top: 3px;
	padding-bottom: 3px;
	position: relative;
}
.top_cms_title::before{
	content: "";
	background-color: #07387d;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 3px;
	left: 0;
}
.top_cms_title::after{
	content: "";
	background-color: #07387d;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 3px;
	left: 0;
}
.top_cms_title h2{
	padding: 20px;
	text-align: center;
}

/* footer */


/* IE */
@media all and (-ms-high-contrast: none){
    .cate_list li a{
        padding: 10px!important;
    }
    .pager li a .posi_center{
        top: 50%!important;
    }
    #cms_2-a .cate .cate_title{
        padding-top: 5px!important;
    }
    #cms_2-d .cate .cate_title{
        padding-top: 5px!important;
    }
    #cms_6-b .cate .cate_title{
        padding: 10px 5px!important;
    }
    
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#main_img{
		height: auto!important;
	}
	#main_img::before {
        top: -10px;
    }
    #intro{
        margin-top: -10px;
    }
	#intro > div:nth-of-type(3)::before {
		background-size: 200px;
		width: 200px;
		height: 200px;
		bottom: -80px;
		right: 10px;
	}
	#footer p{
	    letter-spacing: 0.8px;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#intro > div:nth-of-type(3)::before {
		background-size: 130px;
		width: 130px;
		height: 130px;
		bottom: -60px;
	}
	
}