@charset "utf-8";


/* 下層ページ用のスタイル調整
-------------------------------------------------------*/



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

}



/* common
-------------------------------------------------------*/
* {
	box-sizing: border-box;
}

#wrapper {
	overflow: hidden;
}
.sp {
	display: none;
}
.area {
	padding: 40px 20px;
	box-sizing: border-box;
}
.inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
}

.serif {
	font-family: 'Noto Serif JP', serif;
}

.dp_txt {
	color: #8b8aa1;
}

.bg_glay {
	background: #f4f1ee;
}

@media screen and (max-width:768px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.area {
		padding: 15px 20px;
	}
	.inner {
		max-width: 100%;
	}
}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}

@media screen and (max-width:768px) {
.mt20 {margin-top: 10px;}
.mt30 {margin-top: 15px;}
.mt40 {margin-top: 20px;}
.mt50 {margin-top: 25px;}
.mt60 {margin-top: 30px;}
.mt70 {margin-top: 35px;}
.mt80 {margin-top: 40px;}
.mt90 {margin-top: 45px;}
.mt100 {margin-top: 50px;}
}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}

@media screen and (max-width:768px) {
.mb20 {margin-bottom: 10px;}
.mb30 {margin-bottom: 15px;}
.mb40 {margin-bottom: 20px;}
.mb50 {margin-bottom: 25px;}
.mb60 {margin-bottom: 30px;}
.mb70 {margin-bottom: 35px;}
.mb80 {margin-bottom: 40px;}
.mb90 {margin-bottom: 45px;}
.mb100 {margin-bottom: 50px;}
}


  /*common_form*/

  input[type="text"] {
	padding: 10px;
	border-radius: 5px;
	width: 100%;
	background: #fff;
	border: none;
  }

  input[type="password"] {
	padding: 10px;
	border-radius: 5px;
	width: 100%;
	background: #fff;
	border: none;
  }

  input[type="select"]{
	background: #fff;
	border: none;
  }



/* header
-------------------------------------------------------*/

.header {
	width: 100%;
	border-bottom: 1px solid #cccccc;
	padding: 10px 20px;

	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 10;
}

.header_inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.header_L {
	display: flex;
	justify-content: flex-start;
	align-items:flex-end;
}

.logo {
	max-width: 134px;
}
.header_h1 {
	font-weight: 700;
	font-size: 1.4rem;
	margin-left: 20px;
	line-height: 1.4;
}

.header_nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.header_nav li {
	margin-left: 10px;
}

.header_nav_logout a {
	display: block;
	border: 2px solid #8a7766;
	border-radius: 5px;
	width: 140px;
	text-align: center;
	background: rgb(254,254,254);
	background: linear-gradient(180deg, rgba(254,254,254,1) 0%, rgba(233,227,221,1) 100%);
	font-weight: 700;
	font-size: 1.4rem;
	padding: 7px 25px 7px 10px;
}

.header_nav_logout a span {
	position: relative;
}

.header_nav_logout a span::after {
	position:absolute;
	content: "";
	background: url(../img/common/header_logout_icon.png) no-repeat;
	width:23px;
	height:22px;
	background-size: 100%;
	right: -25px;
	top: 50%;
	margin-top: -11px;
}

.header_nav_mypage a {
	display: block;
	border: 2px solid #ee8100;
	border-radius: 5px;
	width: 140px;
	text-align: center;
	background: #ee8100;
	color: #fff;
	font-weight: 700;
	font-size: 1.4rem;
	padding: 7px 10px 7px 30px;
}

.header_nav_mypage a span {
	position: relative;
}

.header_nav_mypage a span::after {
	position:absolute;
	content: "";
	background: url(../img/common/header_login_icon.png) no-repeat;
	width:22px;
	height:23px;
	background-size: 100%;
	left: -25px;
	top: 50%;
	margin-top: -11px;
}



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

	.header {
		padding: 5px 10px;
	}

	.logo {
		max-width: 90px;
	}
	.header_h1 {
		font-size: 1.2rem;
		margin-left: 10px;
	}

	.header_nav_logout {
		/*display: none;*/
	}

	.header_nav_logout a {
		border: 1px solid #8a7766;
		width: 100px;
		text-align: center;
		background: rgb(254,254,254);
		background: linear-gradient(180deg, rgba(254,254,254,1) 0%, rgba(233,227,221,1) 100%);
		font-weight: 700;
		font-size: 1rem;
		padding: 7px 25px 7px 10px;
	  }

	  .header_nav_logout a span::after {
		position:absolute;
		content: "";
		background: url(../img/common/header_logout_icon.png) no-repeat;
		width:16px;
		height:15px;
		background-size: 100%;
		right: -20px;
		top: 50%;
		margin-top: -7px;
	}

	.header_nav_mypage a {
		display: block;
		border: 2px solid #ee8100;
		border-radius: 5px;
		width:inherit;
		text-align: center;
		background: #ee8100;
		color: #fff;
		font-weight: 700;
		font-size: 0.8rem;
		padding: 15px 5px 3px 5px;
	}

	.header_nav_mypage a span {
		position: relative;
	}

	.header_nav_mypage a span::after {
		position:absolute;
		content: "";
		background: url(../img/common/header_login_icon.png) no-repeat;
		width:14px;
		height:13px;
		background-size: 100%;
		left: 50%;
		margin-left: -6px;
		top: -13px;
		margin-top:inherit;
	}


}


/* visual
-------------------------------------------------------*/

.visual {
	background: rgb(255,255,255);
	/*
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(222,240,249,1) 22%, rgba(222,240,249,1) 79%, rgba(255,255,255,1) 100%);
	*/
	padding: 40px 20px 30px 20px;
	padding-top: 100px;
}

.visual .inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.visual_img {
	width: 59%;
}

.g_menu {
	width: 40%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.g_menu li {
	width: 32%;
	margin-bottom: 10px;
}


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

	.visual {
		/*
		background: #dff1fa;
		*/
		padding: 5px 10px 0px 10px;
		padding-top: 60px;
	}

	.visual_img {
		width: 80%;
		margin: 0 auto;
	}

	.visual .g_menu {
		display: none;
	}

	.sp_menu .g_menu {
		width: 100%;
	}

	.sp_logout {
		text-align: center;
		margin-top: 10px;
	}

	.sp_logout a {
		font-weight: 700;
		font-size: 1.4rem;
	}

	.sp_logout a span {
		position: relative;
	}

	.sp_logout a span::after {
		position:absolute;
		content: "";
		background: url(../img/common/header_logout_icon.png) no-repeat;
		width:18px;
		height:18px;
		background-size: 100%;
		right: -23px;
		top: 50%;
		margin-top: -9px;
	}

	.g_menu li {
		width: 32%;
		margin-bottom: 5px;
	}


}


/* footer
-------------------------------------------------------*/

.footer {
	width: 100%;
	background: #ee8100;
	color: #fff;
	padding: 80px 20px 50px 20px;
}

.footer a {
	color: #fff;
}

.footer_inner {
	max-width: 1000px;
	margin: 0 auto;
}

.footer_nav {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.footer_nav li {
	margin-right: 20px;
}

.footer_nav li a {
	font-weight: 700;
	position: relative;
}

.footer_nav li a::after {
	content: "/";
	padding-left: 20px;
}

.footer_nav li:last-child a::after {
	content: "";
	padding-left: 20px;
}

.footer_cap {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.footer_logo {
	max-width: 190px;
	margin: 0 auto;
}

.footer_siteLock {
	max-width: 98px;
	margin: 0 auto;
}

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

	.footer {
		padding: 40px 20px 40px 20px;
	}

	.footer_nav {
		display: flex;
		justify-content:flex-start;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 30px;
		border-bottom: 1px solid #fff;
		padding-bottom: 30px;
	}

	.footer_nav li {
		margin-right: 10px;
		font-size: 1.2rem;
	}

	.footer_nav li a::after {
		content: "/";
		padding-left: 10px;
	}

	.footer_nav li:last-child a::after {
		content: "";
		padding-left: 10px;
	}

	.footer_nav li:nth-child(3) a::after {
		content: "";
		padding-left: 10px;
	}

	.footer_cap {
		margin-bottom: 10px;
		font-size: 1rem;
	}

	.footer_logo {
		max-width: 120px;
	}

	.footer_siteLock {
		max-width: 98px;
	}
}


/* index
-------------------------------------------------------*/


/*アコーディオン追加*/


.news01 {
	margin-bottom: 30px;
}

#news dl {
	line-height: 1.4;
}





#news dt {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
	cursor: pointer;
	transition: .3s;
	position: relative;
	font-size: 2rem;
	background: #fff;
	border-radius: 20px;
	padding: 20px 35px;
	font-weight: 700;
}

#news dt::before {
	content: "";
		background: url(../img/q.png) no-repeat;
		width: 53px;
		height: 53px;
		background-size: 53px 53px;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -26px;
}




.aco_box_inner ul li {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #8a7766;
	padding: 20px 20px 20px 40px;
}


.aco_box_inner ul li .day {
	width: 150px;
}

.aco_box_inner ul li .txt {
	width: 100%;
	word-break: break-all;
}

@media screen and (max-width:768px) {
	.aco_box_inner ul li .day {
		width: 140px;
	}
}

/*
.aco_box_inner ul li .day {
	width: 15%;
}

.aco_box_inner ul li .txt {
	width: 83%;
	padding-left: 2%;
	word-break: break-all;
}*/

/*@media screen and (max-width:850px) {
	.aco_box_inner ul li .day {
		width: 20%;
	}

	.aco_box_inner ul li .txt {
		width: 78%;
		padding-left: 2%;
	}
}

@media screen and (max-width:768px) {
	.aco_box_inner ul li .day {
		width: 20%;
	}

	.aco_box_inner ul li .txt {
		width: 78%;
		padding-left: 2%;
	}
}

@media screen and (max-width:550px) {
	.aco_box_inner ul li .day {
		width: 30%;
	}

	.aco_box_inner ul li .txt {
		width: 68%;
		padding-left: 2%;
	}
}*/


#news .aco_btn {
	position: relative;
}
#news .aco_btn .btn {
    position: absolute;
    top:5px;
    bottom:-10px;
    right: 30px;
    margin: auto;
    display: block;
    width: 28px;
    height: 28px;
}
#news .aco_btn .btn span {
    background: #443022;
    width: 28px;
    height: 2px;
    display: block;
}
#news .aco_btn .btn span:first-child {
    transform: rotate(90deg) translateX(2px) scale(1);
    transition: .5s;
}
#news .aco_btn.open .btn span:first-child {
    transform: rotate(90deg) translateX(2px) scale(0);
}
#news .aco_btn:hover {
    opacity: .7;
}
#news .aco_btn span {
    margin-right: 20px;
}

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

	.news01 {
		margin-bottom: 10px;
	}

	#index_qa dl {
	padding: 0px;
	padding-bottom: 0px;
}

    #news dl:not(:last-child) {
        margin: 0 0 0px;
    }
    #news dt {
        align-items: flex-start;
        padding: 10px 25px;
		font-size: 1.2rem;
		border-radius: 10px;
    }

	#news dt::before {
		content: "";
			background: url(../img/q.png) no-repeat;
			width: 25px;
			height: 25px;
			background-size: 25px 25px;
			position: absolute;
			left: 0;
			top: 50%;
			margin-top: -12px;
	}

	#news dl dd {
		margin: 10px 0 0;
		padding-bottom: 20px;

	}

	#news dd::before {
		content: "";
			background: url(../img/a.png) no-repeat;
			width: 26px;
			height: 10px;
			background-size: 26px 10px;
			position: absolute;
			left: 0;
			top:10px;
	}

    #news .aco_btn .btn {
        right: 25px;
        width: 20px;
        height: 20px;
        top: -7px;
    }
    #news .aco_btn .btn span {
        width: 20px;
        height: 2px;
    }
    #news .aco_btn .btn span:first-child {
        transform: rotate(90deg) translateX(2px) scale(1);
        transition: .5s;
    }
    #news .aco_btn.open .btn span:first-child {
        transform: rotate(90deg) translateX(2px) scale(0);
    }

	.aco_box_inner ul li {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #8a7766;
		padding: 15px 10px 15px 10px;
		font-size: 1.2rem;
	}


}


.news_num {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	background: #f86103;
	color: #fff;
	left: -10px;
	top: -10px;
	padding: 10px;
	border-radius: 50%;
	font-size: 1.8rem;
	width: 34px;
	height: 34px;
	text-align: center;
}

.news_all {
	text-align: right;
	margin-top: 20px;
}

.news_all a {
	display: inline-block;
	border-radius: 5px;
	background: #ee8100;
	color: #fff;
	font-weight: 700;
	padding: 10px 30px;
	font-size: 1.8rem;
}

@media screen and (max-width:768px) {
	.news_num {
		left: -10px;
		top: -10px;
		font-size: 1.4rem;
		width: 28px;
		height: 28px;
	}

	.news_all {
		margin-top: 10px;
	}

	.news_all a {
		display: inline-block;
		border-radius: 5px;
		background: #ee8100;
		color: #fff;
		font-weight: 700;
		padding: 7px 20px;
		font-size: 1.4rem;
	}
}



/* 登録完了画面
-------------------------------------------------------*/

.sub_read {
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 50px;
}

.registration_complet_logo {
	max-width: 200px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.center {
	text-align: center;
}

.global_btn01 a {
	display: inline-block;
	background: #ee8100;
	color: #fff;
	text-align: center;
	padding: 5px 40px;
	border-radius: 5px;
	font-size: 1.8rem;
}

.center_txt01 {
	text-align: center;
	font-size: 1.8rem;
}

.global_page {
	padding-top: 100px;
	padding-bottom: 40px;
}

@media screen and (max-width:768px) {
	.sub_read {
		font-size: 1.8rem;
	}

	.registration_complet_logo {
		max-width: 150px;
	}

	.global_btn01 a {
		padding: 5px 20px;
		font-size: 1.4rem;
	}

	.center_txt01 {
		font-size: 1.4rem;
	}

	.global_page {
		padding-top: 60px;
		padding-bottom: 20px;
	}

}

/* ログイン画面
-------------------------------------------------------*/

.global_page.pan {
	padding-top: 100px;
}

.pankuzu {
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
}

.pankuzu li {
	margin-right: 20px;
}

.ev_none {
	pointer-events: none;
}

.pankuzu li a {
	position: relative;
	font-size: 1.4rem;
	padding-left: 8px;
}


.pankuzu li a::before {
	position: absolute;
	content: "";
	left: 6px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #443022;
	border-right: 1px solid #443022;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	left: -8px;
	top: 50%;
	margin-top: -4px;
}

.main_ttl {
	text-align: center;
	color: #ee8100;
	font-size: 2.8rem;
	margin-bottom: 40px;
}

.login_box {
	max-width: 500px;
	margin: 0 auto;
}

.login_box_inner {
	margin-bottom: 50px;
}

.login_box_inner dl {
	margin-bottom:20px;
}

.login_box_inner dt {
	font-size: 1.8rem;
	margin-bottom: 10px;
}

.form_btn_wrap {
	text-align: center;
}

.form_btn {
	background: #ee8100;
	color: #fff;
	text-align: center;
	display: inline-block;
	border-radius: 7px;
	padding: 15px 30px;
	min-width: 250px;
	font-size: 1.8rem;
	border: none;
}

.form_btn:hover {
	color: #fff;
}

.login_links li {
	margin-bottom: 5px;
}

.login_links li a {
	font-size: 1.4rem;
	color: #8a7766;
}

@media screen and (max-width:768px) {
	.global_page.pan {
		padding-top: 10px;
		padding-top: 60px;
	}

	.pankuzu {
		margin-bottom: 30px;
	}

	.pankuzu li a {
		font-size: 1.2rem;
		padding-left: 8px;
	}


	.pankuzu li a::before {
		position: absolute;
		content: "";
		left: 4px;
		width: 6px;
		height: 6px;
		border-top: 1px solid #443022;
		border-right: 1px solid #443022;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
		left: -6px;
		top: 50%;
		margin-top: -2px;
	}

	.main_ttl {
		font-size: 2rem;
		margin-bottom: 20px;
	}

	.login_box_inner {
		margin-bottom: 30px;
	}

	.login_box_inner dl {
		margin-bottom:20px;
	}

	.login_box_inner dt {
		font-size: 1.4rem;
		margin-bottom: 10px;
	}



	.form_btn {
		border-radius: 7px !important;
		padding: 15px 20px;
		min-width: 220px;
		font-size: 1.6rem;
	}


}


/* 結婚占新規登録
-------------------------------------------------------*/

.registration_ttl {
	max-width: 316px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.form_caption {
	font-size: 1.2rem;
	margin-top: 5px;
}

.small_ttl {
	font-size: 2rem;
	color: #ee8100;
	margin-bottom: 30px;
}

.select_bace {
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	width: auto;
	border: none;
  }

  .select_bace_100 {
	width: 100%;

  }

  .select_bace_44 {
	width: 44%;
	margin: 0;
  }

  input[type="text"].select_bace_44 {
	width: 44%;
	margin: 0;
  }

  @media screen and (max-width:1000px) {
	.select_bace_44 {
		width: 42%;
		margin: 0;
	  }

	  input[type="text"].select_bace_44 {
		width: 42%;
		margin: 0;
	  }
  }

  .line01 {
	display: inline-block;
	width: 10%;
	margin: 0;
	text-align: center;
  }

  .kiyaku_inner {
	width: 100%;
	background: #fff;
	padding: 20px;
	border-radius: 10px;
  }

  .under_link {
	text-decoration: underline;
	color: #0000ff;
}

.btn-custom_wrap {
	text-align: center;
}

.btn-custom {
	border: 2px solid #f96103;
	font-size: 2.6rem;
	font-weight: 700;
	text-align: center;
	border-radius: 7px;
	padding: 10px 60px;
	background: rgb(242,176,52);
	background: linear-gradient(180deg, rgba(242,176,52,1) 0%, rgba(236,128,0,1) 100%);
}

.btn-custom:hover {
	border: 2px solid #f96103;
	opacity: .7;
}

@media screen and (max-width:768px) {
	.registration_ttl {
		max-width: 180px;
		margin-bottom: 20px;
	}

	.small_ttl {
		font-size: 1.6rem;
		margin-bottom: 10px;
	}

	.kiyaku_inner {
		font-size: 1.2rem;
	}

	.btn-custom {
		font-size: 2rem;
		padding: 7px 50px;
	}
}

/*モーダル調整*/
.modal-title {
	color: #ee8100;
	font-size: 2rem;
}

@media (min-width: 1200px) {
	.modal-xl {
	  --bs-modal-width: 800px;
	}
  }

  .modal-body {
	padding: 40px;
	padding-top: 20px;
  }

  .modal-body ul {
	padding-left: 1em;
  }

  .modal-body h6 {
	font-weight: 700;
  }

  .modal-header {
	border: none;
	padding: 40px;
	padding-bottom: 0;
  }

  .modal-footer {
	text-align: center;
	border: none;
	padding: 40px;
	padding-top: 0;
	justify-content: center;
  }

  .modal-footer .btn-sm {
	background: #ee8100;
	font-size: 1.6rem;
	border: none;
	border-radius: 5px;
	padding: 5px 60px;
  }

  .modal-title-nomal {
	font-weight: 700;
  }

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

	.modal-content {
		width: 90%;
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.modal-title {
		font-size: 1.6rem;
	}
	.modal-body {
		padding: 20px;
		padding-top: 10px;
		font-size: 90%;
	  }
	  .modal-header {
		padding: 20px;
		padding-bottom: 0;
	  }
	  .modal-footer {
		padding: 20px;
		padding-top: 0;
	  }

	  .modal-footer .btn-sm {
		font-size: 1.4rem;
		padding: 5px 50px;
	  }
  }

/*//モーダル調整*/


.pref1-select_box {
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
}

.pref1-select_box li {
	width: 25%;
	margin-bottom: 15px;
}

.pref1-select-all {
	margin-bottom: 20px;
	margin-left: 2.2%;
}

@media screen and (max-width:768px) {
	.pref1-select_box li {
		width: 33.3%;
		margin-bottom: 15px;
	}

	.pref1-select-all {
		margin-left: 4%;
	}
}


/* 利用規約
-------------------------------------------------------*/

.terms h6 {
	font-weight: 700;
	margin-top: 50px;
}

.terms ul {
	padding-left: 1.5em;
}

select {
	color: #000;
}

@media screen and (max-width:768px) {
	select {
		color: #000;
	}

}


/* alert
-------------------------------------------------------*/
.alert {
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom: 40px;

}

@media screen and (max-width:768px) {
	.alert {
		margin-bottom: 30px;

	}

}


/* プロフィール
-------------------------------------------------------*/

.profile_list dl {
	border-bottom: 1px solid #443022;
	padding-bottom: 15px;
}

.profile_list dl dt {
	color: #8a7766;
}

.profile_list dl dd {
	font-weight: 700;
}

.form_btn_wrap.col2{
	display: flex;
	justify-content:flex-start;
	align-items: center;
}

.form_btn_wrap.col2 a {
	min-width: inherit;
	margin: 0 10px 0px 0px;
	padding: 10px 30px;
	font-size: 1.6rem;

}

.under_line {
	text-decoration: underline;
}

@media screen and (max-width:768px) {
	.form_btn_wrap.col2 a {
		margin: 0 5px;
		padding: 10px 20px;
		font-size: 1.4rem;
	}

}


/* マッチング質問回答画面
-------------------------------------------------------*/

.matching_qa_list_toptxt .txt {
	margin-bottom: 10px;
}

.disc_list {
	padding-left: 1em;
}

.disc_list li {
	list-style:disc;
}

.matching_qa_list_toptxt {
	margin-bottom: 50px;
}

.matching_qa_list .small_ttl {
	margin-bottom: 10px;
}

.matching_qa_list_btn {
	display: flex;
	justify-content: space-between;
}

.matching_qa_list_btn li {
	width: 48%;
}

.matching_qa_list_btn input[type=radio] {
	display: none;
	}

	.label {
	border: 1px solid #8a7766;
	border-radius: 8px;
	padding: 7px 10px;
	background: #fff;
	width: 100%;
	display: block;
	text-align: center;
	}

	/*.label:hover {
		border: 1px solid #ee8100;
	}*/

	.matching_qa_list_btn input[type="radio"]:checked + label {
		background: #ee8100;
		color: #ffffff;
		border: 1px solid #ee8100;
		}

		.accordion {
			--bs-accordion-bg:none;
			margin-top: 50px;
		}

		.accordion-body {
			padding: 0;
			background: none;
		}

		.accordion-header {
			margin-top: 50px;
		}

		.accordion-button {
			text-align: center;
			color: #ee8100;
			font-size: 1.8rem;
			justify-content: center;
			max-width: 240px;
			margin: 0 auto;
			border: 1px solid #ee8100 !important;
			background: #fff !important;
			border-radius: 8px !important;
			padding: 10px 20px !important;

		}

		.accordion-button .accordion-button_txtwrap {
			display: block;
			text-align: center;
		}

		.accordion-button .accordion-button_s {
			display: block;
			font-size: 80%;
			text-align: center;
		}

		.accordion-button:not(.collapsed) {
			color: #ee8100;
			background-color: inherit;
			box-shadow: inherit;
			border-radius: 8px;
		  }

		  .accordion-button::after {
			fill: #ee8100 !important;
			stroke:#ee8100 !important;
		  }

		  .col2_qa_btn {
			display: flex;
			justify-content:center;
		  }

		  .col2_qa_btn .form_btn {
			padding: 8px 10px;
			min-width:inherit;
			width: 46%;
			font-size: 1.6rem;
			margin: 0 10px;

		  }

		  .form_btn.ans_btn {
			background: #ffe6a3;
			border: 1px solid #8a7766;
			color: #443022;
		  }


		  .hissu {
			position: relative;
		  }

		  .hissu::after{
			content: "必須";
			color: #fff;
			background: #ed1a1b;
			font-size: 1.1rem;
			border-radius: 3px;
			padding: 3px 10px;
			position: absolute;
			right: 0;
			top: 0;
		  }


		  @media screen and (max-width:768px) {
			.hissu::after{
				content: "必須";
				color: #fff;
				background: #ed1a1b;
				font-size: 0.9rem;
				border-radius: 3px;
				padding: 3px 7px;
				position: absolute;
				right: 0;
				top: 0;
			  }

		}



/* テーブル用css
-------------------------------------------------------*/

.baceTB {
	width: 100%;
	border: 1px solid #d6d6d6;
	border-collapse: collapse;
}

.baceTB th {
	background: #ee8100;
	color: #fff;
	text-align: center;
	border: 1px solid #d6d6d6;
	padding: 10px;
}

.baceTB td {
	background: #fff;
	border: 1px solid #d6d6d6;
	padding: 10px;
}

.tableTd01 {
	vertical-align: middle;
	text-align: center;
}

.baceTB.th_left th {
	text-align: left;
}

@media screen and (max-width:768px) {
.baceTB.break th {
	display: block;
	width: 100%;
}

.baceTB.break td {
	display: block;
	width: 100%;
}
}

.table_w5 {width: 5%;}
.table_w10 {width: 10%;}
.table_w20 {width: 20%;}
.table_w25 {width: 25%;}
.table_w30 {width: 30%;}
.table_w40 {width: 40%;}
.table_w50 {width: 50%;}
.table_w60 {width: 60%;}
.table_w70 {width: 70%;}
.table_w80 {width: 80%;}
.table_w90 {width: 90%;}










/* マッチングリスト
-------------------------------------------------------*/

.matching_list_search01 {
	margin-bottom: 30px;
}

#matching_list_search dl {
	line-height: 1.4;
}


#matching_list_search .aco_btn_ml {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
	cursor: pointer;
	transition: .3s;
	position: relative;
	font-size: 2rem;
	background: #fff;
	border-radius: 20px;
	padding: 20px 35px;
	font-weight: 700;
	color: #ee8100;
	margin-bottom: 30px;
}

#matching_list_search dt::before {
	content: "";
		background: url(../img/q.png) no-repeat;
		width: 53px;
		height: 53px;
		background-size: 53px 53px;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -26px;
}



#matching_list_search .aco_btn_ml {
	position: relative;
}
#matching_list_search .aco_btn_ml .btn {
    position: absolute;
    top:5px;
    bottom:-10px;
    right: 30px;
    margin: auto;
    display: block;
    width: 28px;
    height: 28px;
}
#matching_list_search .aco_btn_ml .btn span {
    background: #443022;
    width: 28px;
    height: 2px;
    display: block;
}
#matching_list_search .aco_btn_ml .btn span:first-child {
    transform: rotate(90deg) translateX(2px) scale(1);
    transition: .5s;
}
#matching_list_search .aco_btn_ml.open .btn span:first-child {
    transform: rotate(90deg) translateX(2px) scale(0);
}
#matching_list_search .aco_btn_ml:hover {
    opacity: .7;
}
#matching_list_search .aco_btn_ml span {
    margin-right: 20px;
}


@media screen and (max-width:1000px) {
	#matching_list_search .aco_btn_ml {
		font-size: 1.7rem;
		border-radius: 10px;
    }
  }

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

	.matching_list_search01 {
		margin-bottom: 10px;
	}

	#matching_list_search dl {
	padding: 0px;
	padding-bottom: 0px;
}

    #matching_list_search dl:not(:last-child) {
        margin: 0 0 0px;
    }
    #matching_list_search .aco_btn_ml {
        align-items: flex-start;
        padding: 20px 25px;
		font-size: 1.5rem;
		border-radius: 10px;
    }

	#matching_list_search dt::before {
		content: "";
			background: url(../img/q.png) no-repeat;
			width: 25px;
			height: 25px;
			background-size: 25px 25px;
			position: absolute;
			left: 0;
			top: 50%;
			margin-top: -12px;
	}

	#matching_list_search dl dd {
		margin: 10px 0 0;
		padding-bottom: 20px;

	}

	#matching_list_search dd::before {
		content: "";
			background: url(../img/a.png) no-repeat;
			width: 26px;
			height: 10px;
			background-size: 26px 10px;
			position: absolute;
			left: 0;
			top:10px;
	}

    #matching_list_search .aco_btn_ml .btn {
        right: 25px;
        width: 20px;
        height: 20px;
        top: -7px;
    }
    #matching_list_search .aco_btn_ml .btn span {
        width: 20px;
        height: 2px;
    }
    #matching_list_search .aco_btn_ml .btn span:first-child {
        transform: rotate(90deg) translateX(2px) scale(1);
        transition: .5s;
    }
    #matching_list_search .aco_btn_ml.open .btn_ml span:first-child {
        transform: rotate(90deg) translateX(2px) scale(0);
    }



}


.tab-content {
	border: 2px solid #ee8100;
	padding: 20px;
	background: #fff;
}

.nav-tabs {
	justify-content: space-between;
}

.nav-item {
	/*width: 19.5%;*/
}
.nav-tabs .nav-link {
	border: 1px solid #8a7766;
	background: #fff;
	text-align: center;
	border-bottom: none;
	color: #443022;
	border-radius: 10px 10px 0px 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.nav-tabs .nav-link:hover {
	border: 1px solid #8a7766;
	border-bottom: none;
}

.nav-link.active {
	background: #ee8100 !important;
	color: #fff !important;
	border: 1px solid #ee8100 !important;
	border-bottom: none !important;
}


@media screen and (max-width:768px) {
	.nav-tabs .nav-link {
		font-size: 1rem;
		padding:7px 5px;

	}
}

.search_num {
	font-weight: 700;
	color: #8a7766;
	margin-bottom: 20px;
}

.tab-content_list>li {
	border-bottom: 1px solid #8a7766;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}

.list_name_sub {
	color: #8a7766;
	font-size: 1.3rem;
}

.list_name_num {
	font-weight: 700;
	color: #443022;
}

.list_name {
	font-weight: 700;
	font-size: 1.8rem;
	margin-bottom: 10px;
	width: 65%;
}

.list_one_bace {
	color: #8a7766;
	font-size: 1.3rem;
	margin-bottom: 10px;
}

.list_data {
	font-weight: 700;
	font-size: 1.8rem;
	color: #443022;
	margin-left: 5px;
}

.list_data.orange {
	color: #ee8100;
}

.one_bace_space {
	display: inline-block;
	width: 100px;
}


.list_btn_area {
	width: 30%;
	position: absolute;
	top: 0;
	right: 0;
}

.list_btn a {
	display: block;
	background: #ee8100;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	padding: 10px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.offer_btn {
	border: none;
	width: 100%;
	display: block;
	background: #ee8100;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	padding: 10px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding-top: 40px;
}

.offer_btn::before {
	content: "";
	background: url(../img/matching_list/mail_icon.gif) no-repeat;
	width: 40px;
	height:30px;
	background-size: 100%;
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -20px;
}

.icon_none {
	padding-top: 10px;
}

.icon_none::before {
	display: none;
}

.list_btn a span {
	display: block;
	text-align: center;
}

.list_btn_area .list_name_sub {
	margin-bottom: 10px;
}

.mail_icon {
	width: 40px;
	display: block;
	margin: 0 auto;
}


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


	.list_name_sub {
		font-size: 1rem;
	}

	.list_name {
		font-size: 1.5rem;
		width: 65%;
	}

	.list_one_bace {
		font-size: 1rem;
	}

	.list_data {
		font-size: 1.5rem;
	}

	.list_data.orange {
		color: #ee8100;
	}

	.one_bace_space {
		width: 70px;
	}


	.list_btn_area {
		width: 30%;
	}

	.list_btn a {
		height: 60px;
		font-size: 1rem;
	}

	.mail_icon {
		width: 25px;
	}

	.offer_btn {
		height: 60px;
		font-size: 1rem;
		padding-top: 30px;
	}

	.offer_btn::before {
		content: "";
		background: url(../img/matching_list/mail_icon.gif) no-repeat;
		width: 25px;
		height:18px;
		background-size: 100%;
		position: absolute;
		top: 14px;
		left: 50%;
		margin-left: -12px;
	}

	.icon_none {
		padding-top: 10px;
	}

	.icon_none::before {
		display: none;
	}
}


.matching_list {
	display: flex;
	justify-content: space-between;
}


.matching_list_search {
	width: 35%;
}

.tabs_area {
	width: 60%;

}

.tabs_area_one {
	margin: 0 auto;
}

@media screen and (max-width:768px) {
	.matching_list {
		display: block;
	}


	.matching_list_search {
		width: 100%;
	}

	.tabs_area {
		width: 100%;
	}
}


.matching_offer_btns {
	border: 1px solid #8a7766;
	border-radius: 8px;
	padding: 7px 10px;
	background: #fff;
	width: 100%;
	display: block;
	text-align: center;
	}

.matching_offer_btns.on {
	width: 100%;
	background: #ee8100;
	color: #ffffff;
	border: 1px solid #ee8100;
	}


.check_list_v li {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
	border: none !important;
	text-align: left !important;
	justify-content: flex-start !important;

}

.check_list_v li input {
	margin-right: 10px;
}

.check_list_v.check_list_w2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.check_list_v.check_list_w2 li {
	width: 48% !important;

}


.aco_box_inner .modal-body ul li {
	border-bottom: none;
	padding: 0px;
	justify-content: flex-start;
  }


	/*about
-------------------------------------------------------*/

.common_section {
	margin-bottom: 40px;
}

.common_section .txt {
	margin-bottom: 30px;
}

.common_section .img {
	margin-bottom: 30px;
}

ul.num_list {
	padding-left: 1em;
}

ul.num_list_left_pad {
	padding-left: 2em;
}

ul.num_list > li {
	list-style:decimal;
	margin-bottom: 5px;
}



.img_w70 {
	width: 70%;
	margin: 0 auto;
}

.img_w50 {
	width: 50%;
	margin: 0 auto;
}


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

	.common_section .txt {
		margin-bottom: 20px;
	}

	.common_section .img {
		margin-bottom: 20px;
	}
	.img_w70 {
		width: 100%;
	}

	.img_w50 {
		width: 70%;
	}
}


	/*qa
-------------------------------------------------------*/

.main_ttl_qa_icon {
	position: relative;
	display: inline-block;
	padding-left: 70px;
}

.main_ttl_qa_icon::before {
	content: "";
	background: url(../img/qa/ttl_icon.png) no-repeat;
	width:65px;
	height:36px;
	background-size: 100%;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -18px;
}

@media screen and (max-width:768px) {
	.main_ttl_qa_icon {
		padding-left: 55px;
	}

	.main_ttl_qa_icon::before {
		content: "";
		background: url(../img/qa/ttl_icon.png) no-repeat;
		width:48px;
		height:27px;
		background-size: 100%;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -13px;
	}
}

.nomal_ttl {
	margin-bottom: 10px;
	font-size: 110%;
}

.free_word_s dl {
	display: flex;
	justify-content: space-between;
}

.free_word_s dl dt {
	width: 80%;
}

.free_word_s dl dd {
	width: 18%;
}

.free_word_s input[type=text] {
	padding-top: 15px;
	padding-bottom: 15px;

}

.free_word_s .form_btn {
	min-width:inherit;
	width: 100%;
	font-size: 1.6rem;
}

@media screen and (max-width:768px) {
	.free_word_s dl dt {
		width: 70%;
	}

	.free_word_s dl dd {
		width: 25%;
	}

	.free_word_s input[type=text] {
		padding-top: 10px;
		padding-bottom: 10px;

	}

	.free_word_s .form_btn {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}


.qa_aco .accordion-button::after {
	fill: #fff !important;
	stroke: #fff !important;
  }

  .qa_aco .accordion-button {
	/*text-align: center;*/

	font-size: 1.6rem;
	justify-content: center;
	max-width: 100%;
	margin: 0 auto;
	border: 1px solid #fff !important;
	background: #fff !important;
	border-radius: 5px !important;
	padding: 10px 20px !important;
  }

  .qa_aco .accordion-button.collapsed {
	color: #443022;
  }

  .qa_aco .accordion-header {
	margin-top: 20px;
  }

  .qa_aco .accordion-item {
	border: none;
  }

  .qa_aco .accordion-body {
	padding: 10px 10px 10px 10px;
  }

  .qa_aco .accordion-button {
	text-align: left;

}

  @media screen and (max-width:768px) {
	.qa_aco .accordion-button {
		text-align: left;
		font-size: 1.4rem;
		padding: 10px 25px 10px 20px !important;

	}
  }



  /*step
-------------------------------------------------------*/

.main_ttl_step_icon {
	position: relative;
	display: inline-block;
	padding-left: 50px;
}

.main_ttl_step_icon::before {
	content: "";
	background: url(../img/step/ttl_icon.png) no-repeat;
	width:41px;
	height:48px;
	background-size: 100%;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -24px;
}

@media screen and (max-width:768px) {
	.main_ttl_step_icon {
		padding-left: 30px;
	}

	.main_ttl_step_icon::before {
		content: "";
		background: url(../img/step/ttl_icon.png) no-repeat;
		width:25px;
		height:29px;
		background-size: 100%;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -13px;
	}
}

.step_inner {
	width: 80%;
	margin: 0 auto;

}


.step_inner ul.num_list > li {
	margin-bottom: 10px;
}

@media screen and (max-width:768px) {
	.step_inner {
		width: 100%;
	}

	.step_inner ul.num_list > li {
		margin-bottom: 15px;
	}
}

.step_inner dl {
	position: relative;
	margin-bottom: 100px;
}

.step_inner dl:last-child {
	margin-bottom: 0;
}

.step_inner dl::after {
	position: absolute;
	content: "";
	background: url(../img/step/arrow.png) no-repeat;
	background-size: 100%;
	width: 39px;
	height:51px;
	left: 50%;
	margin-left: -20px;
	bottom: -75px;
}

.step_inner dl:last-child::after {
	display: none;
}

@media screen and (max-width:768px) {
	.step_inner dl {
		margin-bottom: 60px;
	}

	.step_inner dl:last-child {
		margin-bottom: 0;
	}

	.step_inner dl::after {
		position: absolute;
		content: "";
		background: url(../img/step/arrow.png) no-repeat;
		background-size: 100%;
		width: 24px;
		height:34px;
		left: 50%;
		margin-left: -12px;
		bottom: -48px;
	}

	.step_inner dl:last-child::after {
		display: none;
	}

}

.step_inner dl dt {
	background: #ee8100;
	color: #fff;
	font-size: 1.8rem;
	padding: 20px 20px;
	border-radius: 10px 10px 0px 0px;
}

.step_inner dl dd {
	background: #fff;
	padding: 20px 20px;
	border-radius: 0px 0px 10px 10px;
	font-size: 1.7rem;
}

.step_inner dl dd p {
	line-height: 2;
}


@media screen and (max-width:768px) {
	.step_inner dl dt {
		padding: 10px 20px;
	}
	.step_inner dl dd {
		font-size: 1.6rem;
	}
}


.step_i {
	position: relative;
	padding-left: 60px;
	font-size: 2.2rem;
}

.step_i::before {
	content: "";
	position: absolute;
	background: url(../img/step/step_icon01.png) no-repeat;
	background-size: 100%;
	width: 50px;
	height:45px;
	left: 0px;
	top: 50%;
	margin-top: -25px;
}

.step_i02::before {
	content: "";
	background: url(../img/step/step_icon02.png) no-repeat;
	background-size: 100%;
	width: 50px;
	height:45px;
}

.step_i03::before {
	content: "";
	background: url(../img/step/step_icon03.png) no-repeat;
	background-size: 100%;
	width: 50px;
	height:45px;
}

.step_i05::before {
	content: "";
	background: url(../img/step/step_icon05.png) no-repeat;
	background-size: 100%;
	width: 50px;
	height:45px;
}

.step_i06::before {
	content: "";
	background: url(../img/step/step_icon06.png) no-repeat;
	background-size: 100%;
	width: 50px;
	height:45px;
}

.step_i07::before {
	content: "";
	background: url(../img/step/step_icon07.png) no-repeat;
	background-size: 100%;
	width: 50px;
	height:45px;
}


@media screen and (max-width:768px) {
	.step_i {
		position: relative;
		padding-left: 40px;
		font-size: 1.8rem;
	}

	.step_i::before {
		content: "";
		position: absolute;
		background: url(../img/step/step_icon01.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
		left: 0px;
		top: 50%;
		margin-top: -17px;
	}

	.step_i02::before {
		content: "";
		background: url(../img/step/step_icon02.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
	}

	.step_i03::before {
		content: "";
		background: url(../img/step/step_icon03.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
	}

	.step_i05::before {
		content: "";
		background: url(../img/step/step_icon05.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
	}

	.step_i06::before {
		content: "";
		background: url(../img/step/step_icon06.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
	}

	.step_i07::before {
		content: "";
		background: url(../img/step/step_icon07.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
	}

}


  /*№34-友達リスト用パーツ
-------------------------------------------------------*/

.f_list_btns {
	margin-bottom: 30px;
	background: #f4f1ee;
	padding: 20px;
	border-radius: 10px;
}

.f_list_btns li {

	width: 80%;
	margin: 0 auto;
	margin-bottom: 10px;
}

.f_list_btns li:last-child {
	margin-bottom: 0;
}

.f_list_btn {
	width: 100%;
	background: #ee8100;
	border-radius: 100px;
	padding: 10px 20px;
	border: none;
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
}

.f_list_btn:hover {
	opacity: .7;
}

.btn_glay {
	background: #999 !important;
}

.btn_red {
	background: #ed1a1b !important;
}

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

	.f_list_btns {
		margin-bottom: 20px;
		padding: 15px;
	}

	.f_list_btns li {
		width: 100%;
	}

	.f_list_btn {
		border-radius: 100px !important;
		padding: 7px 10px;
		font-size: 1rem;
	}

}



/*決済画面
-------------------------------------------------------*/

.settlement_price {
	margin-bottom: 40px;
}

.settlement_price_area {
	background: #fff;
	padding: 30px;
	border-radius: 10px 10px 0px 0px;
	margin-bottom: 5px;
}

.center_sub {
	text-align: center;
	font-size: 1.8rem;
}

.settlement_price_txt {
	text-align: center;
	font-size: 5rem;
	line-height: 1.2;
}

.settlement_price_txt span {
	font-size: 70%;
}

.settlement_price_card {
	background: #fff;
	padding: 30px;
	border-radius: 0px 0px 10px 10px;
}

.radio_list01 {
	margin-bottom: 40px;
}
.radio_list01 li {
	margin-bottom: 10px;
}

.card_img01 {
	width: 70%;
	margin: 0 auto;
}


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

	.settlement_price_area {
		padding: 20px;
	}

	.settlement_price_txt {
		font-size: 4rem;
	}

	.settlement_price_card {
		padding: 20px;
	}

	.radio_list01 {
		margin-bottom: 40px;
	}
	.radio_list01 li {
		margin-bottom: 10px;
	}

	.card_img01 {
		width: 70%;
		margin: 0 auto;
	}

}


.security_code {
	display: flex;
	justify-content: space-between;
}

.security_code_txt {
	width: 58%;
	color: #8a7766;
}

.security_code_img {
	width: 40%;
}

@media screen and (max-width:768px) {
	.security_code_txt {
		width: 53%;
		font-size: 1.2rem;
	}

	.security_code_img {
		width: 45%;
	}
}

/*メッセージリスト
-------------------------------------------------------*/

.ml5 {
	margin-left: 5px;
}

.matching_list_box {
	border: 2px solid #ee8100;
	background: #fff;
	margin-top: 15px;
}

.unread_box {
	background: #fdf0cf;
}

.matching_list_box_top {
	border-bottom: 2px solid #ee8100;
	padding: 20px;
	position: relative;
}

.canceled {
	background: #8a7766;
	color: #fff;
	border-radius: 100px;
	padding: 5px 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 1.2rem;
}

.matching_list_box_top dl {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.matching_list_box_top dl dt {
	/*width: 35%;*/
	max-width: 150px;
	margin-right: 20px;

}

.matching_list_box_photo {
	width: 140px;
	height: 140px;
	position: relative;
	overflow: hidden;
	background:#c8c8c8;
}

.matching_list_box_top dl dd {
	/*width: 63%;*/
	width: 100%;
}

.list_one_bace.last {
	margin-bottom: 0;
}

.matching_list_box_bottom {
	padding: 20px;
}

.matching_list_box_bottom .list_name {
	width: 100%;
}

.message_list_step {
	border: 1px solid #443022;
	background: #f4f1ee;
	border-radius: 5px;
	padding: 5px 10px 7px 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	max-width: 500px;
}

.message_list_step span {
	color: #ee8100;
	padding-left: 50px;
	font-size: 1.8rem;
	position: relative;
}



.message_list_step_i::before {
	content: "";
	position: absolute;
	background: url(../img/message_list/step_icon01.png) no-repeat;
	background-size: 100%;
	width: 45px;
	height:38px;
	left: 0px;
	top: 50%;
	margin-top: -19px;
}

.message_list_step_i02::before {
	content: "";
	background: url(../img/message_list/step_icon02.png) no-repeat;
	background-size: 100%;
	width: 45px;
	height:38px;
}

.message_list_step_i03::before {
	content: "";
	background: url(../img/message_list/step_icon03.png) no-repeat;
	background-size: 100%;
	width: 45px;
	height:38px;
}

.message_list_step_i04::before {
	content: "";
	background: url(../img/message_list/step_icon03.png) no-repeat;
	background-size: 100%;
	width: 45px;
	height:38px;
}

.message_list_step_i05::before {
	content: "";
	background: url(../img/message_list/step_icon05.png) no-repeat;
	background-size: 100%;
	width: 45px;
	height:38px;
}

.message_list_step_i06::before {
	content: "";
	background: url(../img/message_list/step_icon06.png) no-repeat;
	background-size: 100%;
	width: 45px;
	height:38px;
}

.message_list_step_i07::before {
	content: "";
	background: url(../img/message_list/step_icon07.png) no-repeat;
	background-size: 100%;
	width: 45px;
	height:38px;
}


.message_list_btns {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 20px;
}

.message_list_btns .form_btn {
	padding: 10px 20px;
}

.message_list_btns .form_btn span {
	position: relative;
	padding-left: 40px;
}

.form_btn_mail_i::before {
	content: "";
	position: absolute;
	background: url(../img/matching_list/mail_icon.gif) no-repeat;
	background-size: 100%;
	width: 35px;
	height:24px;
	left: 0px;
	top: 50%;
	margin-top: -12px;
}


.unread {
	border: 1px solid #d6d6d6;
	color: #666;
	border-radius: 100px;
	padding: 5px 20px;
	margin-right: 10px;
}

.unread_red {
	color: #c7180f;
	border-color:#c7180f;
}


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

	.matching_list_box_top dl dt {
		width: 40%;
	}

	.matching_list_box_photo {
		width: 120px;
		height: 120px;
	}

	.matching_list_box_top dl dd {
		width: 55%;
	}

	.message_list_step {
		padding: 5px 10px 7px 10px;
	}

	.message_list_step span {
		color: #ee8100;
		padding-left: 40px;
		font-size: 1.5rem;
		position: relative;
	}



	.message_list_step_i::before {
		content: "";
		position: absolute;
		background: url(../img/message_list/step_icon01.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
		left: 0px;
		top: 50%;
		margin-top: -14px;
	}

	.message_list_step_i02::before {
		content: "";
		background: url(../img/message_list/step_icon02.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
	}

	.message_list_step_i02::before {
		content: "";
		background: url(../img/message_list/step_icon03.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
	}

	.message_list_step_i02::before {
		content: "";
		background: url(../img/message_list/step_icon04.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
	}

	.message_list_step_i02::before {
		content: "";
		background: url(../img/message_list/step_icon05.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
	}

	.message_list_step_i02::before {
		content: "";
		background: url(../img/message_list/step_icon06.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
	}

	.message_list_step_i02::before {
		content: "";
		background: url(../img/message_list/step_icon07.png) no-repeat;
		background-size: 100%;
		width: 35px;
		height:30px;
	}



	.message_list_btns .form_btn {
		padding: 10px 10px;
		font-size: 1.2rem;
		min-width:inherit;
	}

	.message_list_btns .form_btn span {
		position: relative;
		padding-left: 30px;
	}

	.form_btn_mail_i::before {
		content: "";
		position: absolute;
		background: url(../img/matching_list/mail_icon.gif) no-repeat;
		background-size: 100%;
		width: 25px;
		height:17px;
		left: 0px;
		top: 50%;
		margin-top: -8px;
	}


	.unread {
		padding: 5px 10px;
		font-size: 1.2rem;
	}




}




.pagination {
	justify-content: center;

}

.pagination li {
	margin: 0 2px;
}

.pagination a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	border-radius: 5px;
	color: #8a7766;
	background: none;
	border: none;
	width: 36px;
	height: 36px;
	line-height: 1 !important;
	padding: 0;
	border-radius: 50%;
}

.pagination  a.page-link_orange {
	color: #ee8100;
}

.pagination a:hover {
	color: #ee8100;
	background: none;

}

.active > .page-link, .page-link.active {
	background: #d0cfd1;
	background: #ee8100;
}

@media screen and (max-width:768px) {
	.pagination a {
		font-size: 1.2rem;
		width: 26px;
		height: 26px;
	}
}


/*メッセージ
-------------------------------------------------------*/
.message_alrt {
	border: 2px solid #8a7766;
	padding: 20px;
	background: #fff;
}

@media screen and (max-width:768px) {
	.message_alrt {
		padding: 10px;
	}
}

.message_ttl {
	background: #ee8100;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	margin-top: 20px;
}

.message_ttl span {
	font-size: 1.8rem;
	position: relative;
	padding-left: 40px;
}


.message_ttl span::before {
	content: "";
	position: absolute;
	background: url(../img/matching_list/mail_icon.gif) no-repeat;
	background-size: 100%;
	width: 35px;
	height:24px;
	left: 0px;
	top: 50%;
	margin-top: -12px;
}


@media screen and (max-width:768px) {
	.message_ttl {
		padding: 10px 20px;
		text-align: center;
		margin-top: 20px;
	}

	.message_ttl span {
		font-size: 1.6rem;
		padding-left: 30px;
	}


	.message_ttl span::before {
		content: "";
		position: absolute;
		background: url(../img/matching_list/mail_icon.gif) no-repeat;
		background-size: 100%;
		width: 25px;
		height:17px;
		left: 0px;
		top: 50%;
		margin-top: -8px;
	}
}


.message_area {
	border: 2px solid #ee8100;
	background: #fff;
	padding: 30px;
}

@media screen and (max-width:768px) {
	.message_area {
		padding: 20px;
	}
}


.message_del {
}

.message_del input[type="submit"] {
	color: #fff;
	border: none;
	background: none;
	font-size: 1.4rem;
	padding: 0;
}

.message_del span {
	color: #fff;
	background: #8a7766;
	border-radius: 5px;
	display: inline-block;
	padding: 5px 20px 5px 40px;
	text-align: center;
	position: relative;
	cursor: pointer;
	transition: .5s;
}

.message_del span:hover {
	opacity: 0.7;
}

.message_del span:before {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/message/dust_icon02.png) no-repeat;
	width: 16px;
	height: 20px;
	background-size:100%;
	left: 20px;
	top: 50%;
	margin-top: -10px;
}

.already {
	border: none;
}

.message_area .unread {
	font-size: 1.2rem;
	padding: 2px 10px;
}

.message_box_name .list_name {
	margin-bottom: 0;
}

.message_box_name {
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 5px;
}

.message_box_admin .message_box_name {
	justify-content: flex-end;
	padding-right: 45px;

}

.message_box_user .message_box_name {
	justify-content: flex-start;
	padding-left: 45px;

}

.message_box_admin .message_box_name::before {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/message/m_icon01.png) no-repeat;
	width: 35px;
	height: 35px;
	background-size: 100%;
	right: 0px;
	top: 50%;
	margin-top: -15px;
}

.message_box_user .message_box_name::before {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/message/m_icon02.png) no-repeat;
	width: 35px;
	height: 35px;
	background-size: 100%;
	left: 0px;
	top: 50%;
	margin-top: -15px;
}

.message_box_admin .message_box_name_inner p {
	text-align: right;
	width: 100%;
}

.message_box_user .message_box_name_inner p {
	text-align: left;
	width: 100%;
}


.message_box {
	width: 75%;
	margin-bottom: 30px;
}

.message_box_admin {
	margin-left: 25%;
}

.message_box_user {
	margin-right: 25%;
}

@media screen and (max-width:768px) {
	.message_box {
		width: 85%;
		margin-bottom: 30px;
	}

	.message_box_admin {
		margin-left: 15%;
	}

	.message_box_user {
		margin-right: 15%;
	}
}

.message_box_txt {
	border: 1px solid #443022;
	background: #f4f1ee;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.message_box_txt_color {
	background: #f9e7d9;
}

.message_box_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
}



.message_bottom {
	margin: 0 auto;
  }

  .message_bottom_inner {
	width: 90%;
	margin: 0 auto;
  }

  .message_bottom_inner .textarea {
	width: 100%;
	border-radius: 10px;
	height: 140px;
	margin-bottom: 20px;
  }



  .reserve_btn_box {
	display: flex;
	justify-content: flex-end;
  }


  .reserve_btn_box input[type="submit"] {
	color: #fff;
	border: none;
	background: none;
	font-size: 1.4rem;
	padding: 0;
}

.reserve_btn_box span {
	color: #fff;
	background: #ee8100;
	border-radius: 5px;
	display: inline-block;
	padding: 5px 20px 5px 40px;
	text-align: center;
	position: relative;
	cursor: pointer;
	transition: .5s;
}

.reserve_btn_box span:hover {
	opacity: 0.7;
}

.reserve_btn_box span:before {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/message/send_icon02.png) no-repeat;
	width: 20px;
	height: 20px;
	background-size:100%;
	left: 15px;
	top: 50%;
	margin-top: -10px;
}



/*QAタブ修正
-------------------------------------------------------*/


.tabs_area_w100 {
	width: 100%;
}

.tabs_area_w100 .tab-content {
	/*background: none;*/
}

#accordionFlushExample.accordion {
	margin-top: 0;
}

@media screen and (max-width:768px) {
	.tabs_area_w100 .tab-content {
		padding: 10px;
	  }
}


/* 寄添人
-------------------------------------------------------*/

.attendant_list_box dl {
	display: flex;
	justify-content: space-between;
}

.attendant_list_box dl dt {
	width: 35%;
}

.attendant_list_box dl dd {
	width: 63%;
}

.attendant_list_box .matching_list_box_photo {
	width: 180px;
	height: 180px;
  }

  .attendant_list_box .form_btn {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
  }

  .attendant_txt {
	margin-bottom: 10px;
	font-weight: 700;
  }

  .attendant_btns {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
  }

  .attendant_btn {
	width: 48%;
  }


  .attendant_btn a {
	display: block;
	border: 1px solid #8a7766;
  border-radius: 8px;
  padding: 7px 10px;
  background: #f4f1ee;
  width: 100%;
  display: block;
  text-align: center;
  }



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


	.attendant_list_box dl dt {
		width: 40%;
	}

	.attendant_list_box dl dd {
		width: 55%;
	}

	.attendant_list_box .matching_list_box_photo {
		width: 120px;
		height: 120px;
	  }

	  .attendant_list_box .form_btn {
		padding-top: 5px;
		padding-bottom: 5px;
		min-width: auto;
		width: 100%;
		margin-bottom: 10px;
		font-size: 1.4rem;
	  }

	  .attendant_txt {
		margin-bottom: 5px;
		font-size: 1.2rem;
	  }

	  .txt_big {
		font-size: 120%;
	  }

	  .attendant_btns {
		margin-top: 20px;
		display: flex;
		justify-content: space-between;
	  }

	  .attendant_btn {
		width: 48%;
	  }

	  .attendant_btn a {
	  padding: 5px 10px;
	  font-size: 1.3rem;
	  }
}


.page_Contents_two {
	display: flex;
	justify-content:center;
}

.page_Contents_two_inner {
	width:60%;
}

@media screen and (max-width:768px) {
	.page_Contents_two {
		display: block;
	}

	.page_Contents_two_inner {
		width:100%;
	}

}



.note_red {
	background: #f8d7da;
	border: 1px solid #f5c2c7;
	border-radius: 10px;
	padding: 15px;
}

.note_yellow {
	background: #fefad2;
	border: 1px solid #eeec35;
	border-radius: 10px;
	padding: 15px;
}

.note_blue {
	background: #daecfc;
	border: 1px solid #8bc4f4;
	border-radius: 10px;
	padding: 15px;
}

.note_orange {
	background: #fce9da;
	border: 1px solid #f4c68b;
	border-radius: 10px;
	padding: 15px;
}



.alrt_red {
	background: #f8d7da;
	border-color: #f5c2c7;
}

.alrt_yellow {
	background: #fefad2;
	border-color:#eeec35;
}

.alrt_blue {
	background: #daecfc;
	border-color:#8bc4f4;
}

.alrt_orange {
	background: #fce9da;
	border-color: #f4c68b;

}


.form_btn_wrap_two {
	display: flex;
	justify-content: space-between;
}

.form_btn_wrap_two .form_btn {
	width: 48%;
	min-width:inherit;
}

.form_btn_reset {
	background: #8a7766;
}

.form_btn_reset:hover {
	opacity: .7;
}


/* お知らせ
-------------------------------------------------------*/

.news_list {
	border: 2px solid #ee8100;
	padding: 20px;
	background: #fff;
}

.news_list_box {

	border-bottom: 1px solid #8a7766;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.news_list .news_list_box:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.news_list_box_inner {
	display: flex;
	justify-content: flex-start;
}

.news_list_box_one {
	width: 100%;
}

.news_list_box_L {
	width: 150px;
}

.news_list_box_R {
	width: 100%;
}

.news_list_day {
	/*color: #a29891;*/
}

.news_list_ttl {
	font-size: 1.8rem;
	margin-bottom: 10px;
}

.news_list_txt {
	margin-bottom: 20px;
}

.news_list_area {
	/*color: #a29891;*/
}



@media screen and (max-width:768px) {
	.news_list_box_L {
		width: 110px;
	}


	.news_list_day {
		font-size: 1rem;
		margin-top: 2px;
	}

	.news_list_ttl {
		font-size: 1.5rem;
	}

	.news_list_txt {
		font-size: 1.4rem;
	}

	.news_list_area {
		font-size: 1.4rem;
	}

}


.news_list_box.news_detail {
	display: block;

}

.news_detail .news_list_box_L {
	width: 100%;
	margin-bottom: 20px;
}

.news_detail .news_list_area {
	margin-bottom: 20px;
}


/* ヘッダープルダウン追加
-------------------------------------------------------*/
.header .select_bace {
	background: #f4f1ee;
}

.header_R {
	display: flex;
	align-items: center;
}

.login_header_nav {
	display: none;
}


@media screen and (max-width:560px) {
.header_inner {
	/*display: block;*/
}

.header_L {
	margin-bottom: 5px;
}

.header .select_bace {
	width: 90px;
	font-size: 1rem;
}

.header_h1 {
	/*
    font-size: 1rem;
    */
    font-size: 0.8rem;
  }

  .logo {
    max-width: 70px;
  }

  .login_header_nav {
	display: block;
}

.logout_i_link {
	width: 26px;
}

.header_nav_logout_bottompage {
	display: none;
}


}


/* 友達マッチング結果
-------------------------------------------------------*/

.matching_result_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.matching_result_wrap::after {
	content: "";
	width: 31%;
}

.matching_result_box {
	width: 31%;
	margin-bottom: 50px;
}

.matching_result_box li {
	background: #fff;
}

.matching_result_ttl {
	background: #ee8100;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 1.6rem;
	padding: 7px;
}

.matching_result_inner {
	padding: 10px;
	position: relative;
	border-bottom: 2px solid #ee8100;
	border-left: 2px solid #ee8100;
	border-right: 2px solid #ee8100;
	font-size: 90%;
}

.matching_result_num {
	background: #ee8100;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  padding: 3px;
  font-size: 1.6rem;
}

.matching_result_num .big {
	font-size: 150%;
}

.matching_result_inner .list_btn_area {
	top: 10px;
	right: 10px;
}

.matching_result_inner .list_btn_area .list_name_sub {
	margin-bottom: 5px;
  }

.matching_result_man {
	background: #e3e7f5;
}

.matching_result_woman {
	background: #fce5e8;
}

.matching_result_inner .list_name {
	font-size: 1.6rem;
}

.matching_result_inner .list_data {
	font-size: 1.6rem;
}

@media screen and (max-width:768px) {
	.matching_result_wrap {
		display: block;
	}

	.matching_result_wrap::after {
		display: none;
	}

	.matching_result_box {
		width: 100%;
		margin-bottom: 30px;
	}

}

@media screen and (max-width:768px) {
	.header_nav_logout_bottompage {
		display: none;
	}

	.header_nav_logout {
		display: none;
	}

}

.banner_ouendan_h {
	display: none;
}

@media screen and (min-width:480px) {
	.banner_ouendan_h {
		display: none;
	}
}

@media screen and (min-width:540px){
	.banner_ouendan_h {
		margin-left: 10px;
		max-width: 100px;
	}
}

@media screen and (min-width:560px){
	.banner_ouendan_h {
		margin-left: 5px;
		max-width: 80px;
	}
}

@media screen and (min-width:580px){
	.banner_ouendan_h {
		margin-left: 10px;
		max-width: 100px;
	}
}

@media screen and (min-width:600px) {
	.banner_ouendan_h {
		margin-left: 10px;
		max-width: 120px;
	}
}

@media screen and (min-width:610px) {
	.banner_ouendan_h {
		margin-left: 15px;
		max-width: 120px;
	}
}

@media screen and (min-width:620px) {
	.banner_ouendan_h {
		margin-left: 15px;
		max-width: 130px;
	}
}

@media screen and (min-width:660px) {
	.banner_ouendan_h {
		margin-left: 20px;
		max-width: 140px;
	}
}

@media screen and (min-width:680px) {
	.banner_ouendan_h {
		margin-left: 30px;
		max-width: 150px;
	}
}

@media screen and (min-width:700px) {
	.banner_ouendan_h {
		margin-left: 50px;
		max-width: 150px;
	}
}

@media screen and (min-width:768px) {
	.banner_ouendan_h {
		margin-left: 5px;
		max-width: 80px;
		display: block;
	}
}

@media screen and (min-width:780px) {
	.banner_ouendan_h {
		margin-left: 5px;
		max-width: 95px;
		display: block;
	}
}

@media screen and (min-width:800px) {
	.banner_ouendan_h {
		margin-left: 5px;
		max-width: 115px;
		display: block;
	}
}

@media screen and (min-width:820px) {
	.banner_ouendan_h {
		margin-left: 10px;
		max-width: 120px;
		display: block;
	}
}

@media screen and (min-width:840px) {
	.banner_ouendan_h {
		margin-left: 15px;
		max-width: 135px;
		display: block;
	}
}

@media screen and (min-width:870px) {
	.banner_ouendan_h {
		margin-left: 15px;
		max-width: 150px;
		display: block;
	}
}

@media screen and (min-width:900px) {
	.banner_ouendan_h {
		margin-left: 20px;
		max-width: 170px;
		display: block;
	}
}

@media screen and (min-width:950px) {
	.banner_ouendan_h {
		margin-left: 60px;
		max-width: 200px;
		display: block;
	}
}

@media screen and (min-width:1000px) {
	.banner_ouendan_h {
		margin-left: 80px;
		max-width: 220px;
		display: block;
	}
}

@media screen and (min-width:1100px) {
	.banner_ouendan_h {
		margin-left: 120px;
		max-width: 220px;
		display: block;
	}
}

@media screen and (min-width:1248px) {
	.banner_ouendan_h {
		margin-left: 200px;
		max-width: 240px;
		display: block;
	}
}

.banner_ouendan_f {
		max-width: 145px;
		margin: 0 auto;
}

.banner_instagram {
		max-width: 60px;
		margin: 0 auto;
}