@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap');
body {
	background: #fffffc;font-size: 15px;
	background-image: url("https://www.transparenttextures.com/patterns/blizzard.png");
}
#contents_box {
	 background: url(Dup/img/bg_maru.png)no-repeat 0 0;;
	background-size: 800px;
	
}
.font_14 {
	font-size: 15px;
}

/*--------------ロゴ大きさ調整する場合----htmlはいじらない！--------------*/
h1.width_300-max {
		max-width: 195px;
	}
@media(max-width: 768px) {
	h1.width_200-max_tb {
	    max-width: 221px;
    padding: 2px 0;
	}
	h1 img {
		width: 100%!important;/*ないと50%になってしまう*/
	}
}
@media(max-width: 667px) {
	h1.width_150-max_sp {
    max-width: 167px;
    padding: 0;
	}
}
header {
background-image: url("https://www.transparenttextures.com/patterns/blizzard.png");
}
footer {
	    background: url(Dup/img/foot.png) repeat-x;
    background-position: 0 0;
    background-size: 390px;
    padding-top: 85px!important;
}

/*-----------------------hamburger-------------------------*/
.hamburger__icon.bg_color1, .hamburger__icon:after, .hamburger__icon:before {
    background-color: #676767!important;
}
.hamburger.active .hamburger__icon {
    background-color: transparent!important;
}
.fat-nav ul.bg_white{
	background-color: #40E0D0!important;background-image: url("https://www.transparenttextures.com/patterns/blizzard.png");

}
.fat-nav .bg_white {
     /*  background-color: #9cc469!important;*/
}
.fat-nav ul.bg_white li a{
	color: #fff;
}
.fat-nav li {
   font-size: 16px;
}
.fat-nav li.letter_2 a {
	border-color: #fff;
}
/*-------TOP-------*/
#attach {
	background-position: 50% 100%;
}
#main_menu ul li a {
	font-size: 16px;
}

.txt1 span::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background-color: #fff;
}
#main_img h2.txt_shadow {
    text-shadow: 2px 2px 4px #5f5f5f;
    font-size: 27px;
}
#main_img h2, #contents2 h2, #contents3 h3 {
	font-family: 'Noto Serif JP', serif;
	text-align: center;
}
#contents2 h2, #contents3 h3 {
	position: relative;padding-bottom: 15px;
}
#contents2 h2:after, #contents3 h3:after {
	content: "";
	width: 80px;
	height: 2px;
	background-color: #f9cede;
	position: absolute;
	bottom: 5px;
	left: 0;right: 0;margin: auto;font-weight: bold;
}

#contents1 {
	background: url(Dup/img/intro1.png) no-repeat;
    background-position: 50% 46px;
    background-size: 180px auto;
	padding: 74px 40px 40px;
}
#contents3 {
	position: relative;
}
#contents3::after {
position: absolute;
    content: "";
    width: 100%;
    top: 100px;
    left: 0;
    bottom: 0;
    background-color:#fff7fc;
    z-index: -1;
background-image: url("https://www.transparenttextures.com/patterns/notebook.png");
}

.button {
	background: #fff;
    border: none;border-radius: 7px;font-weight: bold;
}
.button:hover, #top_cms .button:hover, footer .button:hover, .pager li a:hover, #page10 li a:hover {
	background: #40E0D0;
	color: #fff;box-shadow: none;
}
.button:hover::after {
	display: none;
}
#top_cms .button, footer .button {
	background: #b6f3ed;color: #676767;
}
#main_menu ul li a {
	font-weight: bold;
}
#main_menu ul li a:hover {
	color: #fff;
}

/*-------------ページタイトルの左横線--------------*/
#page_title .page_box::before {
    background-color: #616eb3;
}
#top_cms .cms_title p.font_en, .page_box h2, .page_box p {
	text-shadow: none;
}　

.cate_list li a { 
	background-color: #b6f3ed;border-radius: 7px;
}
.cate_list li a:hover { 
	background-color: #40E0D0;
	color: #fff;box-shadow: none;
}
#cms_2-a h4.box_title1 {
	border-bottom: 1px dashed;
    padding-bottom: 9px;
    margin-bottom: 17px;
}
#cms_3-e figure {
	box-shadow: none;
}
#cms_3-e .sub_cate_title, #cms_2-a .sub_cate_title {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #dcdcdc;
	border-top: none;
}
#cms_3-e .sub_cate_title::after, #cms_2-a .sub_cate_title:after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 10%;
  height: 4px;
  background-color: #f9d2e1;
}
#cms_3-e .cate_title, #cms_2-a .cate_title {
	background-color: #defffc;
    padding: 11px 0 10px 16px;
    color: #676767;
	border: none;display: block;
}

#cms_2-c .cate_title {
	color: #676767;
	padding-bottom: 5px;margin-bottom: 20px;
}
#cms_2-c .cate_box + .cate_box {
	border-top: 1px solid #eee;
}
/*---------page9 お問い合わせはコチラボタンの文字色----------*/
#page9 a {
	color: #000;
}



/*sitemapとかのボタンシャドウ*/
/*.button2:hover {
    box-shadow: 0 0 20px rgba(139,240,255,0.57) inset;
}*/

/* ---------- hoverで色が変わるボタンの色 ----------- */
/*a.button:after {
	background-color: #9cc469;
}*/







/*------メールアイコン-------*/
.head_box .contact_bt i{
	display: none;
}
/*----------SNSリンク中央寄せ------------*/
.link_box ul {
	justify-content: center;
}
.link_box ul li {
    width: 30px!important;
    margin-left: 10px;
    margin-right: 10px;
}

@media(max-width: 667px) {
	#contents1 {
		padding: 74px 20px 40px;
	}
	#cms_3-e .cate_title, #cms_2-a .cate_title {
    padding: 11px 0;text-align: center;
}
	#main_img h2.txt_shadow {
	font-size: 20px;
}
#contents2 h2, #contents3 h3 {
	font-size: 16px;
}

}

@media all and (-ms-high-contrast: none) {
	
	.cate_wrap h3 {
		padding: 0 5px 20px;
	}
	
	#main_menu ul li a::before {/*左メニューの横線がずれてるとの指摘　要らん時もある*/
		top: 39%;
	}
	.pc_box .contact_bt a {/*ヘッダーのお問い合わせ・電話番号のところが下にズレているとの指摘　要らん時もある*/
		padding:  18px 0 14px;
	}
	.head_box {/*ロゴ部分がスクロールする問題*/
		-ms-overflow-style :none;
	}
	#cms_3-e .cate_title {
		padding-top: 18px!important;
	}
	#page8 #contact_tel a {
		padding: 30px 10px 21px;
	}
}


/*ページ幅調整*/
@media(max-width: 667px) {
	.cms_2-a .cate_box {
		padding: 0 20px;
	}
	.cms_2-a .swiper-button-prev {
		left: -5px;
	}
	.cms_2-a .swiper-button-next {
		right: -5px;
	}
	.cms_2-c .box_txt1 {
		font-size: 16px;
	}
	#page6 .box_txt1 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.cms_2-c .box_txt2 {
		font-size: 15px;
	}
	.font_2dw_tb {
		font-size: 15px;
	}
.width_1000-max {
		padding: 0;
	}
	#page3 .cate_box {
		padding-bottom: 0;
	}
	#cms_3-e .box_wrap {
	margin-left: 0;
}
	#cms_3-e .box_txt1 {
		font-size: 15px;padding-top: 3px!important;
	}
	#cms_2-c .cate_box {
		padding-bottom: 0;
	}
	 .box_item {
		padding-right: 0;padding-left: 0;
	}
	#page4 .font_2up {
		font-size: 15px;
	}
#contents1 {
    background-size: 142px auto;
}
	#page10 ul li {
		padding-right: 0;padding-left: 0;
	}
}