@charset "UTF-8";
/*----------------------------------------------------
	☆CMN
----------------------------------------------------*/
body {
	color: #fff;
	font-family: Arial, Roboto, 游ゴシック体, 'Yu Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	font-size: 1.6rem; /* sets the default sizing to make sure nothing is actually 10px */
	font-weight: 500;
	line-height: 1;
	min-width: auto;
	transition: 0.3s ease-in-out;
}
body, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, p, img {
	margin: 0;
	padding: 0;
}
.last {
	margin-right: 0 !important;
}
.txt {
	color: #000;
	font-family: Arial, Roboto, 游ゴシック体, 'Yu Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 20px;
	letter-spacing: .1em;
	line-height: 180%;
	text-align: center;
}
ul {
	list-style-type: none;
}
#wrap a:hover {
	opacity: .8;
}

/*----------------------------------------------------
	☆nav
----------------------------------------------------*/

#nav .nav_box {
	background: url(../images/navbg.png) repeat-x left 150px;
}
/*----------------------------------------------------
	☆one
----------------------------------------------------*/

#one {
	background: url(../images/bg_blue.jpg) repeat left top;
	padding: 70px 0;
	text-align: center;
	width: 100%;
}
#one .img {
	margin-bottom: 40px;
}

#one .img img{
	display: inline-block;
	margin-right: 8px;
}


#one  .txt1 {
	color: #404040;
	font-size: 16px;
	line-height: 170%;
	text-align: left;
}

#one .box {
	margin: 0 auto;
	width: 1000px;
}

#one .box .detail_box{
	float: left;
	margin-right: 70px;
	text-align: left;
	width: 670px;
}
#one .box .detail_box .tp .ctg{
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin-right: 15px;
	letter-spacing: 0.1em;
	padding: 5px 0;
	width: 215px;
} 
#one .box .detail_box .tp .pur{
	background: #9c8097;
}
#one .box .detail_box .tp .grn {
	background: #83CAC7;
}

#one .box .detail_box .tp .date{
	color: #404040;
	font-size: 20px;
}
#one .box .detail_box h1{
	border-bottom: 2px #323232 dotted;
	color: #592c27;
	font-weight: bold;
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 25px;
	padding-bottom: 25px;
	letter-spacing: 0.1em;
}

#one .bkbtn a{
	background: #592c27 url(../../cmn/cmn_img/arrow_w.png) no-repeat 300px center;
	border-radius: 50px;
	color: #fff;
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin: 70px auto 0;
	text-align: center;
	padding: 25px 0;
	width: 350px;
}

#one .box .news_nav{
	float: right;
	width: 240px;
}
#one .box .news_nav .mn{
	background: #ea5541;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding: 7px 0;
}
#one .box .news_nav ul {
	background: #fff;
	text-align: left;
}
#one .box .news_nav ul li {
	box-sizing: border-box;
	display: block;
	padding: 0px 25px;
	overflow: hidden;
}
#one .box .news_nav ul li a{
	background: url(../../cmn/cmn_img/arrow02.jpg) no-repeat left center;
	display: block;
	border-bottom: 2px #404040 dotted;
	padding: 25px 0;
}

#one .box .news_nav ul li:last-child a{
	border-bottom: none;
}

#one .box .news_nav ul li a span{
	display: block;
	padding-left: 25px;
}





/*----------------------------------------------------
	☆two
----------------------------------------------------*/

#two { 
	width: 100%;
}
#two .inr {
	background: url(../cmn/cmn_img/blog_bg02.png) repeat-x left bottom;
	padding-bottom: 50px;
	width: 100%;
}
#two h2{ 
	color: #592c27;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
#two h2 .sub_eng{ 
	font-size: 15px;
}

#two .btn03 a{ 
	background: #592c27 url(../cmn/cmn_img/arrow.png) no-repeat 315px center;
	border-radius: 50px;
	display: block;
	margin: 60px auto 0;
	padding: 20px;
	text-align: center;
	width: 350px;
}

#two .btn03 a span{ 
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}




#two .tab {
	margin: 0 auto;
	padding: 20px 0px;
}
 #two .tab ul.tabList {
	text-align: center;
	 margin:20px auto 40px;
	 width: 500px;
}

#two .tab ul.tabList li {
	 color: #fff;
	 float: left;
	 font-size: 20px;
	font-weight: bold;
	 letter-spacing: .1em;
	 padding: 20px 0px;
	 margin-right: 10px;
	 cursor: pointer;
	 transition: 0.2s ease-in;
	 width: 245px;
	
}
#two .tab ul.tabList .list01 {
	background: #9c8097 url(../cmn/cmn_img/arrow.png) no-repeat 220px center;
	background-size: 7px 10px;
}
#two .tab ul.tabList .list02 {
	background: #83cac7 url(../cmn/cmn_img/arrow.png) no-repeat 220px center;
	background-size: 7px 10px;
}

 #two .tab ul.tabList li.last {
	margin-right: 0px !important;
}

.tabPink,
.tabBlu {
	margin: 30px auto 0;
	width: 1000px;
}
.tabPink ul li,
.tabBlu ul li{
	float: left;
	margin-right: 20px;
	width: 235px;
}
.tabPink ul li:last-child,
.tabBlu ul li:last-child{
	margin-right: 0;
}
.tabPink ul li a,
.tabBlu ul li a{
	background: #fff;
	box-sizing: border-box;
	padding: 10px;
	display: block;
	width: 100%;
}
.tabBlu ul li a .blog {
	background: #83cac7;
	text-align: center;
	padding: 3px 0;
	color: #fff;
}

.tabPink ul li a .info {
		background: #9c8097;
	text-align: center;
	padding: 3px 0;
	color: #fff;
}

.tabPink ul li a .blog_img,
.tabBlu ul li a .blog_img{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 150px;
	width: 100%;
}
.tabPink ul li a .blog_title,
.tabBlu ul li a .blog_title{
	color: #592c27;
	font-size: 20px;
	margin-bottom: 25px;
	line-height: 150%;
}
.tabPink ul li a .date,
.tabBlu ul li a .date{
	color: #404040;
	font-size: 15px;
	font-weight: 600;
	
}

.tabBlu {
	display: block;
	color: #FF0007;
	
	
}









@media screen and (max-width: 780px) {
img {
	width: 100%;
}
.last {
	margin-right: 0px !important;
}
.txt {
	color: #3F3B39;
	font-size: 16px;
	font-family: 'hannari';
	letter-spacing: .1em;
	line-height: 180%;
	text-align: center;
}
.txt br {
	display: none;
}
#wrap .btn a {
	background: #94C96A;
	color: #fff;
	font-size: 16px;
	letter-spacing: .1em;
	padding: 10px 30px;
	margin-top: 30px;
	transition: 0.2s ease-in;
}
#wrap a:hover {
	opacity: .8;
}
.bx-wrapper .bx-viewport {
	box-shadow: none !important;
	border: none !important;
	left: 0px !important;
	background: none !important;
}
/*----------------------------------------------------
	☆content
----------------------------------------------------*/
#one {
	background: url(../images/bg_blue.jpg) repeat left top;
	padding: 20px 10px;
	text-align: center;
	width: 100%;
}
	
	
	#two .inr{

	}
	

#two .tab {
	margin: 0 auto;
	padding: 20px 0px;
}
 #two .tab ul.tabListSp {
	text-align: center;
	 margin:20px auto 40px;
	 width: 100%;
}

#two .tab ul.tabListSp li {
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: .1em;
padding: 20px 0px;
margin-right: 10px;
cursor: pointer;
transition: 0.2s ease-in;
	float: none;
	margin: 0 auto;
	width: 250px;
	
}
	#two .tab ul.tabListSp .list01 {
		margin-bottom: 20px;
		background: #9c8097;
}

		#two .tab ul.tabListSp .list02 {
		margin: 0 auto !important;
		background: #83cac7;
	}

.tabPink,
.tabBlu {
	margin: 0 auto;
	width: 90%;
}
.tabPink ul li,
.tabBlu ul li{
	float: none;
	margin-right: 0;
	margin-bottom: 25px;
	width: 100%;
}

.tabBlu ul li a .blog {
	background: #83cac7;
	text-align: center;
	padding: 3px 0;
	color: #fff;
}

.tabPink ul li a .info {
		background: #9c8097;
	text-align: center;
	padding: 3px 0;
	color: #fff;
}

.tabPink ul li a .blog_img,
.tabBlu ul li a .blog_img{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 150px;
	width: 100%;
}
.tabPink ul li a .blog_title,
.tabBlu ul li a .blog_title{
	color: #592c27;
	font-size: 20px;
	margin-bottom: 25px;
	line-height: 150%;
}
.tabPink ul li a .date,
.tabBlu ul li a .date{
	color: #404040;
	font-size: 15px;
	font-weight: 600;
	
}

.tabBlu {
	display: block;
	color: #FF0007;
	
	
}


}