@charset "UTF-8";
/* CSS Document */

/*-------------------------------

	全体

-------------------------------*/

.contents {
	width: 100vw;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#74231e+0,8e2426+100 */
	background: #74231e; /* Old browsers */
	background: -moz-linear-gradient(top, #74231e 0%, #8e2426 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #74231e 0%,#8e2426 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #74231e 0%,#8e2426 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74231e', endColorstr='#8e2426',GradientType=0 ); /* IE6-9 */
}

.contents_inner {
	width: 1024px;
	margin: 0 auto;
	padding: 30px 0 0;
	line-height: 1.5;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 16px;
	font-weight: 600;
}



.btnToTop {
	display: none;
	width: 80px;
	position: fixed;
	right: 40%;;
	bottom: 20px;
	opacity: .8;
	transform: translateX(512px);
}

.btnToTop a{
    float: right;
    display: block;
    transition: all 0s;
}

.btnToTop img {
	width: 100%;
}

/*-------------------------------

	汎用

-------------------------------*/

.gothic {
	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino kaku Gothic ProN','メイリオ','Meiryo','MS Pゴシック','MS PGothic',sans-serif;
}

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

.flexBox_wrap {
	flex-wrap: wrap;
}

.fade {
	opacity: 1;
	transition: opacity .3s;
}

.fade:hover {
	opacity: .7;
	text-decoration: none;
}

.btn_arrow1 {
	position: relative;
}

.btn_arrow1::after {
	content: '';
	display: block;
	width: 17px;
	height: 30px;
	background: url(/attending/kokunai/crystal_smile/images/arrow_1.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: 2rem;
	margin-top: -15px;
}

.btn_arrow2 {
	position: relative;
}

.btn_arrow2::after {
	content: '';
	display: block;
	width: 10px;
	height: 18px;
	background: url(/attending/kokunai/crystal_smile/images/arrow_2.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: 2rem;
	margin-top: -9px;
}

a.gray {
	opacity: .3;
	cursor: default;
}

a.gray:hover {
	text-decoration: none;
}

/*-------------------------------

	hero

-------------------------------*/

.hero {
	width: 1024px;
	height: 754px;
	padding: 27px;
	box-sizing: border-box;
	background: url(/attending/kokunai/crystal_smile/images/hero_bg.png) no-repeat center / cover;
	margin-bottom: 20px;
}

.hero .txt_1 {
	margin: 15px 0 10px 0;
	text-align: center;
}

.hero .img_box {
	width: 959px;
	padding: 5px;
	background: white;
}

.hero .img_box p {
	padding: 0px 10px 0px 10px;
	font-size: 26px;
	color: #762023;
	font-weight: normal;
	text-align: center;
}

.hero .img_box p .fz_1 {
	font-size: 20px;
}

.hero .img_box p .fz_2 {
	margin: 0 -10px 0 -20px;
	font-size: 20px;
	color: #762023;
}

.hero .ttl_box {
	margin-top: 10px;
}

.hero .ttl_box .pageHeading {
	width: 760px;
}

/*-------------------------------

	sns_box

-------------------------------*/

.sns_box {
	width: 490px;
	margin: 30px 0 30px 470px;
}

.sns_box .txt_1 {
	font-size: 18px;
	color: white;
}

.sns_box ul {
	width: 260px;
}
	
/*-------------------------------

	tabBtn

-------------------------------*/

/*---------- fixed ----------*/
		.tabBtn_wrap.fixed {
			width: 1024px;
			position: fixed;
			top: 0;
			left: 50%;
			margin-left: -472px;
			z-index: 20;
		}

		.tabBtn_wrap.fixed .active a {
			padding: 20px 0;
		}

		.tabBtn_wrap.fixed li {
			transform: translateY(0);
		}

.tabBtn_wrap ul {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.tabBtnA span span a{ background:url(/attending/kokunai/crystal_smile/images/nTab01Activ.png) no-repeat; }
.tabBtnB span span a{ background:url(/attending/kokunai/crystal_smile/images/nTab02Activ.png) no-repeat; }
.tabBtnC span span a{ background:url(/attending/kokunai/crystal_smile/images/nTab03Activ.png) no-repeat; }
.tabBtnD span span a{ background:url(/attending/kokunai/crystal_smile/images/nTab04Activ.png) no-repeat; }

.tabBtn_wrap_bottom .tabBtnA span span a{ background:url(/attending/kokunai/crystal_smile/images/nTab01btmActiv.png) no-repeat; }
.tabBtn_wrap_bottom .tabBtnB span span a{ background:url(/attending/kokunai/crystal_smile/images/nTab02btmActiv.png) no-repeat; }
.tabBtn_wrap_bottom .tabBtnC span span a{ background:url(/attending/kokunai/crystal_smile/images/nTab03btmActiv.png) no-repeat; }
.tabBtn_wrap_bottom .tabBtnD span span a{ background:url(/attending/kokunai/crystal_smile/images/nTab04btmActiv.png) no-repeat; }

.active.tabBtnA span span a img{ opacity: 0; }
.active.tabBtnB span span a img{ opacity: 0; }
.active.tabBtnC span span a img{ opacity: 0; }
.active.tabBtnD span span a img{ opacity: 0; }

/*.tabBtn_wrap ul::after {
	content: '';
	display: block;
	clear: both;
}*/

.tabBtn_wrap li {
	/*width: 248px;
	margin: 5px 3px 0;*/
	/*background: #dfdfdf;*/
	/*float: left;*/
	/*transform: translateY(15px);*/
}
/*.tabBtn_wrap_bottom.tabBtn_wrap li{
	margin:0 3px 5px;
}*/

.tabBtn_wrap .active {
	background: white;
	/*transform: translateY(0);*/
}

/*---------- default_outer ----------*/

		/*.tabBtn_wrap li .outer {
			display: block;
			width: 100%;
			height: 100%;
			border-left: 1px solid #a87f78;
			border-right: 1px solid #a87f78;
			border-top: 1px solid #a87f78;
			position: relative;
		}*/

		/*.tabBtn_wrap li .outer::before,
		.tabBtn_wrap li .outer::after {
			content: '';
			display: block;
			width: 6px;
			height: 6px;
			background: #a87f78;
			border-bottom: 4px solid #dfdfdf;
			position: absolute;
			top: -1px;
			z-index: 10;
		}*/

		/*.tabBtn_wrap li .outer::before {
			border-right: 4px solid #dfdfdf;
			left: -1px;
		}*/

		.tabBtn_wrap li .outer::after {
			border-left: 4px solid #dfdfdf;
			right: -1px;
		}

/*---------- active_outer ----------*/

		/*.tabBtn_wrap .active .outer::before,
		.tabBtn_wrap .active .outer::after {
			border-bottom: 4px solid white;
		}*/

		.tabBtn_wrap .active .outer::before {
			border-right: 4px solid white;
		}

		.tabBtn_wrap .active .outer::after {
			border-left: 4px solid white;
		}

		.tabBtn_wrap li .inner {
			display: block;
			width: 100%;
			height: 100%;
			position: relative;
		}

/*---------- inner ----------*/

		/*.tabBtn_wrap li .inner::before,
		.tabBtn_wrap li .inner::after {
			content: '';
			display: block;
			width: 11px;
			height: 11px;
			background: #a87f78;
			position: absolute;
			top: -1px;
			z-index: 0;
		}*/

		.tabBtn_wrap li .inner::before {
			left: -1px;
		}

		.tabBtn_wrap li .inner::after {
			right: -1px;
		}

.tabBtn_wrap li a {
	display: block;
	width: 100%;
	height: 100%;
	/*padding: 13px 0 27px 0;*/
	text-align: center;
}

/*.tabBtn_wrap li a::after {
	content: '';
	display: block;
	width: 13px;
	height: 22px;
	background: url(/attending/kokunai/crystal_smile/images/arrow_1.png) no-repeat center / contain;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: rotate(90deg);
}*/

/*.tabBtn_wrap .active a {
	padding: 15px 0 40px 0;
}*/

/*-------------------------------

	tabContents

-------------------------------*/

.tabContents_inner {
	background: white;
	padding: 70px;
}

.js-tab-cts {
    display: none;
}

#tab1.js-tab-cts.active {
    display: block !important;
} 

#tab2.js-tab-cts.active {
    display: block !important;
}

#tab3.js-tab-cts.active {
    display: block !important;
}

#tab4.js-tab-cts.active {
    display: block !important;
}

/*#tab2,
#tab3 {
	display: none;
}*/

/*---------- tab1 ----------*/
	
		/*tab1_section1*/
		.tab1_section1 .heading_typeA {
			margin-bottom: 20px;
			color: #762023;
			font-size: 34px;
			border-bottom: 4px double #efd9ac;
			line-height: 1.3;
			font-weight: bold;
		}

		.tab1_section1 .heading_typeA span {
			color: #762023;
			font-size: 24px;
			margin: 0 -15px;
		}

		.tab1_section1 .flexBox {
			width: 100%;
		}

		.tab1_section1 .flexBox_inner {
			padding-top: 30px;
		}
		
		.tab1_section1 .flexBox_inner.movie {
			padding-top: 0px;
		}
		
		/*.tab1_section1 .flexBox_inner.movie h3 {
			text-align:center;
		}*/

		.tab1_section1 h3 {
			margin-bottom: 10px;
			color: #762023;
			font-size: 24px;
			font-weight: normal;
		}

		.tab1_section1 .btn_360 {
			display: block;
			width: 100%;
			margin-top: 10px;
			padding: 20px 0;
			border: 1px solid black;
			border-radius: 4px;
			color: #762023;
			text-align: center;
			font-size: 18px;
		}
	
		/*tab1_section2*/
		.tab1_section2 {
			margin-top: 30px;
		}
	
		.tab1_section2 h3 {
			margin-bottom: 10px;
			color: #762023;
			font-size: 24px;
			font-weight: normal;
		}
	
		.tab1_section2 .text_1 {
			padding-right: 30px;
		}
	
		.tab1_section2 .img_box p,
		.tab1_section2 .img_box li {
			font-size: 12px;
			letter-spacing: 0;
		}
	
		.tab1_section2 .img_box p {
			text-align: right;
		}
	
		.tab1_section2 .img_box ul {
			margin-top: 5px;
		}
.tab1_section2 .img_box{
	margin-top:-50px;
	margin-bottom:30px;
}
		/*tab1_section3*/
		.tab1_section3 {
			margin-top: 30px;
		}
	
		.tab1_section3 h3 {
			margin-bottom: 10px;
			color: #762023;
			font-size: 24px;
			font-weight: normal;
		}
	
		.tab1_section3 .text_1 {
			padding-right: 30px;
		}
	
		.tab1_section3 .text_2 {
			margin-top: 5px;
			text-align: center;
			font-size: 12px;
		}
	
		/*tab1_section4*/

		.tab1_section4 {
			margin-top: 30px;
		}
		.tab1_section4 img {
			width: 100%;
		}
		.tab1_section4 span{
			font-size:12px;
		}
		.tab1_section4 p{
			text-align:right;
		}
		.tab1_section4 p.text_1{
			text-align:left;
		}
		.tab1_section4 .tab1_section4_left {
	width: 475px;
			padding-right: 25px;
		}

		.tab1_section4 .tab1_section4_right {
			width: 400px;
		}

		.tab1_section4 .tab1_section4_left .img_1,
		.tab1_section4 .tab1_section4_left .img_2 {
			width: 48%;
			/*border: 1px solid #762023;*/
		}
.tab1_section4 .tab1_section4_left .img_1 img, .tab1_section4 .tab1_section4_left .img_2 img{
border: 1px solid #762023;
}

		.tab1_section4 .tab1_section4_right h3,
		.tab1_section4 .tab1_section4_right .text_1 {
			width: 100%;
		}

		.tab1_section4 .tab1_section4_right h3 {
			margin-bottom: 5px;
			color: #762023;
			font-size: 21px;
		}

		.tab1_section4 .tab1_section4_right .text_1 {
			margin-bottom: 10px;
		}

		.tab1_section4 .tab1_section4_right .img_1,
		.tab1_section4 .tab1_section4_right .img_2 {
			width: 48%;
			margin-bottom: 15px;
		}

		.tab1_section4 .tab1_section4_right .img_3 {
			width: 100%;
			margin-top:-5px;
		}

		/*tab1_section5*/

		.tab1_section5 {
			margin-top: 60px;
		}
	
		.tab1_section5 .heading_typeA {
			margin-bottom: 20px;
			color: #762023;
			font-size: 34px;
			font-feature-settings: "palt";
			border-bottom: 4px double #efd9ac;
			line-height: 1.3;
			letter-spacing: .15em;
		}
	
		.tab1_section5 .heading_typeA span {
			color: #762023;
			font-size: 24px;
		}
	
		.tab1_section5 .text_box {
			padding-left: 30px;
			width:728px;
		}
	
		.tab1_section5 h3 {
			margin-bottom: 15px;
			border-bottom: 1px solid black;
			align-items: flex-end;
		}
	
		.tab1_section5 h3 span {
			color: #762023;
			font-weight: normal;
		}
	
		.tab1_section5 h3 span:first-child {
			font-size: 26px;
		}
	
		.tab1_section5 h3 span:last-child {
			font-size: 12px;
		}
	
		.tab1_section5 .text_1 {
			width: 55%;
			padding-right: 15px;
			font-size: 14px;
			border-right: 1px solid black;
			position: relative;
		}
	
		.tab1_section5 .text_1::after {
			content: '';
			display: block;
			width: 346px;
			height: 87px;
			background: url(/attending/kokunai/crystal_smile/images/tab1_section5_img1.png);
			position: absolute;
			bottom: -70px;
			right: 15px;
		}
	
		.tab1_section5 .text_2 {
			width: 45%;
			padding-left: 15px;
			font-size: 12px;
		}
	
		/*tab1_section6*/
		.tab1_section6 {
			margin-top: 110px;
		}
	
		.tab1_section6 .ttl_box {
			position: relative;
		}
	
		.tab1_section6 .heading_typeA {
			margin-bottom: 20px;
			color: #762023;
			font-size: 34px;
			font-feature-settings: "palt";
			border-bottom: 4px double #efd9ac;
			line-height: 1.3;
			letter-spacing: .05em;
		}
	
		.tab1_section6 .heading_typeA .fz_1 {
			font-size: 16px;
		}
	
		.tab1_section6 .heading_typeA .fz_2 {
			color: #762023;
			font-size: 24px;
		}
	
		.tab1_section6 .ttl_box p {
			position: absolute;
			right: 0;
			bottom: 5px;
			color: #762023;
			font-size: 18px;
			letter-spacing: 0;
		}
	
		.tab1_section6 .ttl_box p .role {
			margin-right: 10px;
			font-size: 12px;
			vertical-align: 2px;
			color: black;
		}
	
		.tab1_section6 .text_box {
			padding: 0px 15px;
		}
	
		.tab1_section6 .text_box p {
			font-size: 14px;
			line-height: 2;
		}
	
		.tab1_section6 .text_box h3 {
			margin: 15px 0 5px 0;
			color: #762023;
			font-size: 21px;
			font-weight: normal;
		}

		.tab1_section6 dd{
			font-size:12px;
			text-align:center;
		}

		.tab1_section8_h3{
			margin: 15px 0 5px 0;
			color: #762023;
			font-size: 21px;
			font-weight: normal;
		}
	
		/*tab1_section7*/
		.tab1_section7 p {
			padding: 3px 0;
			font-size: 12px;
			line-height: 1.9;
		}
	
		/*tab1_section7*/
		.tab1_section7 p {
			padding: 3px 0;
			font-size: 14px;
			line-height: 2;
		}
	
		/*tab1_section8*/
		.tab1_section8 p {
			padding-right: 15px;
			font-size: 14px;
			line-height: 2;
		}
	
		/*tab1_section9*/
		.tab1_section9 {
			margin-top: 10px;
		}
	
		.tab1_section9 p {
			margin-top: -7px;
			padding-left: 15px;
			font-size: 14px;
			line-height: 2;
		}
.tab1_section9 div img{
	padding-bottom:20px;
}
	
		/*tab1_btn_box*/
		.btn_box {
			margin-top: 30px;
		}

		.btn_box h2 {
			margin-bottom: 10px;
			font-size: 32px;
			color: white;
		}

		.btn_box li {
			width: 49%;
		}

		.btn_box li a {
			display: block;
			width: 100%;
			padding: 30px 0;
			color: #762023;
			font-size: 21px;
			text-align: center;
			background: white;
			border-radius: 4px;
		}

		/*tab1_promise_box*/

		.promise_box {
			/*margin-top: 30px;*/
			background-image: url(/attending/kokunai/crystal_smile/images/promise_box_bg.jpg);
			background-color:#fff;
			background-repeat: no-repeat;
			background-position: bottom right;
		}

		.promise_box .ttl_box {
			position: relative;
		}

		.promise_box .ttl_box ul {
			width: 260px;
			position: absolute;
			bottom: 10px;
			right: 0;
		}

		.promise_box .heading_typeA {
			margin-bottom: 20px;
			color: #762023;
			font-size: 34px;
			border-bottom: 4px double #efd9ac;
			line-height: 1.3;
			position: relative;
		}

		.promise_box .heading_typeA::after {
			content: '';
			display: block;
			width: 154px;
			height: 64px;
			background: url(/attending/kokunai/crystal_smile/images/promise_box_ttl_bg_l.png) no-repeat center / cover;
			position: absolute;
			left: 330px;
			bottom: 5px;
		}

		.promise_box .heading_typeA span {
			font-size: 20px;
			font-weight: bold;
			color: black;
		}

		.promise_item {
			width: 270px;
			margin-bottom: 20px;
		}

		.promise_item h3 {
			margin-bottom: 10px;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			position: relative;
			z-index: 10;
		}

		.promise_item h3::after {
			color: #ebdede;
			font-size: 42px;
			font-weight: normal;
			position: absolute;
			top: 0;
			right: 0;
			z-index: -10;
		}

		.promise_item_1 h3::after {
			content: '設え';
		}

		.promise_item_3 h3::after {
			content: '寛ぎ';
		}

		.promise_item_4 h3::after {
			content: '物語';
		}

		.promise_item_5 h3::after {
			content: '巡会';
		}

		.promise_item_6 h3::after {
			content: '交流';
		}

		.promise_item_7 h3::after {
			content: 'お守';
		}

		.promise_item h3 span {
			 width: 100%;
		}

		.promise_item h3 span:first-child {
			font-size: 26px;
			font-weight: bold;
			border-bottom: 1px solid #a18985;
		}

		.promise_item h3 span:last-child {
			font-size: 12px;
			text-align: right;
			font-weight: normal;
		}

		.promise_item p {
			font-size: 14px;
		}

		/*tab1_omotenashi_box*/

		.omotenashi_box {
			/*margin-top: 30px;*/
		}
		
		.omotenashi_box .heading_typeA {
			position:relative;
			margin-bottom: 20px;
			color: #762023;
			font-size: 34px;
			font-weight: bold;
			border-bottom: 4px double #efd9ac;
			line-height: 1.3;
		}

		.omotenashi_box .heading_typeA::after{
			content: '';
			display: block;
			width: 154px;
			height: 64px;
			background: url(/attending/kokunai/crystal_smile/images/promise_box_ttl_bg.png) no-repeat center bottom;
			position: absolute;
			left: 430px;
			bottom: 5px;
		}
		
		.omotenashi_box .heading_typeA span {
			color: #762023;
			font-size: 24px;
    	margin: 0 -15px 0-30px;
		}
				
		.omotenashi_box .img_box_1 {
			width: 320px;
		}
		
		.omotenashi_box .img_box_2 {
			width: 260px;
		}
		
		.omotenashi_box .img_box_2 p:nth-of-type(n+3) {
			margin-top: 5px;
		}
		
		.omotenashi_box .text_box {
			/*width: 300px;*/
		}
		
		.omotenashi_box .text_box h3 {
			margin-bottom: 5px;
			padding-bottom: 5px;
			font-size: 21px;
			line-height: 1.3;
			border-bottom: 1px solid #211916;
			color: #762023;
		}
		
		.omotenashi_box .text_box h3 span {
			color: black;
			font-size:16px;
		}

.omotenashi_box .text_box p {
	font-size: 14px;
	margin-top: 15px;
}

/*---------- tab2 ----------*/

#tab2 .tabContents_inner {
	padding-top: 0;
	overflow:hidden;
	padding:0 56px 0;
}

		/*tab2_section1*/
		.tab2_section1 {
			position: relative;
			height: 744px;
		}

		.tab2_section1::after {
			content: '';
			display: block;
			width: 1024px;
			height: 744px;
			position: absolute;
			top: 0;
			left: -30px;
			z-index: 0;
			background: url(/attending/kokunai/crystal_smile/images/tab2_section1_bg.png) no-repeat top / contain;
		}

		.tab2_section1 li {
			position: absolute;
			/*box-shadow:2px 2px 12px -2px #d9d9d9;*/
			z-index: 10;
		}
		.tab2_section1 li img{
			box-shadow:2px 2px 12px -2px #d9d9d9;
		}
		.tab2_section1 li div{
			font-size:12px;
			text-align:right;
		}
.tab2_section1 li div::before{
	content: '▲';
	display:inline-block;
	font-size:12px;
	color:#000;
}

		.tab2_section1 .img_1 {
			top: 130px;
			left: 0;
		}

		.tab2_section1 .img_2 {
			top: 210px;
			left: 293px;
		}

		.tab2_section1 .img_3 {
			top: 397px;
			left: 236px;
		}

		.tab2_section1 .img_4 {
			top: 450px;
			left: 0;
		}

		.tab2_section1 .img_5 {
			top: 460px;
			right: 0;
		}

		.tab2_section1 .img_6 {
			top: 587px;
			right: 0;
		}

		.tab2_section1 .heading {
			padding-top: 30px;
		}

		.tab2_section1 .heading .ttl_wrap {
			display: block;
			color: #407620;
			font-size: 36px;
			font-weight: normal;
			transform: translateY(-27px);
		}

		.tab2_section1 .heading .fz_1 {
			font-size: 21px;
			color: black;
		}

		.tab2_section1 .heading .fz_2 {
			font-size: 56px;
			color: black;
		}

		.tab2_section1 .heading .fz_2 span {
			font-size: 21px;
		}

		/*tab2_section2*/
		.tab2_section2 .price_wrap {
			padding: 20px;
			border: 1px solid black;
		}

		.tab2_section2 .price_wrap .txt_1 {
			font-size: 21px;
			text-align: center;
		}

		.tab2_section2 .price_wrap .price_box {
			display: block;
			font-size: 27px;
			font-weight: normal;
			text-align: center;
		}

		.tab2_section2 .price_wrap .price_box .price {
			margin: 0 20px;
			color: red;
			font-size: 50px;
			font-weight: bold;
		}

		.tab2_section2 .price_wrap .price_box .gothic .yen {
			color: red;
			font-size: 30px;
			font-weight: bold;
		}

		.tab2_section2 .price_wrap .txt_2 {
			display: block;
			font-size: 14px;
			text-align: center;
		}

		.tab2_section2 .btn_application {
			display: block;
			width: 100%;
			margin-top: 20px;
			padding: 15px;
			background: #44130b;
			color: white;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			border-radius: 50px;
			box-sizing: border-box;
			box-shadow:0px -4px 0px 0px #69423c inset;
		}

		/*tab2_section3*/
		.tab2_section3 h2 {
			font-weight: normal;
		}

		.tab2_section3 .acBtn {
			display: block;
			position: relative;
			width: 100%;
			margin-top: 20px;
			padding: 30px;
			color: #762023;
			font-size: 24px;
			text-align: center;
			background: white;
			box-sizing: border-box;
			border-radius: 4px;
			box-shadow:0px -6px 0px 0px #cccccc inset;
		}

		.tab2_section3 .acBtn::before,
		.tab2_section3 .acBtn.minus::before {
			content: '＋';
			display: block;
			width: 40px;
			height: 40px;
			margin-top: -20px;
			background: #762023;
			border-radius: 50%;
			position: absolute;
			right: 20px;
			top: 50%;
			color: white;
			line-height: 40px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
			font-weight: bold;
		}

		.tab2_section3 .acBtn::before {
			content: '＋';
		}

		.tab2_section3 .acBtn.minus::before {
			content: '-';
		}

		.tab2_section3 #tab2_acContents {
			margin-top: 20px;
			display: none;
		}

		#tab2_acContents .inner {
			padding-top: 60px;
			background: white;
		}

		.priceTable_box {
			width: 862px;
			margin: 0 auto 60px auto;
			background: url(/attending/kokunai/crystal_smile/images/priceTable_bg_inside.png) repeat-y center / contain;
			padding: 0 34px;
			box-sizing: border-box;
			position: relative;
		}

		.priceTable_box::before,
		.priceTable_box::after {
			content: '';
			display: block;
			width: 862px;
			height: 31px;
			position: absolute;
			left: 0;
		}

		.priceTable_box::before {
			background: url(/attending/kokunai/crystal_smile/images/priceTable_bg_end.png) repeat-y center / contain;
			top: -31px;
		}

		.priceTable_box::after {
			background: url(/attending/kokunai/crystal_smile/images/priceTable_bg_end.png) repeat-y center / contain;
			bottom: -31px;
			transform: scaleY(-1);
		}

		.priceTable_box h3 {
			padding-top: 30px;
			color: #5c2316;
			font-size: 21px;
			text-align: center;
		}

		.priceTable_box p {
    font-size: 12px;
    padding: 10px 0;
}

		.tab2_section3 .btn_box_2 {
			width: 100%;
			padding: 0 30px 30px 30px;
			background: white;
			box-sizing: border-box;
		}

		.tab2_section3 .btn_application {
			display: block;
			width: 100%;
			padding: 15px;
			background: #44130b;
			color: white;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			border-radius: 50px;
			box-sizing: border-box;
			box-shadow: 0px -4px 0px 0px #69423c inset;
		}

/*---------- tab3 ----------*/

#tab3 .tabContents_inner {
	/*padding-top: 0;*/
	    padding: 30px 70px;
}

		/*tab3_section1*/
		.tab3_section1 {
			position: relative;
			height: 744px;
		}

		.tab3_section1::after {
			content: '';
			display: block;
			width: 1024px;
			height: 744px;
			position: absolute;
			top: 0;
			left: -30px;
			z-index: 0;
			background: url(/attending/kokunai/crystal_smile/images/tab3_section1_bg.png) no-repeat top / contain;
		}

		.tab3_section1 li {
			position: absolute;
			/*box-shadow:2px 2px 12px -2px #d9d9d9;*/
			z-index: 10;
		}
		.tab3_section1 li img{
			box-shadow:2px 2px 12px -2px #d9d9d9;
		}
.tab3_section1 li div{
			font-size:12px;
			text-align:right;
		}
.tab3_section1 li div::before{
	content: '▲';
	display:inline-block;
	font-size:12px;
	color:#000;
}


		.tab3_section1 .img_1 {
			top: 130px;
			left: 0;
		}

		.tab3_section1 .img_2 {
			top: 360px;
			left: 0px;
		}

		.tab3_section1 .img_3 {
			bottom: 20px;
			left: 55px;
		}

		.tab3_section1 .img_4 {
			top: 400px;
			right: 0;
		}

		.tab3_section1 .img_5 {
			top: 130px;
			right: 340px;
		}

		.tab3_section1 .img_6 {
			bottom: 20px;
			right: 185px;
		}
.tab3_section1 .img_7 {
			bottom: 20px;
			right: 0px;
		}

		.tab3_section1 .heading {
			padding-top: 30px;
		}

		.tab3_section1 .heading .ttl_wrap {
			display: block;
			color: #407620;
			font-size: 36px;
			font-weight: normal;
			transform: translateY(-27px);
		}

		.tab3_section1 .heading .fz_1 {
			font-size: 21px;
			color: black;
		}

		.tab3_section1 .heading .fz_2 {
			font-size: 56px;
			color: black;
		}

		.tab3_section1 .heading .fz_2 span {
			font-size: 21px;
		}

		/*tab3_section2*/
		.tab3_section2 .price_wrap {
			padding: 20px;
			border: 1px solid black;
		}

		.tab3_section2 .price_wrap .txt_1 {
			text-align: center;
			font-size: 21px;
		}

		.tab3_section2 .price_wrap .price_box {
			display: block;
			font-size: 27px;
			font-weight: normal;
			text-align: center;
		}

		.tab3_section2 .price_wrap .price_box .price {
			margin: 0 20px;
			color: red;
			font-size: 50px;
			font-weight: bold;
		}

		.tab3_section2 .price_wrap .price_box .gothic .yen {
			color: red;
			font-size: 30px;
			font-weight: bold;
		}

		.tab3_section2 .price_wrap .txt_2 {
			display: block;
			font-size: 14px;
			text-align: center;
		}

		.tab3_section2 .btn_application {
			display: block;
			width: 100%;
			margin-top: 20px;
			padding: 15px;
			background: #44130b;
			color: white;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			border-radius: 50px;
			box-sizing: border-box;
			box-shadow:0px -4px 0px 0px #69423c inset;
		}

		/*tab3_section3*/
		.tab3_section3 h2 {
			font-weight: normal;
		}

		.tab3_section3 .acBtn {
			display: block;
			position: relative;
			width: 100%;
			margin-top: 20px;
			padding: 30px;
			color: #762023;
			font-size: 24px;
			text-align: center;
			background: white;
			box-sizing: border-box;
			border-radius: 4px;
			box-shadow:0px -6px 0px 0px #cccccc inset;
		}

		.tab3_section3 .acBtn::before,
		.tab3_section3 .acBtn.minus::before {
			content: '＋';
			display: block;
			width: 40px;
			height: 40px;
			margin-top: -20px;
			background: #762023;
			border-radius: 50%;
			position: absolute;
			right: 20px;
			top: 50%;
			color: white;
			line-height: 40px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
			font-weight: bold;
		}

		.tab3_section3 .acBtn::before {
			content: '＋';
		}

		.tab3_section3 .acBtn.minus::before {
			content: '-';
		}

		.tab3_section3 #tab3_acContents {
			margin-top: 20px;
			display: none;
		}

		#tab3_acContents .inner {
			padding-top: 60px;
			background: white;
		}

		.tab3_section3 .btn_box_2 {
			width: 100%;
			padding: 0 30px 30px 30px;
			background: white;
			box-sizing: border-box;
		}

		.tab3_section3 .btn_application {
			display: block;
			width: 100%;
			padding: 15px;
			background: #44130b;
			color: white;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			border-radius: 50px;
			box-sizing: border-box;
			box-shadow: 0px -4px 0px 0px #69423c inset;
		}
/*190202改修*/
/*ツアーラインナップ枠*/
#tab2 h2{ width:100%; margin:20px 0 20px; border-top:2px solid #f5e7e7; border-bottom:2px solid #f5e7e7; text-align:center; }
#tab2 h2 span{ display:block; width:100%; margin: 3px 0 3px; border-top:2px solid #f5e7e7; border-bottom:2px solid #f5e7e7; color: #762023; font-size: 34px; font-weight: bold;}
.osusumeTourBox{ display:flex; justify-content:space-between; }
.osusumeTour{ width:420px; box-sizing: border-box; padding:19px; border:1px solid #5f2317; }
.osusumeTour div{ width:100%; box-sizing:border-box; border:1px solid #5f2317; background:#f5e7e7; font-size:18px; color:#5f2317; text-align:center; line-height:24px; padding-top:5px; }
.osusumeTour div span{ display:block; width:100%; box-sizing:border-box; background:#fff; margin-top:5px; text-align:center; color:#762023; font-weight:bold; }
.osusumeTour dt{ display:block; }
.osusumeTour .osusumeTtl{ margin-top:20px; }
.osusumeTour .osusumeTtl h3{  font-size:24px; color:#407620;  }
.osusumeTour .osusumeTtl h3 span{ font-size:24px; color:#000; }
.osusumeTour .osusumeTtl span.sbTtl{ display:block; font-size:18px; color:#000; }
.osusumeTour .osusumePht{ margin:10px auto; }
.osusumeTour .osusumePht ul{display:flex; justify-content:space-between; }
.osusumeTour .osusumePht ul li { width: 185px; height: auto;}
.osusumeTour .osusumePht ul li img { width: 100%;}
.osusumeTour .osusumeIcn ul{ display:flex; justify-content:space-between; }
.osusumeTour .osusumeIcn ul li{ width:27%; border-radius: 3px; padding:10px; text-align:center; background-color:#f5e7e7; color:#5e2317; font-size:14px; }
.pointTxt{ margin:12px auto; font-size:16px; }
.shousaiBtn{ position:relative; border-radius:3px ;  background-color:#5f2317; box-shadow:0 3px 0   }
.shousaiBtn a{ display:block; box-sizing: border-box; width:100%; padding:15px; text-align:center; font-size:16px; color:#fff; }
/*.shousaiBtn a::before{ content:""; position:absolute; top:12px; right:12px; width:31px; height:31px; background:url(/attending/kokunai/crystal_smile/images/opn.png);}*/

/*絞り込み*/
select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand {
  display: none;
}
.srchBlk{box-sizing: border-box; position: relative; background-color: #f5e7e7; padding: 15px 20px 0; margin-bottom: 15px; }
.srchBlk::after{ content: ''; display: block; position: absolute; right: 50%; bottom: -10px; border-top: 10px solid #f5e7e7; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.srchInBlk::after{ content: ""; display: table; clear: both; }
.hatsutbl{ float:left; display:table;margin-right: 15px; }
.hatsutbl span{ border-left: solid 4px #5f2317; font-size: 14px; text-align: center; font-weight: bold; width: 20%; padding:5px; }
.cp_ipselect.cp_sl01{ position: relative; border: 1px solid #bbbbbb; border-radius: 2px; background: #ffffff; }
.cp_ipselect.cp_sl01::before{ position: absolute; top: 15px; right: 0.9em; width: 0; height: 0; padding: 0; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #666666; pointer-events: none; }

.cp_ipselect.cp_sl02{ position: relative; border: 1px solid #bbbbbb; border-radius: 2px; background: #ffffff; font-size: 16px; font-weight: bold; text-align: left; color: #666666; width: 60%; }
.srchBox01 li:last-of-type{ margin-right:0; }
.cp_ipselect select{ width: 100%; padding-right: 1em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; background-image: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 0 5px 5px; font-size: 14px; font-weight: bold; }
.hatsutbl span, .hatsutbl div{ display: table-cell; vertical-align: middle; white-space: nowrap;}
/*.srchBox01 .hk_departure .cp_ipselect{ width: 55%; }*/
.srchBox01 .hk_direction{ width: 30%; }
.srchBox01 .hk_tourism{ width: 30.5%; }
.srchBox01, .srchBox02{ overflow: hidden; margin-bottom: 20px; }
.hatsutbl02{ float: left; display: table; width: 30%; margin-right: 30px; }
.srchBox02 .hatsutbl02 dl{ overflow: hidden; }
.srchBox02 .hatsutbl02 dl dt{ float: left; border-left: solid 4px #5f2317; font-size: 14px; font-weight: bold; width: 20%; padding: 7px 0; padding-left:3%; }
.srchBox02 .hatsutbl02 dl dd{ float: left; width: 75%; }
.hk_date dd input{ float: left; width: 77%; padding-right: 1em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; outline: none; background-image: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px; font-size: 16px; font-weight: bold; border: 1px solid #bbbbbb; border-radius: 2px; background: #ffffff; color: #666666; }
.hk_date dd a{ float: left; display: block; padding: 6px 0 6px 6px; }
.srchBox02 .hatsutbl02.hk_daysBox{ width: 55%; margin-right: 0; }
.srchBox02 .hatsutbl02 dl.hk_days dd{ width: 75%; }
.hk_days div::before{ position: absolute; top: 1.0em; right: 0.9em; width: 0; height: 0; padding: 0; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #666666; pointer-events: none; }
.hk_days div{ float: left; position: relative; border: 1px solid #bbbbbb; border-radius: 2px; background: #ffffff; width: 30%; }
.hk_days select{ width: 100%; padding-right: 1em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; background-image: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px; font-size: 14px; font-weight: bold; color: #666666; }
.hk_days dd span{ display: inline-block; float: left; font-size: 14px; padding: 7px 5px; }
.AllClear{ float: right; position: absolute; bottom: 10px; right: 10px; background-color: #5f2317; border: solid 1px #5f2317; padding:8px 10px 5px; font-size: 14px; line-height: 1.3; font-weight: bold; text-align: center; color: #fff; }
.AllClear:hover{ cursor: pointer;}
.srchInBlk::after{ content: ""; display: table; clear: both; }
.cp_ipselect.cp_sl02::before{position: absolute; top: 1.4em; right: 0.9em; width: 0; height: 0; padding: 0; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #666666; pointer-events: none;}

.p_hit_all{ text-align: center; font-size: 18px; line-height: 1.5; margin-bottom: 10px; }
.p_hit_all span{ font-size: 48px; line-height: 1.5; color: #be000f; font-weight: bold; }
.SR_SrtNumVal{ margin-bottom: 15px; display: inline-block; padding: 5px; }
.SR_SrtNumVal span{  font-size: 12px; line-height: 1;}
.SR_SrtNumVal a{ display: inline-block; font-size: 12px; line-height: 1; padding: 8px 10px; color: #5f2317; }
.SR_SrtNumVal a.SR_Selected{ background-color: #ffa32c; }
.SR_SrtNumVal a.SR_Selected{ background-color: #5f2317; color: #fff; text-decoration: none; padding: 8px 10px; }
.pagerBox{ clear: both; background-color: #f5e7e7; margin-bottom: 15px; display: inline-block; padding: 5px; }
.pagerBox li{ float: left; background-color: #ffffff; width: auto; height: auto; text-align: center; margin: 5px; }
.pagerBox li a{ display: block; font-size: 12px; line-height: 1; color: #5f2317; padding: 8px 10px; }
.oyado .SR_SrtNumVal a.SR_Selected{ background-color: #5f2317; }
.pagerBox li.selected a{ background-color: #5f2317; color: #fff; text-decoration: none; padding: 8px 10px; }
.p_kikan{ font-size:14px; }

.tourItem{ overflow: hidden; }
.toruDate { position:relative; }
.toruDate span{position:relative; display: inline-block; line-height: 25px; padding:5px; color:#fff; background:#5f2317; }
.toruDate span::after{ position:absolute; top:0; right: -43px; content:""; width:0;  height:0;border: 18px solid transparent; border-left: 25px solid #5f2317; }
.tourTitle{ margin-bottom: 10px; padding: 0 10px; }
.tourTitle p{padding: 10px 0 10px 0px; }
.tourTitle p a{ font-size: 18px; line-height: 1.5; font-weight:bold; color: #1d3994;}
.tourTitle p a:hover {color: #ff9933; text-decoration: underline;}
.tourDetails{ overflow: hidden; margin-bottom: 30px; }
.tourPhoto{ float: left;} }
.tourPhoto ul{ overflow: hidden; }
.tourPhoto ul li{ float: left; width: 200px; height: 150px; margin-right: 10px; }
.tourPhoto ul li img{ width: 100%; vertical-align: top; }
.tourText{ float: right; width: 480px; }
.tourText .tourPoint{ font-size: 16px; line-height: 1.5; }
.tourHatsu, .tourChaku{ position:relative; margin-bottom:8px; font-size:18px; color:#000; background:#fff; }
.tourHatsu span, .tourChaku span{ display:inline-block; padding:5px 15px; margin-right:2em; line-height:24px; background:#f5e7e7; color:#5f2317;}
.tourHatsu span::after{position: absolute; content: ""; top: 1px; left: 78px; width: 0; height: 0; border: 16px solid transparent; border-left: 14px solid #f5e7e7;}
.tourChaku span::after{position: absolute; content: ""; top: 1px; left: 78px; width: 0; height: 0; border: 16px solid transparent; border-left: 14px solid #f5e7e7;}
.tourText .tourPrice{ font-size: 24px; line-height: 1.5; color: #be000f; text-align: right; }
.linkarea{ float: right; width: 250px; clear:both; }
.linkarea a{ display: block; position: relative; background-color: #be000f; background-color: rgba(190,0,15,1); color: #fff; width: 100%; font-size: 12px; line-height: 32px; text-align: center; transition: .3s; text-decoration: none; }
.linkarea a::after{ content: ''; display: block; width: .5rem; height: .5rem; margin-left: -.25rem; position: absolute; right: 5%; bottom: 39%; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }
.tourItemContent{ position:relative;}
.tourLinkarea{ position: absolute; width: 100%; height: 100%; z-index: 1000; top: 0; left: 0; }
.tourItem:hover .tourTitle a{ color:#FF9933; }
.tourItem:hover .tourDetails .tourPhoto img{ opacity: 0.7;}
.tourItem:hover .linkarea{ opacity: 0.7;}

#west, #east{ position:relative; width:1024px; margin:0 auto;}
.mBtn{ position:absolute;}
.mBtn a{ display:block; width:160px; height:30px; /* background:#000; */text-indent:-9999px; }
.mBtnE01{ top:395px; right:16.7%; }
.mBtnE02{ top:480px; right:16.7%; }
.mBtnE03{ top:643px; right:16.7%; }
.mBtnE04{ top:808px; right:16.9%; }
.mBtnE05{ top:868px; right:16.9%; }
.mBtnE06{ top:975px; right:16.9%; }
.mBtnE07{ top:1076px; right:16.9%; }
.mBtnE08{ top:1345px; right:16.9%; }
.mBtnE09{ top:1628px; right:16.9%; }
.mBtnE10{ top:1853px; right:16.9%; }
.mBtnE11{ top:2038px; right:16.9%; }
.mBtnE12{ top:560px; right:16.7%; }
.mBtnW01{ top:395px; right:16.7%; }
.mBtnW02{ top:475px; right:16.7%; }
.mBtnW03{ top:620px; right:16.7%; }
.mBtnW04{ top:780px; right:16.7%; }
.mBtnW05{ top:980px; right:16.7%; }
.mBtnW06{ top:1195px; right:16.7%; }
.mBtnW07{ top:1290px; right:16.7%; }
.mBtnW08{ top:1437px; right:16.7%; }
.mBtnW09{ top:1622px; right:16.7%; }
.mBtnW10{ top:1580px; right:16.7%; }
.mBtnW11{ top:1745px; right:16.7%; }
.mBtnW12{ top:1906px; right:16.7%; }

.tab1_section1 .text_01 {
    font-size: 12px;
	margin-bottom: 10px;
	margin-top: -10px;
}
.tab1_section1 .text_02 {
    font-size: 12px;
	margin-top: 5px;
}

/*追記190524*/
.bn_wrap{
    width: 1024px;
    margin: 0 auto;
    box-sizing: border-box;
        padding-bottom: 30px;
}
.bn{
    /* padding-bottom: 30px; */
    /* padding: 10px; */
    /* border: 2px solid #9a6d6d; */
    /* width: 940px; */
    margin: 0 auto;
    /* background: #fff; */
}
.bn img{
    /* width: 940px; */
}
.bn_wrap .bn_ttl{
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    /* width: 1024px; */
            line-height: 1.7;
}
.bn_wrap .bn_txt{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    position: relative;
    line-height: 1.3;
}
.bn_wrap a:hover {
    text-decoration: none;
}

.bn_wrap .bn_txt:before {
    /* content: ''; */
    /* position: absolute; */
    /* width: 8px; */
    /* height: 8px; */
    /* border-right: 3px solid #762023; */
    /* border-top: 3px solid #762023; */
    /* top: 55%; */
    /* right: 30%; */
    /* transform: translateY(-50%) rotate(45deg); */
}

/*20191119*/
.movie_wrap {
    display: block;
    width: 100%;
    height: 386px;
}
/*tab1_section10*/

.tab1_section10 {
    margin-top: 30px;
}

.tab1_section10 h3 {
    margin-bottom: 10px;
    color: #762023;
    font-size: 20px;
    font-weight: normal;
}
.tab1_section10 h3 span{
	color: #762023;
    font-size: 14px;
    font-weight: normal;
}

.tab1_section10 .text_01 {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: -10px;
}
.tab1_section10 .text_02 {
    font-size: 12px;
    margin-top: 5px;
}
.tab1_section10 .movie_box {
    display: flex;
    justify-content: space-between;
}
.search_btn-submit {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.search_btn-submit:after { 
    content:'';
    display:block;
    width:.5rem;
    height:.5rem;
    position:absolute;
    right:5%;
    bottom:45%;
    margin-left:-.25rem;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    transform:rotate(45deg);
}

.voice_box-text {
    font-size: 14px;
    line-height: 1.5;
    padding-left: 14px;
    text-indent: -14px;
}

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

.ttl_covid {
    margin-bottom: 10px;
    color: #762023;
    font-size: 24px;
    font-weight: normal;
}

.covid_items {
    margin-top: 20px;
}

.covid_item--ttl {
    margin-bottom: 5px;
    color: #762023;
    font-size: 21px;
}

.icn_covid {
	width: 60px;
    height: 60px;
    vertical-align: -23px;
    margin-right: 10px;
}

/*start_リニューアル2021対応*/
:where(.contents) *,
:where(.contents)::after,
:where(.contents)::before {
  box-sizing: content-box;
}

:where(.contents) img {
  width: auto;
}

#btnToTop.btnToTop--active {
	display: none;
}

.tabBtn_wrap_bottom {
	width: 1024px;
	margin: 0 auto;
	padding-bottom: 50px;
}


/*.tabBtn_wrap ul, .tabBtn_wrap_bottom ul {
	padding: 0 32px;
}*/

.txt_1 img {
	width: 315px;
	height: 30px;
}

.pageHeading img {
	width: 604px;
	height: 149px;
}
/*end_リニューアル2021対応*/

.hk_daysBox span:not(:first-child) {
	border-left:none;
	width: 15%
}

.hk_daysBox {
	width: 40%;
}

.tabContents_wrap {
	width: 1024px;
	margin: 0 auto;
}

.OnFL, .OnFLeft {
    float: left;
}

.OnFR, .OnFRight {
    float: right;
}

/*.FClear:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
*/
.single-item {
	width: 520px;
}

.tab1_section10 .heading_typeA {
    margin-bottom: 20px;
    color: #762023;
    font-size: 34px;
    border-bottom: 4px double #efd9ac;
    line-height: 1.3;
}

.txtbox {
	margin-right: 20px;
}

.txtbox h3 {
	margin-top: 10px;
}

.conductor:first-child {
	width: 300px;
	margin-right: 15px;
}

.conductor:not(:first-child) {
	width: 190px;
}

.conductor_box {
	border: 1px solid #762023;
	padding: 25px;
	margin-top: 25px;
}

.conductor_box h3 {
	text-align: center;
	margin-bottom: 10px;
	font-size: 21px;
	color: #762023;
}

.conductor dt, .conductor .phot {
	text-align: center;
}

.conductor .phot small {
	font-size: 12px;
}

.conductor dt, .service dt {
	font-size: 20px;
}

.conductor dt small, .conductor_txt, .service dt span {
	font-size: 14px;
}

.conductor_txt {
	padding: 0 6px;
}

.conductor .note {
	font-size: 13px;
	padding-top: 15px;
}

.service_box {
	margin-top: 25px;
}

.service_box dl:not(:last-child) {
	margin-right: 25px;
}

.service {
	display: flex;
}

.service dt {
	margin-right: 10px;
}

.service dt span {
	display: block;
	margin-top: 5px;
}

.service dt {
	color: #762023;
}

.service dt span {
	color: #333;
}

.conductor_note {
	text-align: right;
	font-size: 13px;
	margin-top: 5px;
}

.detail {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 35px 35px;
}

.detail dl {
	width: 260px;
}

.detail dl .heading_typeB {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.5;
	color: #762023;
	margin-bottom: 5px;
}

.detail dl dd figure img {
	width: 100%;
}

.detail dl dd figcaption {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
}

/*お客様の声*/
.blog_box .heading_typeA {
    position:relative;
    margin-bottom: 20px;
    color: #762023;
    font-size: 34px;
    font-weight: bold;
    border-bottom: 4px double #efd9ac;
    line-height: 1.3;
}

.blog_box .heading_typeA::after{
    content: '';
    display: block;
    width: 154px;
    height: 64px;
    background: url(/attending/kokunai/crystal_smile/images/promise_box_ttl_bg.png) no-repeat center bottom;
    position: absolute;
    left: 130px;
    bottom: 5px;
}
.blog_wapper * {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.blog_wapper {
    /* font-size: 18px; */
    font-weight: 500;
    background-color: #F4F2EE;
    padding: 20px;
    margin-bottom: 30px;
}

.blog_wapper strong {
    font-weight: bold;
}

.blog_wapper h3 {
    font-size: 24px;
    font-weight: bold;
}

.blog_wapper h3::before {
  content: url(/attending/kokunai/crystal_smile/images/ico_c.png);
  vertical-align: middle;
  padding-right: 5px;
}

.evaluation {
    font-size: 22px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

/*.evaluation::before {
  content: url(/attending/kokunai/crystal_smile/images/ico_i.png);
  vertical-align: baseline;
  padding-right: 5px;
  padding-top: 3px;
}*/

.evaluation dd {
    color: #762023;
    font-size: 22px;
	padding-left: 10px;
}
.evaluation dd span{
	color: #333;
	font-size:16px;
}

.blog_ttl {
    border-bottom: 1px solid #762023;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.blog_info {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 15px;
}

.blog_cont {
    margin-bottom: 20px;
}

.reply {
    background-color: #FFF;
    padding: 20px;
}

.reply h4 {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #762023;
    margin-bottom: 10px;
}

.reply h4::before {
  content: url(/attending/kokunai/crystal_smile/images/ico_t.png);
  vertical-align: middle;
  padding-right: 5px;
}

.tabContents_wrap .pager * {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
}

.pager .pagination {
    text-align: center;
}

.pager .pagination li {
    font-size: 16px;
    margin: 0 2px;
    padding: 0;
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    position: relative;
    border: solid 1px #ccc9c2;
    color: #762023;
}

.pager .pagination li.num {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.pager .pagination li a{
    color: #3e3e3e;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  text-decoration: none;
}

.pager .pagination li a:hover {
    cursor:pointer
}

.pager .pagination li a.active{
  color: #fff;
  background: #857f73;
  border: solid 1px #857f73;
  text-decoration: none;
}

.pager .pagination li a:hover {
    opacity: 0.5;
    text-decoration: underline;
}

.direction {
    text-indent: -3em;
    padding-left: 3em;
}

.month {
    max-width: 160px;
    width: 100%;
}

.pager .pagination li a#next,
.pager .pagination li a#prev {
    color:#a7212c;
}

.evaluation_txt {
    font-size: 22px;
}

.hero .movie_box{
	width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.hero .movie_box iframe{
	position: absolute;
	display: block;
    border: none;
    aspect-ratio: 1000 / 430;
    width: 100%;
    height: 140%;
    top: 50% !important;
    left: 50% !important;
    translate: -50% -50%;
	pointer-events: none;
}