@charset "utf-8";

/* toppage
-------------------------------------------------------------------*/
#header {
	margin: 0 0 -25px 0;
}

.mainv {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 1070px;
	margin: 0 auto;
	height: 490px;
	background: url(../img/top/mainimg01.png) no-repeat 50% 50%;
	background-size: cover;
}

.mainv dl {
	display: block;
	width: 100%;
	padding: 5px 60px 60px 60px;
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 15px;
	line-height: 1.6;
	margin-top: 280px;
}

.mainv dt {
	width: 100%;
	text-align: center;
}

.mainv dd {
	display: block;
	width: 45%;
	margin: 0 auto;
}

.mainv dt img {
	width: 30%;
	height: auto;
}

/*.shokuikubox{
	display:block;
	width:500px;
	padding:20px 0 50px 0;
	font-size:15px;
	line-height:1.6;
	margin:-50px auto 20px auto;
	color:#333;
	text-align:left;
	
}

.shokuikubox dt{
	width:100%;
	text-align:center;
}
.shokuikubox dt img{
	margin-top:0px;
}
*/

.area_01 {
	border-radius: 50% 50% 50% 50%/6% 6% 6% 6%;
	background: #fadce9;
	color: #fff;
	text-align: center;
	padding: 0 0 50px 0;
	margin-top: 0px;
}

h2 {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 30px;
	color: #e9546b;
	padding: 100px 0 35px 0;
}

.area_01 .box {
	position: relative;
	background: url(../img/think/bg_top_l.png) no-repeat 0 60px, url(../img/think/bg_top_r.png) no-repeat 99% 60px;
}

.area_01 .box .bnr_img {
	margin: 0 20px;
}

.area_01 .box .img {
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.area_01 .topbox01 {
	display: table;
	width: 780px;
	margin: 40px auto;
}

.area_01 .topbox01 dt {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 30%;
	font-size: 15px;
	font-weight: bold;
	color: #e9546b;
	background-color: #fff;
	border-radius: 20px;
	padding: 5px 15px;
}

.area_01 .topbox01 dd {
	display: table-cell;
	font-size: 14px;
	color: #5a2e31;
	text-align: left;
	padding: 0 0 0 30px;
}

.area_01 .topbox01 dd span {
	font-weight: bold;
}

.area_01 .topbox02 {
	width: 900px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 20px;
	padding: 25px 55px;
	box-sizing: border-box;
}

.area_01 .topbox02 ul {
	display: table;
	border-bottom: 3px solid #e9546b;
	padding: 5px 0;
	text-align: left;
}

.area_01 .topbox02 ul ul {
	display: block;
	border-bottom: none;
}

.area_01 .topbox02 li {
	display: table-cell;
	width: 33.33%;
	padding: 5px 10px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.5;
}

.area_01 .topbox02 li p {
	display: table-cell;
}

.area_01 .topbox02 li li {
	display: block;
	width: 100%;
	padding: 0 10px !important;
}

.area_01 .topbox02 .ttl_list li {
	font-size: 16px;
	font-weight: bold;
	color: #e9546b;
	text-align: center;
}

.area_01 .topbox02 .num {
	width: 53px;
	height: 51px;
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

.area_01 .topbox02 .naiyo {
	font-weight: bold;
}

.area_01 .topbox02 .ttl {
	font-weight: bold;
	padding-left: 10px;
	vertical-align: middle;
}

.area_01 .topbox02 .off .ttl {
	color: #666666;
}

.area_01 .topbox02 .on .ttl {
	color: #e9546b;
}

.area_01 .topbox02 .on li {
	color: #333;
}

.area_01 .topbox02 .off li {
	color: #666;
}

.area_01 .topbox02 .on .num {
	background: url(../img/top/bg_num01.png) no-repeat 0 50%;
}

.area_01 .topbox02 .off .num {
	background: url(../img/top/bg_num02.png) no-repeat 50% 0;
}

.area_01 .topbox02 .on .torikumi li:before {
	content: "●";
	color: #f5a93a;
}

.area_01 .topbox02 .off .torikumi li:before {
	content: "●";
	color: #666;
}

.area_01 .topbox02 .torikumi li {
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 13px;
	line-height: 1.4;
	color: #666;
}

.area_01 .topbox02 .off .torikumi li {
	padding-left: 1.4em;
	text-indent: -0.9em;
}

.area_01 .topbox02 .on .torikumi {
	padding-right: 20px;
}

.area_01 .topbox02 a {
	display: block;
	text-decoration: none;
	background-color: #ffffd5;
	background: url(../img/top/bg_arrow.png) #ffffd5 no-repeat 98% 50%;
}

.area_01 .topbox02 a:hover {
	background-color: #ffffe2;
	text-decoration: none;
}

.area_01 .topbox02 a:active {
	background-color: #ffe7f2;
	text-decoration: none;
}


.area_01 h3 {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #e9546b;
	padding: 40px 0;
}

.area_01 .topbox03 {
	width: 600px;
	margin: 0 auto 40px auto;
	color: #333;
}

.area_01 .topbox03 dl {
	display: table;
	width: 100%;
	border: 3px solid #e9546b;
	border-radius: 25px;
	margin-bottom: 10px;
	padding: 3px;
}

.area_01 .topbox03 dt,
.area_01 .topbox03 dd {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.area_01 .topbox03 dt p {
	display: table-cell;
	vertical-align: middle;
}

.area_01 .topbox03 .num span {
	display: inline-block;
	width: 39px;
	height: 39px;
	border-radius: 19px;
	background-color: #e9546b;
	text-align: center;
	font-size: 22px;
	line-height: 39px;
	font-weight: bold;
	color: #fff;
}

.area_01 .topbox03 .ttl {
	font-size: 20px;
	font-weight: bold;
	padding-left: 5px;
}

.area_01 .topbox03 .action01,
.area_01 .topbox03 .action02,
.area_01 .topbox03 .action03 {
	width: 25%;
}

.kome {
	font-size: 12px;
	text-align: right;
	padding: 10px 0 0 1.2em;
	text-indent: -1.2em;
	color: #333;
}


.area_01 .hint {
	font-size: 140%;
	color: #5B4D3D;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
}

.area_02 {
	padding: 50px 0 0 0;
	text-align: center;
}

.area_02 .box {
	position: relative;
	background: url(../img/common/bgimg01.png) no-repeat top center;
	padding: 0 0 50px 0;
}

.area_02 h2 {
	color: #3194b4;
	padding: 150px 0 35px 0;
	background: url(../img/common/border02.png) bottom center no-repeat;
}

.area_02 ul li {
	width: 273px;
	border-radius: 50% 50% 50% 50%/30% 30% 30% 30%;
	display: inline-block;
	margin: 50px 15px;
	background: url(../img/common/txtbg.png) no-repeat center 47px #eaf4f7;
}

/* 20220511　CSS追加 */
.area_02_01 {
	display: inline-block;
	margin: 50px 15px;
}

/* 20220511　CSS追加ここまで */

.area_02 dl dt {
	font-size: 18px;
	font-weight: bold;
	padding: 160px 0 25px 0;
}

.area_02 dl dd {
	padding: 0 0 75px 0;
}

.area_02 .btnimg {
	position: absolute;
	bottom: 30px;
	left: 340px;
}

.area_03 {
	padding: 20px 0 0 0;
	text-align: center;
	border-radius: 50% 50% 50% 50%/5% 5% 5% 5%;
	background: #78a962
}

.area_03 .box {
	position: relative;
	background: url(../img/common/bgimg02.png) no-repeat top center;
	padding: 0 0 50px 0;
}

.area_03 h2 {
	color: #fff;
	padding: 150px 0 35px 0;
	background: url(../img/common/border.png) bottom center no-repeat;
}

.area_03 .box_in {
	padding: 50px 0 30px 0;
	position: relative;
}

.area_03 .box_in .img {
	padding: 0 0 30px 0;
}

.area_03 .box_in .btnimg {
	position: absolute;
	bottom: 20px;
	left: 360px;
}

.area_03 ul li {
	width: 270px;
	border-radius: 50% 50% 50% 50%/30% 30% 30% 30%;
	display: inline-block;
	margin: 0 10px;
	background: #fff;
}

.area_03 ul li p {
	padding: 20px 0;
}

.area_03 dl dt {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 10px 0;
}

.area_03 dl dd {
	padding: 0 0 60px 0;
}

.area_04 {
	padding: 50px 0 0 0;
	text-align: center;
}

.area_04 .box {
	position: relative;
	background: url(../img/common/bgimg03.png) no-repeat top center;
	padding: 0 0 50px 0;
}

.area_04 h2 {
	color: #dc6a48;
	padding: 150px 0 35px 0;
	background: url(../img/common/border02.png) bottom center no-repeat;
}

.area_04 .left {
	width: 480px;
	padding: 120px 0 0 0;
	position: relative;
}

.area_04 .right {
	padding: 0 0 100px 0;
}

.area_04 dl dt {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 20px;
	color: #dc6a48;
	padding: 0 0 40px 0;
}

.area_04 dl dd {
	padding: 0 0 55px 0;
	line-height: 1.8em;
	text-align: left;
}

.area_04 .btnimg {
	position: absolute;
	bottom: -30px;
	left: 30px;
}

.area_05 {
	padding: 20px 0 10px 0;
	text-align: center;
	background: #98322b;
	color: #fff;
	clear: both;
	border-radius: 50% 50% 50% 50%/5% 5% 5% 5%;
}

.area_05 .box {
	position: relative;
	background: url(../img/common/bgimg04.png) no-repeat top center;
	padding: 0 0 50px 0;
}

.area_05 h2 {
	padding: 100px 0 35px 0;
	background: url(../img/common/border.png) bottom center no-repeat;
}

.area_05 .txt {
	padding: 30px 0 40px 0;
}

.area_05 .btnbox {
	padding-bottom: 50px;
}

.area_05 .btnimg {
	position: absolute;
	top: 500px;
	left: 500px;
}

/*--doit--*/
.area_00 {
	text-align: center;
}

.area_00 ul {
	margin-top: 30px;
}

.area_00 ul li {
	width: 240px;
	border-radius: 50% 50% 50% 50%/30% 30% 30% 30%;
	display: inline-block;
	margin: 0 10px;
	background: #f8d1ce;
}

.area_00 ul li p {
	padding: 20px 0;
}

.area_00 dl dt {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 10px 0;
	color: #333;
}

.area_00 dl dd {
	padding: 0 0 60px 0;
}

@media screen and (max-width:768px) {
	.mainv {
		display: block;
		width: 100%;
		height: 160px !important;
		margin: 2.5% 0 2.5% 0;
		height: auto;
		background: url(../img/top/mainimg01.png) no-repeat 50% top;
		background-size: 95% auto;
		padding-top: 25%;
	}

	.mainv dl {
		display: block;
		width: 100%;
		padding: 10px 20px 30px 20px;
		background-color: rgba(255, 255, 255, 0.8);
		font-size: 12px;
		margin-top: 0;
		box-sizing: border-box;
	}

	.mainv dd {
		width: 100%;
	}

	.mainv dl img {
		width: 200px;
		height: auto;
	}

	/*
.shokuikubox{
	display:block;
	width:100%;
	padding:20px 10px;
	font-size:12px;
	line-height:1.6;
	margin:0 auto 20px auto;
	color:#333;
	text-align:left;
	box-sizing:border-box;
}

.shokuikubox dt{
	width:100%;
	text-align:center;
}
.shokuikubox dt img{
	width:70%;
	height:auto;
}
*/
	.area_01 {
		border-radius: 112% 112% 112% 112%/4% 4% 4% 4%;
		background: #fadce9;
		color: #fff;
		text-align: center;
		padding: 0 10px 30px 10px;
		margin-top: -25px;
	}

	h2 {
		font-size: 18px;
		font-weight: bold;
		color: #e9546b;
		padding: 80px 0 25px 0;
	}

	.area_01 .box {
		position: relative;
		background: none;
	}

	.area_01 .box .bnr_img {
		margin: 10px 0;
	}

	.area_01 .box .img {
		position: absolute;
		top: -20px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.area_01 .box .img img,
	.btnimg img {
		width: 70px;
		height: auto;
	}

	.area_01 .topbox01 {
		display: block;
		width: 100%;
		margin: 20px auto;
	}

	.area_01 .topbox01 dt {
		display: block;
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		border-radius: 20px;
		padding: 5px 15px;
		box-sizing: border-box;
	}

	.area_01 .topbox01 dd {
		display: block;
		font-size: 13px;
		color: #5a2e31;
		text-align: left;
		padding: 10px 0 0 0;
	}

	.area_01 .topbox02 {
		width: 100%;
		padding: 15px 20px;
		box-sizing: border-box;
	}

	.area_01 .topbox02 .ttl_list {
		display: none;
	}

	.area_01 .topbox02 ul {
		display: block;
	}

	.area_01 .topbox02 li {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.area_01 .topbox02 .on li {
		display: block;
		width: 100%;
		padding-right: 20px;
	}

	.area_01 .topbox02 .num,
	.area_01 .topbox02 .ttl {
		display: table-cell;
	}

	.area_01 .topbox02 .num span {
		display: inline-block;
		width: 22px;
		height: 22px;
		text-align: center;
		vertical-align: middle;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		border-radius: 11px;
	}

	.area_01 .topbox02 .on .num,
	.area_01 .topbox02 .off .num {
		background: none;
		width: 24px;
		height: auto;
	}

	.area_01 .topbox02 .on .num span {
		background: #e9546b;
	}

	.area_01 .topbox02 .off .num span {
		background: #666;
	}

	.area_01 .topbox02 .ttl {
		font-size: 16px;
	}

	.area_01 .topbox02 .torikumi {
		margin-left: 5px;
	}

	.area_01 h3 {
		font-size: 16px;
		font-weight: bold;
		color: #e9546b;
		padding: 25px 0;
	}

	.area_01 .topbox03 {
		width: 100%;
		margin: 0 auto 40px auto;
	}

	.area_01 .topbox03 dl {
		box-sizing: border-box;
	}

	.area_01 .topbox03 .num span {
		display: inline-block;
		width: 26px;
		height: 26px;
		border-radius: 19px;
		background-color: #e9546b;
		text-align: center;
		font-size: 16px;
		line-height: 26px;
		font-weight: bold;
		color: #fff;
	}

	.area_01 .topbox03 .ttl {
		font-size: 16px;
		font-weight: bold;
		padding-left: 5px;
	}

	.area_01 .topbox03 .action01,
	.area_01 .topbox03 .action02,
	.area_01 .topbox03 .action03 {
		width: 30%;
	}

	.area_01 .bnrarea {
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.area_01 .bnrarea p {
		width: 100%;
		padding: 0 0 10px 0;
		text-align: center;
	}

	.area_01 .bnrarea p img {
		width: 90%;
		height: auto;
	}

	.area_01 .bnrarea .boxl {
		text-align: center;
		;
	}

	.area_01 .bnrarea .boxr {
		text-align: center;
	}

	.area_01 .hint {
		font-size: 120%;
	}

	.kome {
		font-size: 12px;
		text-align: left;
		padding: 10px 0 0 1.2em;
		text-indent: -1.2em;
		color: #333;
	}

	/*----*/

	.area_02 {
		padding: 30px 0 0 0;
		text-align: center;
	}

	.area_02 .box {
		position: relative;
		background: url(../img/common/bgimg01.png) no-repeat top center;
		background-size: 320px;
		padding: 0 10px 30px 10px;
	}

	.area_02 h2 {
		color: #3194b4;
		padding: 70px 0 20px 0;
		background: url(../img/common/border02.png) bottom center no-repeat;
	}

	.area_02 ul li {
		width: 48%;
		border-radius: 50% 50% 50% 50%/30% 30% 30% 30%;
		display: block;
		margin: 20px 0;
		background: url(../img/common/txtbg.png) no-repeat center 47px #eaf4f7;
	}

	.area_02 dl dt {
		font-size: 14px;
		font-weight: bold;
		padding: 160px 0 25px 0;
	}

	.area_02 dl dd {
		padding: 0 0 50px 0;
		text-align: center;
	}

	.area_02 dl dd img {
		width: 130px;
		height: auto;
	}

	.area_02 .btn {
		position: relative;
		width: 230px;
		margin: 0 auto;
	}

	.area_02 .btnimg {
		position: absolute;
		bottom: -20px;
		left: -45px;
	}

	.area_03 {
		padding: 20px 10px 0 10px;
		text-align: center;
		border-radius: 50% 50% 50% 50%/2% 2% 2% 2%;
		background: #78a962
	}

	.area_03 .box {
		position: relative;
		background: url(../img/common/bgimg02.png) no-repeat top center;
		background-size: 320px;
		padding: 0 0 30px 0;
	}

	.area_03 h2 {
		color: #fff;
		padding: 60px 0 20px 0;
		background: url(../img/common/border.png) bottom center no-repeat;
	}

	.area_03 .box_in {
		padding: 20px 0 20px 0;
		position: relative;
	}

	.area_03 .box_in .img {
		padding: 0 0 30px 0;
	}

	.area_03 .box_in .btnbox {
		position: relative;
		width: 200px;
		margin: 0 auto;
	}

	.area_03 .box_in .btnimg {
		position: absolute;
		bottom: -20px;
		left: -50px;
	}

	.area_03 ul li {
		width: 48%;
		border-radius: 50% 50% 50% 50%/30% 30% 30% 30%;
		display: block;
		margin: 15px 0 0 0;
		background: #fff;
		padding: 10px;
		box-sizing: border-box;
	}

	.area_03 ul li p {
		padding: 20px 0;
	}

	.area_03 dl dt {
		font-size: 14px;
		font-weight: bold;
		padding: 0 0 10px 0;
	}

	.area_03 dl dd {
		padding: 0 0 15% 0;
		width: 80%;
		margin: 0 auto;
	}

	.area_03 dl dd img {
		width: 100%;
		height: auto;
	}

	.area_04 {
		padding: 30px 10px 0 10px;
		text-align: center;
	}

	.area_04 .box {
		position: relative;
		background: url(../img/common/bgimg03.png) no-repeat top center;
		padding: 0 0 30px 0;
		background-size: 320px;
	}

	.area_04 h2 {
		color: #dc6a48;
		padding: 70px 0 20px 0;
		background: url(../img/common/border02.png) bottom center no-repeat;
	}

	.area_04 .left {
		width: 100%;
		padding: 0 0 0 0;
		position: relative;
		float: none;
	}

	.area_04 .right {
		padding: 20px 0;
		float: none;
		width: 70%;
		margin: 0 auto;
	}

	.area_04 dl dt {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-size: 16px;
		color: #dc6a48;
		padding: 0 0 15px 0;
	}

	.area_04 dl dd {
		padding: 0 0 30px 0;
		line-height: 1.8em;
		text-align: left;
	}

	.area_04 .box_in .btn {
		position: relative;
		width: 200px;
		margin: 0 auto;
	}

	.area_04 .btnimg {
		position: absolute;
		bottom: -20px;
		left: -50px;
	}

	.area_05 {
		padding: 20px 10px 10px 10px;
		text-align: center;
		background: #98322b;
		color: #fff;
		clear: both;
		border-radius: 50% 50% 50% 50%/5% 5% 5% 5%;
	}

	.area_05 .box {
		position: relative;
		background: url(../img/common/bgimg04.png) no-repeat top center;
		background-size: 320px;
		padding: 0 0 30px 0;
	}

	.area_05 h2 {
		padding: 70px 0 20px 0;
		background: url(../img/common/border.png) bottom center no-repeat;
	}

	.area_05 .txt {
		padding: 20px 0 25px 0;
	}

	.area_05 .img {
		width: 80%;
		margin: 0 auto;
	}

	.area_05 .btnbox {
		position: relative;
		width: 200px;
		margin: 0 auto;
	}

	.area_05 .btnimg {
		position: absolute;
		top: -30px;
		left: -50px;
	}

	/*--doit--*/
	.area_00 {
		margin: -80px 10px 0 10px !important;
		padding: 80px 0 0 0;
	}

	.area_00 ul li {
		width: 48%;
		border-radius: 50% 50% 50% 50%/30% 30% 30% 30%;
		display: block;
		margin: 15px 0 0 0;
		background: #f8d1ce;
		padding: 10px;
		box-sizing: border-box;
	}

	.area_00 ul li p {
		padding: 10px 0;
	}

	.area_00 ul li img {
		width: 100%;
	}

	.area_00 dl dt {
		font-size: 12px;
	}

	.area_00 dl dd {
		padding: 0 0 40px 0;
	}

	.area_00 dl dd img {
		width: 80%;
	}
}

/*アコーディオン全体*/


.accordion-box li {
	margin: 10px 0;
}

.accordion-box:after {
	display: none;
}

.accordion-title {
	position: relative;
	font-size: 88%;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	width: 35%;
	margin: 0 auto;
}



.accordion-title h2:after {
	position: inherit;
	top: 25%;
	bottom: 0;
	width: auto;
	height: 10px;
	margin: auto;
	font: normal normal normal 100%/1 Fontawesome;
	content: "\f078";
	padding-left: 10px;
}

.accordion-title:hover {
	cursor: pointer;
}

.accordion-box {
	list-style: none;
	width: 100%;
	margin: 30px auto 50px;
	padding: 10px 10px 0 0;
	border-radius: 20px;
}


@media screen and (max-width:768px) {
	.accordion-title {
		position: relative;
		font-size: 88%;
		font-weight: bold;
		text-align: center;
		padding: 10px 0 0 0;
		margin: 0 auto;
		width: 100%;
	}

	.accordion-title h2:after {
		position: inherit;
		top: 33%;
		bottom: 0;
		width: auto;
		height: 10px;
		margin: auto;
		font: normal normal normal 100%/1 Fontawesome;
		content: "\f078";
	}
}