@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: normal;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: 'liga';
}


/* --------------------
 body
-------------------- */
html {
 font-size: 62.5%; /* 10px基準 */
}
body {
	color: #4d4d4d;
	line-height:1.7;
 font-size:14px;
	font-size:1.4rem;
	background-color:#fff;
	/*font-family:'Yu Gothic', YuGothic,sans-serif;*/
	font-family:'Noto Sans Japanese','Yu Gothic', YuGothic,sans-serif;
	font-feature-settings : "palt";
}
body *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
a{
	color:#4d4d4d;
	text-decoration:underline;
	transition: all 200ms 0s ease;
}
a:hover{
	color:#f00;
	text-decoration:underline;
}
a[href^="tel:"] {
	pointer-events: none;
	text-decoration:none !important;
}

a i{text-decoration:none;}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
}
.wp-caption{
	max-width:100%;
}
img{
	max-width:100%;
	height:auto;
	vertical-align:top;
}
em{font-style:italic;}


.ffmin{
	font-family: "Yu Mincho", "YuMincho","ＭＳ Ｐ明朝","MS PMincho","Sawarabi Mincho", serif;
	font-feature-settings : "palt";
}

/* --------------------
	contents
-------------------- */
#top-main-image-w{
	position:relative;
}
#h-sns-box{
	position:absolute;
	top:0;
	right:0;
	left:0;
	z-index:10;
	max-width:1390px;
	width:100%;
	margin:auto;
}
#h-sns-box ul{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:14px;
	right:20px;
}
#h-sns-box li{
	margin:0 20px 0 0;
	padding:0;
	float:left;
	font-size:22px;
	font-size:2.2rem;
}
#h-sns-box li a{
	color:#989898;
	text-decoration:none;
}
#h-sns-box li a:hover{
	opacity:0.8;
}
#h-sns-box li:last-child{
	margin:0;
}
#top-main-image-text{
	position:absolute;
	top:118px;
	right:0;
	left:0;
	z-index:10;
	max-width:1070px;
	width:100%;
	margin:auto;
}
#top-main-image-text .text{
	position:absolute;
	top:0;
	right:33px;
}
#top-main-image-oc{
	position:absolute;
	top:476px;
	right:0;
	left:0;
	z-index:10;
	max-width:1310px;
	width:100%;
	margin:auto;
}
#top-main-image-oc .im{
	position:absolute;
	top:0;
	right:20px;
}
#top-main-image-oc .im a:hover{opacity:0.8;}
#top-main-image.swiper-container {
 width: 100%;
 height: 660px;
}
#top-main-image .swiper-slide .box {
 position:relative;
 margin:0 auto;
	max-width:1070px;
 height: 660px;
}
#top-main-image .swiper-slide .im {
 position:absolute;
	top:194px;
	left:20px;
}
#top-main-image .swiper-slide a:hover{opacity:0.8;}
#top-main-image .slide-1{
	background:#f1f1f1 url(../img/contents/top/top-main-image-1.jpg) no-repeat center top;
}
#top-main-image .slide-2{
	background:#f1f1f1 url(../img/contents/top/top-main-image-2.jpg) no-repeat center top;
}
#top-main-image .slide-3{
	background:#f1f1f1 url(../img/contents/top/top-main-image-3.jpg) no-repeat center top;
}
#top-main-image .slide-4{
	background:#f1f1f1 url(../img/contents/top/top-main-image-4.jpg) no-repeat center top;
}
#top-main-image .slide-5{
	background:#f1f1f1 url(../img/contents/top/top-main-image-5.jpg) no-repeat center top;
}
#top-main-image-w .swiper-button-box{
	position:absolute;
	top:460px;
	left:0;
	right:0;
	z-index:10;
	max-width:990px;
	width:100%;
	margin:auto;
	padding:0 0 0 30px;
}
.swiper-pagination-bullet{
	margin:0 10px 0 0 !important;
	padding:8px 0;
	width:60px !important;
	height:auto !important;
	border-radius:0 !important;
	color:#000 !important;
	background-color:transparent !important;
	opacity:1 !important;
	letter-spacing:2px;
	font-weight:bold;
	line-height:1.4;
}
.swiper-pagination-bullet:hover{opacity:0.8;}
.swiper-pagination-bullet-active{
	color:#fff !important;
	background-color:#000 !important;
	opacity:1 !important;
}
.swiper-pagination > span.swiper-pagination-bullet-active:nth-child(1),
.swiper-pagination > span:nth-child(1):hover{color:#fff !important;background-color:#000 !important;}
.swiper-pagination > span.swiper-pagination-bullet-active:nth-child(2),
.swiper-pagination > span:nth-child(2):hover{color:#fff !important;background-color:#F6921E !important;}
.swiper-pagination > span.swiper-pagination-bullet-active:nth-child(3),
.swiper-pagination > span:nth-child(3):hover{color:#fff !important;background-color:#29AAE1 !important;}
.swiper-pagination > span.swiper-pagination-bullet-active:nth-child(4),
.swiper-pagination > span:nth-child(4):hover{color:#fff !important;background-color:#3DA55A !important;}
.swiper-pagination > span.swiper-pagination-bullet-active:nth-child(5),
.swiper-pagination > span:nth-child(5):hover{color:#fff !important;background-color:#DE5489 !important;}

#top-nav{
	padding:28px 30px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,242,221,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,242,221,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,242,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f2dd',GradientType=0 );
}
#top-nav .container-box{
	margin:0 auto;
	max-width:1160px;
}
#top-nav #logo{
	float:left;
	width:190px;
	padding-top:2px;
}
#top-nav #logo a:hover{opacity:0.8;}
#top-nav .nav{
	margin-left:192px;
	padding-right:160px;
}
#top-nav .nav > ul{
	margin:0;
	padding:0;
	list-style:none;
	letter-spacing:-.40em;
	min-height:30px;
}
#top-nav .nav > ul > li{
	margin:0;
	padding:0;
	letter-spacing:normal;
	display:inline-block;
	line-height:30px;
	min-height:30px;
	position:relative;
	z-index:20;
}
#top-nav .nav > ul > li > a,
#top-nav .nav > ul > li > span{
	min-height:30px;
	padding:0 12px;
	display:block;
	cursor:pointer;
	color:#342A27;
	text-decoration:none;
}
#top-nav .nav > ul > li > a:hover,
#top-nav .nav > ul > li > span:hover{
	opacity:0.8;
}
#top-nav .nav > ul > li > ul{
	position:absolute;
	left:0;
	bottom:30px;
	margin:0;
	padding:0;
	list-style:none;
	background-color:#fff;
	width:260px;
	border:1px #ccc solid;
	border-bottom:none;
	display:none;
}
/*#top-nav .nav > ul > li:hover > ul{display:block;}*/
#top-nav .nav > ul > li > ul li{
	margin:0;
	padding:0;
	border-bottom:1px #ccc solid;
}
#top-nav .nav > ul > li > ul li a{
	display:block;
	padding:8px 24px 8px 12px;
	position:relative;
	text-decoration:none;
	color:#333;
}
#top-nav .nav > ul > li > ul li a:hover{
	color:#333;
 background-color:#EFF3D2;
}
#top-nav .nav > ul > li > ul li a::after{
	font-family:FontAwesome;
	content:"\f054";
	font-size:14px;
	color:#666;
	position:absolute;
	top:0;
	bottom:0;
	right:12px;
	margin:auto;
	height:14px;
	line-height:14px;
}
#top-sub-nav{
	padding:12px 30px;
	background-color:#785812;
}
#top-sub-nav ul{
	margin:0 auto;
	padding:0;
	max-width:990px;
	letter-spacing:-.40em;
	text-align:center;
}
#top-sub-nav ul li{
	margin:0 28px 0 0;
	padding:0;
	letter-spacing:normal;
	display:inline-block;
}
#top-sub-nav ul li:last-child{
	margin:0;
}
#top-sub-nav ul li a{
	color:#fff;
	text-decoration:none;
}
#top-sub-nav ul li a:hover{
	opacity:0.8;
}
#top-box-1{
	padding:54px 30px 62px;
	background-color:#F8F6EF;
}
#top-box-1 .container-box{
	margin:0 auto;
	max-width:990px;
}
#top-box-1 h2{
	margin-bottom:22px;
	text-align:center;
}
#top-box-1 .box-1{
	padding-right:90px;
}
#top-box-1 .box-1 a:hover{opacity:0.8;}
#top-box-1 .box-1 .item{
	margin-right:30px;
	float:left;
	width:25%;
	max-width:224px;
}
#top-box-1 .box-1 .item:last-child{
	margin-right:-90px;
}
#top-box-1 .box-1 .item .im{
	margin-bottom:18px;
	text-align:center;
}
#top-box-1 .box-1 .item .title{
	margin-bottom:14px;
	text-align:center;
	font-size:19px;
	font-size:1.9rem;
	line-height:1.3;
	color:#000;
}
#top-box-1 .box-1 .item .title a{
	color:#000;
	text-decoration:none;
}
#top-box-1 .box-1 .item .btn{
	text-align:center;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.2;
}
#top-box-1 .box-1 .item .btn a{
	margin:0 auto;
	padding:6px;
	display:block;
	max-width:140px;
	border-radius:13px;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
#top-box-1 .box-1 .item.group-1 .btn a{background-color:#F6921E;}
#top-box-1 .box-1 .item.group-2 .btn a{background-color:#29AAE1;}
#top-box-1 .box-1 .item.group-3 .btn a{background-color:#3DA55A;}
#top-box-1 .box-1 .item.group-4 .btn a{background-color:#DE5489;}
#top-box-2{
	padding:56px 30px 64px;
}
#top-box-2 .container-box{
	margin:0 auto;
	max-width:990px;
}
#top-box-2 .box-1{
	padding-right:130px;
}
#top-box-2 .box-1 .item{
	margin-right:65px;
	width:33.33%;
	float:left;
}
#top-box-2 .box-1 .item:last-child{
	margin-right:-130px;
}
#top-box-2 .box-1 h2{
	padding-bottom:30px;
	color:#1a1a1a;
	font-size:29px;
	font-size:2.9rem;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	text-align:center;
	position:relative;
}
#top-box-2 .box-1 h2::after{
	content:"";
	width:14px;
	height:16px;
	display:block;
	background:url(../img/contents/top/top-icon-1.png) no-repeat left top;
	background-size:contain;
	position:absolute;
	bottom:-8px;
	left:0;
	right:0;
	margin:auto;
}
#top-box-2 .box-1 .article{
	padding:18px 0;
	border-top:1px #E5E5E5 solid;
	display:table;
	width:100%;
}
#top-box-2 .box-1 .article dt,
#top-box-2 .box-1 .article dd{
	display:table-cell;
	color:#333;
	font-size:12px;
	font-size:1.2rem;
}
#top-box-2 .box-1 .article dt{
	white-space:nowrap;
	width:5em;
}
#top-box-2 .box-1 .article dt::after{
	content:"｜";
}
#top-box-2 .box-1 .article dd a{
	color:#333;
	text-decoration:none;
}
#top-box-2 .box-1 .article dd a:hover{
	text-decoration:underline;
}
#top-box-2 .btn{
	margin-top:30px;
}
#top-box-2 .btn a{
	display:block;
	text-align:center;
	padding:12px;
	background-color:#f5f5f5;
	position:relative;
}
#top-box-2 .btn a:hover{
	opacity:0.8;
}
#top-box-2 .btn a::after{
	content:"";
	width:13px;
	height:11px;
	display:block;
	background:url(../img/contents/top/top-icon-2.png) no-repeat left top;
	backgroun-size:contain;
	position:absolute;
	top:0;
	bottom:0;
	right:12px;
	margin:auto;
}
#top-box-2 .btn a img{
	display:block;
	margin:0 auto;
}
#top-box-2 .box{
	padding:32px;
	background-color:#F5F5F5;
}
#top-box-2 .box .im{
	text-align:center;
	margin-bottom:12px;
}
#top-box-2 .box .title{
	color:#333;
	font-size:12px;
	font-size:1.2rem;
	text-align:center;
}
#top-box-2 .box .title span{
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
}
#top-box-3{
	padding:54px 30px;
	height:528px;
	background:url(../img/contents/top/top-bg-1.jpg) no-repeat center top;
}
#top-box-3 .im{
	text-align:center;
	height:348px;
}
#top-box-3 .btn{
	font-size:16px;
	font-size:1.6rem;
}
#top-box-3 .btn a{
	margin:0 auto;
	display:block;
	width:384px;
	padding:24px;
	text-align:center;
	color:#FBF340;
	background:url(../img/contents/top/top-bg-btn-1.gif) repeat left top;
	border-radius:33px;
	position:relative;
	text-decoration:none;
}
#top-box-3 .btn a:hover{opacity:0.8;}
#top-box-3 .btn a i{
	position:absolute;
	top:0;
	bottom:0;
	right:28px;
	margin:auto;
	height:16px;
	line-height:16px;
	font-size:20px;
	color:#FBF340;
}
#top-box-4{
	padding:66px 30px 68px;
	background-color:#F8F6EF;
}
#top-box-4 .container-box{
	margin:0 auto;
	max-width:1190px;
}
#top-box-4 a:hover{opacity:0.8;}
#top-box-4 h3{
	margin-bottom:42px;
	text-align:center;
}
#top-box-4 ul{
	margin:0;
	padding:0 54px 0 0;
	list-style:none;
}
#top-box-4 ul li{
	margin:0 27px 0 0;
	padding:0;
	float:left;
	width:33.33%;
	max-width:378px;
}
#top-box-4 ul li:last-child{
	margin:0 -54px 0 0;
}
#top-box-5{
	padding:46px 30px 80px;
}
#top-box-5 .container-box{
	margin:0 auto;
	max-width:1190px;
}
#top-box-5 a:hover{opacity:0.8;}
#top-box-5 ul{
	margin:0;
	padding:0 84px 0 0;
	list-style:none;
}
#top-box-5 ul li{
	margin:0 28px 0 0;
	padding:0;
	float:left;
	width:25%;
	max-width:276px;
}
#top-box-5 ul li:last-child{
	margin:0 -84px 0 0;
}
#top-box-5 ul li > div{
	margin-bottom:18px;
}
#top-box-5 ul li > div:last-child{
	margin-bottom:0;
}

/* --------------------------------------------------
	page-top
-------------------------------------------------- */
#page-top{
	margin:0 auto;
	width:960px;
	text-align:right;
}
#page-top img{vertical-align:top;}

/* --------------------------------------------------
	footer
-------------------------------------------------- */
#footer{
	width:100%;
	background-color:#fff;
}
#footer-top{
	border-top:3px #5F4331 solid;
	margin:0 auto;
	padding:24px 0;
	width:100%;
	min-width:960px;
	background-color:#F0ECDD;
}
#footer-top-i{
	margin:0 auto;
	width:960px;
	text-align:left;
	overflow:hidden;
}
.f-box-w1{
	border-left:1px #DACCBC solid;
	width:250px;
	padding-bottom:1000px;
	margin-bottom:-1000px;
}
.f-box-w2{
	width:200px !important;
}
.f-box-w3{
	border-right:1px #DACCBC solid;
}
.f-box-w1 h2{
	margin:0 0 8px 36px;
	color:#42210B;
	font-size:114%;
}
.f-box-w1 h2 span{
	font-size:75%;
	font-weight:normal;
}
.f-box-w1 ul{
	margin:0 0 0 36px;
	padding:0 0 12px;
	list-style:none;
}
.f-box-w1 ul li{
	margin:0;
	padding:0 0 12px;
	font-size:86%;
}
.f-box-w1 ul li a{
	color:#4d4d4d;
	text-decoration:none;
}
.f-box-w1 ul li a:hover{
	color:#4d4d4d;
	text-decoration:underline;
}


#footer-btm{
	border-top:1px #E6DDCF solid;
	margin:0 auto;
	padding:24px 0;
	width:100%;
	min-width:960px;
	background-color:#F8F6EF;
}
#footer-btm-i{
	margin:0 auto;
	width:960px;
	text-align:left;
}
.f-box-w4{
	width:320px;
}
.f-box-w5{
	width:626px;
	height:126px;
	position:relative;
}
.f-address{
	margin:0 0 16px;
	padding:0;
	font-size:86%;
}
.f-address img{vertical-align:top;}
.f-address dt{
	margin:0 0 8px;
	padding:0;
}
.f-address dd{
	margin:0;
	padding:0;
}
.f-btn{
	margin:0;
	padding:0;
	list-style:none;
	width:320px;
}
.f-btn li{
	margin:0 6px 0 0;
	padding:0;
	width:96px;
	float:left;
	display:inline;
}
.f-btn li img{vertical-align:top;}
#f-nav{
	margin:0;
	padding:0;
	list-style:none;
	width:416px;
	position:absolute;
	top:8px;
	left:0;
}
#f-nav li{
	margin:0;
	padding:0 5px;
	float:left;
	display:inline;
	font-size:86%;
}
#f-search{
	width:200px;
	position:absolute;
	top:0;
	right:0;
}
#f-search *{
	box-sizing:content-box;
}
.gsib_a{padding:0 6px !important;}

.f-box-w6{
	padding:22px 0 0 0;
	border-top:1px #DACDBA solid;
	position:absolute;
	top:50px;
	right:0;
	width:100%;
}
.f-box-w6 ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}
.f-box-w6 ul li{
	margin:0 0 0 20px;
	padding:0;
	float:left;
	display:inline;
}
.f-box-w6 ul li.first{
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
.f-box-w6 ul li:last-child{
	display:none;
}

.f-box-w6 ul li img{vertical-align:top;}
#copyright{
	margin:0 auto;
	padding:14px 0;
	width:960px;
	font-size:86%;
	text-align:center;
}
#copyright a{
	color:#4d4d4d;
	text-decoration:none;
}
#copyright a:hover{
	color:#4d4d4d;
	text-decoration:underline;
}



@media screen and (max-width: 768px) {

	/* --------------------------------------------------
		page-top
	-------------------------------------------------- */
	#page-top{
		width:100%;
		max-width:960px;
	}
	
	/* --------------------------------------------------
		footer
	-------------------------------------------------- */
	#footer{
		width:100%;
		background-color:#fff;
	}
	#footer-top{
		min-width:0;
		max-width:960px;
	}
	#footer-top-i{
		max-width:960px;
		width:100%;
		letter-spacing:-.40em;
	}

	#footer-top-i > .fl,
	#footer-top-i > .fr{
		float:none;
	}
	#footer-top-i > div{
		margin:0 0 30px 0;
		padding:0;
		width:50%;
		box-sizing:border-box;
		letter-spacing:normal;
		vertical-align:top;
		display:inline-block;
	}

	.f-box-w1{
		padding-bottom:0;
		margin-bottom:30px;
		width:50%;
	}
	.f-box-w2{
		width:50% !important;
	}
	.f-box-w3{
		width:50%;
 	border-right:none;
	}
	
	#footer-btm{
		padding:24px;
		width:100%;
		min-width:0;
		max-width:960px;
	}
	#footer-btm-i{
		width:100%;
		max-width:960px;
	}
	#footer-btm-i > div{
		float:none;
	}
	.f-box-w4{
		width:100%;
	}
	.f-box-w5{
		width:100%;
		height:126px;
		position:relative;
	}
	.f-address{
		margin:0 0 16px;
		padding:0;
		font-size:86%;
	}
	.f-address img{vertical-align:top;}
	.f-address dt{
		margin:0 0 8px;
		padding:0;
	}
	.f-address dd{
		margin:0;
		padding:0;
	}
	.f-btn{
		margin:0;
		padding:0;
		list-style:none;
		width:320px;
	}
	.f-btn li{
		margin:0 6px 0 0;
		padding:0;
		width:96px;
		float:left;
		display:inline;
	}
	.f-btn li img{vertical-align:top;}
	#f-nav{
		margin:0;
		padding:0;
		list-style:none;
		width:416px;
		position:absolute;
		top:8px;
		left:0;
	}
	#f-nav li{
		margin:0;
		padding:0 5px;
		float:left;
		display:inline;
		font-size:86%;
	}
	#f-search{
		width:200px;
		position:absolute;
		top:0;
		right:0;
	}
	#f-search *{
		box-sizing:content-box;
	}
	.gsib_a{padding:0 6px !important;}
		
	.f-box-w6{
		padding:22px 0 0 0;
		border-top:1px #DACDBA solid;
		position:absolute;
		top:50px;
		right:0;
		width:100%;
	}
	.f-box-w6 ul{
		margin:0;
		padding:0;
		list-style:none;
		width:100%;
	}
	.f-box-w6 ul li{
		margin:0 0 0 20px;
		padding:0;
		float:left;
		display:inline;
	}
	.f-box-w6 ul li.first{
		margin:0;
		padding:0;
		float:left;
		display:inline;
	}
	
	.f-box-w6 ul li img{vertical-align:top;}
	#copyright{
		width:100%;
		max-width:960px;
	}

	
}