@charset "UTF-8";
.sr_page-shopping-result__free .fca_container {
		padding: 0;
}
/* PC SP 共通 */
.pc_tfs {
	display: block;
}
.sp_tfs {
	display: none !important;
}

.clearfix:after {
		line-height: 0;
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: '';
}
/* web font */
.prof_wrap .prof_name, .item_box h3 span, .detail_btn, ul.tfs_nav li a p, ul.tfs_nav li a span.btn_look, .tfs_coordinate .coordi_head, .item_box h5, #interview p.headline, .item_answer, .coordi_wrap_text {
		font-family: 'ゴシックMB101 DB', 'Gothic MB101 DemiBold';
}
.tfs_lead *, .spec_wrap .price, .item_box .item_text p, .coordi_box ul.swiper-wrapper li p, .text_box, .text_box_ttl, .size_tfs, ul.item_point li p span:last-child, ul.item_point0203 li .point_catch {
		font-family: 'ゴシックMB101 M', 'Gothic MB101 Medium';
}
.sub_ttl, .lead_text a, .prof_wrap .prof_name span {
		font-family: century-gothic, 'Century Gothic', CenturyGothic, Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-style: italic;
}
.coordi_num, .slide_nav li {
		font-family: 'Gill Sans', sans-serif;
		font-weight: 100;
}
.prof_wrap .prof_name span {
		font-weight: 400;
}
.tfs_pagetop a, #archive a {
		font-family: 'DIN Alternate', 'din-2014', sans-serif;
}
/* ルビ */
ruby {
		font-weight: bold;
}
rt {
		font-size: 50%;
		transform: scale(0.85);
}
/* animation */
#tfs_list_con {
		visibility: visible;
		animation: fadeIn_tfs 1.3s forwards;
		animation-delay: .5s;
		opacity: 0;
}
@keyframes fadeIn_tfs {
		0% {
				transform: translateY(0px);
				opacity: 0;
		}
		100% {
				transform: translateY(0px);
				opacity: 1;
		}
}
/* top */
.fade_top {
  animation-fill-mode: both;
  animation-duration: 2.5s;
  animation-name: fade_top;
  visibility: visible!important;
  opacity: 1;
  animation-delay: 0.5s;
}
@keyframes fade_top {
0% {
  opacity: 0;
}
/* 50% {
  opacity: 0;
} */
100% {
  opacity: 1;
}
}


/* main PC */
.sp_tfs {
		display: none;
}
.fca_page-shop-category__body {
		margin-top: 0;
}
#tfs_list_con {
		/* width: 1080px; */
		/* border: 15px solid #dbd000; */
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 0.78rem;
		margin: 0 auto 3em;
}
#tfs_list_con li {
		list-style: none;
}
#tfs_list_con a {
		transition: all .3s;
}
#tfs_list_con a:hover, .slide_nav li:hover, ul.tfs_nav li a:hover img {
		text-decoration: none;
		opacity: .7;
}
#tfs_list_con .tfs_main {
		padding: 70px 0;
		background: #F6F4F0;
		width: 100%;
		margin-top: 10px;
}
#tfs_list_con .tfs_main .main_inner {
		width: 920px;
		margin: 0 auto;
}
.tfs_ttl {
	  width: 78%;
		position: relative;
		margin: 0 auto 40px;
		animation: fade_tfs 1.0s forwards;
		animation-delay: .5s;
		text-align: center;
}
.tfs_lead {
		text-align: center;
		margin: 0 auto;
		position: relative;
		width: 695px;
}
.ttl_image01 {
		margin: 0 auto;
		animation-delay: 1.5s;

}
.ttl_image02 {
		margin: 0 0 8px;
}
.lead_text {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 125%;
		line-height: 2.1;
		margin: 2.0em auto 2.5em;
		text-align: left;
		letter-spacing: 0.12em;
		animation-delay: 1.8s;
}
.lead_text p {
		text-align: justify;
		margin: 0;
}
.lead_text a {
		font-size: 149%;
		font-weight: bold;
		font-style: italic;
		position: relative;
		box-sizing: border-box;
		width: 116px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-bottom: 0.5em;
		height: 116px;
		border-radius: 50%;
		text-align: center;
		letter-spacing: .05em;
		color: #208487;
		border: 2px solid #208487;
		background: #FFF;
}
.text_box {
		width: 89%;
		font-size: 120%;
		line-height: 2.2;
		background: #FFF;
		display: block;
		margin: 0 auto;
		box-sizing: border-box;
		color: #208487;
		border: 1px solid #208487;
		padding: 2em 3em 1.5em;
		margin-top: 3em;
}
.text_box_ttl {
		text-align: center;
		font-size: 180%;
		font-weight: bold;
		letter-spacing: 0.08em;
		line-height: 1.4em;
		margin-bottom: 0.5em;
}
.text_box p {
		letter-spacing: 0.08em;
		text-align: justify;
		margin-top: 0.5em;
}
/* nav */
ul.tfs_nav {
		display: flex;
		width: 94%;
		margin: 9.8em auto 3em;
		padding: 0;
		/* flex-wrap: wrap; */
		justify-content: space-around;
}
ul.tfs_nav li {
		text-align: center;
		position: relative;
}
ul.tfs_nav li a {
		display: block;
		transition: all .3s;
}
ul.tfs_nav li a p {
		font-size: 200%;
    margin: 1em auto 0.6em;
		font-feature-settings: 'palt'1;
		letter-spacing: 0.05em;
		font-family: Helvetica, Arial, "sans-serif";
		font-weight: 700;
		white-space: nowrap;
}
ul.tfs_nav li a p.min_nav {
		line-height: 1;
		margin: 0.0em 0 0.5em;
}
ul.tfs_nav li a span.btn_look {
		font-size: 140%;
		font-weight: bold;
		line-height: 40px;
		position: relative;
		display: block;
		width: 160px;
		margin: 0 auto 0;
		transition: all .3s;
		text-align: center;
		letter-spacing: .08em;
		color: #208487;
		border: 2px solid #208487;
}
.lead_text a:after, ul.tfs_nav li a span.btn_look:after {
		font-size: 120%;
		position: absolute;
		top: 48%;
		right: 11%;
		display: block;
		width: 8px;
		height: 8px;
		margin: 0 5px 1px 0;
		content: '';
		transition: all .3s;
		transform: rotate(45deg) translateY(-60%);
		border-right: 2px solid #208487;
		border-bottom: 2px solid #208487;
}
.lead_text a:after {
		top: 71%;
		left: 41%;
		width: 11px;
		height: 11px;
}
ul.tfs_nav li a img {
		transition: all .3s;
}
ul.tfs_nav li a:hover, .tfs_pagetop a:hover {
		opacity: 1 !important;
}
.lead_text a:hover, ul.tfs_nav li a:hover span.btn_look {
		opacity: 1 !important;
		color: #fff !important;
		background: #208487;
}
ul.tfs_nav li a:hover span.btn_look:after {
		top: 55%;
		border-color: #fff;
}
.lead_text a:hover:after {
		top: 75%;
		border-color: #fff;
}
/* main */
.item_box {
		margin: 6em auto 4em;
		padding-top: 4em;
}
.item_box h5 {
	font-size: 350%;
	font-weight: bold;
	text-align: center;
	letter-spacing: .02em;
}
.item_box h5 span {
		font-weight: bold;
		line-height: 1.0;
		letter-spacing: 0.04em;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		font-family: Helvetica, Arial, "sans-serif";
}
#item_01.item_box h5 span {
	font-weight: bold;
	line-height: 0.8;
}

.item_box .min_ttl {
	font-size: 160%;
	margin: 0.6em 0 2.2em;
	color: #208487;
	letter-spacing: 0.12em;
	font-family: "A1 Gothic M";
	text-align: center;
}
#item_01.item_box h5:before {
		content: "";
		width: 2em;
		height: 2.8em;
    display: inline-block;
		margin: -0.6em -0.4em -0.9em -1.85em;
		background-image: url(../images/num01.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
}
#item_02.item_box h5:before {
	content: "";
	width: 2em;
	height: 2.8em;
	display: inline-block;
	margin: -0.5em -0.4em -0.8em -1.85em;
	background-image: url(../images/num02.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
}
#item_02.item_box h5:after {
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 0em;
	content: '';
	border-bottom: 1px solid #208487;
}
#item_03.item_box h5:before {
	content: "";
	width: 2em;
	height: 2.8em;
	display: inline-block;
	margin: -0.5em 0em -0.8em -2.25em;
	background-image: url(../images/num03.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#item_03.item_box h5:after {
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 0em;
	content: '';
	border-bottom: 1px solid #208487;
}

.item_box:nth-child(3) h5:before {
		background-image: url(../images/num03.png);
}
.item_box:nth-child(4) h5:before {
		background-image: none;
		display: none;
}
#item_01.item_box h5:after {
		display: block;
		width: 100%;
		height: 1px;
		margin-top: 0em;
		content: '';
		border-bottom: 1px solid #208487;
}
.item_wrap {
		display: flex;
		margin: 3em auto 2em !important;
		/* flex-wrap: wrap; */
		justify-content: center;
		align-items: center;
}

.item_box .item_text {
		font-size: 124%;
		line-height: 1.9;
}
.item_box > .item_text {
		width: 720px;
		margin: 1.2em auto 1.5em;
}
.item_box .item_wrap .item_text {
		width: 400px;
		margin-left: 3em;
}
.item_box .item_text p {
		text-align: justify;
		letter-spacing: .08em;
}
.item_box .item_text span.point_ttl {
		font-size: 105%;
		font-weight: bold;
		line-height: 1.5;
		display: block;
		margin-bottom: 0.4em;
}
.item_box .item_text span.min_point {
		font-size: 95%;
}
ul.item_point {
		margin: 0em 0 0;
		padding: 0;
}


ul.item_point li {
		margin: 1.0em 0 2.8em;
		/* border: 1px solid #231814; */
		background: #FFF;
		border-radius: 6px;
		position: relative;
		box-sizing: border-box;
		padding: 0.8em 1.6em;
		text-align: center;
}

#item_01 ul.item_point li:last-child {
		margin-bottom: 0;
}

ul.item_point li > * {
		vertical-align: middle;
}
ul.item_point li .point_icon {
		position: absolute;
		width: 52px;
		height: auto;
		top: -24px;
		left: -30px;
}
ul.item_point li .point_catch {
	margin-top: 0em;
	margin-bottom: 0.4em;
}
ul.item_point li .point_catch span.catch_big {
	color: #208487;
	font-size: 115%;
	padding-left: 0;
	margin-top: -0.6em;
	display: block;
	width: auto;
}
ul.item_point li .point_catch span.catch_min {
	margin-bottom: 0.4em;
	font-size: 90%;
	display: block;
	letter-spacing: 1.7px;
}

ul.item_point li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
ul.item_point li.flex > * {
		display: block;
		vertical-align: middle;
}
ul.item_point li p.item_point_flex {
		display: flex;
		margin: 0em auto 0em;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
}
ul.item_point li p span:last-child {
	width: 76%;
	padding-left: 1em;
	color: #4c4c4c;
	letter-spacing: 0.08em;
	font-size: 89%;
	line-height: 1.7;
	font-feature-settings: 'palt' 1;
	text-align: justify;
	letter-spacing: 0.1em;
}
ul.item_point li p.item_point_single {
	color: #4c4c4c;
	letter-spacing: 0.08em;
	font-size: 89%;
	line-height: 1.7;
	font-feature-settings: 'palt' 1;
	text-align: justify;
	letter-spacing: 0.1em;
	margin-top: 0;
}

ul.item_point li p span {
		/* width: 85px; */
}
.sub_photo {
		max-width: 94%;
		display: block;
		margin: 2em auto 1em;
}

.item_point_flex span:nth-child(1) {
	width: 22%;
}
/* font-family: "Book Antiqua" */




/* 価格 */
.spec_wrap {
		font-size: 170%;
		margin-top: 2.0em;
		display: block;
		text-align: center;
}
.spec_wrap a {
		display: block;
}
.spec_wrap  {
		color: #000 ;
}
.spec_wrap .item_name {
	font-weight: bold;
	line-height: 1.5;
	display: block;
	font-family: "A1 Gothic B";
	font-size: 0.9em;
}
.spec_wrap .price {
		font-size: 80%;
		display: block;
		margin-top: .2em;
}
.spec_wrap .price_num {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 185%;
		font-weight: 400;
		font-style: italic;
		line-height: 1.3;
		margin-left: .2em;
		letter-spacing: 0;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
.detail_btn {
	font-size: 95%;
	line-height: 52px;
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 260px;
	margin: .6em auto 1em;
	letter-spacing: .2em;
	color: #fff !important;
	border: 2px solid #FFF;
	background: #DDBB2F;
	text-align: center;
}
.detail_btn:after {
		position: absolute;
		top: 50%;
		right: 10%;
		display: block;
		width: 8px;
		height: 8px;
		margin: 0 5px 1px 0;
		content: '';
		transition: all .3s;
		transform: rotate(-45deg) translateY(-60%);
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
}
a:hover .detail_btn:after {
		right: 8%;
}
.detail_btn:before {
		font-size: 120%;
		position: absolute;
		right: -6px;
		bottom: -6px;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		border-right: 1px solid #DDBB2F;
		border-bottom: 1px solid #DDBB2F;
}
/* coordi_box */
#tfs_coordinate {}
.ttl_guide {
		display: block;
		margin: 100px 0 -1px 10%;
		position: relative;
		z-index: 1;
		background: #FFF;
		border: 1px solid #000;
		border-bottom: none;
		box-sizing: initial;
		padding: 1.4em 2.3em 0.4em;
		border-radius: 1.5em 1.5em 0 0;
		width: 14.5em;
		position: relative;
}
.ttl_guide::after {
		content: "";
		display: block;
		border-bottom: 2px solid #FFF;
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
}
#tfs_list_con .coordi_wrap_text {
		color: #FFF;
		font-size: 180%;
		background: #836a5e;
		border-radius: 1.5em;
		margin-top: -1.1em;
		padding: 0.3em 2.0em;
		display: inline-block;
}
.coordi_box {
		position: relative;
		/* overflow: hidden; */
		box-sizing: border-box;
		width: 820px;
		margin: 0px auto 5px;
		padding: 0 0 5px;
		border: 1px solid #000;
		border-left: none;
		border-right: none;
		background: #fff;
		text-align: center;
}
.coordi_box ul {
		padding: 0;
		margin: 0;
		display: block;
}
.coordi_box ul li {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		position: relative;
		box-sizing: border-box;
		width: 82%;
		margin: 0 auto;
		/* padding: 45px 70px 25px; */
		text-align: center;
}
/* code item link */
.coordi_text .code_link_wrap p.link_ttl {
	font-family: "Book Antiqua";
	font-weight: bold;
	color: #328E8E;
	text-align: center;
	float: none;
	margin-bottom: 0.3em;
}
.code_link_wrap p.link_ttl::after {
	display: block;
	width: 80%;
	height: 1px;
	margin: 0 auto;
	content: '';
	border-bottom: 1px solid #777777;

}

.coordi_box .coordi_text .code_link_wrap ul li {
	display: flex;
	justify-content: center;
padding-top: 0em ;
	gap: 3.6em;
}
.code_link_wrap ul li a p {
	font-family: 'Poppins', sans-serif;
	color: #777777;
	margin-top: 0;
	font-size: 95%;
	display: inline-block;
	padding-right: 15px;
}
.code_link_wrap ul li a {
	position: relative;
}
.code_link_wrap ul li a::before {
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	width: 7.2px;
	height: 7.2px;
	margin: auto;
	border-top: 1.5px solid #777777;
	border-right: 1.5px solid #777777;
	transform: rotate(45deg);
	box-sizing: border-box;
}

.code_link_wrap ul li a::after {
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: -5px;
	width: 7.2px;
	height: 7.2px;
	margin: auto;
	border-top: 1.5px solid #777777;
	border-right: 1.5px solid #777777;
	transform: rotate(45deg);
	box-sizing: border-box;}





#item_03 .ttl_guide {
		margin: 50px 0 0 13%;
		width: 10.2em;
}
.slider_wrap ul li img {
		display: inline-block;
		float: left;
}
.coordi_box ul li .coordi_text {
		display: inline-block;
		width: 233px;
}
.coordi_box ul li .coordi_text {
	display: flex;
	width: 277px;
	margin: 0 2em;
	flex-direction: column;
}

.coordi_box ul li {
		padding: 40px 32px 16px;
}
.coordi_text > * {
		display: block;
}
.coordi_text img {
		border-radius: 5px;
		overflow: hidden;
}
.coordi_num {
	color: #208487;
	font-size: 220%;
	margin: 0em auto 0.4em;
	letter-spacing: .05em;
	text-align: center;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	/* font-family: Helvetica, Arial, "sans-serif"; */
	font-weight: bold;
	}
/* .coordi_num:after {
		display: block;
		width: 71%;
		height: 1px;
		margin: 0 auto;
		content: '';
		border-bottom: 2px solid #208487;
} */

.coordi_box ul li p {
	font-size: 120%;
	line-height: 1.7;
	float: right;
	/* width: 265px; */
	text-align: justify;
	letter-spacing: 1.6px;
	margin-top: 0.8em;
}
p.size_tfs {
		display: block;
		text-align: right;
		font-size: 107%;
		width: 88%;
		margin: 0.9em auto 0;
}
/* ----- item02 -------*/
#item_02 .spec_wrap {
	font-size: 170%;
	margin-top: 0em;
	display: block;
	text-align: center;
}


.item02_wrap {
	position: relative;
}
.item02_wrap::after {
	position: absolute; 
	top: 0;
	left: 100%;
	margin: 0 1rem;
	content: "";
	width: 2px; /*--縦線の太さ(幅)--*/
	height: 100%;
	background-color: #ffffff; /*--縦線の色--*/
}

/* ----- item03 -------*/
#item_03 .spec_wrap {
width: 50%;
margin-top: 0;
}
.item03_spec {
	margin: 0 auto;
	position: relative;
}
#item_03 .spec_wrap span:nth-child(1) img {
margin-bottom: 1em;
}
#item_03 .item03_spec a .price_red {
	color: #AE001B !important;
	font-size: 90%;
}
#item_03 .item_text ul li .point_catch span.catch_min {
width: 98%;
margin-bottom: 0;
line-height: 1.5;
}
.item03_p01_sub {
	margin: 0 auto
}
.item03_p01_sub img {
width: 93%;
}
#item_03 ul.item_point li {
	display: block;
}
#item_03 ul.item_point li:nth-child(2) .point_catch, #item_03 ul.item_point li:nth-child(4) .point_catch {
	margin-top: 0em;
	margin-bottom: 0em;
}
.campaign_icon {
	position: absolute;
	top: -1em;
	left: -3.5em;
	width: 27%;
}
#item_03 .item_wrap {
	margin-bottom: 3.5em !important;
}
#item_03 .spec_wrap .price {
	font-size: 76%;
}

ul.swiper-wrapper li.swiper_slide {
	margin-top: -20px;
}



/* 各見出し */
.sub_ttl {
		font-size: 360%;
		font-weight: bold;
		font-style: italic;
		line-height: .76;
		margin-bottom: 30px;
		text-align: center;
		letter-spacing: .08em;
		color: #aca296;
		border-bottom: 1px solid #aca296;
}
/* profile */
#prof {
		box-sizing: border-box;
		width: 820px;
		margin: 11em auto 4.5em;
		padding: 2.8em 40px;
		background: #ffffff;
}
.prof_wrap {
		text-align: center;
		font-size: 94%;

}
.prof_wrap > * {
		display: inline-block;
		vertical-align: middle;
}
.prof_wrap .prof_text {
		float: left;
		width: 445px;
		text-align: justify;
}
.prof_wrap .prof_name {
		font-size: 185%;
		float: left;
		width: 430px;
		margin: 0.2em 0 .3em;
		text-align: left;
		color: #208487;
}
.prof_wrap img {
	float: left;
	margin-right: 29px;
	width: 22%;
	margin-left: 54px;
	margin-top: 6px;
}
.prof_wrap .prof_name span {
		font-size: 95%;
		font-weight: normal;
		font-style: italic;
}
.prof_wrap .prof_text p {
		font-size: 140%;
		line-height: 1.9;
		color: #4c4c4c !important;
}
.prof_link {
		display: flex;
		clear: both;
		margin: 2em auto 1.0em;
		margin-top: 2em;
		padding: 0;
		flex-wrap: wrap;
		justify-content: center;
}
.prof_link li {
		margin: 0 1.5em;
}
.prof_link a * {
		font-size: 140%;
		font-style: italic;
		display: inline-block;
		margin: 0 .2em;
		vertical-align: middle;
		text-decoration: underline;
		letter-spacing: .05em;
		color: #000 !important;
}
/* pagetop */
.tfs_pagetop {
		position: relative;
		width: 80px;
		height: 80px;
		margin: 0em auto 1em;
		text-align: center;
		border-radius: 50%;
		background: #208487;
}
.tfs_pagetop a {
		font-size: 180%;
		font-style: italic;
		line-height: 90px;
		display: block;
		width: 100%;
		height: 100%;
		letter-spacing: .12em;
		color: #fff !important;
}
.tfs_pagetop:after {
		position: absolute;
		top: 19%;
		left: calc(50% - .25em);
		display: block;
		width: .7em;
		height: .7em;
		content: '';
		transition: all .3s;
		transform: rotate(-135deg);
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
}
.tfs_pagetop:hover:after {
		top: 15%;
}
/*==================================

SP

==================================*/
@media screen and (max-width: 768px) {
		.pc_tfs {
				display: none;
		}
		.sp_tfs {
				display: block !important;
		}
		.content_fsp {
				padding: 0;
				background: #fff;
		}
		#tfs_list_con {
				width: 100%;
				/* padding: 30px 0 0; */
				font-size: 3.5vw;
		}
		#tfs_list_con .tfs_main {
				padding: 37px 0;
				margin: 0;
		}
		#tfs_list_con .tfs_main .main_inner {
				width: 100%;
		}
		.tfs_ttl {
				width: 96%;
				margin: 0 auto 15px;
		}
		#tfs_list_con .coordi_box img {
				float: none;
				height: auto;
				margin: 1em auto 0.5em;
		}
		.tfs_lead img {
				width: 100%;
		}
		.tfs_ttl img {
				width: 90%;
		}
		.ttl_image02 {
				vertical-align: top;
				width: 100%;
		}
		.ttl_image02 img {}
		.tfs_lead {
				width: 87%;
		}
		.tfs_lead * {
				line-height: 1.8;
				letter-spacing: .02em;
		}
		.lead_text {
				font-size: 85%;
				margin: 1.5em auto;
				position: relative;
				top: auto;
				left: auto;
		}
		.lead_text p {
				line-height: 2.0;
				width: 72%;
		}
		.lead_text a {
				font-size: 135%;
				width: 20vw;
				height: 20vw;
		}
		.lead_text a:after {
				left: 40%;
				width: 8px;
				height: 8px;
		}
		/* nav */
		ul.tfs_nav {
				width: 100%;
				justify-content: center;
				margin: 3.5em auto 0em;
		}
		ul.tfs_nav li {
				width: 30%;
				margin: 0 1%;
		}
		ul.tfs_nav li a img {
				width: 100%;
		}
		ul.tfs_nav li a p {
				font-size: 105%;
				line-height: 1.5;
				margin: .9em auto .9em;
				text-align: center;
				/* letter-spacing: .08em; */
		}
		ul.tfs_nav li a span.btn_look {
				font-size: 85%;
				line-height: 2.2em;
				width: 88%;
				/* border: 4px solid #208487; */
		}
		ul.tfs_nav li a span.btn_look:after {
				top: 42%;
				right: 8%;
		}
		/* main */
		.spec_wrap {
				font-size: 120%;
		}
		.item_box {
				margin: 4em auto 3em;
		}
		#item_02.item_box {
			margin-bottom: 0em;
				}
		.item_box h5 {
				font-size: 220%;
		}
		.item_box h5 > span {
			margin: -0.9em 0% 0 0;
			line-height: 0.9;
				}
		.item_box .min_ttl {
				font-size: 105%;
				margin: 0.6em auto -1.5em;
		}
		.item_box h5:before {
			height: 3em;
			/* margin: -1.6em -0.4em -1.8em -0.85em !important; */
					}
		/* .item_answer {
				font-size: 86%;
				width: 90%;
				margin: 1.7em auto 1.5em;
				box-sizing: border-box;
		}
		.item_answer span {
				width: 20%;
		}
		.item_answer span img {
				width: 100%;
		}
		.item_answer p {
			width: 90%;
    text-align: left;
		} */
		.item_wrap {
				display: block;
				margin: 1em auto 2em;
		}
		.item_wrap > span {
				display: block;
				width: 75%;
				margin: 0 auto 2em;
		}
		.item_wrap > span img {
				width: 100%;
				/* margin-left: -5%; */
		}
		.item_box .item_wrap .item_text {
				font-size: 95%;
				line-height: 1.8;
				width: 90%;
				margin: 0 auto;
		}
		.item_box .item_text span.point_ttl {
				font-size: 100%;
		}
		.item_box .item_text p {
				line-height: 1.85;
				text-align: justify;
		}
		ul.item_point li .point_catch {
				font-size: 110%;
				letter-spacing: 0.05em;
				flex-direction: column;
		}
    ul.item_point {
			margin: 6em auto 1em;
			width: 97%;
	}
			ul.item_point li {
				display: block;
				margin: 1em 0 3.7em 4vw;
		}
		ul.item_point li img {
				display: inline-block;
				width: 100%;
				vertical-align: middle;
		}
		ul.item_point li .point_icon {
			width: 12.2vw;
			height: auto;
			top: -7vw;
			left: -7.5vw;
				}
		ul.item_point li > p {
				display: flex;
				flex-wrap: nowrap;
				justify-content: flex-start;
				width: 100%;
				vertical-align: middle;
		}
		ul.item_point li p span:first-child {
				/* width: 25%; */
				display: block;
		}
		ul.item_point li p span:last-child {
			width: 76%;
			line-height: 1.8;
			letter-spacing: 0.05em;
			padding-left: 2.8vw;
		}
		ul.item_point li p span {
				/* width: 45%; */
		}
		ul.item_point li.flex {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: baseline;
		}
		ul.item_point li.flex > * {
				display: block;
				vertical-align: middle;
		}
		ul.item_point li.flex img {
				width: 38%;
				margin: 0 2%;
		}
		/* coordinate item link */
		.code_link_wrap p.link_ttl::after {
			width: 130px;
		}
		.code_link_wrap ul li a::before {
			top: 12%;
			bottom: 0;
			right: 3px;
			width: 6.2px;
			height: 6.2px;
			border-top: 1px solid #777777;
			border-right: 1px solid #777777;
		
		}
		.code_link_wrap ul li a::after {
			top: 12%;
			bottom: 0;
			right: -2px;
			width: 6.2px;
			height: 6.2px;
			border-top: 1px solid #777777;
			border-right: 1px solid #777777;

		}
		.coordi_box .coordi_text .code_link_wrap ul li {
			gap: 3em;
	}
/* ------ item01 ------- */
		#item_01.item_box h5 span {
			font-weight: bold;
			line-height: 1;
			font-size: 95%;
	}
	#item_01.item_box h5:before {
		margin: -0.5em 0.2em -0.9em -2.95em;
		}

.spec_wrap span img {
	width: 85%;
}
/* ------ item02 ------- */
#item_02.item_box h5:before {
	margin: -0.5em -0.5em -0.8em -1.65em;
}
		.item_box:nth-child(2) h5:before {
			background-image: url(../images/num02.png);
	}
	
ul.swiper-wrapper li.swiper_slide {
	margin-top: 2.7%;
}
#item_03 {
	margin-top: 5em;
}
#item_02 .spec_wrap {
	font-size: 120%;
}
#item_02 .tfs_coordinate .coordi_box ul li div:nth-child(1) .code_link_wrap {
	margin-top: -2em;
}
/* ------ item03 ------- */
.item_box:nth-child(3) h5:before {
	background-image: url(../images/num03.png);
}
#item_03.item_box h5:before {
	margin: -1.7em -0.3em -1.5em -1.75em;
}

#item_03.item_box h5 > span {
	margin: -0.5em 0% 0 0;
	line-height: 0.9;
}

#item_03 .spec_wrap {
	width: 81%;
	margin: 0 auto;
}
#item_03 .item_text ul li .point_catch span.catch_min {
	width: 100%;
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 81%;
	padding-left: 1%;
}
#item_03 .spec_wrap span:nth-child(2) img {
	width: 100%;

}
#item_03 .item03_spec {
	margin: 2em auto;
}
.campaign_icon {
	position: absolute;
	top: -2%;
	left: -5%;
	width: 27%;
}
		/* 価格 */
    .detail_btn {
			font-size: 105%;
			line-height: 2.5em;
			width: 56%;
	}
			.detail_btn:after {
				top: 48%;
				right: 10%;
		}
		/* slider */
		#tfs_coordinate {}
		.ttl_guide {
				width: 30%;
				height: auto;
				margin-left: 7%;
				padding: 1.0em 2.3em 0.4em;
		}
		#item_03 .ttl_guide {
				width: 23%;
				height: auto;
				margin-left: 10%;
		}
		#tfs_list_con .coordi_wrap_text {
				font-size: 110%;
				text-align: center;
				line-height: 1.4;
				border-radius: 2.5em;
		}
		.coordi_box {
				width: 94%;
				/* border: 4px solid #208487; */
				padding: 0 0 30px;
		}
		.coordi_box ul li {
				display: block;
				padding: 1.2em 0 0px;
		}
		.coordi_box ul li img {
				float: none;
				width: 42%;
		}
		.coordi_box ul li .coordi_text {
				float: none;
				width: 90%;
				margin: 0 auto;
				text-align: center;
		}
		.coordi_box ul li {
				display: flex;
				/* flex-wrap: wrap; */
				justify-content: space-between;
				width: 95%;
				margin: 0 auto;
				padding: 1.5em 0 0px;
		}
	#item_03 .coordi_box ul li {
				padding-top: 0.9em;
		}
		#item_04 .coordi_box ul li {
				width: 92%;
				padding-top: 0.9em;
		}
		#item_04 .coordi_box {
				padding: 0 0 0.8em;
		}
		#item_04 .coordi_text .coordi_ttl {
				margin: 0.3em auto 0.4em;
		}
		.coordi_box ul li .coordi_text {
				width: 45%;
				font-size: 70%;
		}
		#item_04 .coordi_box ul li .coordi_text {
				width: 30%;
		}
		#item_01 .coordi_box ul li {
				width: 96%;
		}
		#item_01 .coordi_box ul li .coordi_text {
				/* width: 28%; */
		}
		#item_01 .coordi_box ul li p {
			letter-spacing: 0.7px;
			margin: 0.5em 0 0;
		}
		.coordi_box ul li .coordi_text img {
				width: 100%;
		}
		.coordi_text > * {
				display: inline-block;
				vertical-align: top;
		}
		.coordi_num {
			font-size: 200% !important;
			line-height: 1.3;
			margin: 0em auto 0.1em;
			}
		.coordi_num:after {
				height: 0.3em;
		}
		.coordi_text .coordi_ttl {
				font-size: 147%;
				line-height: 1.4;
				margin: .5em auto 0.4em;
				white-space: nowrap;
		}
		.coordi_box ul li p {
			font-size: 107%;
			line-height: 1.9;
			text-align: justify;
			letter-spacing: 0.7px;
			margin-top: 0.4em;
		}
		.coordi_box ul li img.coordi_sub_photo {
				width: 100%;
				margin-top: 2em;
		}
		p.size_tfs {
			font-size: 80%;
			margin: 0.5em auto 0;
			width: 93%;
		}
		/* 各見出し */
		.sub_ttl {
				font-size: 280%;
		}
		/* profile */
		#prof {
				width: 100%;
				padding: 2em 6%;
				margin: 5em auto 3.0em;
		}
		.prof_wrap {
				text-align: left;
				position: relative;
		}
		.prof_wrap > * {
				display: inline-block;
				vertical-align: middle;
		}
		.prof_wrap > img {
				width: 30%;
		}
		.prof_wrap .prof_text {
				width: 100%;
				margin-left: 0;
				text-align: justify;
		}
		.prof_wrap .prof_name {
				font-size: 130%;
				float: none;
				width: auto;
				margin-top: 0;
				margin-left: 15%;
				position: absolute;
				top: 0.95em;
				left: 35%;
		}
		.prof_wrap .prof_name span {
				display: block;
				/* margin-top: .5em; */
		}
		.prof_wrap .prof_text p {
			font-size: 90%;
			margin: 1em auto 0;
			text-align: justify;
			letter-spacing: .05em;
			width: 83%;
	}
			.prof_link {
				margin: 1.5em auto 0;
				text-align: center;
		}
		.prof_link li {
				margin: 0 0 1em;
		}
		.prof_link a * {
				font-size: 120%;
		}
		.prof_link a img {
				width: 1.5em;
		}
		.text_box {
				width: 88%;
				font-size: 100%;
				padding: 1.8em;
				margin-top: 2.2em;
		}
		.text_box_ttl {
				text-align: center;
				font-size: 140%;
				font-weight: bold;
				letter-spacing: 0.15em;
				line-height: 1.4em;
				margin-bottom: 0.5em;
				font-feature-settings: 'palt'1;
		}
		.text_box p {
				line-height: 1.8;
				letter-spacing: 0.05em;
				font-size: 90%;
				margin-top: 1em;
		}
		/* pagetop */
		.tfs_pagetop {
				width: 20vw;
				height: 20vw;
		}
		.tfs_pagetop a {
				font-size: 150%;
				line-height: 23vw;
		}
}


/* アニメーション */
.fade_tfs {
		opacity: 0;
}
.fade_tfs.fadeIn_tfs {
		animation: fade 1.2s forwards 0.3s;
}
.rib_point.fade_tfs.fadeIn_tfs:nth-child(2) {
		animation: fade 1.2s forwards 0.7s;
}
@keyframes fade {
		0% {
				transform: translateY(30px);
				opacity: 0;
		}
		100% {
				transform: translateY(0px);
				opacity: 1;
		}
}