@charset "utf-8";
/*====================================

　角文共通CSS

====================================*/

body {
	color: #333;
	font-size: 14px;
	line-height: 1.4;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif;
}
a{
	color: #333;
}
a:hover{
	opacity: 0.6;
}
.wrapper{
	position: relative;
}
.bx-wrapper{
	margin-bottom: 0;
}
.bx-wrapper .bx-viewport{
	left: 0;
	border: 0;
	background: none;
	box-shadow: none;
	margin-bottom: 50px;
}
#fancybox-wrap,
#fancybox-outer,
#fancybox-content{
	box-sizing: content-box;
}
.t-center{
	text-align: center;
}
.t-right{
	text-align: right;
}
.t-left{
	text-align: left;
}
.bold{
	font-weight: bold;
}
.red{
	color: #f00;
}
.strong{
	color: #8C6800;
	font-weight: bold;
}
/*====================================
　header
====================================*/
#header{
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid #b7b7b7;
	width: 100%;
	height: 103px;
	background: #fff;
	z-index: 4;
}
#header .inner{
	position: relative;
	margin: 0 auto;
	padding-top: 6px;
	width: 100%;
	max-width: 1024px;
}
#header_top{
	margin-bottom: 3px;
}
#header_logo{
	float: left;
}
#header_tel{
	float: right;
	padding: 0px;
	height: 55px;
}
#header_tel img{
	float: left;
}
#header_tel img + img{
	margin-left: 40px;
}
@media screen and (max-width:1023px) {
	#header{
		height: 60px;
	}
	#header .inner{
		padding-top: 0;
		padding-right: 70px;
	}
	#header_tel{
		display: none;
	}
}
@media screen and (max-width:767px) {
	#header_logo{
		padding-top: 6px;
		width: 245px;
	}
	#header_logo img{
		width: 100%;
		height: auto;
	}
}


#gnav>ul{
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
}
#gnav>ul>li{
	position: relative;
	float: left;
	height: 39px;
}
#gnav>ul>li + li{
	margin-left: calc((100% - 544px) / 6);
}
#gnav li>ul{
	position: absolute;
	top: 39px;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
#gnav li:hover>ul{
	visibility: visible;
	opacity: 1;
	width: auto;
}
#gnav li>ul>li{
	white-space: nowrap;
}
#gnav li>ul>li + li{
	border-top: 1px solid #fff;
}
#gnav li>ul>li a{
	display: block;
	padding: 7px 22px;
	background: #024997;
	color: #fff;
}
#sp-gnav{
	display: none;
}
@media screen and (max-width:1023px) {
	#gnav{
		display: none;
	}
}


/*====================================
　main
====================================*/
#main{
	padding-top: 103px;
	padding-bottom: 0px;
}
@media screen and (max-width:1023px) {
	#main{
		padding-top: 60px;
	}
}


#breadcrumb{
	background: #F1F0DE;
	font-size: 12px;
	color: #B68002;
}
#breadcrumb .inner{
	position: relative;
	margin: 0 auto;
	padding: 8px 0 8px 42px;
	width: 100%;
	max-width: 1024px;
	line-height: 24px;
}
#breadcrumb .inner::before{
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	content: ' ';
	width: 30px;
	height: 24px;
	background: url(../images/icon_home.png) no-repeat 4px top;
	background-size: 26px 24px;
}
#breadcrumb a{
	color: #B68002;
}
.ccm-autonav-breadcrumb-sep{
	margin: 0 5px;
}


#contents_nav{
	padding: 9px 0;
}
#contents_nav ul{
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
}
#contents_nav ul li{
	position: relative;
	float: left;
	display: table;
	border-right: 1px solid #b7b7b7;
}
#contents_nav ul.col1 li{
	width: 100%;
}
#contents_nav ul.col2 li{
	width: 50%;
}
#contents_nav ul.col3 li{
	width: 33.33%;
}
#contents_nav ul.col4 li{
	width: 25%;
}
#contents_nav ul.col5 li{
	width: 20%;
}
#contents_nav ul.col6 li{
	width: 16.66%;
}
#contents_nav ul.col7 li{
	width: 14.28%;
}
#contents_nav ul li.nav-selected::after{
	position: absolute;
	bottom: -9px;
	left: 0;
	right: 0;
	content: ' ';
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 12px;
	background: url(../images/page_arrow.png) no-repeat left bottom;
	background-size: 24px 12px;
}
#contents_nav ul li:first-child{
	border-left: 1px solid #b7b7b7;
}
#contents_nav ul li a{
	display: table-cell;
	padding: 10px;
	height: 42px;
	text-align: center;
	vertical-align: middle;
	color: #333;
}
@media screen and (max-width:1023px) {
	#contents_nav{
		display: none;
	}
}


.h3set{
	margin-top: 70px;
	margin-bottom: 48px;
}
.h3set h3{
	font-size: 28px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
}
.h3set h3 small{
	display: block;
	margin-top: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #B68002;
}
@media screen and (max-width:767px) {
	.h3set h3{
		font-size: 24px;
	}
}


.cmn_title-lead{
	margin-top: 70px;
	margin-bottom: 45px;
}
.cmn_title-lead h3{
	font-size: 28px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
}
.cmn_title-lead h3 small{
	display: block;
	margin-top: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #B68002;
}
.cmn_title-lead .text{
	margin: 30px auto 0;
	padding: 0 10px;
	width: 100%;
	max-width: 1044px;
	line-height: 1.71;
}
@media screen and (max-width:767px) {
	.cmn_title-lead h3{
		font-size: 24px;
	}
}


.cmn_calloutset{
	margin: 45px auto 40px;
	padding: 0 10px;
	width: 100%;
	max-width: 1044px;
}
.cmn_calloutset .callout{
	float: left;
}
.cmn_calloutset.col4 .callout{
	width: calc((100% - 91px) / 4);
}
.cmn_calloutset.col3 .callout{
	width: calc((100% - 61px) / 3);
}
.cmn_calloutset.col2 .callout{
	width: calc((100% - 61px) / 2);
}
.cmn_calloutset.col4 .callout + .callout{
	margin-left: 30px;
}
.cmn_calloutset.col3 .callout:not(:nth-child(3n + 1)){
	margin-left: 30px;
}
.cmn_calloutset.col3 .callout:nth-child(3n + 1){
	clear: both;
}
.cmn_calloutset.col3 .callout:nth-child(n + 4){
	margin-top: 30px;
}
.cmn_calloutset.col2 .callout + .callout{
	margin-left: 60px;
}
.cmn_calloutset .callout .imgbox{
	margin-bottom: 14px;
}
.cmn_calloutset .callout .imgbox img{
	width: 100%;
	height: auto;
}
.cmn_calloutset .callout .title{
	margin-bottom: 5px;
	padding-left: 26px;
	background: url(../images/callout_icon.png) no-repeat left 2px;
	background-size: 18px;
	font-size: 18px;
	font-weight: bold;
	color: #B68002;
}
.cmn_calloutset .callout .text{
	line-height: 1.71;
}
@media screen and (max-width:767px) {
	.cmn_calloutset.col4{
		max-width: 232px;
	}
	.cmn_calloutset.col3{
		max-width: 320px;
	}
	.cmn_calloutset.col2{
		max-width: 480px;
	}
	.cmn_calloutset .callout{
		float: none;
	}
	.cmn_calloutset.col4 .callout{
		width: 100%;
	}
	.cmn_calloutset.col3 .callout{
		width: 100%;
	}
	.cmn_calloutset.col2 .callout{
		width: 100%;
	}
	.cmn_calloutset.col4 .callout + .callout{
		margin-left: 0;
		margin-top: 30px;
	}
	.cmn_calloutset.col3 .callout:not(:first-child){
		margin-left: 0;
		margin-top: 30px;
	}
	.cmn_calloutset.col2 .callout + .callout{
		margin-left: 0;
		margin-top: 30px;
	}
}

.cmn_calloutharf{
	margin: 50px auto;
}
.cmn_calloutharf .callout{
	width: calc(50% - 1px);
}
.cmn_calloutharf .callout:first-child{
	float: left;
}
.cmn_calloutharf .callout:last-child{
	float: right;
}
.cmn_calloutharf .callout a{
	position: relative;
	display: block;
}
.cmn_calloutharf .callout .imgbox{
	height: 0;
	padding-top: 57.14%;
}
.cmn_calloutharf .callout .title{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 17px 15px;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1;
}
.cmn_calloutharf .callout:first-child .title{
	text-align: right;
}
.cmn_calloutharf .callout:last-child .title{
	text-align: left;
}
.cmn_calloutharf .callout .title::after{
	display: inline-block;
	content: ' ';
	margin-left: 25px;
	width: 8px;
	height: 18px;
	background: url(../images/arrow_white.png) no-repeat left center;
	background-size: 8px 13px;
}
@media screen and (max-width:767px) {
	.cmn_calloutharf .callout{
		position: relative;
		width: 100%;
	}
	.cmn_calloutharf .callout:first-child{
		float: none;
	}
	.cmn_calloutharf .callout:last-child{
		margin-top: 2px;
		float: none;
	}
	.cmn_calloutharf .callout .title{
		font-size: 18px;
	}
	.cmn_calloutharf .callout .title::after{
		height: 15px;
	}
	.cmn_calloutharf .callout:first-child .title{
		text-align: left;
	}
}

.cmn_number_calloutset{
	margin: 50px auto;
	padding: 0 10px;
	width: 100%;
	max-width: 1044px;
}
.cmn_number_calloutset.col2 .callout{
	position: relative;
	float: left;
	width: calc((100% - 61px) / 2);
}
.cmn_number_calloutset.col2 .callout + .callout{
	margin-left: 60px;
}
.cmn_number_calloutset.col2 .callout .number{
	position: absolute;
	top: 0;
	left: 6px;
	border: 4px solid #fff;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: #B68002;
	color: #fff;
	text-align: center;
	line-height: 84px;
	font-size: 32px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.cmn_number_calloutset.col2 .callout .title{
	margin-bottom: 6px;
	padding: 25px 0 0 100px;
	font-size: 22px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #B68002;
}
.cmn_number_calloutset.col2 .callout .imgbox{
	margin-bottom: 20px;
}
.cmn_number_calloutset.col2 .callout .imgbox img{
	width: 100%;
	height: auto;
}
.cmn_number_calloutset.col2 .callout .title2{
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	color: #B68002;
}
@media screen and (max-width: 767px) {
	.cmn_number_calloutset.col2{
		max-width: 500px;
	}
	.cmn_number_calloutset.col2 .callout{
		float: none;
		width: 100%;
	}
	.cmn_number_calloutset.col2 .callout + .callout{
		margin-top: 30px;
		margin-left: 0;
	}
	.cmn_number_calloutset.col2 .callout .title{
		font-size: 20px;
	}
	.cmn_number_calloutset.col2 .callout .title2{
		font-size: 16px;
	}
}

.cmn_morebtn{
	margin: 45px auto;
	width: 240px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
}
.cmn_morebtn.txtbtn{
	text-align: center;
	width: auto;
	height: auto;
	line-height: 1.2;
}
.cmn_morebtn a{
	position: relative;
	display: block;
	color: #fff;
	background: #024697;
}
.cmn_morebtn.txtbtn a{
	display: inline-block;
	padding: 12px 30px;
	width: auto;
	min-width: 240px;
}
.cmn_morebtn a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 14px;
	content: ' ';
	display: block;
	margin: auto;
	width: 8px;
	height: 13px;
	background: url(../images/arrow_white.png) no-repeat left top;
	background-size: 8px 13px;
}


.cmn_linkset{
	margin: 50px auto;
	padding: 0 10px;
	width: 100%;
	max-width: 1044px;
}
.cmn_linkset .linkblock{
	float: left;
	width: calc((100% - 61px) / 2);
}
.cmn_linkset .linkblock + .linkblock{
	margin-left: 60px;
}
.cmn_linkset .linkblock a{
	position: relative;
	display: block;
}
.cmn_linkset .linkblock .imgbox{
	height: 0;
	padding-top: 52%;
}
.cmn_linkset .linkblock .title{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 17px 40px 17px 22px;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1;
}
.cmn_linkset .linkblock .title::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	display: block;
	content: ' ';
	margin: auto;
	width: 8px;
	height: 18px;
	background: url(../images/arrow_white.png) no-repeat left center;
	background-size: 8px 13px;
}
@media screen and (max-width: 767px) {
	.cmn_linkset{
		max-width: 500px;
	}
	.cmn_linkset .linkblock{
		float: none;
		width: 100%;
	}
	.cmn_linkset .linkblock + .linkblock{
		margin-left: 0;
		margin-top: 20px;
	}
	.cmn_linkset .linkblock .title{
		font-size: 18px;
	}
}

.cmn_flowset{
	margin: 90px auto 50px;
	padding: 0 10px;
	width: 100%;
	max-width: 1044px;
}
.cmn_flowset .flowblock{
	float: left;
}
.cmn_flowset.col3 .flowblock{
	width: calc((100% - 101px) / 3);
}
.cmn_flowset.col2 .flowblock{
	width: calc((100% - 81px) / 2);
}
.cmn_flowset.col3 .flowblock + .flowblock{
	margin-left: 50px;
}
.cmn_flowset.col2 .flowblock + .flowblock{
	margin-left: 80px;
}
.cmn_flowset .title{
	position: relative;
	padding: 11px 25px;
	background: url(../images/flowtitle_bg.png) no-repeat right center;
	background-size: 23px 100%;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #B68002;
}
.cmn_flowset .title:before{
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 22px);
	height: 100%;
	display: block;
	content: ' ';
	border-top: 2px solid #B68002;
	border-bottom: 2px solid #B68002;
	border-left: 2px solid #B68002;
	box-sizing: border-box;
}
.cmn_flowset .text{
	margin-top: 20px;
	line-height: 1.71;
}
.cmn_flowset .text::after{
	content: "";
	clear: both;
	display: block;
}
.cmn_flowset .text .left{
	float: left;
	width: 150px;
}
.cmn_flowset .text .left img{
	max-width: 100%;
	height: auto;
}
.cmn_flowset .text .right{
	float: right;
	width: calc(100% - 160px);
}
@media screen and (max-width: 979px) {
	.cmn_flowset .text .left{
		margin-right: 10px;
		margin-bottom: 5px;
	}
	.cmn_flowset .text .right{
		float: none;
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.cmn_flowset{
		max-width: 500px;
	}
	.cmn_flowset + .cmn_flowset{
		margin-top: 50px;
	}
	.cmn_flowset .flowblock{
		float: none;
	}
	.cmn_flowset.col3 .flowblock{
		width: 100%;
	}
	.cmn_flowset.col2 .flowblock{
		width: 100%;
	}
	.cmn_flowset.col3 .flowblock + .flowblock{
		margin-left: 0;
		margin-top: 50px;
	}
	.cmn_flowset.col2 .flowblock + .flowblock{
		margin-left: 0;
		margin-top: 50px;
	}
}



.cmn_beforeafterset{
	margin: 80px auto;
	width: 100%;
	max-width: 1024px;
}
.cmn_beforeafterset .title{
	margin-bottom: 35px;
	padding: 10px 45px;
	font-size: 28px;
	font-weight: bold;
	background: url(../images/title_bg.jpg) no-repeat left top;
	background-size: 100% 100%;
	color: #fff;
}
.cmn_beforeafterset .contents{
	padding: 0 35px;
}
.cmn_beforeafterset .slideblock{
	float: left;
	width: 48.5%;
}
.cmn_beforeafterset .slideblock img{
	width: 100%;
	height: auto;
}
.cmn_beforeafterset .slideblock li{
	position: relative;
}
.cmn_beforeafterset .slideblock li::before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 136px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1;
}
.cmn_beforeafterset .slideblock li:first-child::before{
	content: 'AFTER';
}
.cmn_beforeafterset .slideblock li:last-child::before{
	content: 'BEFORE';
}
.cmn_beforeafterset .otherblock{
	float: right;
	width: 46%;
}
.cmn_beforeafterset .title2{
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #B68002;
}
.cmn_beforeafterset .text{
	margin-bottom: 20px;
	line-height: 1.71;
}
.cmn_beforeafterset .thumbox {
	padding: 0 10px;
}
.cmn_beforeafterset .thumbox a{
	position: relative;
	display: block;
	float: left;
	width: calc((100% - 31px) / 2);
}
.cmn_beforeafterset .thumbox a + a{
	margin-left: 30px;
}
.cmn_beforeafterset .thumbox a img{
	width: 100%;
	height: auto;
}
.cmn_beforeafterset .thumbox a::before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 60px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1;
}
.cmn_beforeafterset .thumbox a:first-child::before{
	content: 'AFTER';
}
.cmn_beforeafterset .thumbox a:last-child::before{
	content: 'BEFORE';
}
@media screen and (max-width: 767px) {
	.cmn_beforeafterset .title{
		padding: 10px;
		font-size: 24px;
	}
	.cmn_beforeafterset .contents{
		padding: 0 10px;
	}
	.cmn_beforeafterset .slideblock{
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 500px;
	}
	.cmn_beforeafterset .slideblock li::before{
		height: 45px;
		line-height: 45px;
		font-size: 22px;
	}
	.cmn_beforeafterset .otherblock{
		float: none;
		margin-bottom: 20px;
		width: 100%;
	}
	.cmn_beforeafterset .thumbox{
		padding: 0;
	}
	.cmn_beforeafterset .thumbox .bx-pager{
		margin-left: auto;
		margin-right: auto;
		max-width: 500px;
	}
}



.cmn_table{
	margin: 25px auto;
	padding: 0 10px;
	width: 100%;
	max-width: 1044px;
}
.cmn_table table{
	width: 100%;
	line-height: 1.71;
}
.cmn_table.col2 th{
	padding: 15px 15px 10px;
	background: #B68002;
	color: #fff;
	white-space: nowrap;
}
.cmn_table.col2 tr:not(:first-child) th{
	border-top: 1px solid #fff;
}
.cmn_table.col2 td{
	border: 1px solid #999;
	padding: 15px 15px 10px;
}
@media screen and (max-width: 767px) {
	.cmn_table.col2 th,
	.cmn_table.col2 td{
		display: block;
	}
	.cmn_table.col2 tr:not(:first-child) th{
		border-top: none;
	}
}



.cmn_titlecalloutset{
	margin: 70px auto 40px;
	padding: 0 10px;
	width: 100%;
	max-width: 1044px;
}
.cmn_titlecalloutset .titlecallout{
	float: left;
}
.cmn_titlecalloutset.col2 .titlecallout{
	width: calc((100% - 61px) / 2);
}
.cmn_titlecalloutset.col2 .titlecallout + .titlecallout{
	margin-left: 60px;
}
.cmn_titlecalloutset .titlecallout .title{
	margin-bottom: 20px;
	padding: 11px 10px;
	background: url(../images/title_bg.jpg) no-repeat left top;
	background-size: 100% 100%;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.cmn_titlecalloutset .titlecallout .imgbox{
	margin-bottom: 14px;
}
.cmn_titlecalloutset .titlecallout .imgbox img{
	width: 100%;
	height: auto;
}
.cmn_titlecalloutset .titlecallout .text{
	line-height: 1.71;
}
@media screen and (max-width:767px) {
	.cmn_titlecalloutset.col2{
		max-width: 500px;
	}
	.cmn_titlecalloutset .titlecallout{
		float: none;
	}
	.cmn_titlecalloutset.col2 .titlecallout{
		width: 100%;
	}
	.cmn_titlecalloutset.col2 .titlecallout + .titlecallout{
		margin-left: 0;
		margin-top: 30px;
	}
}



.cmn_qalist{
	margin: 45px auto;
	padding: 0 10px;
	width: 100%;
	max-width: 1044px;
}
.cmn_qalist table{
	width: 100%;
	border: 1px solid #999;
}
.cmn_qalist td{
	width: 50%;
	border: 1px solid #999;
	vertical-align: middle;
	font-size: 16px;
}
.cmn_qalist td a{
	display: block;
	padding: 30px 30px 25px 20px;
	background: url(../images/flow_arrow.png) no-repeat right 20px center;
	background-size: 14px 9px;
	color: #999;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
}
.cmn_qalist td a::before{
	display: inline-block;
	margin-right: 16px;
	width: 14px;
	height: 14px;
	content: ' ';
	background: #B68002;
}
@media screen and (max-width:767px) {
	.cmn_qalist td{
		display: block;
		width: 100%;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	.cmn_qalist tr:first-child td:first-child{
		border-top: 0;
	}
}


.cmn_qaset{
	margin: 90px auto 45px;
	padding: 0 10px 20px;
	border-bottom: 1px dashed #999;
	width: 100%;
	max-width: 1044px;
}
.cmn_qaset + .cmn_qaset{
	margin-top: 4px;
}
.cmn_qaset .question{
	padding-left: 50px;
	min-height: 30px;
	background: url(../images/q.jpg) no-repeat left top;
	background-size: 30px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #B68002;
	cursor: pointer;
}
.cmn_qaset .answer{
	display: none;
	margin-top: 28px;
	padding-left: 50px;
	min-height: 30px;
	background: url(../images/a.jpg) no-repeat left top;
	background-size: 30px;
	line-height: 1.71;
}


.cmn_normalmediaset{
	position: relative;
	margin: 90px auto;
	padding: 0 10px;
	width: 100%;
	max-width: 1044px;
}
.cmn_normalmediaset .imgbox{
	float: left;
	width: 612px;
}
.cmn_normalmediaset.img-right .imgbox{
	float: right;
}
.cmn_normalmediaset .imgbox img{
	width: 100%;
	height: auto;
}
.cmn_normalmediaset .txtbox{
	float: right;
	width: calc(100% - 672px);
}
.cmn_normalmediaset.img-right .txtbox{
	float: left;
}
.cmn_normalmediaset .title{
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	color: #B68002;
}
.cmn_normalmediaset .text{
	line-height: 1.71;
}
@media screen and (max-width:1023px) {
	.cmn_normalmediaset .imgbox{
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		width: 100%;
		max-width: 612px;
	}
	.cmn_normalmediaset.img-right .imgbox{
		float: none;
	}
	.cmn_normalmediaset .txtbox{
		float: none;
		width: 100%;
	}
	.cmn_normalmediaset.img-right .txtbox{
		float: none;
	}
}


.cmn_mediaset{
	position: relative;
	margin: 90px auto;
	width: 100%;
	max-width: 1024px;
}
.cmn_mediaset .imgbox{
	position: absolute;
	top: 0;
	left: 0;
	width: 58.25%;
	height: 100%;
	z-index: -1;
}
.cmn_mediaset.img-right .imgbox{
	left: auto;
	right: 0;
}
.cmn_mediaset .imgbox img{
	display: none;
}
.cmn_mediaset .txtbox{
	padding-top: 55px;
}
.cmn_mediaset .title{
	margin: 0 0 12px auto;
	width: 37.86%;
	color: #B68002;
	font-size: 20px;
	font-weight: bold;
}
.cmn_mediaset.img-right .title{
	margin: 0 auto 12px 0;
}
.cmn_mediaset .text{
	margin: 0 0 0 auto;
	padding: 15px 30px;
	width: 100%;
	max-width: 580px;
	background: rgba(15, 38, 87, 0.8);
	color: #fff;
	line-height: 1.71;
}
.cmn_mediaset.img-right .text{
	margin: 0 auto 0 0;
}
.cmn_mediaset .btns{
	margin: 25px 0 0 auto;
	text-align: right;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
	max-width: 580px;
}
.cmn_mediaset.img-right .btns{
	margin: 25px auto 0 0;
	text-align: left;
}
.cmn_mediaset .btns li{
	display: inline-block;
	font-size: 18px;
}
.cmn_mediaset .btns li + li{
	margin-left: 15px;
}
.cmn_mediaset .btns li a{
	display: block;
	border: 1px solid #848075;
	padding: 11px 5px;
	min-width: 200px;
	text-align: center;
	color: #534741;
	background: #fff;
}
@media screen and (max-width:767px) {
	.cmn_mediaset .imgbox{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 0;
		background: none!important;
	}
	.cmn_mediaset .imgbox img{
		display: inline;
		width: 100%;
		height: auto;
	}
	.cmn_mediaset .txtbox{
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
		max-width: 580px;
	}
	.cmn_mediaset .title{
		padding: 0 10px;
		width:100%;
	}
	.cmn_mediaset .text{
		margin-right: auto;
	}
	.cmn_mediaset.img-right .text{
		margin-left: auto;
		}
	.cmn_mediaset .btns{
		text-align: center;
		max-width: none;
	}
	.cmn_mediaset.img-right .btns{
		text-align: center;
	}
	.cmn_mediaset .btns li{
		margin: 10px 15px;
	}
}

.cmn_numbermediaset{
	position: relative;
	margin: 90px auto;
	width: 100%;
	max-width: 1024px;
}
.cmn_numbermediaset .number{
	position: absolute;
	top: 0;
	left: 6px;
	border: 4px solid #fff;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: #B68002;
	color: #fff;
	text-align: center;
	line-height: 84px;
	font-size: 32px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	z-index: 1;
}
.cmn_numbermediaset .title{
	margin-bottom: 6px;
	padding: 25px 0 0 100px;
	font-size: 22px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #B68002;
}
.cmn_numbermediaset .imgbox{
	position: absolute;
	top: 0;
	left: 0;
	width: 56.6%;
	height: 100%;
	z-index: -1;
}
.cmn_numbermediaset .imgbox img{
	display: none;
}
.cmn_numbermediaset .txtbox{
	padding-top: 60px;
}
.cmn_numbermediaset .title2{
	margin: 0 0 12px auto;
	width: 39.15%;
	color: #B68002;
	font-size: 20px;
	font-weight: bold;
}
.cmn_numbermediaset .text{
	margin: 0 0 0 auto;
	padding: 15px 30px;
	width: 100%;
	max-width: 562px;
	background: rgba(15, 38, 87, 0.8);
	color: #fff;
	line-height: 1.71;
}
.cmn_numbermediaset .btns{
	margin: 25px 0 0 auto;
	text-align: right;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
	max-width: 580px;
}
.cmn_numbermediaset .btns li{
	display: inline-block;
	font-size: 18px;
}
.cmn_numbermediaset .btns li + li{
	margin-left: 15px;
}
.cmn_numbermediaset .btns li a{
	display: block;
	border: 1px solid #848075;
	padding: 11px 5px;
	min-width: 200px;
	text-align: center;
	color: #534741;
	background: #fff;
}
@media screen and (max-width:767px) {
	.cmn_numbermediaset .title{
		font-size: 20px;
	}
	.cmn_numbermediaset .imgbox{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 0;
		background: none!important;
	}
	.cmn_numbermediaset .imgbox img{
		display: inline;
		width: 100%;
		height: auto;
	}
	.cmn_numbermediaset .txtbox{
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
		max-width: 580px;
	}
	.cmn_numbermediaset .title2{
		padding: 0 10px;
		width:100%;
		font-size: 16px;
	}
	.cmn_numbermediaset .text{
		margin-right: auto;
	}
	.cmn_numbermediaset .btns{
		text-align: center;
		max-width: none;
	}
	.cmn_numbermediaset .btns li{
		margin: 10px 15px;
	}
}


.cmn_propertyset{
	margin: 50px 0;
	padding: 35px 10px;
	background: #F1F0DE;
}
.cmn_propertyset_inner{
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
}
.cmn_propertyset .propertyblock{
	float: left;
	width: 23.8%;
	background: #fff;
}
.cmn_propertyset .propertyblock:not(:nth-child(4n + 1)){
	margin-left: 1.5%;
}
.cmn_propertyset .propertyblock:nth-child(4n + 1){
	clear: both;
}
.cmn_propertyset .propertyblock:nth-child(n + 5){
	margin-top: 20px;
}
.cmn_propertyset .propertyblock a{
	display: block;
}
.cmn_propertyset .propertyblock .inner{
	border: 4px solid #999;
	padding: 5px 5px;
	height: 400px;
}
.cmn_propertyset .propertyblock .title{
	margin-bottom: 3px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.cmn_propertyset .propertyblock .imgbox{
	position: relative;
	margin-bottom: 3px;
	padding-top: 76.92%;
	height: 0;
	overflow: hidden;
}
.cmn_propertyset .propertyblock .imgbox img{
	position: absolute;
	top: 0;
	left: -100%;
	right: -100%;
	margin: auto;
	width: auto;
	min-width: 100%;
	height: auto;
	max-height: 100%;
}
.cmn_propertyset .propertyblock .icon{
	display: inline-block;
	margin-bottom: 5px;
	width: 72px;
	height: 20px;
	line-height: 21px;
	color: #fff;
	background: #B68002;
	text-align: center;
	font-size: 12px;
}
.cmn_propertyset .propertyblock .icon-green{
	background: #00824d;
}
.cmn_propertyset .propertyblock .icon-orange{
	background: #e55c00;
}
.cmn_propertyset .propertyblock .icon-red{
	background: #B63A3A;
}
.cmn_propertyset .propertyblock .icon-skyblue{
	background: #3AA9B6;
}
.cmn_propertyset .propertyblock .icon-purple{
	background: #B8386B;
}

.cmn_propertyset .propertyblock .text{
	line-height: 1.3;
	font-size: 12px;
}
@media screen and (max-width:767px) {
	.cmn_propertyset_inner{
		margin-left: auto;
		margin-right: auto;
		max-width: 245px;
	}
	.cmn_propertyset .propertyblock{
		float: none;
		width: 100%;
	}
	.cmn_propertyset .propertyblock:not(:nth-child(4n + 1)){
		margin-left: 0;
		margin-top: 20px;
	}
	.cmn_propertyset .propertyblock:not(:first-child){
		margin-top: 20px;
	}
}

#text_pagetitle{
	position: relative;
}
#text_pagetitle #pagetitle_bg{
	position: relative;
	width: 100%;
	height: 350px;
	overflow: hidden;
	z-index: 0;
}
#text_pagetitle #pagetitle_bg img{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -900px;
	width: 1800px;
	height: auto;
}
#text_pagetitle .bnr_wrapper{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
}
#text_pagetitle .bnr_wrapper .bnr{
	margin: 0 0 0 auto;
	width: 299px;
}
#text_pagetitle .inner{
	position: relative;
	margin: -104px auto 65px;
	border: 5px solid #B68002;
	padding: 20px 42px;
	width: calc(100% - 20px);
	max-width: 820px;
	min-height: 230px;
	background: url(../images/pagetitle.jpg) no-repeat left top;
	background-size: 100% 100%;
	z-index: 1;
}
#text_pagetitle h2{
	position: relative;
	margin-bottom: 20px;
	border-bottom: 4px solid #999;
	padding-bottom: 16px;
	font-size: 32px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.4em;
	text-align: center;
	line-height: 1.2;
}
#text_pagetitle h2::after{
	position: absolute;
	bottom: -4px;
	left: 0;
	right: 0;
	content: ' ';
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 4px;
	background: #B68002;
}
#text_pagetitle h2 small{
	display: block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	color: #999;
}
#text_pagetitle .text{
	line-height: 1.71;
}
@media screen and (min-width: 1801px) {
	#text_pagetitle #pagetitle_bg img{
		position: absolute;
		top: -100%;
		bottom: -100%;
		left: 0;
		margin: auto 0;
		width: 100%;
	}
}
@media screen and (max-width:767px) {
	#text_pagetitle #pagetitle_bg{
		height: 200px;
	}
	#text_pagetitle #pagetitle_bg img{
		margin-left: -450px;
		width: 900px;
		height: auto;
	}
	#text_pagetitle .inner{
		margin-top: -75px;
		padding: 20px 10px;
	}
	#text_pagetitle h2{
		letter-spacing: 0.2em;
		font-size: 28px;
	}
	#text_pagetitle h2::after{
		width: 50%;
	}
}






#pagetitle{
	position: relative;
	margin-bottom: 2px;
	border-top: 2px solid #B68002;
}
#pagetitle_bg{
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}
#pagetitle_bg img{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -900px;
	width: 1800px;
	height: auto;
}
#pagetitle .inner{
	position: absolute;
	top: 56px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border: 5px solid #B68002;
	width: 340px;
	height: 280px;
}
#pagetitle h2{
	display: table;
	width: 100%;
	height: 100%;
	background: url(../images/pagetitle.jpg) no-repeat left top;
	background-size: 100% 100%;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 38px;
	line-height: 1.75;
}
#pagetitle h2 span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#pagetitle h2 small{
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #999;
}
@media screen and (min-width: 1801px) {
	#pagetitle_bg img{
		position: absolute;
		top: -100%;
		bottom: -100%;
		left: 0;
		margin: auto 0;
		width: 100%;
	}
}
@media screen and (max-width:767px) {
	#pagetitle_bg{
		height: 300px;
	}
	#pagetitle_bg img{
		margin-left: -675px;
		width: 1350px;
		height: auto;
	}
	#pagetitle .inner{
		top: 40px;
		width: 280px;
		height: 220px;
	}
	#pagetitle h2{
		font-size: 28px;
	}
}


#pagetitle2{
	border-top: 2px solid #B68002;
}
#pagetitle2 h2{
	padding: 12px 10px;
	text-align: center;
	font-size: 32px;
	letter-spacing: 0.4em;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#pagetitle2 #pagetitle_bg{
	position: relative;
	border-top: 4px solid #999;
	border-bottom: 4px solid #999;
	width: 100%;
	height: auto;
	background: #F1F0DE;
	text-align: center;
	overflow: visible;
}
#pagetitle2 #pagetitle_bg::before{
	position: absolute;
	top: -4px;
	left: 0;
	right: 0;
	content: ' ';
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	height: 4px;
	background: #B68002;
}
#pagetitle2 #pagetitle_bg::after{
	position: absolute;
	bottom: -4px;
	left: 0;
	right: 0;
	content: ' ';
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	height: 4px;
	background: #B68002;
}
#pagetitle2 #pagetitle_bg .inner{
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}
#pagetitle2 #pagetitle_bg img{
	position: relative;
	left: 0;
	margin-left: 0;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	#pagetitle2 h2{
		padding: 25px 10px;
		font-size: 28px;
		letter-spacing: 0.1em;
	}
	#pagetitle2 #pagetitle_bg{
		height: auto;
	}
}



.lineupset{
	margin: 56px auto 0;
	width: 100%;
	max-width: 1020px;
}
.lineup_block{
	position: relative;
	float: left;
	width: 25%;
}
.lineup_block a{
	display: block;
	opacity: 1;
}
.lineup_block .imgbox img{
	width: 100%;
	height: auto;
}
.lineup_block a .txtbox{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 136px;
	background: rgba(2, 73, 151, 0.6);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.lineup_block a:hover .txtbox{
	height: 100%;
}
.lineup_block .txtbox .inner{
	display: table;
	width: 100%;
	height: 100%;
}
.lineup_block .txtbox .title{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 26px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #fff;
}
@media screen and (max-width:767px) {
	.lineupset{
		max-width: 510px;
	}
	.lineup_block{
		width: 50%;
	}
	.lineup_block .txtbox .title{
		font-size: 20px;
	}
}


.propertyset{
	margin: 55px auto 0;
	width: 100%;
	max-width: 1024px;
}
.property_block{
	float: left;
	width: 25%;
}
.property_block:not(:nth-child(4n + 1)){
	border-left: 1px solid #999;
}
.property_block:nth-child(4n + 1){
	clear: both;
}
.property_block:nth-child(n + 5){
	margin-top: 15px;
}
.property_block a{
	display: block;
	opacity: 1;
	background: none;
}
.property_block .inner{
	padding: 19px;
}
.hvr-radial-out:active, .hvr-radial-out:focus, .hvr-radial-out:hover{
	color: #333;
}
.property_block .hvr-radial-out:before{
	background: #F1F0DE;
}
.property_block .category{
	position: relative;
	margin-bottom: 10px;
	padding-left: 32px;
	font-size: 20px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.property_block .category::before{
	position: absolute;
	top: 5px;
	left: 5px;
	content: ' ';
	display: block;
	width: 8px;
	height: 8px;
	border: 4px solid #B68002;
	border-radius: 50%;
	background: #fff;
}
.property_block .imgbox{
	margin-bottom: 15px;
}
.property_block .imgbox img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:767px) {
	.propertyset{
		max-width: 559px;
	}
	.property_block{
		width: 50%;
	}
	.property_block:nth-child(odd){
		clear: both;
		border-left: 0;
	}
	.property_block:nth-child(n+3){
		margin-top: 15px;
	}
	.property_block a{
		min-height: 240px;
		height: auto;
	}
	.property_block .category{
		padding-left: 20px;
		font-size: 18px;
	}
	.property_block .category::before{
		top: 3px;
		left: 0;
	}
}

.harfset{
	display: table;
	width: 100%;
	margin-top: 2px;
}
.harfset .imgbox{
	position: relative;
	display: table-cell;
	width: 50%;
	overflow: hidden;
}
.harfset .imgbox img{
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;
	margin: auto;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
}
.harfset .txtbox{
	display: table-cell;
	background: url(../images/harf_bg.jpg) no-repeat left top;
	background-size: 100% 100%;
}
.harfset .txtbox .inner{
	padding: 40px 50px 38px;
	width: 100%;
	max-width: 562px;
	color: #fff
}
.harfset .txtbox h3{
	margin-bottom: 30px;
	font-size: 32px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.harfset .txtbox .text{
	line-height: 1.71;
}
.harfset .more{
	margin-top: 30px;
}
.harfset .more a{
	position: relative;
	display: inline-block;
	border: 1px solid #fff;
	padding: 11px 63px 11px 50px;
	color: #fff;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.harfset .more a:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	content: ' ';
	display: block;
	margin: auto 0;
	width: 8px;
	height: 13px;
	background: url(../images/arrow_white.png) no-repeat left top;
	background-size: 8px 13px;
}
@media screen and (max-width:767px) {
	.harfset{
		display: block;
	}
	.harfset .imgbox{
		display: block;
		width: 100%;
	}
	.harfset .imgbox img{
		position: relative;
		top: 0;
		bottom: auto;
		left: 0;
		right: auto;
		margin: 0;
		width: 100%;
		min-height: 0;
	}
	.harfset .txtbox{
		display: block;
	}
	.harfset .txtbox .inner{
		padding: 40px 20px 38px;
		max-width: none;
	}
	.harfset .txtbox h3{
		font-size: 24px;
	}
}


.commitmentset{
	margin-bottom: 100px;
	background: url(../images/commitment_bg.jpg) no-repeat left top;
	background-size: 100% 512px;
}
.commitmentset .imgbox{
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}
.commitmentset .imgbox img{
	width: 100%;
	height: auto;
}
.commitmentset .inner{
	margin: 0 auto;
	padding: 0 10px;
	width: 100%;
	max-width: 1044px;
}
.commitmentset .heading{
	position: relative;
	float: left;
	display: table;
	margin-top: -98px;
	border: 5px solid #fff;
	width: 200px;
	height: 200px;
	background: #B68002;
}
.commitmentset .heading h3{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 32px;
	line-height: 1.75;
	color: #fff;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.commitmentset .txtbox{
	float: right;
	margin-top: 15px;
	width: calc(100% - 256px);
	line-height: 1.71;
}
.commitmentset .more{
	margin-top: 10px;
	margin-right: 30px;
	text-align: right;
}
.commitmentset .more a{
	position: relative;
	display: inline-block;
	border: 1px solid #848075;
	padding: 11px 63px 11px 50px;
	color: #534741;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.commitmentset .more a:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	content: ' ';
	display: block;
	margin: auto 0;
	width: 8px;
	height: 13px;
	background: url(../images/arrow_gray.png) no-repeat left top;
	background-size: 8px 13px;
}
@media screen and (max-width:767px) {
	.commitmentset{
		background: url(../images/commitment_bg.jpg) no-repeat left top;
		background-size: 100% 172px;
	}
	.commitmentset .heading{
		top: 0;
		float: none;
		margin-top: -55px;
		width: 110px;
		height: 110px;
	}
	.commitmentset .heading h3{
		font-size: 20px;
	}
	.commitmentset .txtbox{
		float: none;
		width: 100%;
	}
}


.menuset.col3{
	margin: 30px auto 0;
	width: 100%;
	max-width: 1024px;
}
.menuset.col3 .menu_block{
	float: left;
	width: 290px;
	height: 84px;
}
.menuset.col3 .menu_block:not(:nth-child(3n + 1)){
	margin-left: calc((100% - 871px) / 2);
}
.menuset.col3 .menu_block:nth-child(3n + 1){
	clear: both;
}
.menuset.col3 .menu_block:nth-child(n + 4){
	margin-top: 32px;
}
.menuset.col3 .menu_block a{
	position: relative;
	display: block;
	border: 1px solid #ccc;
	padding: 5px;
}
.menuset.col3 .menu_block a::before{
	position: absolute;
	bottom: 5px;
	right: 5px;
	content: ' ';
	display: block;
	width: 15px;
	height: 15px;
	background:url(../images/menu_arrow.jpg) no-repeat left top;
}
.menuset.col3 .menu_block .imgbox{
	position: relative;
	float: left;
	width: 72px;
	height: 72px;
	overflow: hidden;
}
.menuset.col3 .menu_block .imgbox img{
	position: absolute;
	top: 0;
	left: -100%;
	right: -100%;
	margin: 0 auto;
	width: auto;
	min-width: 100%;
	height: auto;
	max-height: 100%
}
.menuset.col3 .menu_block .txtbox{
	float: right;
	display: table;
	width: calc(100% - 86px);
	height: 72px;
	font-size: 16px;
}
.menuset.col3 .menu_block .txtbox p{
	display: table-cell;
	vertical-align: middle;
}
@media screen and (max-width: 1023px) {
	.menuset.col3 .menu_block{
		width: calc((100% - 65px) / 3);
	}
	.menuset.col3 .menu_block:not(:nth-child(3n + 1)){
		margin-left: 32px;
	}
}
@media screen and (max-width: 767px) {
	.menuset{
		max-width: 290px;
	}
	.menuset.col3 .menu_block{
		float: none;
		width: 100%;
	}
	.menuset.col3 .menu_block:not(:nth-child(3n + 1)){
		margin-left: 0;
	}
	.menuset.col3 .menu_block:not(:first-child){
		margin-top: 10px;
	}
}


.lineupset{
	margin: 96px auto 0;
	width: 100%;
	max-width: 1024px;
}
.lineup_block{
	position: relative;
	float: left;
	width: 25%;
}
.lineup_block a{
	display: block;
	opacity: 1;
}
.lineup_block .imgbox img{
	width: 100%;
	height: auto;
}
.lineup_block a .txtbox{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 136px;
	background: rgba(2, 73, 151, 0.6);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.lineup_block a:hover .txtbox{
	height: 100%;
}
.lineup_block .txtbox .inner{
	display: table;
	width: 100%;
	height: 100%;
}
.lineup_block .txtbox .title{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #fff;
}
@media screen and (max-width:767px) {
	.lineupset{
		max-width: 510px;
	}
	.lineup_block{
		width: 50%;
	}
	.lineup_block .txtbox .title{
		font-size: 20px;
	}
}


.cmn_linkbnrset{
	position: relative;
	margin-top: 140px;
}
.cmn_linkbnrset::before{
	position: absolute;
	top: 0;
	left: 0;
	content: ' ';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(15, 38, 87, 0.6);
	z-index: 0;
}
.cmn_linkbnrset .inner{
	position: relative;
	margin: 0 auto;
	padding: 60px 0;
	width: 100%;
	max-width: 1024px;
	z-index: 1;
}
.cmn_linkbnrset .bnr a{
	display: block;
	border: 5px solid #B68002;
	width: 320px;
	height: 83px;
}
.cmn_linkbnrset .bnr a img{
	height: auto;
}
.cmn_linkbnrset .bnr_inner{
	display: table;
	width: 100%;
	height: 100%;
	background: url(../images/bnr_txt_bg.jpg) repeat-x center bottom #fff;
}
.cmn_linkbnrset .bnr_inner p{
	display: table-cell;
	padding: 0 20px;
	vertical-align: middle;
	text-align: center;
	background: url(../images/arrow_gray.png) no-repeat right 8px center;
	background-size: 9px 14px;
	font-size: 18px;
	color: #004ba0;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width: 767px) {
	.cmn_linkbnrset .inner{
		max-width: 320px;
	}
}


.fullimg{
	margin: 50px auto;
	width: 100%;
	max-width: 1024px;
}
.fullimg img{
	width: 100%;
	height: auto;
}


.flowset{
	margin: 48px auto 0;
	padding: 0 10px;
	width: 100%;
	max-width: 1044px;
}
.flowset .flow_pager{
	margin-bottom: 50px;
	border: 1px solid #999;
	width: 100%;
}
.flowset .flow_pager li{
	float: left;
	display: table;
}
.flowset .flow_pager.col1 li{
	width: 100%;
}
.flowset .flow_pager.col2 li{
	width: 50%;
}
.flowset .flow_pager.col3 li{
	width: calc(100% / 3);
}
.flowset .flow_pager.col4 li{
	width: calc(100% / 4);
}
.flowset .flow_pager.col5 li{
	width: calc(100% / 5);
}
.flowset .flow_pager.col6 li{
	width: calc(100% / 6);
}
.flowset .flow_pager li:not(:first-child){
	border-left: 1px solid #999;
}
.flowset .flow_pager li a{
	display: table-cell;
	padding: 0 10px;
	height: 80px;
	font-size: 15px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #999;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.flowset .flow_pager li a::after{
	content: ' ';
	display: inline-block;
	margin-left: 15px;
	width: 14px;
	height: 9px;
	background: url(../images/flow_arrow.png) no-repeat left top;
	background-size: 14px 9px;
}
.flowset .flow_block{
	position: relative;
}
.flowset .flow_block + .flow_block{
	margin-top: 70px;
}
.flowset .flow_block .num{
	position: absolute;
	top: 5px;
	display: table;
	border: 5px solid #fff;
	width: 82px;
	height: 82px;
	border-radius: 50%;
	background: #FDCA53;
	font-size: 32px;
	font-family: Candara, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, Osaka, sans-serif;
	color: #fff;
}
.flowset .flow_block.img-left .num{
	left: 238px;
}
.flowset .flow_block.img-right .num{
	right: 238px;
}
.flowset .flow_block .num span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.flowset .flow_block .imgbox{
	width: 280px;
}
.flowset .flow_block.img-left .imgbox{
	float: left;
}
.flowset .flow_block.img-right .imgbox{
	float: right;
}
.flowset .flow_block .imgbox img{
	width: 100%;
	height: auto;
}
.flowset .flow_block .txtbox{
	width: calc(100% - 363px);
}
.flowset .flow_block.img-left .txtbox{
	float: right;
}
.flowset .flow_block.img-right .txtbox{
	float: left;
}
.flowset .flow_block .title{
	margin-bottom: 15px;
	border-bottom: 4px solid #B68002;
	padding-bottom: 10px;
	font-size: 24px;
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.flowset .flow_block .text{
	line-height: 1.71;
}
@media screen and (max-width:767px) {
	.flowset .flow_contents .bx-wrapper{
		padding-bottom: 50px;
	}
	.flowset .flow_pager li{
		float: none;
		width: 100%!important;
	}
	.flowset .flow_pager li:not(:first-child){
		border-left: 0;
		border-top: 1px solid #999;
	}
	.flowset .flow_pager li a{
		padding: 5px 40px 5px 10px;
		height: auto;
	}
	.flowset .flow_block .num{
		border: 3px solid #fff;
		width: 48px;
		height: 48px;
		font-size: 24px;
	}
	.flowset .flow_block.img-left .num{
		left: 5px;
	}
	.flowset .flow_block.img-right .num{
		right: auto;
		left: 5px;
	}
	.flowset .flow_block .imgbox{
		margin: 0 auto 15px;
	}
	.flowset .flow_block.img-left .imgbox{
		float: none;
	}
	.flowset .flow_block.img-right .imgbox{
		float: none;
	}
	.flowset .flow_block .txtbox{
		width: 100%;
	}
	.flowset .flow_block.img-left .txtbox{
		float: none;
	}
	.flowset .flow_block.img-right .txtbox{
		float: none;
	}
	.flowset .flow_contents .bx-wrapper .bx-controls-direction a{
		top: auto;
		bottom: 0;
		width: 50px;
		text-indent: 0;
	}
	.flowset .flow_contents .bx-wrapper .bx-prev{
		background: none;
	}
	.flowset .flow_contents .bx-wrapper .bx-next{
		background: none;
	}
}

.cmn_border_mediaset{
	margin: 50px auto;
	padding: 0 10px;
	width: 100%;
	max-width: 1044px;
}
.cmn_border_mediaset.col1 .inner{
	border: 4px solid #999;
	padding: 16px;
}
.cmn_border_mediaset.col2 .border_mediaset_block{
	float: left;
	border: 3px solid #999;
	padding: 16px;
	width: 48.8%;
}
.cmn_border_mediaset.col2 .border_mediaset_block + .border_mediaset_block{
	margin-left: 2.4%;
}
.cmn_border_mediaset.img-left .imgbox{
	float: left;
}
.cmn_border_mediaset.img-right .imgbox{
	float: right;
}
.cmn_border_mediaset.col1 .imgbox{
	width: 37.5%;
}
.cmn_border_mediaset.col2 .imgbox{
	width: 40.6%;
}
.cmn_border_mediaset .imgbox img{
	width: 100%;
	height: auto;
}
.cmn_border_mediaset.img-left .txtbox{
	float: right;
}
.cmn_border_mediaset.img-right .txtbox{
	float: left;
}
.cmn_border_mediaset.col1 .txtbox{
	width: 58.67%;
}
.cmn_border_mediaset.col2 .txtbox{
	width: 56.2%;
}
.cmn_border_mediaset .title{
	font-family: "yu-mincho-pr6", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 20px;
	font-weight: bold;
	color: #111;
}
.cmn_border_mediaset.col1 .title{
	margin-bottom: 20px;
}
.cmn_border_mediaset.col2 .title{
	margin-bottom: 10px;
}
.cmn_border_mediaset .text{
	letter-spacing: 0.06em;
	color: #111;
}
@media screen and (max-width:767px) {
	.cmn_border_mediaset.col2 .border_mediaset_block{
		float: none;
		width: 100%;
	}
	.cmn_border_mediaset.col2 .border_mediaset_block + .border_mediaset_block{
		margin-left: 0;
		margin-top: 20px;
	}
	.cmn_border_mediaset .imgbox{
		margin-bottom: 10px;
	}
	.cmn_border_mediaset.img-left .imgbox{
		float: none;
	}
	.cmn_border_mediaset.img-right .imgbox{
		float: none;
	}
	.cmn_border_mediaset.col1 .imgbox{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 369px;
	}
	.cmn_border_mediaset.col2 .imgbox{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 190px;
	}
	.cmn_border_mediaset.img-left .txtbox{
		float: none;
	}
	.cmn_border_mediaset.img-right .txtbox{
		float: none;
	}
	.cmn_border_mediaset.col1 .txtbox{
		width: 100%;
	}
	.cmn_border_mediaset.col2 .txtbox{
		width: 100%;
	}
}
/*====================================
　footer
====================================*/
#footer{
	position: relative;
}
#to-top{
	position: absolute;
	top: 0;
	right: 0;
	width: 287px;
	z-index: 1;
}
#to-top a{
	display: block;
	background: #024697;
	line-height: 50px;
	text-align: center;
}
#footer_top{
	border-bottom: 1px solid #fff;
	background: #A4D2EE;
}
#footer_top .inner{
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
	height: 50px;
}
#footer_logo{
	padding-top: 8px;
}
@media screen and (max-width: 767px) {
	#to-top{
		left: 0;
		width: 100%;
	}
	#footer_top{
		padding-top: 50px;
	}
}
#footer_contents{
	padding: 0 10px;
	background: url(../images/bg.jpg) repeat left top;
}
#footer_nav{
	margin: 0 auto;
	padding: 56px 0 90px;
	width: 100%;
	max-width: 1024px;
	font-size: 12px;
}
#footer_nav > ul > li {
	float: left;
	padding-right: 30px;
	width: calc((100% - 1px) / 6);
}
#footer_nav > ul > li > a{
	color: #024697;
}
#footer_nav > ul > li > ul > li{
	margin-top: 10px;
}
@media screen and (max-width: 767px) {
	#footer_contents{
		display: none;
	}
}
#footer_btm{
	padding: 24px 10px 12px;
	background: #222;
	color: #fff;
	text-align: center;
	font-size: 11px;
}
#google_translate_element {
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.goog-te-gadget {
	font-family: arial;
	font-size: 11px;
	color: #666;
}
.goog-te-gadget-simple {
	border-radius: 5px;
	font-size: 10px;
}
@media screen and (max-width: 767px) {
	#google_translate_element {
		bottom: 48px;
	}
}
@media screen and (max-width: 567px) {
	#google_translate_element {
		bottom: 133px;
	}
}