@charset "utf-8";

/* -----------------------------------------------------------
共通パーツ
------------------------------------------------------------- */
:root {
	--brown: #916F00;
	--gold:#918457;
	--gray:#D4D4D4;
	--icon-gray:#707070;
	--bg-white:#00000014;


}
html{
	scroll-behavior: smooth;
	/* font-size: 86.538%;  */
	/* SPデザインはコンテンツ幅390px、PC時は540pxなので1.38倍 →やめた*/
	font-size: 62.5%; 
}
body{
	color:#1B1B1B;
	font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Noto Sans JP",sans-serif;
	scroll-behavior: smooth;
	line-height: 1.4;
	letter-spacing: .04em;
}
p{
	font-size:1.4rem;
	line-height: 1.5;
	/* text-align: justify; */
	font-weight: 400;
	letter-spacing: .04em;
}
img {
	/* width: 100%; */
  	max-width: 100%;
  	height: auto;
  	vertical-align: bottom;
}
a{
  text-decoration: none;
  transition: 0.3s;
  color:#1B1B1B;
}
a:hover{
  opacity: 0.7;
}
span{
	font-size:inherit;
}

@media(max-width: 560px){
	html{
		font-size: 62.5%; 
	}
	.sp-none {
		display: none !important;
	}
}
@media(max-width:960px){
	.mb-none {
		display: none !important;
	}
}
@media(min-width:769px){
	.pc-none {
		display: none !important;
	}
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {    clear: both; }
.cf {    *zoom: 1; }

.w20{width:22%}
.w30{width:29%;}
.w40{width:38%;}
.w50{width:47%;}
.w60{width:58%;}
.w70{width:68%;}
.w80{width:76%}
.w90{width:86%}
.w100{width:100%;}
@media(max-width: 560px){
  	/* .w20,.w30,.w40,.w50,
	.w60,.w70,.w80,.sp-w100{
		width:100%;
	} */
	.sp-w50{width:48%;}
}

.block{
	display: block;
}

/*_____テキスト_____*/
.m-center { margin-left: auto; margin-right: auto; }
.txtC { text-align: center; }
.txtR{	text-align: right;}
.txtL{	text-align: left;}
.bold{	font-weight: bold;}
.txt10{ font-size: 1.0rem;}
.txt12{ font-size: 1.2rem;}
.txt14{ font-size: 1.4rem;}
.txt15{ font-size: 1.5rem;}
.txt16{ font-size: 1.6rem;}
.txt17{ font-size: 1.7rem;}
.txt18{ font-size: 1.8rem;}
.txt20{ font-size: 2.0rem;}
.txt22{ font-size: 2.2rem;}
.txt24{ font-size: 2.4rem;}
.txt30{ font-size: 3.0rem;}
.txt32{ font-size: 3.2rem;}
.txt36{ font-size: 3.6rem;}
.txt40{ font-size: 4.0rem;}
.txt48{ font-size: 4.8rem;}
@media(max-width: 560px){
	.sp-txtC{
		text-align: center;
	}
	.sp-txtL{
		text-align: left;
	}
	/* .txt14{ font-size: 12px;}
	.txt15{ font-size: 14px;}
	.txt18{ font-size: 16px;}
	.txt20{ font-size: 18px;}
	.txt22{ font-size: 20px;}
	.txt24{ font-size: 22px;}
	.txt30{ font-size: 24px;}
	.txt32{ font-size: 26px;}
	.txt36{ font-size: 28px;}
	.txt40{ font-size: 30px;}
	.txt48{ font-size: 32px;} */
}
.indent{
	padding-left: 1em;
  	text-indent: -1em;
}
/*_____フレックス_____*/
.flex{
	display: -ms-flexbox;
	display: flex;
}
.justC{justify-content: center;}
.justB{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.justA{
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.flexW{
	flex-wrap: wrap;
}
.alignS{align-items: start;}
.alignC{align-items: center;}
.alignB{align-items: baseline;}
.alignE{align-items: end;}
@media (max-width: 560px) {
	.sp-flclear{
		display: block;
	}
	.sp-flex{
		display: flex;
	}
	.flexrevrse{
	 flex-direction: column-reverse;
	}
}


/*_____余白_____*/
.m0auto{margin: 0 auto}

.mb0{margin-bottom: 0;}
.mb10{margin-bottom: 1.0rem;}
.mb15{margin-bottom: 1.5rem;}
.mb20{margin-bottom: 2.0rem;}
.mb30{margin-bottom: 3.0rem;}
.mb40{margin-bottom: 4.0rem;}
.mb50{margin-bottom: 5.0rem;}
.mb60{margin-bottom: 6.0rem;}

.mt0{margin-top: 0;}
.mt10{margin-top: 1.0rem;}
.mt15{margin-top: 1.5rem;}
.mt20{margin-top: 2.0rem;}
.mt30{margin-top: 3.0rem;}
.mt40{margin-top: 4.0rem;}
.mt50{margin-top: 5.0rem;}
.mt60{margin-top: 6.0rem;}

.mr0{margin-right: 0;}
.mr10{margin-right: 1.0rem;}
.mr15{margin-right: 1.5rem;}
.mr20{margin-right: 2.0rem;}
.mr30{margin-right: 3.0rem;}

.ml0{margin-left: 0;}
.ml10{margin-left: 1.0rem;}
.ml15{margin-left: 1.5rem;}
.ml20{margin-left: 2.0rem;}
.ml30{margin-left: 3.0rem;}

.mar10{margin:1.0rem;}
.mar15{margin:1.5rem;}
.mar20{margin:2.0rem;}
.mar30{margin:3.0rem;}

.pt10{padding-top:1.0rem;}
.pt20{padding-top:2.0rem;}
.pt30{padding-top:3.0rem;}

.pb10{padding-bottom:1.0rem;}
.pb20{padding-bottom:2.0rem;}
.pb30{padding-bottom:3.0rem;}

@media(max-width: 560px){
  .sp-mb0{margin-bottom: 0;}
  .sp-mb10{margin-bottom: 1.0rem;}
  .sp-mb15{margin-bottom: 1.5rem;}
  .sp-mb20{margin-bottom: 2.0rem;}
  .sp-mb30{margin-bottom: 3.0rem;}
  .sp-mt0{margin-top: 0;}
  .sp-mt10{margin-top: 1.0rem;}
  .sp-mt15{margin-top: 1.5rem;}
  .sp-mt20{margin-top: 2.0rem;}
  .sp-mt30{margin-top: 3.0rem;}
}


/* -----------------------------------------------------------
PC
------------------------------------------------------------- */
.relative{
	position: relative;
}
.pc-bg-wrap{
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
	background-color: #FFFFFB;
	background-image :url("https://www.midland-square.com/bridalfair_form/images/pc_background.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-attachment: fixed;
	background-size: cover;
}
.pc-bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.pc-menu{
	position: absolute;
    z-index: 2;
    left: 20%;
    top:50%;
	transform: translateY(-50%);
	background-color: #fff;
	border:1px solid var(--gold);
	border-radius: 1.0rem;
	width:36rem;
	padding:2rem 0;
}
.pc-menu img{
	margin-top:-6rem;
	width:36rem;
}
.pc-menu a{
	display: block;
	position: relative;
	margin:2.2rem 0;
	font-size:1.8rem;
}
.pc-menu a:first-child{margin-top:0;}
.pc-menu a:last-child{margin-bottom:1rem;}
@media (max-width: 1600px){
	.pc-menu{
		left:12%;
	}
}
@media (max-width: 1200px){
	.pc-menu{
		left:8%;
	}
}
@media (max-width: 1100px){
	.pc-menu{
		display: none;
	}
}


/* -----------------------------------------------------------
共通
------------------------------------------------------------- */
.content{
	position: relative;
	z-index: 2;
	width:39rem;
	margin:0 0 0 50%;
	background: #FFFFFB;
	box-shadow: 0px 0px 10px #00000033;
	overflow: hidden;
}
@media (max-width: 1100px){
	.content{
		margin:0 auto;
	}
}
@media (max-width: 560px){
	.content{
		width: 100%;
		max-width: none;
	}
}
.section{
	padding:7rem 1rem 0;
	position: relative;
}

.mincho{
	font-family: "Noto Serif", serif;
}
.suuji{
	font-family: "Lora", serif;
}
.semibold{
	font-weight: 600;
}
.brown{color:var(--brown)}
.gold{color:var(--gold)}
.gray{color:var(--gray)}

.mt16{margin-top: 1.6rem;}

.bg-item{
	position: absolute;
	z-index: -1;
	left:0;
}
.img-100vw{
    width: 100dvw;
    max-width: 39rem;
    margin-left: -1rem;
}
@media (max-width: 560px){
	.img-100vw{
		max-width: 100dvw;
	}
}

/* 予約ボタン */
.cta-txt{
	font-size:1.7rem;
}
.cta-txt:before,.cta-txt:after{
	position: relative;
	display: inline-block;
	content: "";
	background: #1B1B1B;
	width: 1px;
	height: 2rem;
	margin: 0 1em;
	margin-top: -.2em;
	vertical-align: middle;
}
.cta-txt:before {
  	transform: rotate(-30deg);
}
 
.cta-txt:after {
 	transform: rotate(30deg);
}
.cta-btn{
	font-size:2.1rem;
	text-align: center;
	color:#fff;
	border-radius: 1rem;
	padding: 1.2rem 0 1.5rem;
	background: linear-gradient(186deg, #65551b, #1b1b1b);
	width:100%;
	max-width:37rem;
	display: block;
	margin:0.6rem auto 0;
	letter-spacing: 0.16rem;
	position: relative;
	cursor: pointer;
}
.cta-btn span{
	letter-spacing: 0.192rem;
}
.cta-btn:before{
	content: "";
	display: inline-block; 
	position: absolute;
	top: 50%;
	left: 5.5rem;
	transform: translateY(-50%);
	width: 2rem;
	height: 1.71rem;
	background-image: url('https://www.midland-square.com/bridalfair_form/images/icon_bell.svg');
	background-size: cover;
	background-repeat: no-repeat;
}
.cta-btn:after{
	content: "無料";
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: 1.5rem;
	color: #1B1B1B;
	background: #fff;
	font-size: 1.5rem;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	border-radius: 50%;
	text-align: center;
	letter-spacing: normal;
}

.cta-btn-kotei{
	position: fixed;
    left: 0;
    bottom: 0;
    margin: 0 0 0 50%;
    opacity: 0;
	z-index: -1;
    transition: 0.3s ease-in-out;
    width: 39rem;
    background: #fffffb;
    padding: 0.4rem 0;
}
.cta-btn-kotei .cta-txt{
	font-size:1.5rem;
}
.cta-btn-kotei .cta-btn{
	font-size:1.9rem;
    margin: 0.2rem auto 0;
}
.cta-btn-kotei .cta-txt:before,.cta-btn-kotei .cta-txt:after{
	height: 1.5rem;
}
.cta-btn-kotei.fixed{
	opacity: 1;
	z-index: 999;
}
@media (max-width: 1100px){
	.cta-btn-kotei{
		margin:0 auto;
	}
}
@media (max-width: 560px){
	.cta-btn-kotei{
		width: 100%;
		max-width: none;
	}
}

/* カード型 */
.card{
	background: #fff;
	border-radius: 1rem;
	box-shadow: 0 0 1rem #00000014;
}
.card-img{
	border-radius: 1rem 1rem 0 0;
}


/* 数字に斜め線 */
.number-slash {
	position: relative;
	font-family: "Lora", serif;
	font-size: 7rem;
	font-weight: 400;
	line-height: 1.5;
	display: block;
	box-sizing: border-box;
	width: fit-content;
}
.number-slash::after {
	content: '';
	position: absolute;
    bottom: -0.5rem;
    right: -5.4rem;
    width: 5.4rem;
	height: 6rem;
	rotate: 42deg;
	background-color: #fff;
}

/* スライドショー */
.slick-slide{
	height: auto;
}
.slick-track{
	padding-bottom:10px;
}
.slick-arrow{
	z-index: 1;
}
.slick-arrow:before{
    content:"";
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: -3rem;
	z-index: 1;
	opacity: 1;
}
.slick-next{right:0; }
.slick_prev{left:0;}
.slick-next:before{
    background: url(https://www.midland-square.com/bridalfair_form/images/slide_arrow_next.png)!important;
    background-size: contain!important;
	right:-1rem;
}
.slick-prev:before{
    background: url(https://www.midland-square.com/bridalfair_form/images/slide_arrow_prev.png)!important;
    background-size: contain!important;
	left:1rem;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{
	opacity: .5;
}

/* くの字ボタン */
.button-gold {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.6rem 0;
    border: 1px solid var(--gold);
    border-radius: 0.5rem;
    background-color: #fff;
    color: var(--gold);
	width:100%;
	font-size:1.5rem;
	cursor: pointer;
	position: relative;
}
.button-gold::after {
    width: 1.2rem;
    height: 1.2rem;
    border-top: 1px solid var(--gold);
    border-right: 1px solid var(--gold);
    content: '';
	position: absolute;
	top:50%;
	transform: rotate(45deg) translateY(-50%);
	right:2rem;
}

.jp-title{
	letter-spacing: .01em;
	font-weight: 400;
}
/* -----------------------------------------------------------
開催概要
------------------------------------------------------------- */
.info-wrap{
	background-color: #fff;
	border:1px solid var(--brown);
	border-radius: 1rem;
	padding:1.5rem 2rem 2rem;
	width:35rem;
	min-width:88%;
	margin:-5rem auto;
	position: relative;
}
.info-table dt,.info-table dd{
	padding:1.5rem 0;
	vertical-align: middle;
	font-size:1.4rem;
}
.info-table dt{
	color:var(--brown);
	font-weight: normal;
	white-space: nowrap;
	width:7rem;
	text-align: left;
}
.info-table dd{
	padding-left:1.5rem;
	position:relative;
	width:76%;
}
.info-table dd:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	background:var(--gold);
	width:1px;
	height:1.5rem;
}

/* -----------------------------------------------------------
コンセプト
------------------------------------------------------------- */
#concept{
	padding-top:13rem;
}

.concept-thick  {
    position: relative;
    border: 1px solid var(--brown);
    padding: 3rem 3.1rem 6rem;
}
.concept-thick:before,
.concept-thick:after,
.concept-circle:before,
.concept-circle:after {
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    content: "";
    background-color: #fff ;
    border: 1px solid var(--brown);
}
.concept-thick:before {
    top:-1.5rem;
    left:-1.5rem;
}
.concept-thick:after {
    top:-1.5rem;
    right:-1.5rem;
}
.concept-circle:before {
    right:-1.5rem;
    bottom:-1.5rem;
}
.concept-circle:after {
    left:-1.5rem;
    bottom:-1.5rem;
}
.concept-over {
    overflow: hidden;
}
.concept-thin {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    bottom: 0.6rem;
    left: 0.6rem;
    border: 1px solid var(--brown);
    z-index: 1;
}
.concept-list img{
	width:1.8rem;
	margin-right:1rem;
	padding-top:0.4rem;
}
.concept-img{
	position: absolute;
	bottom:-10.2rem;
	left:50%;
	transform: translateX(-50%);
	width:14rem;
	height:14rem;
	z-index: 2;
	border-radius: 50%;
	box-shadow: 0 0 10px #00000014;
}

.cta-container {
  	overflow: hidden;
	margin-top:7rem;
}
.cta__outer {
	background: linear-gradient(346deg, #D2C081, #EEE5C6);
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	margin-left: -100px;
	margin-right: -100px;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 4.5rem;
    padding-bottom: 5.7rem;
} 

.bg-item-concept1{	top:7rem;}
.bg-item-concept2{	top:28rem;}
.bg-item-concept3{	top:69rem;}
.bg-item-concept4{	top:114rem;}
.bg-item-concept5{	bottom:-31rem;}


/* -----------------------------------------------------------
ピックアップ・コンテンツ
------------------------------------------------------------- */
.number-slash-graywrap{
	position: absolute;
	top: -4rem;
    left: 1rem;
}
.number-slash-gray{
  	color: var(--gray);
}
.number-slash-gray:after{
	border-left: 2px solid var(--gray);
}
.pickup-card-inner{
	padding:2rem 1rem;
}
.pickup-title{
	margin-left:10rem;
	position: inherit;
	z-index: 2;
}

.accordion-button {
	margin:1.4rem 0 0 auto;
	padding: 0 1.6rem;
	line-height: 2.8rem;
	display: block;
	font-size:1.2rem;
	border:1px solid var(--gray);
	border-radius: 99.9rem;
	width:10rem;
	height:3rem;
	cursor: pointer;
	letter-spacing: 0.12rem;
	position: relative;
	text-align: left;
	background: #fff;
}
.accordion-button::after {
	content: "＋";
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2rem;
	color: #707070;
	transition: content 0.3s ease;
}
.accordion-button.active::after {
	content: "−";
}
.accordion-content {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.3s ease, opacity 0.3s ease;
	padding-top:1.5rem;
}

.contents-card-inner{
	padding:1.2rem 1rem;
}
.contents-accordion-content{
	background-image: radial-gradient(circle, var(--gold) 1px, transparent 1px);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 8px 2px;
	margin-top:1.5rem;
}

.bg-item-pickup1{	top:5rem;}
.bg-item-pickup2{	bottom:-5rem;}
.bg-item-contents1{	top:7rem;}
.bg-item-contents2{	bottom:-5rem;}

/* -----------------------------------------------------------
会場
------------------------------------------------------------- */
.venue-slide{
	max-width: 35rem;
	margin:1.6rem auto 0;
}
.venue-card-inner{
	padding:2rem;
}
.venue-card-inner img{
	width:3rem;
}

.bg-item-venue1{	top:7rem;}
.bg-item-venue2{	bottom:-5rem;}

/* -----------------------------------------------------------
スカイホールそらについて
------------------------------------------------------------- */
.about-youtube{
	aspect-ratio: 16 / 9;
}
.about-slide{
	max-width: 35rem;
	margin:3rem auto 0;
}
.about-thumbnail{
	max-width: 35rem;
	margin:0 auto;
}
.about-slide .slick-arrow:before{
	top:-1rem;
}
.bg-item-about1{top:7rem;}
.bg-item-about2{bottom:-5rem;}

/* -----------------------------------------------------------
来場特典・Instagram
------------------------------------------------------------- */
.number-slash-gold{
  	color: var(--gold);
	font-size: 6rem;
}
.number-slash-gold:after{
	border-left: 2px solid var(--gold);
	bottom: -0.8rem;
    right: -3.4rem;
    width: 4.4rem;
	height: 4rem;
	rotate: 42deg;
}
.present-card{
	padding:0 1rem 2rem;
}
.present-card p{
	position: relative;
	z-index: 1;
}
.bg-item-present1{top:7rem;}
.bg-item-present2{bottom:-5rem;}
.bg-item-instagram1{top:5rem;}
.bg-item-instagram2{bottom:-5rem;}

/* -----------------------------------------------------------
FAQ
------------------------------------------------------------- */
.faq-acc-header {
  cursor: pointer;
  position: relative;
  font-size:1.5rem;
  padding:1.6rem 4rem 1.6rem 1rem;
}
.faq-acc-content {
	display: none;
	font-size:1.4rem;
	background-image: radial-gradient(circle, var(--gray) 1px, transparent 1px);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 8px 2px;
	padding:2rem 1rem 1.6rem;
}
.faq-acc-header::before,
.faq-acc-header::after{
	position: absolute;
	content: '';
	top: 50%;
	right: 1rem;
	width: 1rem;
	height: 1px;
	background-color:var(--icon-gray);
	transition: all .15s ease-in-out;
}
.faq-acc-header::before{
    transform: rotate(90deg);
}
.faq-acc-header.open::before {
  transform: rotate(180deg);
}
.faq-acc-header.open::after {
  opacity:0;
}
.faq-qa{
	color: var(--gold);
	font-family: "Lora", serif;
	font-weight: bold;
	margin-right:1rem;
	font-size:1.9rem;
	line-height: 1;
}
.bg-item-faq1{top:5rem;}
.bg-item-faq2{bottom:-5rem;}


/* -----------------------------------------------------------
アクセス
------------------------------------------------------------- */
.access-add{
	display: inline-block;
}
.access-add:before{
	content: '';
	position: absolute;
	left: 0;
	top: -2rem;
	display: inline-block;
	width: 3rem;
	height: 1px;
	background-color:var(--gold);
}
.bg-item-access1{top:7rem;}
.bg-item-access2{bottom:-4rem;}


/* -----------------------------------------------------------
フッター
------------------------------------------------------------- */
footer{
    padding: 4rem 2rem 3rem;
    background-image: radial-gradient(circle, var(--gray) 1px, transparent 1px);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 8px 2px;
    position: relative;
    width: 39rem;
    margin: 0 0 0 50%;
    background-color: #FFFFFB;
    box-shadow: 0px 0px 10px #00000033;
    z-index: 2;
    position: relative;
}
footer:before{
	/* box-shadow隠し */
	position: absolute;
    top: -1rem;
    right: 0;
    width: 100%;
    height: 1rem;
	background-color: #FFFFFB;
	display: block;
	content: "";
	z-index: 1;
}
.footer-title{
	font-size:1.3rem;
	color:#fff;
	background: #000;
	text-align: center;
	padding:0.1rem 1rem;
	margin-right:1.2rem;
	white-space: nowrap;
}
.footer-tel{
	display: block;
	font-size:1.4rem;
	line-height: 1.5;
    text-decoration: none;
    color: #1B1B1B;
}

@media (max-width: 1100px){
	footer{
		margin:0 auto;
	}
}
@media (max-width: 560px){
	footer{
		width: 100%;
		max-width: none;
	}
}
/* -----------------------------------------------------------
フォーム
------------------------------------------------------------- */
.bg-item-reservation1{top:4rem;}


.panel-body{
	padding: 0!important;
}
.panel-info,.btn-group{
	position: relative;
	width:39rem;
	margin:0 0 0 50%;
	background: #FFFFFB;
	z-index: 2;
	padding: 1rem 1rem;
	box-shadow: 0px 0px 10px #00000033;
}
.panel-info:before,.btn-group:before{
	/* box-shadow隠し */
	position: absolute;
    top: -1rem;
    right: 0;
    width: 100%;
    height: 1rem;
	background-color: #FFFFFB;
	display: block;
	content: "";
	z-index: 1;
}
.panel-info:after{
	/* box-shadow隠し */
	position: absolute;
    bottom: -1rem;
    right: 0;
    width: 100%;
    height: 1rem;
	background-color: #FFFFFB;
	display: block;
	content: "";
	z-index: 1;
}
.panel-info .panel-body{
    padding: 2.5rem 1rem 3rem !important;
    border: 1px solid var(--gray);
    border-radius: 1rem;
    box-shadow: 0 0 1rem #00000014;
	background: #fff;
}
.abmark{
	display: inline-block;
	color: #fff;
    background-color: #EBA5AF;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    margin-right: 4px;
	margin-bottom:8px;
}
.form_border{
	margin:30px 0;
	border-top: solid 1px #AAAAAA;
}
@media (max-width: 1000px){
	.panel-info,.btn-group{
		margin:0 auto;
	}
}
@media (max-width: 560px){
	.panel-info,.btn-group{
		width: 100%;
		max-width: none;
	}
}

.control-label{
	font-size:1.5rem;
}
.required{
	font-size:1.3rem;
	color:#fff;
	padding:4px 6px;
	background: var(--brown);
}
.form-group{
	padding:3rem 0;
	background-image: radial-gradient(circle, var(--gray) 1px, transparent 1px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 8px 2px;
}
.form-group:first-child{
	padding-top:0;
}
.form-inline input,.form-inline textarea,.select-implied{
	font-size:1.4rem;
	max-width: 100%;
	margin-top:0.8rem;
	border: 1px solid var(--gray);
    border-radius: 4px;
}
.form-inline input,.select-implied{
	height: 4rem;
}
.form-inline textarea{
	height:9.6rem;
}
.select-implied{
	padding:1rem;
	width:100%;
	/* セレクトボックスの元のプルダウンを消す */
	appearance: none;
    outline: none;
    background: transparent;
	position: relative;
}
.col-md-10:has(.select-implied){
	position: relative;
}
.col-md-10:has(.select-implied)::before{
	position: absolute;
	top: 2rem;
	right: 1.4rem;
	content: '';
	width: 1rem;
	height: 1rem;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(-135deg);
	pointer-events: none;
	z-index: 1;
}
.col-md-10:has(.select-implied)::after{
	position: absolute;
    top: 0.8rem;
    right: 0;
    content: '';
    width: 4rem;
    height: 4rem;
    background: var(--gray);
    border-radius: 0 4px 4px 0;
	pointer-events: none;
}
#inq-item-1251{
	padding-bottom: 0;
    background-image: none;
}


.text-danger{
	color:#ff0000;
	font-size:12px;
	display: block;
}
.ui-tooltip-content{
	font-size:12px;
	display: block;
}
.ui-tooltip-content{
	/* フォーカスで出てくる方は非表示 */
	display: none;
}

/* .radio-inline{
	font-size:14px;
	display: block;
	margin-top: 6px;
} */
.btn-group{
	padding-bottom:60px;
	text-align: center;
}
.btn{
    padding: 1.6rem 0;
	border:none;
    border-radius: 0.5rem;
    background-color: var(--brown);
    color: #fff;
	width:100%;
	font-size:1.8rem;
	cursor: pointer;
	position: relative;
	letter-spacing: 2px;
}
.btn-group::after {
    width: 1.2rem;
    height: 1.2rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    content: '';
	position: absolute;
	top:3.8rem;
	transform: rotate(45deg) translateY(-50%);
	right:3.4rem;
}
.alert{
	color: #ff0000;
    font-size: 14px;
    background: #fff;
    padding: 1em;
	z-index: 2;
    position: relative;
}


/* .fin_content{
	background-color: #FFFDFA;
	padding:0 16px 40px;
	font-size: 14px;
}
.fin_content header{
	background-color: #FFFDFA;
} */

/* -----------------------------------------------------------
確認画面
------------------------------------------------------------- */
.col-md-10:has(.form-control-static)::before,.col-md-10:has(.form-control-static)::after{
	display: none;
}
.btn-group:has(#prev_btn)::after {
	display: none;
}
#prev_btn{
	padding: 1.6rem 0;
	border:1px solid var(--gray);
    border-radius: 0.5rem;
    background-color: #fff;
    color: #1B1B1B;
	width:100%;
	font-size:1.8rem;
	cursor: pointer;
	position: relative;
	letter-spacing: 2px;
	margin-bottom:3rem;
}
.form-control-static{
	font-size:1.6rem;
	margin-top:2rem;
}
.form-group:has(.form-control-static){
	padding:3rem 0 2rem;
}
.bg-item-kakunin{
	top:1rem;
}
.section-kakunin{
	padding: 4rem 1rem 1rem;
	position: relative;
	width:39rem;
	margin:0 0 0 50%;
	background: #FFFFFB;
	z-index: 2;
	box-shadow: 0px 0px 10px #00000033;
}
@media (max-width: 1000px){
	.section-kakunin{
		margin:0 auto;
	}
}
@media (max-width: 560px){
	.section-kakunin{
		width: 100%;
		max-width: none;
	}
}