@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@700&display=swap');

header, #main_img .txt, #page_title, #f_contact .con_txt, #intro h2, #contents1 h2, #contents2 h2, #top_cms h2, #top_info h2, #f_contact .con_bt, .more_bt a, #top_info .more_bt2 a, .cate_title, .box_title1, a[href^="tel:"], #top_info h3, #cms_5-c .box_txt1::before, .cms_5-c .box_txt1::before{font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important}

.font_bold{font-weight: 700}
.linkStyle{color: #209DE2}
.border_rad3, .border_rad10, #pc_nav ul:last-of-type{border-radius: 0}

.cursor, .cursor::before{
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 9998;
	transition: 0.3s;
	transition-property: opacity,background,transform
}
.cursor{
	width: 1px;
	height: 1px;
}
.cursor::before{
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 150px;
	height: 100px;
	opacity: 0.4;
	background-image: url(./Dup/img/cursor.png);
	background-size: contain;
}
.cursor.is-active::before{
	background-image: url(./Dup/img/cursor2.png);
	animation: anime1 3s ease infinite;
	transform: scale(1.1,1.1) rotate(0deg);
	opacity: 0.6;
}
@keyframes anime1 {
0% {transform: scale(1.1,1.1) rotate(-5deg)}
50% {transform: scale(1.1,1.1) rotate(5deg)}
100% {transform: scale(1.1,1.1) rotate(-5deg)}
}

#header{padding-top: 0;transition: 0.5s}
#header.head_fix{padding-top: 20px}
#header .inner{box-shadow: none}
#header.head_fix .inner{box-shadow: 0 0 20px rgba(0,0,0,0.1)}
#main_img{box-sizing: border-box;border: solid 30px #fff;height: 100vh!important}
#main_img .txt{text-align: center;max-width: 900px;left: 50%;transform: translateX(-50%)}
#main_img .txt h2{padding-bottom: 20px;margin-bottom: 30px;border-bottom: solid 1px #fff;line-height: 1.5;font-size: 50px}
#main_img .txt h2, #main_img .txt p{width: 100%!important}

#page_title{box-sizing: border-box;border: solid 30px #fff;border-bottom: none}

#intro h2{padding-top: 50px;background-image: url(./Dup/img/img1.png);background-size: 250px;background-position: left top;background-repeat: no-repeat}
#contents1 h2{padding-top: 20px;padding-left: 80px;background-image: url(./Dup/img/img2.png);background-size: 80px;background-position: left top;background-repeat: no-repeat}
#contents2 h2{padding-top: 20px;padding-left: 80px;background-image: url(./Dup/img/img3.png);background-size: 80px;background-position: left top;background-repeat: no-repeat;text-align: left}

#top_cms{padding-top: 70px}
#top_cms .top_cms_box:first-child{position: relative;padding: 0 50px 50px}
#top_cms .top_cms_box:first-child::before{position: absolute;content: "";width: 100%;top: 24px;left: 0;bottom: 0;background-color: #f7f7f7;z-index: -1}
#top_cms .top_cms_box:not(:first-child) .top_cms_title{position: relative}
#top_cms .top_cms_box:not(:first-child) .top_cms_title::before, #top_cms .top_cms_box:not(:first-child) .top_cms_title::after{position: absolute;content: "";width: calc(50% - 200px);height: 1px;top: 24px;background-color: #222}
#top_cms .top_cms_box:not(:first-child) .top_cms_title::before{left: 0}
#top_cms .top_cms_box:not(:first-child) .top_cms_title::after{right: 0}
#top_cms .top_cms_title{text-align: center}
#top_cms .top_cms_title span{display: block;margin-top: 20px;font-size: 20px}
#top_cms .more_bt{margin-top: 50px}
#top_cms .more_bt a{background-color: #1C3BBA;color: #fff;box-shadow: none}
#top_cms .more_bt a span.before{background-color: #222}
.cate_list .more_bt a{box-shadow: none}

#top_info .width_1280-max{padding-top: 50px;padding-bottom: 50px}
#f_contact a span.hover_box{opacity: 0.8}
footer{background-color: #222;color: #fff}
footer .txt_color_nomal{color: #fff}
footer #bottom_menu{background-color: #333}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 10px!important;margin-bottom: 50px;border-bottom: solid 1px #ddd;color: #333;font-weight: 700;position: relative}
.cate_title::before{position: absolute;content: "";width: 100px;height: 5px;left: 0;bottom: -5px;background-color: #1C3BBA}

#cms_5-c .box_txt1::before, .cms_5-c .box_txt1::before{top: 4px}


/** tablet 780 **/
@media screen and (max-width: 768px){
#header.head_fix{padding-top: 0}
#main_img{height: 100vw!important;margin-top: 60px}
#main_img .txt h2{font-size: 40px}
#main_img .txt{width: 100%!important;left: 0;top: 50%;padding-left: 50px;padding-right: 50px;transform: translateY(-50%)}
#top_cms .top_cms_box:not(:first-child) .top_cms_title::before, #top_cms .top_cms_box:not(:first-child) .top_cms_title::after{width: calc(50% - 150px);top: 18px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#main_img{border-width: 20px;margin-top: 45px}
#main_img .txt{padding-left: 20px;padding-right: 20px}
#main_img .txt h2{font-size: 22px}
#main_img p{font-size: 12px}
#page_title{border-width: 20px}
#cms_5-c .box_txt1::before, .cms_5-c .box_txt1::before{top: 6px}
#top_cms .top_cms_box:first-child{position: relative;padding: 0 20px 50px}
#top_cms .top_cms_box:first-child::before{top: 20px}
#top_cms .top_cms_title h2{font-size: 30px}
#top_cms .top_cms_box:not(:first-child) .top_cms_title::before, #top_cms .top_cms_box:not(:first-child) .top_cms_title::after{width: calc(50% - 130px)}
#intro h2{padding-top: 70px;background-image: url(./Dup/img/img1_sp.png);background-size: 250px;background-position: center top;text-align: center}
#contents1 h2, #contents2 h2{padding-top: 70px;padding-left: 0;background-size: 70px;background-position: top center;text-align: center}
#contents1 h2{background-image: url(./Dup/img/img2_sp.png)}
#contents2 h2{background-image: url(./Dup/img/img3_sp.png)}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
#pc_nav ul .grid_9, #header ul.grid_2 a{transform: none}
.cate_list .more_bt a{padding: 10px}
}