@charset "UTF-8";

body {
	font-family: "Noto Sans JP" ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.fixed {
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0;
	overflow-y: hidden;
}

@media screen and (max-width:751px) {
	body.fixed {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
	}
}

input,textarea,select,button {
	font-family: "Noto Sans JP" ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.forpc { display: block!important; }
.forsp { display: none!important; }
.forpcinline { display: inline!important; }
.forspinline { display: none!important; }

.linkarea {
	position: relative;
}
.linkarea a:hover,
.linkarea:hover{
	opacity: .7;
}
.linkarea a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	font-size: 0;
	text-indent: -9999px;
	overflow: visible;
	z-index: 999;
}

.btn button {
	line-height: 1.8;
}

.hType-leftBd {
	font-size: 28px;
	font-weight: bold;
	padding-left: 25px;
	position: relative;
}

.hType-leftBd::before {
	content: "";
	width: 10px;
	height: 1.5em;
	background: #CD0414;
	position: absolute;
	top: 0;
	left: 0;
}

/* bxsliderの画像が一気に出てしまうのを防ぐ */
.bxslider li {
	display: none;
}
.bx-viewport .bxslider li {
	display: block !important;
}

/* 会員数・加盟店数注釈 */
.memnote {
	font-size: 10px!important;
	color: #b7b7b7!important;
}

/* --------------------------------
 header
-------------------------------- */
#header {
	width: 1200px;
	height: 95px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
#header .logo {
	position: absolute;
	top: 28px;
	left: 0;
}
#header .logo img {
	vertical-align: bottom;
}
#header .kaigyo {
	position: absolute;
	top: 24px;
	right: 0;
}
#header .kaigyo a {
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	background: #A9996A;
	border-radius: 50vh;
	padding: 8px 15px;
	display: inline-block;
}
#header .kaigyo a:hover {
	background: #bfae7c;
	opacity: 1;
}
#header .login {
	position: absolute;
	top: 24px;
	right: 180px;
}
#header .login a {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: #e9eaec;
	border-radius: 50vh;
	padding: 8px 15px;
	display: inline-block;
}
#header .login a span {
	padding-right: 16px;
	position: relative;
}
#header .login a span::after {
	content: "";
	width: 6px;
	height: 6px;
	border-bottom: solid 2px #333;
	border-right: solid 2px #333;
	position: absolute;
	top: 4px;
	right: 0;
	transform: rotate(45deg);
}
#header .hnav1 {
	position: absolute;
	top: 33px;
	right: 330px;
}
#header .hnav1 li {
	line-height: 1;
	display: inline-block;
}
#header .hnav1 li + li {
	border-left: solid 1px #333;
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
}
#header .hnav1 li a {
	color: #333;
	font-weight: 700;
	text-decoration: none;
}
#header .hnav1 li a:hover {
	text-decoration: underline;
}


/* --------------------------------
 gnavi
-------------------------------- */
#gnaviArea {
	position: relative;
}

#gnavi {
	width: 1040px;
	text-align: left;
	margin: 0 auto;
}


#gnavi > li {
	width: 20%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 20px;
	float: left;
}

#gnavi > li > a {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#gnavi > li.down > a {
	color: #3bbdac;
}

#gnavi > li > .megam {
	width: 100%;
	background: #f1f2f4;
	box-shadow: 0px 10px 7px 0px rgba(0,0,0,0.12);
	margin: 0 auto;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 2;
}

#gnavi > li > .megam ul {
	padding: 20px calc((100% - 1100px) / 2) 30px;
	display: flex;
	column-gap: 22px;
	justify-content: center;
}

#gnavi > li > .megam ul li {
	width: 224px;
	position: relative;
}

#gnavi > li > .megam ul li figure {
	width: 224px;
	height: 103px;
	outline: solid 1px #fff;
	overflow: hidden;
}

#gnavi > li > .megam ul li figure img {
	width: 100%;
	display: inline-block;
	transition: .3s ease;
	box-sizing: border-box;
	overflow: hidden;
}

#gnavi > li > .megam ul li:hover figure img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

#gnavi > li > .megam ul li p {
	color: #293a4b;
	font-size: 16px;
	text-align: left;
	border-bottom: solid 2px #D9DCDF;
	padding: 13px 0;
}

#gnavi > li > .megam ul li:hover p {
	opacity: .7;
}

#gnavi > li > .megam ul li a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

#gnavi > li > .megam ul li:hover a {
	opacity: 1;
}

/* --------------------------------
 mainv
-------------------------------- */

#mainv {
	background-size: cover;
	background-repeat: no-repeat;
}

#mainv .inner {
	width: 1040px;
	position: relative;
	margin: 0 auto;
}
#mainv .inner.h120 {min-height: 120px;}
#mainv .inner.h140 {min-height: 140px;}

#mainv h1 {
	font-size: 30px;
	font-weight: 500;
	text-align: left;
	position: absolute;
	top: 50%;
	left: calc(50% - 520px);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* --------------------------------
 breadpath
-------------------------------- */
.breadpath {
	text-align: left;
	width: 1040px;
	margin: 0 auto;
}
.breadpath li {
	font-size: 12px;
	margin: 0 0 0 5px;
	display: inline;
	position: relative;
}
.breadpath li + li {
	margin: 0 0 0 20px;
}
.breadpath li + li::before {
	content: '';
	height: .45em;
	width: .45em;
	border-top: .16em solid #777;
	border-right: .16em solid #777;
	margin: auto;
	display: inline-block;
	transform: rotate(45deg);
	position: absolute;
	top: .81em;
	left: -15px;
	translate: 0 -50%;
}

.breadpath li:last-of-type {
	color: #d0324b;
}

.breadpath li a {
	color: #777;
	text-decoration: none;
}

.breadpath li a:hover {
	text-decoration: underline;
}

.breadpathBox.mainvin {
	margin: 0 0 70px;
}

.breadpathBox.mainvin .breadpath {
	padding-top: 10px;
}

.breadpathBox.simple {
	background: #f2f3f6;
	margin: 0 0 50px;
	padding: 10px 0;
}
.breadpathBox.simple .breadpath {
	
}


/* --------------------------------
 container
-------------------------------- */

#container {
	width: 1040px;
	text-align: left;
	margin: 0 auto;
}


/* --------------------------------
 mainColumn
-------------------------------- */
#mainColumn {
	margin: 0 auto;
}




/* --------------------------- パーツ -------------- */
a[href^="tel"] {
	color: #333;
	text-decoration: none;
	pointer-events: none;
	cursor: default;
}

ul.disclist li {
	list-style: disc;
	margin-left: 20px;
}

/* --------------------------- ページナビ -------------- */
.pagenation {
	text-align: center;
	margin: 80px auto 40px;
}

.pagenation .wp-pagenavi a,
.pagenation .wp-pagenavi span {
	color: #333;
	text-decoration: none;
	border: 1px solid #BFBFBF;
	border-radius: 5px;
	padding: 6px 13px;
	margin: 2px;
	display: inline-block;
}

.pagenation .wp-pagenavi a:hover,
.pagenation .wp-pagenavi span.current {
	color: #FFF;
	border: 1px solid #D91A10;
	background: #D91A10;
}

.pagenation .wp-pagenavi span.current {
	font-weight: bold;
}

/* --------------------------- 問い合わせフォーム -------------- */



.step {
	width: 900px;
	margin: 70px auto 0;
}

.step .flow {
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	counter-reset: number;
}

.step .flow li {
	color: #3F3F3F;
	font-size: 16px;
	font-weight: bold;
	width: 290px;
	background: #F1F1F1;
	line-height: 50px;
	text-align: center;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none; 
	-ms-user-select: none; 
	position: relative;
	counter-increment: number;
}

.step .flow li:nth-child(2) { 
	padding: 0 0 0 10px;
}

.step .flow li::before,
.step .flow li::after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
}

.step .flow li::before {
	border: solid 32px transparent;
	border-right: solid 13px transparent;
	border-left: solid 13px #FFF;
	top: -7px;
	left: 0;
	z-index: 1;
}

.step .flow li::after {
	border: solid 25px transparent;
	border-left: solid 10px #F1F1F1;
	border-right: solid 10px transparent;
	top: 0;
	right: -20px;
	z-index: 2;
}

.step .flow li:first-child::before,
.step .flow li:last-child::after {
	display: none;
}

.step .flow li.current {
	color: #FFF;
	background: #CF0414;
}
.step .flow li.current::after {
	border-left: solid 10px #CF0414;
}

.step .flow li span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 26px;
}

.step .flow li span::before {
	position: absolute;
	left: 0;
	top: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	background: #bebebe;
	border-radius: 20px;
	font-size: 14px;
	content: counter(number);
	transform: translateY(-50%);
	line-height: 1;
}

.step .flow li.current span::before {
	color: #CF0414;
	background: #fff;
}

.step .text {
	font-size: 14px;
	margin: 20px 0 0;
}

.step .text .red {
	color: #d20414;
}

#mainColumn .step .hType-leftBd {
	font-size: 24px;
	margin-bottom: 30px;
}


.formbox {
	width: 900px;
	margin: 35px auto 0;
}

.sec-contact-form {
	font-size: 16px;
}
.sec-contact-form .required {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	background: #f54b48;
	border-radius: 3px;
	padding: 2px 5px;
}
.sec-contact-form dl.tbl {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	box-sizing: border-box;
	margin: 20px 0 0;
	display: flex;
	flex-wrap: wrap;
}

.sec-contact-form dl.tbl label:hover {
	cursor: pointer;
}

.sec-contact-form dl.tbl > dt,
.sec-contact-form dl.tbl > dd {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
	padding: 30px;
}

.sec-contact-form dl.tbl > dt {
	font-size: 18px;
	width: 250px;
	padding: 30px
}
.sec-contact-form dl.tbl > dt small {
	color: #666;
	font-size: 12px;
}
.sec-contact-form dl.tbl > dd {
	width: calc(100% - 250px);
}
.sec-contact-form dl.tbl > dd .note {
	color: #999;
	font-size: 12px;
	display: block;
	margin: 10px 0 0;
}
.sec-contact-form dl.tbl > dd .errtext {
	color: #f54b48;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 19px;
	position: relative;
}
.sec-contact-form dl.tbl > dd .errtext::before {
	content: "";
	width: 17px;
	height: 17px;
	background: url(../../common/images/s_exclamation.svg) no-repeat left top / 100%;
	position: absolute;
	top: .25lh;
	left: 0;
}
.sec-contact-form dl.tbl > dd .errtext ~ input:placeholder-shown {
	background: #FBF2F3;
	border: solid 1px #F0C5CC;
}
.sec-contact-form dl.tbl > dd .errtext ~ .innertbl01 dd input:placeholder-shown {
	background: #FBF2F3;
	border: solid 1px #F0C5CC;
}


.sec-contact-form dl.tbl > dd .note + .note {
	margin-top: 0;
}

.sec-contact-form dl.tbl > dd .innertbl01 {
	display: flex;
	flex-wrap: wrap;
}
.sec-contact-form dl.tbl > dd .innertbl01 dt {
	width: 8%;
	margin-top: 6px;
}
.sec-contact-form dl.tbl > dd .innertbl01 dd {
	width: 42%;
}

.sec-contact-form dl.tbl > dd .innertbl01 dt:nth-child(n+5) {
	margin-top: 26px;
}
.sec-contact-form dl.tbl > dd .innertbl01 dd:nth-child(n+5) {
	margin-top: 20px;
}

.sec-contact-form dl.tbl > dd .innertbl02 {
	display: flex;
	flex-wrap: wrap;
}
.sec-contact-form dl.tbl > dd .innertbl02 dt {
	width: 23%;
	margin-top: 6px;
}
.sec-contact-form dl.tbl > dd .innertbl02 dd {
	width: 77%;
}

.sec-contact-form dl.tbl > dd .innertbl02 dt:nth-child(n+3) {
	margin-top: 26px;
}
.sec-contact-form dl.tbl > dd .innertbl02 dd:nth-child(n+3) {
	margin-top: 20px;
}
.sec-contact-form dl.tbl > dt.areatb {
	display: none;
}
.sec-contact-form dl.tbl > dd.areatb {
	display: none;
}
.sec-contact-form dl.tbl > dd .kibouarea {
	
}
.sec-contact-form dl.tbl > dd .kibouarea li {

}
.sec-contact-form dl.tbl > dd .kibouarea li + li {
	margin-top: 10px;
}
.sec-contact-form dl.tbl > dd .kibouarea li p {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding: 0 0 0 30px;
	display: inline-block;
	cursor: pointer;
}
.sec-contact-form dl.tbl > dd .kibouarea li p::before {
	content: '';
	width: 20px;
	height: 20px;
	background: #81B2F5;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
}
.sec-contact-form dl.tbl > dd .kibouarea li p::after {
	content: "";
	width: 4px;
	height: 4px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	position: absolute;
	top: 50%;
	left: 6px;
	rotate: 45deg;
	translate: 0 -50%;
}

.sec-contact-form dl.tbl > dd .kibouarea li p.on::after {
	top: 53%;
	left: 5px;
	transform: translateY(-50%) rotate(90deg);
}


.sec-contact-form dl.tbl > dd .kibouarea li .checkarea {
	font-size: 16px;
	padding: 0 0 15px;
	display: none;
}

.sec-contact-form dl.tbl > dd .kibouarea li .checkarea input {
	margin-right: 5px;
}

.sec-contact-form dl.tbl > .kiboujyouken {
	
}
.sec-contact-form dl.tbl > .kiboujyouken p {
	font-size: 14px;
}
.sec-contact-form dl.tbl > .kiboujyouken label {
	margin: 10px 8px 0 0;
	cursor: pointer;
}
.sec-contact-form dl.tbl > .kiboujyouken label input {
	display: none;
}
.sec-contact-form dl.tbl > .kiboujyouken label span {
	color: #666;
	font-size: 13px;
	border: 1px solid #666;
	border-radius: 20px;
	padding: 5px 20px;
	display: inline-block;
	transition: 0.1s;
}
.sec-contact-form dl.tbl > .kiboujyouken label input:checked + span {
	color: #FFF;
	background: #82B1F5;
	border: 1px solid #82B1F5;
}
.sec-contact-form dl.tbl > .kiboujyouken .jyoukenarea {
	margin: 20px 0 0;
}

.sec-contact-form dl.tbl > .kiboujyouken .jyoukenarea textarea {
	width: 100%;
	max-width: 100%;
	height: 7.5em;
	padding: 0.5em;
	box-sizing: border-box;
}

.sec-contact-form dl.tbl .riyouarea {
	margin: 20px 0 0;
	display: none;
}

.sec-contact-form dl.tbl .riyouarea input {
	width: 100%;
	box-sizing: border-box;
}

.sec-contact-form input,
.sec-contact-form select,
.sec-contact-form textarea {
	background: #F2F2F2;
	padding: 8px 5px;
	border: 1px solid #CBCBCB;
}
.sec-contact-form input::placeholder,
.sec-contact-form select::placeholder,
.sec-contact-form textarea::placeholder {
	color: #afafaf;
	font-size: 14px;
	line-height: 2;
}

.sec-contact-form textarea {
	width: 100%;
	height: 200px;
}

.sec-contact-form input.sizeSS { width: 50px; }
.sec-contact-form input.sizeS { width: 200px; }
.sec-contact-form input.sizeM { width: 370px; }
.sec-contact-form input.sizeL { width: 100%; }

.sec-contact-form label:nth-of-type(n+2){
	margin-top: 0.5em;
	display: inline-block;
}

.sec-contact-form dl.what {
	background: #F8E6E1;
	margin: 20px 0 0;
	padding: 30px;
}
.sec-contact-form dl.what dt,
.sec-contact-form dl.what dd {
	font-size: 18px;
}

.sec-contact-form dl.what dt {

}
.sec-contact-form dl.what dd {
	margin: 20px 0 0;
}

.formbtnsBox {
	text-align: center;
	background: #F2F2F2;
	margin: 20px 0 0;
	padding: 35px;
}
.formbtnsBox p {
	font-size: 16px;
}

.formbtnsBox .note {
	font-size: 93%;
	color: #818181;
	margin: 8px 0 0;
}

.formbtnsBox .formbtns {
	text-align: center;
	margin: 15px 0 0;
}

.formbtnsBox .chkbox {
	color: #999;
	margin: 15px 0 0;
}

.formbtnsBox .chkbox span {
	color: #333;
	font-size: 16px;
}

.formbtnsBox .formbtns input {
	width: 360px;
}
.formbtnsBox .formbtns input.btn:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.formbtnsBox .formbtns img {
	width: 360px;
	vertical-align: top;
}

.formbtnsBox .formbtns .errtext {
	color: #f54b48;
	font-weight: bold;
	margin: 0 0 5px;
}

.notice {
	margin-top: 20px;
}

.sec-contact-thanks {
	width: 900px;
	margin: 50px auto 0;
}

.sec-contact-thanks h3 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.sec-contact-thanks > p {
	text-align: center;
	margin: 30px 0 0;
}

.form_telBox {
	width: 900px;
	border-top: 2px dotted #A7A5A4;
	border-bottom: 2px dotted #A7A5A4;
	margin: 35px auto 0;
	padding: 25px 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.form_telBox h2 {
	font-size: 20px;
	font-weight: bold;
}
.form_telBox dl.mado {
}
.form_telBox dl.mado dt {
	color: #FFF;
	font-size: 16px;
	text-align: center;
	background: #83B3F6;
}
.form_telBox dl.mado dd {
	text-align: center;
	margin-top: 5px;
}
.form_telBox ul {

}
.form_telBox ul li {
	display: flex;
	align-items: center;
}
.form_telBox ul li p {
	font-size: 16px;
}
.form_telBox p.tel {
	padding-left: .9em;
	position: relative;
}
.form_telBox p.tel a {
	font-size: 32px;
	font-weight: bold;
	font-family: 'メイリオ', Meiryo,'Meiryo UI','ヒラギノ角ゴシック','Hiragino Sans','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.form_telBox p.tel a::before {
	content: "";
	width: 0.8em;
    height: 0.8em;
	background: url(../../common/images/s_phone.svg) no-repeat top left / 100%;
	position: absolute;
	top: 44%;
	left: -16px;
	translate: 0 -50%;
	rotate: 10deg;
}


/* --------------------------------
 ctablock
-------------------------------- */

.ctablock {
	background: #F9F6E7;
	border-top: 6px solid #E8383D;
	margin: 116px 0 0;
	padding: 20px 0 60px;
}
.ctablock .lead {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 1.5px;
}
.ctablock .itemblock  {
	background: #FFF;
	margin: 20px 0 0;
	padding: 45px 0;
	display: flex;
	justify-content: center;
}
.ctablock .itemblock .item {
	text-align: left;
	width: 500px;
	box-sizing: border-box;
}

.ctablock .itemblock .item.osusume {
	border-right: solid 1px #DDD;
	background: url(../images/itemblock_osusume_bg.png) no-repeat bottom 136px right 50px / 150px auto;
}
.ctablock .itemblock .item.search {
	background: url(../images/itemblock_search_bg.png) no-repeat bottom 136px right 10px / 150px auto;
	padding-left: 40px;
}


.ctablock .itemblock .item .midashi {
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.5px;
}
.ctablock .itemblock .item ul {
	margin: 15px 0 0;
}
.ctablock .itemblock .item ul li {
	font-size: 16px;
	line-height: 1.7;
	vertical-align: middle;
}
.ctablock .itemblock .item ul li::before {
	content: '';
	width: 17px;
	height: 16px;
	background: url(../images/ctablock_check.gif) no-repeat top left / 100% auto;
	margin-right: 6px;
	display: inline-block;
	position: relative;
	top: 2px;
}
.ctablock .itemblock .item .for {
	font-size: 20px;
	margin: 25px 0 0;
	letter-spacing: 1px;
}
.ctablock .itemblock .item .for img {
	width: 16px;
	height: 12px;
	vertical-align: inherit;
	margin-right: 7px;
}
.ctablock .itemblock .item.osusume .for {color: #DE6D00;}
.ctablock .itemblock .item.search .for {color: #2D7ECF;}

.ctablock .itemblock .item .btn {
	background: #FFF;
	margin: 12px 0 0;
	
}

.ctablock .itemblock .item .btn a,
.ctablock .itemblock .item .btn button {
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	width: 460px;
	text-align: center;
	text-decoration: none;
	border: none;
	border-radius: 10px;
	box-shadow: 0 12px 3px -8px rgba(0,0,0,.2);
	padding: 22px 0;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.ctablock .itemblock .item .btn ahover,
.ctablock .itemblock .item .btn button:hover {
	opacity: 0.7;
}

.ctablock .itemblock .item .btn a::after,
.ctablock .itemblock .item .btn button::after {
	content: '';
	width: 10px;
	height: 18px;
	background: url(../images/ctablock_button_arrow.png) no-repeat top left / 100% auto;
	position: absolute;
	right: 28px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ctablock .itemblock .item.osusume .btn a,
.ctablock .itemblock .item.osusume .btn button {background: linear-gradient(90deg, #F89A02, #F07500);}
.ctablock .itemblock .item.search .btn a {background: linear-gradient(90deg, #56BFEF, #3492F2);}


.ctablock .itemblock .item .btn a span,
.ctablock .itemblock .item .btn button span {
	position: relative;
}

.ctablock .itemblock .item .btn a span::before,
.ctablock .itemblock .item .btn button span::before {
	content: '・';
	font-size: 14px;
	position: absolute;
	top: -9px;
	left: 6px;
}

.ctablock .itemblock .item p {
	color: #666;
	font-size: 14px;
	margin: 16px 0 0;
	line-height: 1.6;
}

/* --------------------------------
 近隣の相談所　カルーセル
-------------------------------- */
.footarea h2 {
	margin-bottom: 20px;
}

.footarea .slider {
	margin: 0 auto 39px;
	position: relative;
}

.footarea .bx-wrapper {
}

.footarea .bx-viewport {
	position: relative;
	left: -5px;
	padding: 5px;
}

.footarea .slider ul {

}

.footarea .slider ul li {
	width: 213px;
	border-radius: 3px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
}

.footarea .slider ul li a {
	color: #333;
	text-decoration: none;
}

.footarea .slider ul li a:hover {
	opacity: .6;
	display: block;
}

.footarea .slider ul li a .cover {
	width: 100%px;
	height: 152px;
	background: #EEE;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
}

.footarea .slider ul li a .cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.footarea .slider ul li a .textblock {
	padding: 15px;
}

.footarea .slider ul li a .textblock .name {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}

.footarea .slider ul li a .textblock .lead {
	color: #777;
	font-size: 12px;
	line-height: 1.3;
	min-height: 2.5em;
	margin: 15px 0 0;
}

.footarea .slider ul li a .textblock .access {
	color: #4B96F3;
	line-height: 1.3;
	margin: 12px 0 0;
}

.footarea .slider .bx-prev,
.footarea .slider .bx-next {
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	width:50px;
	height:50px;
	text-align:center;
	text-decoration: none;
	line-height:50px;
	background: #CCC;
	border-radius: 50%;
	position: absolute;
}


.footarea .slider .bx-prev {
	top: 120px;
	left: -70px;
}

.footarea .slider .bx-next {
	top: 120px;
	right: -70px;
}

.footarea .slider .bx-prev:hover,
.footarea .slider .bx-next:hover {
	opacity: .7;
}

.footarea .morebtn {
	text-align: center;
}

.footarea .morebtn a {
	color: #666;
	font-size: 17px;
	font-weight: bold;
	border: solid 1px #CCC;
	border-radius: 5px;
	text-decoration: none;
	padding: 12px 87px;
	display: inline-block;
	position: relative;
	left: -10px;
}

.footarea .morebtn a:hover {
	opacity: .7;
}

.footarea .morebtn a::after {
	content: '';
	width: 9px;
	height: 9px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	position: absolute;
	top: 50%;
	right: 17px;
	transform: translateY(-50%) rotate(-45deg);
}


/* --------------------------------
 footer
-------------------------------- */
#footerContactArea {
	border-top: solid 1px #DCDCDC;
	margin: 40px 0 0 0;
}
#footerContact {
	width: 800px;
	background: url(../images/footercontact_p_01.jpg) no-repeat right top;
	text-align: left;
	margin: 20px auto 0;
	padding: 20px 0;
}

#footerContact .midashi {
	font-size: 18px;
	line-height: 1.4;
	background: url(../images/footercontact_s_01.gif) no-repeat left top;
	margin: 10px 0 30px;
	padding: 0 0 0 20px;
}
#footerContact .midashi span {
	font-size: 30px;
	font-weight: bold;
}
#footerContact .honbun {
	font-size: 15px;
	width: 500px;
	margin: 15px 0;
}

#footerContact .telBox {
	width: 100%;
	border: solid 1px #CDCDCD;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 18px 0 0 0;
	padding: 15px 0 15px 35px;
	behavior: url("/pie/PIE.htc");
	position: relative;
}
#footerContact .telBox .title {
	color: #7A96CB;
	font-size: 16px;
	font-weight: bold;
}
#footerContact .telBox ul li {
	float: left;
	margin: 10px 20px 5px 0;
}
#footerContact .telBox ul li:last-child {
	margin: 10px 0 5px;
}
#footerContact .telBox .tel {
	color: #000;
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
	background: url(../images/footercontact_s_tel.gif) no-repeat left center;
	margin: 0 10px;
	padding: 0 0 0 40px;
}


#footerArea1 {
	background: #F3F3F3;
	border-top: solid 1px #DCDCDC;
	margin: 120px 0 0;
	padding: 90px 0 80px;
}

#footerArea1 .inner {
	width: 1000px;
	margin: 0 auto;
}


#footer1 {
	position: relative;
}

#footer1 .inner {
	width: 800px;
}

#footer1 .logo {
	width: 415px;
	text-align: center;
	margin: 0 auto;
}

#footer1 .logo img {
	width: 100%;
}

#footer1 .text {
	color: #AAA;
	font-size: 12px;
	text-align: left;
	margin: 35px 0 0;
}

#footer1 .searchBlock {
	background: #FFF;
	text-align: left;
	margin: 40px 0 0;
	padding: 30px;
}

#footer1 .searchBlock h3 {
	color: #444;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 25px;
}

#footer1 .searchBlock dl {
	font-size: 12px;
	display: flex;
}

#footer1 .searchBlock dl + dl {
	margin-top: 0.5em;
}


#footer1 .searchBlock dl dt {
	width: 140px;
}

#footer1 .searchBlock dl dd {
	width: calc(100% - 140px);
}

#footer1 .searchBlock dl dd a {
	color: #444;
	white-space: nowrap;
}

#footerArea2206 .inner .searchBlock .inlineList {
	display: block;
}
#footerArea2206 .inner .searchBlock .inlineList :is(dl,dt,dd,ul,li) {
	all: inherit;
	display: inline;
}

#footerArea2206 .inner .searchBlock .inlineList dd::before {
	content: "（";
}

#footerArea2206 .inner .searchBlock .inlineList dt:not(:first-child) {
	border-left: solid 1px #A3B7CC;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

#footerArea2206 .inner .searchBlock .inlineList dd::after {
	content: "）";
}	

#footerArea2206 .inner .searchBlock .inlineList dd ul li:not(:last-child)::after {
	content: "・";
}	

#footer1 .nav {
	margin: 40px 0 0;
	display: flex;
}

#footer1 .nav > div {
	width: 83%;
}

#footer1 .nav ul {
	display: flex;
	flex-wrap: wrap;
	max-height: 210px;
}

#footer1 .nav ul li:first-child {
	/*width: 31%;*/
}

#footer1 .nav ul li {
	color: #444;
	text-align: left;
	width: 33%;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 20px;
}

#footer1 .nav ul li a {
	color: #444;
	text-decoration: none;
}

#footer1 .nav ul li a:hover {
	text-decoration: underline;
}

#footer1 .nav .login {
	width: 17%;
	display: block;
}

#footer1 .nav .login li {
	font-size: 13px;
	font-weight: normal;
	width: 100%;
	line-height: 1.8;
	margin: 0;
}

#footer1 .nav .login li a {
	color: #444;
	text-decoration: none;
}

#footer1 .nav .login li:hover {
	text-decoration: underline;
}

#footer1 .nav .login li.contact {
	margin: 58px 0 0;
}

#footer1 .nav .login li.contact a {
	color: #444;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

#footer1 .pagetop {
	width: 60px;
	position: absolute;
	bottom: 100px;
	right: 40px;
}

#footer1 .pagetop img {
	width: 100%;
}



#footerArea2 {
	border-top: solid 2px #FFF;
	margin: 45px 0 0;
	padding: 20px 0;
}

#footer2 {
}

#footer2 .inner {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

#footer2 .facebook {
	width: 162px;
	margin-right: 80px;
	display: inline-block;
}

#footer2 .facebook img {
	width: 100%;
}

#footer2 .kaigyo {
	display: inline-block;
}

#footer2 .kaigyo a {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	background: #DB1A10;
	border-radius: 30px;
	padding: 10px 70px;
}

#footer2 .kaigyo a:hover {
	opacity: 0.8;
}


#footerArea3 {
	background: #C50505;
	margin: 30px 0 0;
	padding: 25px 0 50px;
}
#footer3 {
	
}

#footer3 .nav {
	color: #FFF;
}

#footer3 .nav a {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}

#footer3 .nav a:hover {
	text-decoration: underline;
}

#footer3 p {
	color: #FFF;
	font-size: 12px;
	margin: 20px 0 0;
}

div#footerGroupList {
	overflow: hidden;
	padding: 20px 10px;
}

div#footerGroupList ul {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 11px;
}

div#footerGroupList ul li {
	border-right: solid 1px #757575;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	display: inline;
	line-height: 1.8;
}

div#footerGroupList ul li:last-child {
	border: none;
}

div#footerGroupList ul li a {
	color: #757575;
}



#footerArea2206 {
	min-width: 1200px;
	background: #F2F3F5;
	margin: 100px 0 0 0;
	padding: 60px 0;
}
#footerArea2206 .inner {
	width: 840px;
	text-align: left;
	margin: 0 auto;
}
#footerArea2206 .inner .logo {
	width: 370px;
	text-align: center;
	margin: 0 auto;
}
#footerArea2206 .inner .searchBlock {
	text-align: left;
	background: #FFF;
	border-radius: 20px;
	margin: 40px 0 0;
	padding: 30px 50px;
}
#footerArea2206 .inner .searchBlock h3 {
	color: #444;
	font-weight: bold;
	margin: 0 0 25px;
}
#footerArea2206 .inner .searchBlock a {
	color: #444;
}
#footerArea2206 .inner .searchBlock dl {
	font-size: 12px;
	display: grid;
	grid-template-columns: 8em 1fr;
	margin: 0 0 10px;
}
#footerArea2206 .inner .searchBlock dl + dl {
	margin-top: 0.5em;
}
#footerArea2206 .inner .searchBlock dl dt {
	width: 140px;
}
#footerArea2206 .inner .searchBlock dl dd ul li {
	display: inline-block;
	border-right: solid 1px #444;
	margin-right: 1em;
	padding-right: 1em;
}

#footerArea2206 .inner .searchBlock dl.inlineList dd ul li {
	display: inline;
}
#footerArea2206 .inner .searchBlock dl dd ul li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

#footerArea2206 .inner .kugiri {
	width: 100%;
	border-top: solid 1px #EEE;
	margin: 20px 0;
}

#footerArea2206 .inner .nav {
	margin: 40px 0 0 0;
}
#footerArea2206 .inner .nav ul {
	color: #444;
	display: flex;
	flex-wrap: wrap;
}
#footerArea2206 .inner .nav ul li {
	font-size: 14px;
	width: 260px;
	line-height: 1.7;
}
#footerArea2206 .inner .nav ul li a {
	color: #293A4B;
	padding-left: 25px;
	position: relative;
}
#footerArea2206 .inner .nav ul li a::before {
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background: #293A4B;
	position: absolute;
	top: 4px;
	left: 0;
}
#footerArea2206 .inner .nav ul li a::after {
	content: "";
	width: 4px;
	height: 4px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	position: absolute;
	top: 8px;
	left: 4px;
	transform: rotate(45deg);
}

#footerArea2206 .inner .searchBlock2 {
	margin: 50px 0 120px;
}
#footerArea2206 .inner .searchBlock2 ul {
	margin-bottom: 10px;
	display: flex;
}
#footerArea2206 .inner .searchBlock2 ul li {
	font-size: 12px;
	line-height: 1;
	border-right: solid 1px #293A4B;
	margin: 0 1em 0 0;
	padding: 0 1em 0 0 ;
}
#footerArea2206 .inner .searchBlock2 ul li a {
	color: #293A4B;
}

#footerArea2206 .copyright {
	font-size: 12px;
	text-align: center;
	margin: 30px 0 0 0;
}
#pagetop2206 {
	width: 60px;
	position: fixed;
	bottom: 30px;
	right: 5%;
	z-index: 100;
	cursor: pointer;
}


/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:750px) {

	img { max-width: 100%; }
	.forpc { display: none!important; }
	.forsp { display: block!important; }
	.forpcinline { display: none!important; }
	.forspinline { display: inline!important; }

	body {
		background: none;
	}

	#header {
		width: 100%;
		height: 60px;
	}

	#gnavi {
		width: 100%;
		text-align: left;
		margin: 0 auto;
	}

	#container {
		width: 100%;
		text-align: left;
		margin: 0 auto;
	}

	.hType-leftBd {
		font-size: 18px;
		padding-left: 15px;
	}

	.hType-leftBd::before {
		width: 10px;
		height: 1.5em;
	}




	/* --------------------------------
	 header
	-------------------------------- */
	#header {
		margin: 0 auto;
	}
	#header .logo {
		width: 57%;
		max-width: 300px;
		height: auto;
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
	#header #menuBtn {
		width: 25px;
		height: 25px;
		background: url(../images/header_b_menu.svg) no-repeat;
		background-size: 22px 22px;
		position: absolute;
		top: 50%;
		right: 16px;
		transform: translateY(-50%);
	}
	#header #menuBtn.opened {
		background-image: url(../images/header_b_menu_close.svg);
	}
	#header .kaigyo {
		top: 10px;
		right: 61px;
	}

	#header .kaigyo a {
		width: 74px;
		font-size: 0.7rem;
		font-weight: 700;
		text-align: center;
		line-height: 1.4;
		background: #A9996A;
		border-radius: 3px;
		padding: 5px 0px;
	}
	#header .kaigyo a:hover {
		background: #A9996A;
	}
	#header .kaigyo a span {
		font-size: 0.9rem;
	}

	#header .login,
	#header .hnav1 {
		display: none;
	}

	/* --------------------------------
	 gnavi
	-------------------------------- */
	
	#gnaviArea {
		width: 100%;
		background: #FFF;
		border-bottom: solid 2px #DDD;
		box-sizing: border-box;
		padding: 0 10.5% 30px;
		position: absolute;
		top: 60px;
		left: 0;
		z-index: 100;
		display: none;
	}
	
	#gnavi {
		width: 97%;
		margin: 0 auto 15px;
		padding: 29px 0 0;
	}
	
	#gnavi > li {
		width: 100%;
		text-align: left;
		padding: 0;
		float: none;
	}
	
	#gnavi > li > a {
		color: #293a4b;
		font-size: 1.46rem;
		font-weight: 700;
		padding: 8px 14px 8px 0;
		display: block;
		position: relative;
	}
	
	#gnavi > li.aboutus > a::before,
	#gnavi > li.ichiran > a::before {
		content: "";
		width: 8px;
		height: 8px;
		border: 3px solid;
		border-radius: 2px;
		border-color: transparent transparent #293a4b #293a4b;
		position: absolute;
		top: 16%;
		right: 0;
		transform: translateY(50%) rotate(-45deg);
	}
	
	#gnavi > li > ul {
		border-bottom: solid 1px #dce1e4;
		margin: 0 0 10px auto;
		padding: 8px 0 15px;
		position: static;
		display: none;
	}
	
	#gnavi > li > ul li {
		width: 97%;
		margin: 0 0 0 auto;
	}
	
	#gnavi > li > ul li + li {
		padding-top: 0;
	}
	
	#gnavi > li > ul li a {
		color: #3bbdac;
		font-size: 1.23rem;
		font-weight: bold;
		width: auto;
		background: none;
		text-decoration: none;
		padding: 5px 0;
		display: block;
	}
	
	#gnavi > li > .megam {
		display: none;
	}
	
	#gnavi-user {
		width: 95%;
		margin: 0 auto 30px;
	}
	
	#gnavi-user > li {
		text-align: left;
	}
	
	#gnavi-user > li a {
		color: #949494;
		font-size: 1.15rem;
		font-weight: 700;
		text-decoration: none;
	}
	
	#gnavi-form > .btn a {
		color: #fff;
		font-size: 1.23rem;
		font-weight: 700;
		text-align: center;
		border-radius: 50vh;
	}
	
	#gnavi-form.buttons {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	
	#gnavi-form.buttons .button {
		display: block;
	}
	
	#gnavi-form.buttons .button a {
		color: #FFF;
		font-weight: 700;
		font-size: 1.23rem;
		text-decoration: none;
		width: 100%;
		border-radius: 50vh;
		margin: 0;
		padding: 4vw 0;
		display: block;
	}
	
	#gnavi-form.buttons .button .red {
		background: #E8305A;
		margin-bottom: 3.6vw;
	}
	
	.buttons .button .blue {
		background: #3BBEAD;
	}
	
	#gnavi-form.buttons .button .blue span {
		position: relative;
		padding: 0 0 0 6.6vw;
	}
	
	#gnavi-form.buttons .button .blue span::after {
		content: "";
		width: 5vw;
		height: 5vw;
		background: url(../../images/magnify_glasspng.png) no-repeat;
		background-size: 100% auto;
		transform: inherit;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#gnavi-form.buttons .green {
		font-weight: 700;
		margin: 5vw 0 0 0;
		position: relative;
	}
	#gnavi-form.buttons .green a {
		color: #3BBEAD;
		font-size: 1.23rem;
		text-decoration: none;
		padding-right: 4vw;
		position: relative;
	}
	#gnavi-form.buttons .green a::after {
		content: "";
		width: 2vw;
		height: 2vw;
		border-top: 3px solid #3BBEAD;
		border-right: 3px solid #3BBEAD;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-35%) rotate(45deg);
	}
	
	#gnavi-form.buttons .green::after {
		content: none;
	}
	

	/* --------------------------------
	 mainv
	-------------------------------- */

	#mainv {
	}

	#mainv .inner {
		width: calc(100% - 30px);
		
		margin: 0 15px;
	}
	#mainv .inner.h120 {min-height: 90px;}
	#mainv .inner.h140 {min-height: 90px;}


	#mainv h1 {
		font-size: 21px;
		top: 50%;
		left: 5px;
	}

	/* --------------------------------
	 breadpath
	-------------------------------- */
	.breadpath {
		width: 100%;
		padding: 0 5px;
		box-sizing: border-box;
	}
	.breadpath li {
		font-size: 10px;
		margin: 0 0 0 3px;
	}
	.breadpath li + li::before {
		margin: 0 5px 0 0;
	}
	
	.breadpathBox.mainvin {
		margin: 0 0 40px;
	}
	.breadpathBox.mainvin .breadpath {
		width: 100%;
		text-overflow: inherit;
		white-space: nowrap;
		padding: 0 8px 1.2vw 5px;
		box-sizing: border-box;
		display: block;
		overflow-x: scroll;
	}
	.breadpathBox.simple {
		background: #f2f3f6;
		margin: 0 0 25px;
		padding: 5px 0;
		overflow: scroll;
	}
	
	/* --------------------------------
	 mainColumn
	-------------------------------- */
	#mainColumn {
		width: 100%;
	}

	/* --------------------------------
	 section
	-------------------------------- */
	
	section {
		width: calc(100% - 40px);
		margin: 0 auto;
	}


	/* --------------------------- 共通パーツ -------------- */

	.pagenation {
		text-align: center;
		margin: 50px auto 25px;
	}

	.pagenation .wp-pagenavi a,
	.pagenation .wp-pagenavi span {
		padding: 4px 11px;
	}


	a[href^="tel"] {
		color: #00F;
		text-decoration: underline;
		pointer-events: auto;
	}

	/* --------------------------- 問い合わせフォーム -------------- */


	.step {
		width: 100%;
		margin: 50px auto 0;
	}
	
	.step .flow {
	}

	.step .flow li {
		font-size: 11px;
		width: 33%;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 50px;
		box-sizing: border-box;
		padding: 0 10px;
		line-height: 1.5;
	}

	.step .flow li:nth-child(2) { 
		padding:  0 14px;
	}

	.step .flow li::before {
		border: solid 32px transparent;
		border-right: solid 13px transparent;
		border-left: solid 13px #FFF;
		top: -7px;
		left: 0;
		z-index: 1;
	}

	.step .flow li::after {
		border: solid 25px transparent;
		border-left: solid 12px #F1F1F1;
		border-right: solid 9px transparent;
		top: 0;
		right: -20px;
		z-index: 2;
	}

	.step .flow li.current::after {
		border-left: solid 12px #CF0414;
	}

	.step .flow li span {
		padding: 22px 0 0;
	}

	.step .flow li span::before {
		left: 50%;
		top: 0;
		width: 18px;
		height: 18px;
		border-radius: 18px;
		font-size: 10px;
		transform: translateX(-50%);
	}

	.step .text {
		font-size: 12px;
		margin: 20px 25px 0;
	}

	#mainColumn .step .hType-leftBd {
		display: none;
	}

	form.formbox {
		width: 100%;
		margin: 40px auto 0;
	}

	form.formbox .hType-leftBd {
		font-size: 21px;
		margin: 0 6.5% 30px;
	}
	
	.sec-contact-form {
		font-size: 15px;
	}
	
	.sec-contact-form p.text {
		margin: 0 25px;
	}
	
	.sec-contact-form .required {
		font-size: 12px;
		margin-left: 5px;
	}
	.sec-contact-form dl.tbl {
		border-left: none;
		display: block;
	}
	.sec-contact-form dl.tbl > dt,
	.sec-contact-form dl.tbl > dd {
		border-right: none;
		width: 100%;
		padding: 20px 25px;
	}

	.sec-contact-form dl.tbl > dt {
		border-bottom: none;
		font-size: 15px;
		font-weight: bold;
		padding-bottom: 0;
	}
	.sec-contact-form dl.tbl > dt small {
		font-size: 11px;
		font-weight: normal;
		margin-left: 15px;
	}
	.sec-contact-form dl.tbl > dd {
	}
	
	.sec-contact-form dl.tbl > dd .errtext {
	}
	.sec-contact-form dl.tbl > dd .errtext::before {
	}
	.sec-contact-form dl.tbl > dd .errtext ~ input:placeholder-shown {
	}
	.sec-contact-form dl.tbl > dd .errtext ~ .innertbl01 dd input:placeholder-shown {
	}
	
	.sec-contact-form dl.tbl > dd .note {
		font-size: 11px;
		margin: 10px 0 0;
	}

	.sec-contact-form textarea {
		width: 100%;
		height: 100px;
	}

	.sec-contact-form dl.tbl > dd .innertbl01 {
	}
	.sec-contact-form dl.tbl > dd .innertbl01 dt {
		width: 10%;
	}
	.sec-contact-form dl.tbl > dd .innertbl01 dd {
		width: 40%;
	}
	.sec-contact-form dl.tbl > dd .innertbl01 dd input {
		width: 95%;
		box-sizing: border-box;
	}
	.sec-contact-form dl.tbl > dd .innertbl01 dt:nth-child(n+5) {
		margin-top: 26px;
	}
	.sec-contact-form dl.tbl > dd .innertbl01 dd:nth-child(n+5) {
		margin-top: 20px;
	}

	.sec-contact-form dl.tbl > dd .innertbl02 {
		display: flex;
		flex-wrap: wrap;
	}
	.sec-contact-form dl.tbl > dd .innertbl02 dt {
		width: 100%;
		margin-top: 0;
	}
	.sec-contact-form dl.tbl > dd .innertbl02 dd {
		width: 100%;
		margin-top: 5px;
	}

	.sec-contact-form dl.tbl > dd .innertbl02 dt:nth-child(n+3) {
		margin-top: 15px;
	}
	.sec-contact-form dl.tbl > dd .innertbl02 dd:nth-child(n+3) {
		margin-top: 10px;
	}
	.sec-contact-form dl.tbl > dd .kibouarea {
		margin-bottom: 25px;
	}
	.sec-contact-form dl.tbl > dd .kibouarea li {
		border-bottom: 1px solid #DDD;
		padding: 17px 0;
	}
	.sec-contact-form dl.tbl > dd .kibouarea li + li {
		margin-top: 0;
	}
	.sec-contact-form dl.tbl > dd .kibouarea li p {
		font-size: 16px;
		padding: 0 0 0 30px;
	}
	.sec-contact-form dl.tbl > dd .kibouarea li p::before {
		width: 22px;
		height: 22px;
	}
	.sec-contact-form dl.tbl > dd .kibouarea li p::after {
		left: 7px;
	}

	.sec-contact-form dl.tbl > dd .kibouarea li p.on::after {
		top: 53%;
		left: 6px;
	}


	.sec-contact-form dl.tbl > dd .kibouarea li .checkarea {
		font-size: 15px;
		margin-top: 10px;
		padding: 0 0 15px;
	}

	.sec-contact-form dl.tbl > dd .kibouarea li .checkarea label {
		margin-right: 20px;
		margin-top: 15px;
	}
	.sec-contact-form dl.tbl > dd .kibouarea li .checkarea input {
		margin-right: 5px;
	}
	.sec-contact-form dl.tbl > .kiboujyouken {
		padding-bottom: 40px;
	}
	.sec-contact-form dl.tbl > .kiboujyouken p {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.sec-contact-form dl.tbl > .kiboujyouken label {
		margin: 12px 5px 0 0;
	}
	.sec-contact-form dl.tbl > .kiboujyouken label input {
	}
	.sec-contact-form dl.tbl > .kiboujyouken label span {
		font-size: 15px;
		padding: 5px 20px;
	}
	.sec-contact-form dl.tbl > .kiboujyouken label input:checked + span {
	}
	
	.sec-contact-form dl.tbl > .kiboujyouken .jyoukenarea {
		margin: 3.5vw 0 0;
	}

	.sec-contact-form dl.tbl > .kiboujyouken .jyoukenarea textarea {
		height: 7.5em;
	}
	
	.sec-contact-form input.sizeSS { width: 10%; }
	.sec-contact-form input.sizeS { width: 40%; }
	.sec-contact-form input.sizeM { width: 100%; }
	.sec-contact-form input.sizeL { width: 100%; }

	.sec-contact-form dl.what {
		margin: 20px 0 0;
		padding: 30px 25px;
	}
	.sec-contact-form dl.what dt,
	.sec-contact-form dl.what dd {
		font-size: 15px;
	}

	.sec-contact-form dl.what dt {

	}
	.sec-contact-form dl.what dd {
		margin: 20px 0 0;
	}

	.formbtnsBox {
		margin: 20px 0 0;
		padding: 35px;
	}
	.formbtnsBox p {
		font-size: 13px;
	}
	.formbtnsBox p a {
		display: inline-block;
		margin-top: 10px;
	}
	.formbtnsBox .note {
		font-size: 80%;
		text-align: left;
		margin: 5px 0 0;
	}
	.formbtnsBox .chkbox {
		font-size: 10px;
		margin: 35px 0 0;
	}
	.formbtnsBox .chkbox span {
		font-size: 13px;
		display: inline-block;
		margin-bottom: 10px;
	}
	
	.formbtnsBox .formbtns {
		margin: 23px 0 0;
	}
	.formbtnsBox .formbtns input {
		width: 100%;
		margin: 5vw 0 0;
	}
	.formbtnsBox .formbtns input.btn:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
	}
	.formbtnsBox .formbtns img {
		width: 360px;
		vertical-align: top;
	}

	.notice {
		padding: 0 25px;
	}

	.sec-contact-thanks {
		width: auto;
		margin: 30px 25px 0;
	}

	.sec-contact-thanks h3 {
		font-size: 16px;
	}

	.sec-contact-thanks > p {
		text-align: left;
		margin: 20px 0 0;
	}


	.form_telBox {
		width: auto;
		margin: 25px 25px 0;
		padding: 15px 0;
		display: block;
	}
	.form_telBox h2 {
		font-size: 17px;
		text-align: center;
	}
	.form_telBox dl.mado {
		margin: 15px 0 0; 
	}
	.form_telBox dl.mado dt {
		font-size: 15px;
	}
	.form_telBox dl.mado dd {
	}
	.form_telBox ul {
		margin: 10px 0 0;
	}
	.form_telBox ul li {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.form_telBox ul li p {
		font-size: 16px;
	}
	.form_telBox p.tel {
		width: fit-content;
		text-align: center;
		margin: 15px auto 0;
		padding-left: .7em;
	}
	.form_telBox p.tel a {
		color: #333;
		font-size: 26px;
		text-decoration: none;
	}
	.form_telBox p.tel a::before {
		top: 0.45lh;
		rotate: 12deg;
		left: -0.5em;
	}


	/* --------------------------------
	ctablock
	-------------------------------- */

	.ctablock {
		margin: 70px 0 0;
		padding: 25px 0 40px;
	}
	.ctablock .lead {
		font-size: 21px;
		line-height: 1.3;
	}
	.ctablock .itemblock  {
		margin: 25px 0 0;
		padding: 30px 0;
		display: block;
	}
	.ctablock .itemblock .item {
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}

	.ctablock .itemblock .item.osusume {
		background-size: 29% auto;
		background-position: bottom 140px right 20px;
		border-right: none;
		border-bottom: solid 1px #DDD;
		padding-bottom: 32px;
	}
	.ctablock .itemblock .item.search {
		background-size: 29% auto;
		background-position: bottom 130px right 20px;
		padding-left: 20px;
		padding-top: 32px;
	}

	.ctablock .itemblock .item .midashi {
		font-size: 21px;
	}
	.ctablock .itemblock .item ul {
		margin: 8px 0 0;
	}
	.ctablock .itemblock .item ul li {
		font-size: 13px;
	}
	.ctablock .itemblock .item ul li::before {
		width: 12px;
		height: 11px;
		margin-right: 4px;
		top: 2px;
	}
	.ctablock .itemblock .item .for {
		font-size: 16px;
		margin: 15px 0 0;
	}
	.ctablock .itemblock .item .for img {
		width: 13px;
		height: 10px;
		margin-right: 4px;
	}

	.ctablock .itemblock .item .btn {
		margin: 10px 0 0;
	}

	.ctablock .itemblock .item .btn a,
	.ctablock .itemblock .item .btn button {
		font-size: 19px;
		width: 100%;
		box-shadow: 0 12px 3px -8px rgba(0,0,0,.2);
		box-sizing: border-box;
	}

	.ctablock .itemblock .item .btn a::after,
	.ctablock .itemblock .item .btn button::after {
		width: 7px;
		height: 14px;
		right: 24px;
	}

	.ctablock .itemblock .item .btn a span::before,
	.ctablock .itemblock .item .btn button::before {
		font-size: 12px;
		top: -9px;
		left: 6px;
	}

	.ctablock .itemblock .item p {
		font-size: 11px;
		margin: 14px 0 0;
	}
	
	
	
	
	/* --------------------------------
	 近隣の相談所　カルーセル
	-------------------------------- */
	.footarea h2 {
		margin-bottom: 20px; 
	}

	.footarea .slider {
		margin: 0 auto 24px;
	}

	.footarea .slider ul li a figure {
		height: 130px;
	}

	.footarea .slider ul li a .textblock {
		padding: 15px;
	}

	.footarea .slider ul li a .textblock .name {
		font-size: 14px;
	}

	.footarea .slider ul li a .textblock .lead {
		font-size: 12px;
		margin: 18px 0 0;
	}

	.footarea .slider ul li a .textblock .access {
		margin: 12px 0 0;
	}

	.footarea .slider .bx-prev,
	.footarea .slider .bx-next {
		display: none;
	}
	.footarea .morebtn a {
		font-size: 16px;
		width: 100%;
		padding: 12px 87px;
		box-sizing: border-box;
		left: 0;
	}
	
	/* --------------------------------
	 footer
	-------------------------------- */

	#footerArea1 {
		padding: 55px 0 45px;
	}

	#footer1 {
	}

	#footer1 .inner {
		width: auto;
		padding: 0 20px;
	}

	#footer1 .logo {
		width: 75%;
	}

	#footer1 .logo img {
		width: 100%;
	}

	#footer1 .text {
		font-size: 0.76rem;
		margin: 25px 0 0;
	}

	#footer1 .searchBlock {
		margin: 50px 0 0;
		padding: 30px 20px;
	}

	#footer1 .searchBlock h3 {
		font-size: 1.15rem;
		margin: 0 0 25px;
	}

	#footer1 .searchBlock dl {
		font-size: 0.92rem;
	}

	#footer1 .searchBlock dl + dl {
	}


	#footer1 .searchBlock dl dt {
		width: 7em;
	}

	#footer1 .searchBlock dl dd {
		width: calc(100% - 7em);
		line-height: 1.8;
	}

	#footer1 .searchBlock dl dd a {
		width: 3em;
		text-align: center;
		display: inline-block;
		box-sizing: border-box;
	}

/*
	#footer1 .searchBlock dl dd a:nth-of-type(3n+1) {
		text-align: left;
	}
*/

	#footer1 .nav {
		margin: 40px 0 0;
		display: block;
	}

	#footer1 .nav ul {
		width: 100%;
		max-height: initial;
		max-height: auto;
		display: block;
		margin: 0 0 30px;
	}

	#footer1 .nav ul li + li {
		margin: 15px 0 0;
	}

	#footer1 .nav li:first-child {
		width: auto;
	}

	#footer1 .nav ul li {
		width: 100%;
		font-size: 1.07rem;
		margin: 0 0 10px;
	}

	#footer1 .nav ul li a {
		text-decoration: underline;
	}

	#footer1 .nav ul li a:hover {
	}

	#footer1 .nav ul.login {
		width: 100%;
	}

	#footer1 .nav ul.login li {
		width: 100%;
	}

	#footer1 .nav ul.login li a {
		text-decoration: underline;
	}

	#footer1 .nav ul.login li a:hover {
	}

	#footer1 .pagetop {
		width: 50px;
		position: fixed;
		bottom: 50px;
		right: 20px;
		z-index: 15;
	}

	#footer1 .pagetop img {
	}



	#footerArea2 {
		margin: 45px 0 0;
		padding: 20px 0;
	}

	#footer2 {
	}

	#footer2 .inner {
		display: block;
	}

	#footer2 .facebook {
		width: 180px;
		margin-right: 0;
	}

	#footer2 .kaigyo {
		margin-top: 25px;
	}

	#footer2 .kaigyo a {
		font-size: 1.23rem;
		padding: 10px 60px;
	}



	#footerArea3 {
		margin: 45px 0 0;
		padding: 25px 0 50px;
	}
	#footer3 {
	}

	#footer3 .nav {
	}

	#footer3 .nav a {
		font-size: 0.84rem;
	}

	#footer3 .nav a:hover {
	}

	#footer3 p {
		font-size: 0.76rem;
		margin: 15px 0 0;
	}

	div#footerGroupList {
		display: none;
	}


	#footerArea2206 {
		min-width: 100vw;
		margin: 12vw 0 0 0;
		padding: 8.5vw 0;
	}
	#footerArea2206 .inner {
		width: 92vw;
	}
	#footerArea2206 .inner .logo {
		width: 75vw;
		margin: 0 auto;
	}
	#footerArea2206 .inner .searchBlock {
		margin: 8vw 0 0;
		padding: 5vw;
	}
	#footerArea2206 .inner .searchBlock h3 {
		font-size: 1.125re,;
		text-align: center;
		margin: 0 0 4.5vw;
	}
	#footerArea2206 .inner .searchBlock dl {
		font-size: 0.8rem;
	}
	#footerArea2206 .inner .searchBlock dl.shuyo {
		grid-template-columns: 5em 1fr;
	}
	#footerArea2206 .inner .searchBlock dl.shuyo {
		grid-template-columns: 5em 1fr;
	}
	#footerArea2206 .inner .searchBlock dl + dl {
		margin-top: 0.5em;
	}
	#footerArea2206 .inner .searchBlock dl dt {
		width: 100%;
	}
	#footerArea2206 .inner .searchBlock dl dt::before {
		content: "■ ";
	}
	#footerArea2206 .inner .searchBlock dl dd {
	}

	#footerArea2206 .inner .nav {
		margin: 6vw 0 0 0;
	}
	#footerArea2206 .inner .nav ul {
		color: #444;
		display: block;
	}
	#footerArea2206 .inner .nav ul li {
		font-size: 1rem;
		width: 100%;
		border-bottom: solid 1px #d3d3d3;
	}
	#footerArea2206 .inner .nav ul li a {
		padding: 8px 0 8px 25px;
		display: block;
	}
	#footerArea2206 .inner .nav ul li a::before {
		top: 12px;
	}
	#footerArea2206 .inner .nav ul li a::after {
		top: 16px;
	}

	#footerArea2206 .inner .searchBlock2 {
		margin: 6vw 0 10vw;
	}
	#footerArea2206 .inner .searchBlock2 ul {
		margin-bottom: 10px;
		display: flex;
		flex-wrap: wrap;
	}
	#footerArea2206 .inner .searchBlock2 ul li {
		font-size: .8rem;
		margin: 0 1em 15px 0;
		padding: 0 1em 0 0 ;
	}
	#footerArea2206 .inner .searchBlock2 ul li a {
		color: #293A4B;
	}

	#footerArea2206 .copyright {
		font-size: .8rem;
		margin: 8vw 0 0 0;
	}

}




/* FOR iphone5・SE landscape
***************************************************************************/
@media screen and (max-width:320px) {

	#header .logo {
		width: 45vw;
	}
	
	.ctablock .itemblock .item.osusume,
	.ctablock .itemblock .item.search {
		background: none;
	}
	
	.ctablock .itemblock .item .btn a {
		font-size: 17px;
	}

	.ctablock .itemblock .item .btn a::after {
		right: 14px;
	}

	.ctablock .itemblock .item .btn a span::before {
		left: 3px;
	}

	#gnaviArea .syoukaiBtn a {
		font-size: 1.1rem;
	}

}




/* 成婚優秀賞バッヂ　.prize.dendoや.prize.gold　で発動*/

#mainColumn .prize {
	position: relative;
}
#mainColumn .prize .badge {
	width: 68px;
	aspect-ratio: 68 / 110;
	position: absolute;
	top: -2px;
	left: 20px;
}
#mainColumn .prize .badge img {
	width: 100%;
}

@media screen and (max-width:700px) {
	#mainColumn .prize .badge {
		width: 16vw;
		top: -4px;
		left: auto;
		right: 2vw;
	}
	#mainColumn .prize .badge img {
	}
}




.campban1 {
	text-align: center;
}
.campban1 picture {
	display: block;
	margin: 0 auto 20px;
}
.campban1 picture {
	width: 100%;
}
.campban1 .note {
	width: 590px;
	font-size: 12px;
	color: #888!important;
	text-align: left!important;
	margin: 0 auto 30px!important;
}
@media screen and (max-width:700px) {
	.campban1 picture {
		width: 100vw;
		margin: 0 calc(50% - 50vw);
	}
	.campban1 picture {
		height: auto;
	}
	.campban1 .note {
		width: 87vw;
		font-size: .75rem;
		line-height: 1.6!important;
		margin: 3vw 6.5vw 0!important;
	}

}

.ny2023msg {
	margin: 0 0 50px;
}
.ny2023msg > div {
	width: 800px;
	background: #f8f5e8;
	text-align: left;
	margin: 0 auto;
	padding: 35px 100px;
	box-sizing: border-box;
	position: relative;
}
.ny2023msg > div::before, .ny2023msg > div::after {
	content: "";
	position: absolute;
}
.ny2023msg > div::before {
	width: 72px;
	aspect-ratio: 245 / 150;
	background: url(/common/images/cp2023ny/s_ume.svg) no-repeat;
	top: 35px;
	left: 140px;
}
.ny2023msg > div::after {
	width: 60px;
	aspect-ratio: 300 / 137;
	background: url(/common/images/cp2023ny/s_kasumi.svg) no-repeat;
	top: 55px;
	right: 145px;
}
.ny2023msg > div h3 {
	color: #c50000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 15px;
}
.ny2023msg > div p {
	font-size: 16px;
}
.ny2023msg > div p span {
	font-weight: bold;
	text-decoration: underline;
}



@media screen and (max-width:700px) {
	.ny2023msg {
		margin: 0 0 6vw;
	}
	.ny2023msg > div {
		width: 100vw;
		margin: 0;
		padding: 6.5vw 6.5vw 5vw;
	}
	.ny2023msg > div::before {
		width: 12.4vw;
		top: 6vw;
		left: 6vw;
	}
	.ny2023msg > div::after {
		width: 12.6vw;
		top: 5vw;
		right: 5vw;
	}
	.ny2023msg > div h3 {
		font-size: 4.5vw;
		margin-bottom: 4vw;
	}
	.ny2023msg > div p {
		font-size: 3.6vw;
	}
	
}


/* --------------------- トップとシステムページにある検索 ------- */

#cmnSearch {
	min-width: 1200px;
	text-align: center;
	background: #ECF4F5;
	padding: 80px 0 65px;
}
#cmnSearch .btnGreen a,
#cmnSearch .btnGreen button {
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	background-color: #3BBCAB;
	border: none;
	border-radius: 10px;
	margin: 0 auto;
	padding: 10px 65px;
	display: inline-block;
	cursor: pointer;
}
#cmnSearch .searchWrap {
	width: 1200px;
	margin: 0 auto;
}

#cmnSearch .searchWrap h2 {
	font-weight: bold;
	display:inline-block;
	font-size: 30px;
	position: relative;
	padding-left: 40px;
}

#cmnSearch .searchWrap h2::before {
	content: "";
	width: 28px;
	height: 29px;
	background: url("../../images/magnify_glass.png") no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 10px;
	left: 0px;
}

#cmnSearch .searchWrap .subTitle {
	font-size: 18px;
	font-family: 'Heebo', sans-serif;
	margin-top: -10px;
}

#cmnSearch .searchWrap .searchBox {
	margin: 40px 0;
}

#cmnSearch .searchWrap .searchBox h3 {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 20px
}

#cmnSearch .searchWrap .searchBox .text {
	padding: 0 0 30px;
	line-height: 1.5625;
}

#cmnSearch .searchWrap .searchBox .boxes {
	width: 980px;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
}

#cmnSearch .searchWrap .searchBox .box {
	width: 470px;
	background: #FFF;
	border: solid 1px #c7d1d9;
	border-radius: 20px;
}

#cmnSearch .searchWrap .searchBox .box figure {
	margin-bottom: 30px;
}

#cmnSearch .searchWrap .searchBox .box img{
	width: 100%;
	border-radius: 20px 20px 0 0;
}

#cmnSearch .searchWrap .searchBox .boxes .box .btnGreen {
	margin-bottom: 40px;
}



#cmnSearch .searchWrap .areaMap {
	width:980px;
	height:460px;
	margin: 40px auto;
	background: #FFF;
	border-radius: 20px;
}

#cmnSearch .searchWrap .areaMap dl {
	display:flex;
	justify-content: space-between;
	align-items: center;
}

#cmnSearch .searchWrap .areaMap dt {
	width: 650px;
	height: 460px;
	position: relative;
}
#cmnSearch .searchWrap .areaMap img {
	width: 327px;
	height: 296px;
	margin: 53px 150px 0 160px;
}

#cmnSearch .searchWrap .areaMap dd {
	width: 330px;
}

#cmnSearch .searchWrap .areaMap dd h3 {
	font-size: 22px;
	font-weight: bold;
}

#cmnSearch .searchWrap .areaMap dd p {
	font-size: 16px;
	margin: 15px 0 40px;
	line-height: 1.5;
}


#cmnSearch .areaMap .areaBox {
	background: #FFF;
	border: 1px solid #B3B3B3;
	border-radius: 10px;
	padding: 5px 10px;
	position: absolute;
	box-sizing: border-box;
}


#cmnSearch .areaMap .areaBox.hokkaidoTohoku { width: 160px; top: 35px; left: 210px; }
#cmnSearch .areaMap .areaBox.hokurikuKoshinetsu { width: 144px; top: 147px; left: 456px; }
#cmnSearch .areaMap .areaBox.kanto { width: 144px;	top: 276px;	left: 456px}
#cmnSearch .areaMap .areaBox.tokai { width: 130px; top: 332px; left: 300px}
#cmnSearch .areaMap .areaBox.kinki { width: 144px; top: 168px; left: 250px}
#cmnSearch .areaMap .areaBox.chugokuShikoku { width: 180px; top: 168px; left: 50px}
#cmnSearch .areaMap .areaBox.kyushuOkinawa { width: 144px; top: 294px; left: 50px}

#cmnSearch .areaMap .areaBox h3 {
	color: #293A4B;
	font-weight: bold;
	font-size: 17px;
	display:inline-block;
}
#cmnSearch .areaMap .areaBox h3 a {
	color: #293A4B;
	text-decoration: none;
	pointer-events: none;
}

#cmnSearch .areaMap .hokkaidoTohoku .top .list{
	margin: 0 auto;
	font-size: 13px;
	font-weight: normal;
	color: #929292;
	line-height: 18px;
	padding-right: 0px;
}

#cmnSearch .areaMap .areaBox ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#cmnSearch .areaMap .areaBox ul li {
	color: #929292;
	font-size: 13px;
	line-height: 1.6;
	padding: 0 5px;
	position: relative;
}

#cmnSearch .areaMap .areaBox ul li a {
	color: #929292;
}

#cmnSearch .areaMap .areaBox li::before {
	content: "";
	width: 1px;
	height: 14px;
	background-color: rgb(161, 153, 153);
	position: absolute;
	top: 3px;
	right: 0;
}

#cmnSearch .areaMap .areaBox li:last-child::before,
#cmnSearch .areaMap .areaBox.hokkaidoTohoku li:nth-child(3n)::before,
#cmnSearch .areaMap .areaBox.chugokuShikoku li:nth-child(3n)::before,
#cmnSearch .areaMap .areaBox.hokurikuKoshinetsu li:nth-child(2n)::before,
#cmnSearch .areaMap .areaBox.kanto li:nth-child(2n)::before,
#cmnSearch .areaMap .areaBox.tokai li:nth-child(2n)::before, 
#cmnSearch .areaMap .areaBox.kinki li:nth-child(2n)::before,
#cmnSearch .areaMap .areaBox.kyushuOkinawa li:nth-child(2n)::before{ 
	content: none;
}


@media screen and (max-width:756px) {
	#cmnSearch {
		min-width: 100vw;
		width: 100vw;
		padding: 9.5vw 0 8vw;
	}
	#cmnSearch .btnGreen {
		margin: 0 auto;
	}
	#cmnSearch .btnGreen a,
	#cmnSearch .btnGreen button {
		font-size: 1rem;
		padding: 10px 0;
		display: block;
	}
	#cmnSearch .btnGreen button {
		width: 100%;
		display: inline-block;
	}
	#cmnSearch .searchWrap {
		width: 92vw;
	}
	#cmnSearch .searchWrap h2 {
		font-size: 1.83rem;
		padding-left: 2.5rem;
	}
	#cmnSearch .searchWrap h2::before {
		content: "";
		width: 1.8rem;
		height: 1.8rem;
	}
	#cmnSearch .searchWrap .subTitle {
		font-size: 1rem;
		margin-top: -1vw;
	}
	#cmnSearch .searchWrap .searchBox {
		margin: 5vw 0;
	}
	#cmnSearch .searchWrap .searchBox h3 {
		font-size: 1.5rem;
		margin: 0 0 2.5vw;
	}
	#cmnSearch .searchWrap .searchBox .text {
		padding: 0 0 9.5vw;
	}
	#cmnSearch .searchWrap .searchBox .boxes {
		width: 92vw;
		display: block;
	}
	#cmnSearch .searchWrap .searchBox .box {
		width: 100%;
		margin-bottom: 8vw;
	}
	#cmnSearch .searchWrap .searchBox .box figure {
		margin-bottom: 9vw;
	}
	#cmnSearch .searchWrap .searchBox .box img {
	}
	#cmnSearch .searchWrap .searchBox .boxes .box .btnGreen {
		width: 58vw;
		margin-bottom: 8vw;
	}
	
	
	
	#cmnSearch .searchWrap .areaMap {
		width: 92vw;
		height: auto;
		margin: 5vw auto;
		padding: 8vw 0;
	}
	#cmnSearch .searchWrap .areaMap dl {
		display:block;
	}
	#cmnSearch .searchWrap .areaMap dt {
		width: 100%;
		height: 72vw;
	}
	#cmnSearch .searchWrap .areaMap img {
		width: 75vw;
		height: 60vw;
		margin: 0;
	}
	#cmnSearch .searchWrap .areaMap dd {
		width: 100%;
	}
	#cmnSearch .searchWrap .areaMap dd h3 {
		font-size: 1.44rem;
	}
	#cmnSearch .searchWrap .areaMap dd p {
		font-size: 1rem;
		margin: 5vw 0 6vw;
	}

	#cmnSearch .areaMap .areaBox {
		padding: 5px;
	}
	
	#cmnSearch .areaMap .areaBox.hokkaidoTohoku { width: 32vw; top: 4vw; left: 36vw; }
	#cmnSearch .areaMap .areaBox.hokurikuKoshinetsu { width: 32vw; top: 17vw; left: 28vw; }
	#cmnSearch .areaMap .areaBox.kanto { width: 18vw;	top: 36vw; left: 65vw }
	#cmnSearch .areaMap .areaBox.tokai { width: 18vw; top: 50vw; left: 47vw}
	#cmnSearch .areaMap .areaBox.kinki { width: 18vw; top: 39vw; left: 40vw}
	#cmnSearch .areaMap .areaBox.chugokuShikoku { width: 28vw; top: 30vw; left: 8vw}
	#cmnSearch .areaMap .areaBox.kyushuOkinawa { width: 28vw; top: 53vw; left: 7vw}
	
	#cmnSearch .areaMap .areaBox h3 {
		font-size: .9rem;
		padding-right: 6vw;
		position: relative;
	}
	#cmnSearch .areaMap .areaBox h3 a {
		pointer-events: initial;
	}
	#cmnSearch .areaMap .areaBox h3::after {
		content: "";
		width: 3px;
		height: 3px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		position: absolute;
		top: 2.3vw;
		right: 1.5vw;
		transform: rotate(45deg);
	}
	#cmnSearch .areaMap .areaBox h3::before {
		content: "";
		width: 4vw;
		height: 4vw;
		background:#C9B342;
		border-radius: 4vw;
		position: absolute;
		top: .8vw;
		right: 0;
	}
	#cmnSearch .areaMap .areaBox ul {
		display: none;
	}

	#cmnSearch .areaMap .btnGreen {
		width: 58vw;
	}
}



.award-single {
	margin-bottom: 5vw;
}
.award-single .tit {
	color: #6b4712;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 1vw;
}
.award-single ul {
	display: flex;
}
.award-single ul li {
	width: 16vw!important;
	text-align: center!important;
	margin: 0 2vw 0 0!important;
}
.award-single ul li.meister {
	width: 17.5vw!important;
}
.award-single ul li div img {
	width: 100%;
}
.award-single ul li p {
	font-size: .8rem;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 5px;
	letter-spacing: -1px;
}
.award-single ul li.meister p { color: #6d3b05; }
.award-single ul li.gold p    { color: #6d3b05; }
.award-single ul li.silver p  { color: #484f5c; }
.award-single ul li.bronze p  { color: #7b2e15; }

@media screen and (min-width: 701px) {
	.award-single {
		margin-bottom: 30px;
	}
	.award-single .tit {
		margin-bottom: 10px;
	}
	.award-single ul li {
		width: 73px!important;
		margin: 0 10px 0 0!important;
	}
	.award-single ul li.meister {
		width: 78px!important;
	}
	.award-single ul li p {
		font-size: .875rem;
		letter-spacing: 0;
	}
}

.award-list {
	width: 100%;
	aspect-ratio: 363 / 60;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
	margin: 0 0 3vw;
}
.award-list.meister { color: #f6e3b4; background-image: url(/tmsaward/images/s_list_meister.svg); }
.award-list.gold    { color: #6e3a01; background-image: url(/tmsaward/images/s_list_gold.svg); }
.award-list.silver  { color: #464e5b; background-image: url(/tmsaward/images/s_list_silver.svg); }
.award-list.bronze  { color: #792d14; background-image: url(/tmsaward/images/s_list_bronze.svg); }

.award-list p {
	font-size: 3.4vw;
	font-weight: bold;
	line-height: 13vw;
	padding: 0 0 0 24vw;
    align-items: center;
	display: flex;
}
.award-list.meister p {
	line-height: 11vw;
}
.award-list p .note {
	font-size: 80%;
}
.award-list p .nen {
	margin-right: 1vw;
	margin-left: 1vw;
}
.award-list p .dendo {
	color: #926000;
	font-size: 2.8vw;
	margin-left: 3vw;
	padding-left: 4vw;
	position: relative;
}
.award-list p .dendo::before {
	content: "";
	width: 3vw;
	aspect-ratio: 11 / 10;
	background: url(/tmsaward/images/s_list_dendo.svg) no-repeat left top/100% auto;
	position: absolute;
	top: calc(50% - 1.3vw);
	left: 0;
}
@media screen and (min-width: 701px) {
	.award-list {
		width: 363px;
		margin: 0 0 0 30px;
		float: right;
	}
	.award-list p {
		font-size: 16px;
		line-height: 53px;
		padding: 0 0 0 100px;
	}
	.award-list.meister p {
		line-height: 47px;
	}
	.award-list p .nen {
		margin-right: 5px;
		margin-left: 5px;
	}
	.award-list p .dendo {
		font-size: 14px;
		margin-left: 10px;
		padding-left: 15px;
	}
	.award-list p .dendo::before {
		width: 11px;
		top: calc(50% - 4px);
	}
}