/** Shopify CDN: Minification failed

Line 64:10 Expected ":"
Line 390:108 Expected ":"
Line 391:77 Expected ":"

**/
@charset "UTF-8";

*{
  box-sizing: border-box;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  color: #333;
}
body {
/* font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; */
font-family: var(--FONT-STACK-BODY);
counter-reset: number 0; letter-spacing: 0;
}
a {text-decoration: none;}
.sp_only {display: none;}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.function .container{
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
img {height: auto;}

.function .intro {background: #FCFCFC;}
.function .intro .inner {width: 960px; margin: 0 auto; padding: 100px 0;}
.function .intro .ttl {position: relative;}
.function .intro h2 {text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	display: block;
	position: relative;	
	background: #FCFCFC url(function_ttl_top.png) no-repeat center center;
	width: 320px;
	height: 28px;
	margin: 0 auto;
}
.function .intro .ttl:before {
	position: absolute;
	content:"";
	display: block;
	height: 1px;
	width: 100%;
	background: #999;
	top: 50%;
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.function .intro p {font-size: 16px; width: 700px; line-height: 2; margin: 60px auto 40px auto;}
.function .intro ul.theme {width: 700px; margin: 0 auto;}
.function .intro ul.theme img {display: block; -o-object-fit:none; height: auto; padding: 2%  0; width: 366px; /*margin: 0 auto;*/ margin: 0 2%;}
.function .intro ul.theme li {width: 100%; border-bottom: dashed 1px #CCC; padding: 2% 1.5%; display: flex; align-items: center; }
.function .intro ul.theme li:last-child {border: none;}
.function .intro ul.theme li ul li {width: 100%; border: none;}
.function .intro ul.theme li ul.list_text li {
	width: 100%;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	display: block;
	background: url(about_li01_01.png) no-repeat center left;
	height: 16px;
	margin-bottom: 14px;
	margin-left: 12%;
}
.function .intro ul.theme li:first-child ul.list_text li {margin-left: 7%;}
.function .intro ul.theme li ul.list_text.one li:nth-child(2) {
	background-image: url(about_li01_02.png);
}
.function .intro ul.theme li ul.list_text.one li:nth-child(3) {
	background-image: url(about_li01_03.png);
}
.function .intro ul.theme li ul.list_text.one li:nth-child(4) {
	background-image: url(about_li01_04.png);
}
.function .intro ul.theme li ul.list_text.two li:nth-child(1) {
	background-image: url(about_li02_01.png);
}
.function .intro ul.theme li ul.list_text.two li:nth-child(2) {
	background-image: url(about_li02_02.png);
}
.function .intro ul.theme li ul.list_text.two li:nth-child(3) {
	background-image: url(about_li02_03.png);
}
.function .intro ul.theme li ul.list_text.two li:nth-child(4) {
	background-image: url(about_li02_04.png);
}
.function .intro ul.theme li ul.list_text.three li:nth-child(1) {
	background-image: url(about_li03_01.png);
}
.function .intro ul.theme li ul.list_text.three li:nth-child(2) {
	background-image: url(about_li03_02.png);
}
.function .intro ul.theme li ul.list_text.three li:nth-child(3) {
	background-image: url(about_li03_03.png);
}
.function .intro ul.theme li ul.list_text.three li:nth-child(4) {
	background-image: url(about_li03_04.png);
}
.function .intro a.btn {padding: 1.2%; display: block; text-align: center; max-width: 700px; margin: 50px auto 0 auto; color: #000; border: solid 1px #333; position: relative; font-size: 18px; font-weight: 600;}
.function .intro a.btn:before {content:"▶︎"; position: absolute; width: 16px; height: 16px;
	top: 46%;
	left: 35%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.fc_detail {background: #EEE;}
.fc_detail .inner {width: 980px; margin: 0 auto; padding: 50px 0;}
.fc_detail .inner .box {background: #FFF; border-radius: 20px; position: relative;}
.fc_detail .inner ul.ws {display: flex; flex-wrap: wrap;}
.fc_detail .inner ul.ws h3 {
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	display: block;
	position: relative;	
	background: url(function_ttl_01.png) no-repeat center center;
	width: 302px;
	height: 28px;
}
.fc_detail .inner .box .ttl {border-bottom: dashed 1px #CCC; padding-bottom: 20px;}
.fc_detail .inner .ws li {width :33%; padding-top: 5%; padding-right: 2%;}
.fc_detail .inner .ws li:first-child {padding: 50px 50px 0;/*padding: 50px 50px 30px;*/ width: 66%;}
.fc_detail .inner .ws p {font-size: 16px; line-height: 1.8; padding: 20px 0; z-index: 3;}
.fc_detail .inner .sangaku {position: relative; min-width:530px; z-index: 1;}
.fc_detail .inner .sangaku dl.kansyu {display: flex; flex-wrap: flex; padding: 5px; border-radius: 10px; border: 2px solid #A0A0A0;}
.fc_detail .inner .sangaku dl.kansyu dt {background: #444; color: #FFF; font-size: 16px; vertical-align: middle; padding: 10px 22px; border-radius: 5px;}
.fc_detail .inner .sangaku dl.kansyu dd {font-size: 12px; width: 52%; padding: 6px;}
.fc_detail .inner .sangaku dl.kansyu dd.teacher {width: 18%; padding: 5px 0 0;}
.fc_detail .inner .sangaku:after {
	position: absolute;
	content:"";
	display: block;
	width: 127px;
	height: 142px;
	background: url(function_img_torii.png) no-repeat bottom center;
	top: -142px;
  right: 30px;	
}
.flex_box {display: flex; flex-wrap: wrap; justify-content: space-between;}
.fc_detail .flex_box {margin: 30px 0; position: relative;}
.fc_detail .flex_box dl {width: 32%; background: #FFF; border-radius: 20px; padding: 30px; position: relative;}
.fc_detail .flex_box dl dt {
	display:flex;
 	flex-wrap: wrap;
	justify-content:center;
	align-items: center;
	border-bottom: dashed 1px #CCC; 
	padding-bottom: 20px; 
	margin-bottom: 20px;
}
.fc_detail .flex_box dl dd {
	display:flex;
 	flex-wrap: wrap;
	justify-content:center;
	align-items: top;
	line-height: 1.8;
	font-size: 16px;
	position: relative;
}
.fc_detail .flex_box dl dd img {display: block; margin-bottom: 50px;}
.btn_item a {position: relative; bottom: 0px; background: #777; padding: 10px; display: block; color: #FFF; width: 100%; text-align: center; border-radius: 8px; font-size: 16px;
  /* margin: 20px auto 0 auto; left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);*/
}
.fc_detail .inner .box.first-child {padding-bottom: 30px; min-height: 390px;}
a.btn_item1 {background: #777; color: #FFF; max-width: 260px; text-align: center; border-radius: 8px; font-size: 16px; display: block; padding: 10px;}

a.btn_item1.ws {position: absolute; left: 50px; bottom: 22px; display: block; width: 260px;}
	
.fc_detail .flex_box dl dt h3 {
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	display: block;
	position: relative;	
	background: url(function_ttl_02.png) no-repeat center center;
	text-align: center;
}
.fc_detail .flex_box dl dt h3.kb {
	width: 160px;
	height: 64px;
}
.fc_detail .flex_box dl dt h3.os {
	background-image: url(function_ttl_03.png);
	width: 162px;
	height: 64px;
}
.fc_detail .flex_box dl dt h3.rt {
	background-image: url(function_ttl_04.png);
	width: 163px;
	height: 27px;
}
.fc_detail .flex_box.box2 dl dt {border-bottom: dashed 1px #CCC; padding-bottom: 20px; margin-bottom: 20px; min-height: 88px;}
.fc_detail .flex_box.box2 dl dd img {width: 80%;}
/*.fc_detail .flex_box.box2 dl dd {min-height: 100px;}*/
.fc_detail .flex_box.box2 dl:nth-child(3) img {width: 62%; height: 100%;}
/* -- 3分割 --*/
.fc_detail .flex_box.box3 dl {width: 49%; background: #FFF; border-radius: 20px; padding: 30px;}
.fc_detail .flex_box dl dt h3.cc {
	background-image: url(function_ttl_05.png);
	width: 312px;
	height: 27px;
}
.fc_detail .flex_box dl.ls dt h3 {
	background-image: url(function_ttl_06.png);
	width: 143px;
	height: 28px;
}
.fc_detail .flex_box.box3 dl dd img {width: 50%; padding-top: 5%; height: 100%;}
.fc_detail .flex_box.box3 dl.ls dd img {width: 66%; display: block; margin-left: -50px; height: 100%;}

/* -- 2分割 --*/
.fc_detail .flex_box dl dt h3.step2 {
	background-image: url(function_ttl_07.png);
	width: 272px;
	height: 30px;
}
.fc_detail .flex_box dl dt h3.step3 {
	background-image: url(function_ttl_08.png);
	width: 298px;
	height: 30px;
}
.fc_detail .flex_box.box3.img_wide dl dd img {width: 80%; height: 100%;}

.fc_detail .inner ul.wvs h3 {
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	display: block;
	position: relative;	
	background: url(function_ttl_09.png) no-repeat center center;
	width: 187px;
	height: 30px;
}
.fc_detail .inner .box .ttl {border-bottom: dashed 1px #CCC; padding-bottom: 20px;}
.fc_detail .inner .wvs li {padding-top: 2%; padding-bottom: 2%;}
.fc_detail .inner .wvs li:first-child {width: 46%; padding: 40px 0 30px 40px;}
.fc_detail .inner .wvs p {font-size: 16px; line-height: 1.8; padding: 20px 0;}
.fc_detail .inner .wvs li.img_area {width: 42%; margin: 0 auto;}
.fc_detail .inner .wvs li.img_area img {width: 44%; display: inline-block;}
.fc_detail .inner .wvs li.img_area img:first-child {margin-right: 10%;}

.fc_detail .inner ul.wos.flex_box {align-items: center;}
.fc_detail .inner ul.wos h3 {
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	display: block;
	position: relative;	
	background: url(function_ttl_10.png) no-repeat center center;
	width: 173px;
	height: 30px;
}
.fc_detail .inner .box .ttl {border-bottom: dashed 1px #CCC; padding-bottom: 20px;}
.fc_detail .inner .wos li {width :40%; padding-top: 4%; padding-right: 3%; padding-bottom: 2%;}
.fc_detail .inner .wos li:first-child {width: 46%; padding: 40px 0 30px 40px;}
.fc_detail .inner .wos p {font-size: 16px; line-height: 1.8; padding: 20px 0;}
.fc_detail .inner .wos li img.wos_catch {width: 70%; margin-bottom: 16px;} 
.fc_detail .inner .wos li.img_area { margin: 0 auto;}
.fc_detail .inner ul.sole60.flex_box {align-items: center;}
.fc_detail .inner ul.sole60 h3 {
	text-indent: 100%; 
	white-space: nowrap;
	overflow: hidden;
	display: block;
	position: relative;	
	background: url(function_ttl_11_2.png) no-repeat center center;
	width: 194px;
	height: 26px;
}
.fc_detail .inner .box .ttl {border-bottom: dashed 1px #CCC; padding-bottom: 20px;}
.fc_detail .inner .sole60 li {padding-top: 2%; padding-bottom: 2%;}
.fc_detail .inner .sole60 li:first-child {width: 46%; padding: 40px 0 30px 40px;}
.fc_detail .inner .sole60 p {font-size: 16px; line-height: 1.8; padding: 20px 0; text-align: justify;}
.fc_detail .inner .sole60 li.img_area {width: 42%; margin: 0 auto;}
.fc_detail .inner .sole60 li.img_area img {width: 46%; display: inline-block; vertical-align: top;}
.fc_detail .inner .sole60 li.img_area img:first-child {width: 43%; margin-top: 26px;}

.fc_detail .inner ul.moff h3 {
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	display: block;
	position: relative;	
	background: url(function_ttl_12.png) no-repeat center center;
	width: 234px;
	height: 54px;
}
.fc_detail .inner .box .ttl {border-bottom: dashed 1px #CCC; padding-bottom: 20px;}
.fc_detail .inner .moff li {width :40%; padding-top: 2.5%; padding-right: 3%; padding-bottom: 2%;}
.fc_detail .inner .moff li:first-child {width: 46%; padding: 40px 0 30px 40px;}
.fc_detail .inner .moff p {font-size: 16px; line-height: 1.8; padding: 20px 0;}
.fc_detail .inner .moff li.img_area { margin: 0 auto;}
.fc_detail .inner .moff li.img_area img {width: 90%;}

/* ハグインソール 追加 */
.fc_detail .inner ul.wos.hug h3 {
	background: url(function_ttl_13.png) no-repeat center center;
	width: 200px;
	height: 30px;
}
.fc_detail .inner .wos.hug li.img_area {width :37%;}
.fc_detail .reg {font-size: 120%;}

/* ジョーブ 追加 */
.fc_detail .inner ul.moff.jyobu h3 {
	background: url(function_ttl_14.png) no-repeat center center;
	width: 226px;
	height: 30px;
}
.fc_detail .inner .moff.jyobu li.img_area {width :37%; padding: 4% 0 2% 0;}


@media (max-width: 980px){
	.fc_detail .inner {width: 96%; margin: 0 auto;}	
}
@media (max-width: 960px){
	.function .intro .inner {width: 100%; margin: 0 auto;}
}
@media (max-width: 768px){
	.pc_only {display: none;}
	.pc_only.tb {display: block;}
	.fc_detail .inner .sangaku:after {
	width: 14%;
	height: 150%;
	top: -150%;
  right: 14.5%;
	background-size: contain;
	}
	.fc_detail .inner .ws li {padding-top: 2%;}
	.fc_detail .inner .box.first-child {padding-bottom: 70px; min-height: auto;}
	.fc_detail .flex_box dl dt h3.cc {background-size: contain;	width: 100%;}
	.function .intro ul.theme {padding-left: 2%; width: 98%;}
	.function .intro ul.theme li ul.list_text {width: 44%;}
	.function .intro ul.theme li ul.list_text li {height: 14px; background-size: contain; margin-left: 4%; width: auto;}
	.function .intro ul.theme li:first-child ul.list_text li {margin-left: 14px;}
	.function .intro ul.theme img {width: 50%;}
	.function .intro ul.theme li:nth-child(2) img {padding-bottom: 5%;}
}/* 768 */


@media (max-width:750px){
	.sp_only {display: block;}
	.pc_only.tb {display: none;}
	.flex_box {display: block;}
	.fc_detail .flex_box dl dt, .fc_detail .flex_box dl dd {display: block;}
	.fc_detail .flex_box dl dt h3 {margin: 0 auto; display: block;}
	.fc_detail .flex_box dl dd img {margin: 0 auto 50px auto; display: block;}
	.fc_detail .inner .sangaku {min-width:100%;}
	.fc_detail .inner .sangaku dl.kansyu dd.teacher img.pc_only.tb {display: none;}
	.function .intro .inner {padding-top: 50px;}
	.function .intro p {margin: 30px auto 0 auto; width:90%; }
	.function .intro ul.theme li {display: block;}	
	.function .intro h2 {width: 270px;}
	.function .intro ul.theme img {width: 88%;}
	.function .intro ul.theme {display: block; width: 96%; padding-left: 0;}
	.function .intro ul.theme li, .function .intro ul.theme li:nth-child(2) {width: 100%; border-right: none; border-bottom: dashed 1px #CCC; padding: 12% 0 8% 0;}
	.function .intro ul.theme li img {padding-bottom: 8%;}	
	.function .intro ul.theme li:last-child {padding-bottom: 0;}
	.function .intro ul.theme li ul.list_text li {border:none; padding: 0; height: 16px; margin-left: 5%;}
	.function .intro ul.theme li ul.list_text.one, .function .intro ul.theme li ul.list_text.three {width: 310px; margin: 0 auto;}
	.function .intro ul.theme li ul.list_text.two {width: 310px; margin: 0 auto;}
	.function .intro ul.theme li:first-child ul.list_text li {margin-left: 8%;}
	.function .intro a.btn {width: 84%; padding: 4%;}
	.function .intro a.btn:before {left: 20%;}
	
	.fc_detail .inner {width: 92%;}
	.fc_detail .inner .ws li {width :100%; padding-top: 2%; padding-right: 0;}
	.fc_detail .inner .ws li:first-child {padding: 8% 5% 5% 5%; width: 100%;}
	a.btn_item1 {position: absolute; bottom: 20px; width: 80%; left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%); max-width: 80%;}
	a.btn_item1.ws {left: 50%; width: 80%; transform: translateX(-50%); -webkit- transform: translateX(-50%); max-width: 80%;}
	.fc_detail .inner ul.ws, .flex_box {display: block; }
	.fc_detail .flex_box.box2 dl dt {min-height: auto;}
	.fc_detail .inner ul.ws h3, .fc_detail .inner ul.wvs h3, .fc_detail .inner ul.wos h3, .fc_detail .inner ul.sole60 h3, .fc_detail .inner ul.moff h3 {margin: 0 auto;}
	.fc_detail .inner .sangaku:after {display: none;}
	.fc_detail .inner ul li img {width: 80%; margin: 0 auto; display: block;}
	.fc_detail .inner .sangaku dl.kansyu {display: block; text-align: center;}
	.fc_detail .inner .sangaku dl.kansyu dd {width: 100%; padding: 6px;}
	.fc_detail .inner .sangaku dl.kansyu dd.teacher {width: 80%; padding: 6px; margin: 0 auto;}
	.fc_detail .inner .sangaku dl.kansyu dd.teacher img {width: 100%; height: 100%;}	
	.fc_detail .flex_box dl {width: 100%; padding: 30px; margin-bottom: 30px;}
	.fc_detail .flex_box.box3 dl.ls dd img {width: 94%; margin-left: 0;}
	.fc_detail .flex_box.box3 dl,.fc_detail .inner .wvs li:first-child, .fc_detail .inner .wos li:first-child,
	.fc_detail .inner .sole60 li:first-child, .fc_detail .inner .moff li:first-child {width: 100%; padding-left: 
		7%; padding-right: 7%;}
	.fc_detail .inner .wvs li:first-child, .fc_detail .inner .wos li:first-child, .fc_detail .inner .sole60 li:first-child, .fc_detail .inner .moff li:first-child {padding-bottom: 0;}
	.fc_detail .inner .wvs p {padding-bottom: 0;}
	.fc_detail .inner .wvs li.img_area{width: 90%; margin: 0 auto; padding-bottom: 22%;}
	.fc_detail .inner .wos li img.wos_catch {width: 90%;}
	.fc_detail .inner .wos li {width: 100%; padding-bottom: 8%;}
	.fc_detail .inner .wos li.img_area{padding-bottom: 22%;}
	.fc_detail .inner .sole60 li.img_area {width: 100%; padding-bottom: 22%; padding-left:10%;}
	.fc_detail .inner .sole60 li {width: 100%; padding-bottom: 8%;}
	.fc_detail .inner .sole60 p, .fc_detail .inner .moff p {padding-bottom: 0;}
	.fc_detail .inner .moff li {width: 90%; padding-bottom: 8%;}
	.fc_detail .inner .moff li.img_area {padding-bottom: 22%;}	
	.fc_detail .flex_box.box3 dl dd img {width: 66%;}
	.fc_detail .flex_box.box3.img_wide dl dd img {width: 100%;}
	.fc_detail .flex_box dl dd {margin-bottom: 5%;}	
	.fc_detail .flex_box.box2 dl dd {min-height: auto;}
	/* ハグインソール 追加 */
	.fc_detail .inner .wos.hug li.img_area {width :88%; padding-top: 0;}
	/* ジョーブ 追加 */
	.fc_detail .inner .moff.jyobu li.img_area {width: 100%;}
	.fc_detail .inner .moff.jyobu li.img_area img {width :76%; padding: 0; margin-bottom: 20%;}
} /* 750 */


/* 追加 */
.list_text {
  width: 100%;
  max-width: 288px;
}
.function .intro ul.theme li ul.list_text li {
  margin-left: 7%;
}