/*---------------- 
見出しと段落
-----------------*/
h2.type1 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", 'メイリオ', Meiryo, "ＭＳ Ｐ明朝", serif;
	font-size: 234%;
	font-weight: normal;
	color: #2fa9e2;
	text-align: center;
	letter-spacing: .24em;
	line-height: 140%;
}
h3.leaves {
	position: relative;
	display: table;
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	line-height: 120%;
	width: 100%;
	margin-bottom: 48px;
	padding: 16px;
}
h3.leaves:before {
	position: absolute;
	top: 5px;
	left: 0;
	z-index: 1;
	width: 32px;
	height: 24p;
}
h3.leaves:after {
	position: absolute;
	top: 5px;
	right: 0;
	width: 32px;
	height: 24px;
	transform: scale(-1, 1);
}
h3.leaves span {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 13px;
	background: #FFF;
}
h3.leaves span:before {
	position: absolute;
	bottom: -10px;
	left: -15px;
	width: 32px;
	height: 24px;
	transform: scale(1, -1);
}
h3.leaves span:after {
	position: absolute;
	bottom: -10px;
	right: -15px;
	width: 32px;
	height: 24px;
	transform: scale(1, 1);
}
.leaf1:before, .leaf1:after, .leaf1 span:before, .leaf1 span:after {
	content: url(/assets/img/leaf32-1.svg);
}
.leaf2:before, .leaf2:after, .leaf2 span:before, .leaf2 span:after {
	content: url(/assets/img/leaf32-2.svg);
}
.leaf3:before, .leaf3:after, .leaf3 span:before, .leaf3 span:after {
	content: url(/assets/img/leaf32-3.svg);
}
.leaf4:before, .leaf4:after, .leaf4 span:before, .leaf4 span:after {
	content: url(/assets/img/leaf32-4.svg);
}
.leaf5:before, .leaf5:after, .leaf5 span:before, .leaf5 span:after {
	content: url(/assets/img/leaf32-5.svg);
}
.leaf6:before, .leaf6:after, .leaf6 span:before, .leaf6 span:after {
	content: url(/assets/img/leaf32-6.svg);
}
.leaf7:before, .leaf7:after, .leaf7 span:before, .leaf7 span:after {
	content: url(/assets/img/leaf32-7.svg);
}
.leaf8:before, .leaf8:after, .leaf8 span:before, .leaf8 span:after {
	content: url(/assets/img/leaf32-8.svg);
}
h3.type1 {
	position: relative;
	display: table;
	font-size: 150%;
	font-weight: bold;
	color: #444;
	letter-spacing: .14em;
	text-align: center;
	background: #FFF;
	width: 100%;
	max-width: 600px;
	height: 100px;
	margin: 0 auto 48px;
	padding: 0 16px;
}
h3.type1:before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -32px;
	content: "";
	width: 32px;
	height: 100px;
	background: url(/assets/img/arrow-36x111-33c1a5-left.svg) no-repeat 0 50%;
	background-size: auto 100px;
}
h3.type1:after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -32px;
	content: "";
	width: 32px;
	height: 100px;
	background: url(/assets/img/arrow-36x111-33c1a5-right.svg) no-repeat 0 50%;
	background-size: auto 100px;
}
h3.type1 span {
	display: table-cell;
	vertical-align: middle;
}
h3.type2, h3.type2p {
	position: relative;
	display: table;
	font-size: 150%;
	font-weight: bold;
	color: #444;
	letter-spacing: .14em;
	text-align: center;
	line-height: 120%;
	width: 100%;
	max-width: 624px;
	height: 100%;
	margin: 0 auto 40px;
	padding: 0 20px;
}
h3.type2p {
	padding-top: 24px;
}
h3.type2 span, h3.type2p span {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	background: #FFF;
}
h3.type2:before, h3.type2p:before {
	position: absolute;
	left: 2px;
	content: "";
	width: 20px;
	height: 50px;
	background-image: url(/assets/img/arrow20x50-2fa9e2-left.svg);
	background-repeat: no-repeat;
}
h3.type2:after, h3.type2p:after {
	position: absolute;
	right: 2px;
	content: "";
	width: 20px;
	height: 50px;
	background-image: url(/assets/img/arrow20x50-2fa9e2-right.svg);
	background-repeat: no-repeat;
}
h3.type2 em.shrink, h3.type2 em.fadeout, h3.type2p em.shrink, h3.type2p em.fadeout {
	display: block;
	font-size: 76%;
	color: #2fa9e2;
	line-height: 100%;
}
h4.type1, h4.type1p {
	position: relative;
	display: table;
	font-size: 162%;
	font-weight: bold;
	color: #2fa9e2;
	line-height: 150%;
	text-align: center;
	letter-spacing: .14em;
	margin: 0 auto 40px;
	padding: 14px 0;
	width: 100%;
	max-width: 624px;
	border-top: 1px solid #2fa9e2;
	border-bottom: 1px solid #2fa9e2;
}
h4.type1p {
	padding-top: 24px;
}
h4.type1 span, h4.type1p span {
	display: table-cell;
	vertical-align: middle;
}
p + h4.type1 {
	margin-top: 40px;
}
p {
	font-size: 15px;
	line-height: 170%;
	margin-bottom: 16px;
}
br.phase1, br.phase2 {
	display: none;
}
/*----------------
見出しサイドオプション(人物）
----------------*/
.p-left {
	padding-left: 96px;
}
.p-right {
	padding-right: 96px;
}
.p-left:before {
	position: absolute;
	bottom: 0;
	left: 16px;
	z-index: 0;
	width: 120px;
	height: 100px;
	content: "";
	background-repeat: no-repeat;
	background-size: 120px auto;
	background-position: 50% 0;
}
.p-right:before {
	position: absolute;
	bottom: 0;
	right: 16px;
	z-index: 0;
	width: 120px;
	height: 100px;
	content: "";
	background-repeat: no-repeat;
	background-size: 120px auto;
	background-position: 50% 0;
}
h4.type1 .p-right:before {
	bottom: 1px;
	right: -24px;
}
h4.type1 .p-left:before {
	bottom: 1px;
	left: 0;
}
.reverse:before {
	transform: scaleX(-1);
}
.w1-p1:before {
	background-image: url(/assets/img/w1-p1.webp);
 background-size:
}
.w1-p2:before {
	background-image: url(/assets/img/w1-p2.webp);
}
.w2-p1:before {
	background-image: url(/assets/img/w2-p1.webp);
}
.w2-p2:before {
	background-image: url(/assets/img/w2-p2.webp);
}
.w2-p3:before {
	background-image: url(/assets/img/w2-p3.webp);
}
.w2-p4:before {
	background-image: url(/assets/img/w2-p4.webp);
}
.w3-p1:before {
	background-image: url(/assets/img/w3-p1.webp);
}
.w3-p2:before {
	background-image: url(/assets/img/w3-p2.webp);
}
.w4-p1:before {
	background-image: url(/assets/img/w4-p1.webp);
}
.w4-p2:before {
	background-image: url(/assets/img/w4-p2.webp);
}
.w4-p3:before {
	background-image: url(/assets/img/w4-p3.webp);
}
.w4-p4:before {
	background-image: url(/assets/img/w4-p4.webp);
}
.w5-p1:before {
	background-image: url(/assets/img/w5-p1.webp);
}
.w5-p2:before {
	background-image: url(/assets/img/w5-p2.webp);
}
.w5-p3:before {
	background-image: url(/assets/img/w5-p3.webp);
}
.w5-p4:before {
	background-image: url(/assets/img/w5-p4.webp);
}
.w8-p1:before {
	background-image: url(/assets/img/w8-p1.webp);
}
.w8-p2:before {
	background-image: url(/assets/img/w8-p2.webp);
}
.w8-p3:before {
	background-image: url(/assets/img/w8-p3.webp);
}
.w9-p1:before {
	background-image: url(/assets/img/w9-p1.webp);
}
.w9-p2:before {
	background-image: url(/assets/img/w9-p2.webp);
}
.w13-p1:before {
	background-image: url(/assets/img/w13-p1.webp);
}
.w10-p1:before {
	background-image: url(/assets/img/w10-p1.webp);
}
.w15-p1:before {
	background-image: url(/assets/img/w15-p1.webp);
}
.w15-p2:before {
	background-image: url(/assets/img/w15-p2.webp);
}
.w16-p1:before {
	background-image: url(/assets/img/w16-p1.webp);
}
.w17-p1:before {
	background-image: url(/assets/img/w17-p1.webp);
}
.w23-p1:before {
	background-image: url(/assets/img/w23-p1.webp);
}
.m1-p1:before {
	background-image: url(/assets/img/m1-p1.webp);
}
.m1-p2:before {
	background-image: url(/assets/img/m1-p2.webp);
}
.m1-p3:before {
	background-image: url(/assets/img/m1-p3.webp);
}
.dummy:before {
	background-image: url(/assets/img/dummy.webp);
}
/*---------------- 
fixed navi
-----------------*/
#fixed-navi {
	top: 174px;
}
/*-------------------
導入
-------------------*/
.donyu h2 {
	font-size: 28px !important;
	margin: 16px 0 7%;
	padding: 0;
	text-align: center;
}
.donyu h2 strong {
	color: #33c1a5;
	font-weight: bold;
}
.donyu h3 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", 'メイリオ', Meiryo, "ＭＳ Ｐ明朝", serif;
	font-size: 300%;
	font-weight: normal;
	letter-spacing: .1em;
	text-align: center;
	line-height: 140%;
	margin-bottom: 40px;
}
.donyu p {
	font-size: 14px;
	text-align: left;
	line-height: 200%;
	padding-bottom: 60px;
}
img.donyu-title {
	width: 100%;
	max-width: 721px;
	margin: auto;
}
#donyu-box {
	position: relative;
}
.st-img {
	position: absolute;
	top: -145px;
	left: 50px;
}
/*-------------------
パンくず
-------------------*/
#pannkuzu {
	padding-top: 26px;
	padding-bottom: 26px;
	background: #fff;
	width: 1100px;
	margin: 0 auto;
}
#pannkuzu p {
	font-size: 12px;
	color: #040404;
	margin: 0;
}
/*----------------------
約束ナビ
---------------------*/
#ya-bottom-menu h3 {
	text-align: center;
	margin-left: -110px;
}
#ya-bottom-menu h3 img {
	width: 100%;
	max-width: 270px;
	margin: 0 auto 32px;
}
#ya-bottom-menu {
	width: 100%;
	max-width: 608px;
	margin: auto;
}
/*#ya-bottom-menu ul {
}
#ya-bottom-menu ul:first-of-type {
}
#ya-bottom-menu ul:last-of-type {
}*/
#ya-bottom-menu ul li {
	display: table;
	height: 48px;
	margin-bottom: 16px;
	padding-left: 120px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#ya-bottom-menu ul li a {
	width: 100%;
}
#ya-bottom-menu ul li span {
	display: none;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-size: 104%;
	letter-spacing: .1em;
}
#ya-bottom-menu ul li span em {
	letter-spacing: -.3em;
}
#ya-bottom-menu ul li p {
	display: table-cell;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 120%;
	vertical-align: middle;
}
#yakusoku1 {
	background-image: url(/assets/img/promise1.svg);
}
#yakusoku1 strong {
	color: #76be40;
}
#yakusoku2 {
	background-image: url(/assets/img/promise2.svg);
}
#yakusoku2 strong {
	color: #dd6e8f;
}
#yakusoku3 {
	background-image: url(/assets/img/promise3.svg);
}
#yakusoku3 strong {
	color: #588fcf;
}
#yakusoku4 {
	background-image: url(/assets/img/promise4.svg);
}
#yakusoku4 strong {
	color: #a584b9;
}
#yakusoku5 {
	background-image: url(/assets/img/promise5.svg);
}
#yakusoku5 strong {
	color: #ec871d;
}
#yakusoku6 {
	background-image: url(/assets/img/promise6.svg);
}
#yakusoku6 strong {
	color: #32c1a5;
}
#yakusoku7 {
	background-image: url(/assets/img/promise7.svg);
}
#yakusoku7 strong {
	color: #a8af2e;
}
#yakusoku8 {
	background-image: url(/assets/img/promise8.svg);
}
#yakusoku8 strong {
	color: #45b3ca;
}
#ya-bottom-menu ul a li span, #ya-bottom-menu ul a li p {
	color: #444;
	transition-duration: .3s;
}
#ya-bottom-menu ul a:hover li span, #ya-bottom-menu ul a:hover li p, #ya-bottom-menu ul a:hover li p strong {
	color: #F90 !important;
}
#ya-bottom-menu a:hover li {
	transition-duration: .3s;
	transform: scale(1.02);
}
/*-------------------
リスト
-------------------*/
ul.check li {
	position: relative;
	font-size: 120%;
	margin-bottom: 16px;
	padding-left: 32px;
}
ul.check li:last-child {
	margin-bottom: 0;
}
ul.check li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 20px;
	height: 14px;
	background: url(/assets/img/check14-2fa9e2.svg) no-repeat;
	background-size: 20px auto;
}
ul.circle {
}
ul.circle li {
	position: relative;
	font-size: 120%;
	margin-bottom: 16px;
	padding-left: 32px;
}
ul.circle li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 20px;
	height: 20px;
	background: url(/assets/img/circle20-2fa9e2.svg) no-repeat;
	background-size: 20px auto;
}
ul.cross {
}
ul.cross li {
	position: relative;
	font-size: 120%;
	margin-bottom: 16px;
	padding-left: 32px;
}
ul.cross li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 20px;
	height: 20px;
	background: url(/assets/img/cross20-2fa9e2.svg) no-repeat;
	background-size: 20px auto;
}
ul.left {
	float: left;
	width: 50%;
}
ul.right {
	float: right;
	width: 50%;
}
.check-box {
	width: 100%;
	max-width: 725px;
	margin: 7% auto;
	padding: 16px;
	background: #FFF;
	border-radius: 6px;
}
.check-box h5 {
	font-size: 140%;
	font-weight: bold;
	color: #2fa9e2;
	text-align: center;
	margin: 0 auto 24px;
}
.check-box ul {
	padding: 8px;
}
.check-box ul li {
	position: relative;
	font-size: 120%;
	margin-bottom: 16px;
	padding-left: 32px;
}
.check-box ul li:last-child {
	margin-bottom: 0;
}
.check-box ul li:before {
	position: absolute;
	top: 2px;
	left: 0;
	content: "";
	width: 20px;
	height: 14px;
	background: url(/assets/img/check14-2fa9e2.svg) no-repeat;
	background-size: 20px auto;
}
.circle-bg {
	max-width: 750px;
	margin: 6% auto;
}
.circle-bg li {
	display: table;
	float: left;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	line-height: 150%;
	width: 31.3333%;
	margin: 0 3% 6% 0;
	background: url(/assets/img/circle20-d7d7a7.svg) no-repeat 50% 50%;
	background-size: 88px auto;
}
.circle-bg li:nth-child(3n) {
	margin-right: 0;
}
.circle-bg li:nth-child(n+3) {
	margin-bottom: 0;
}
.circle-bg li span {
	display: table-cell;
	vertical-align: middle;
	height: 88px;
	background-color: rgba(245,245,233,.3);
}
.circle-bg li br {
	display: none;
}
.cross-bg {
	width: 100%;
	max-width: 750px;
	margin: 0 auto 4.2%;
}
.cross-bg li {
	display: table;
	float: left;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	line-height: 150%;
	width: 31.3333%;
	margin-right: 3%;
	padding: 16px 0;
	background: url(/assets/img/cross20-d7d7a7.svg) no-repeat 50% 50%;
	background-size: 72px;
}
.cross-bg li:nth-child(3n) {
	margin-right: 0;
}
.cross-bg li span {
	display: table-cell;
	vertical-align: middle;
	height: 88px;
}
.number h5, .number-c h5 {
	font-size: 140%;
	font-weight: bold;
	color: #8a8000;
	text-align: center;
	margin: 6% 0 0;
}
.number ul, .number-c ul {
	margin: 6% auto;
}
.number ul li, .number-c ul li {
	display: table;
	float: left;
	font-size: 130%;
	font-weight: bold;
	line-height: 150%;
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 3%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.number ul li {
	background-size: 90px auto;
}
.number-c ul li {
	background-size: 110px auto;
}
.number ul li span, .number-c ul li span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 90px;
}
.number ul li span {
	height: 90px;
}
.number-c ul li span {
	height: 110px;
}
.number ul li:nth-child(2n), .number-c ul li:nth-child(2n) {
	margin-right: 0;
}
.number ul li:nth-child(1) {
	background-image: url(/assets/img/nb1.svg);
}
.number ul li:nth-child(2) {
	background-image: url(/assets/img/nb2.svg);
}
.number ul li:nth-child(3) {
	background-image: url(/assets/img/nb3.svg);
}
.number ul li:nth-child(4) {
	background-image: url(/assets/img/nb4.svg);
}
.number ul li:nth-child(5) {
	background-image: url(/assets/img/nb5.svg);
}
.number-c ul li:nth-child(1) {
	background-image: url(/assets/img/nb1c.svg);
}
.number-c ul li:nth-child(2) {
	background-image: url(/assets/img/nb2c.svg);
}
.number-c ul li:nth-child(3) {
	background-image: url(/assets/img/nb3c.svg);
}
.number-c ul li:nth-child(4) {
	background-image: url(/assets/img/nb4c.svg);
}
.number-c ul li:nth-child(5) {
	background-image: url(/assets/img/nb5c.svg);
}
.flow h5 {
	font-size: 150%;
	font-weight: bold;
	color: #33c1a5;
	text-align: center;
	margin: 6%;
}
.flow ul {
	width: 100%;
	margin: 0 auto 4.2%;
}
.flow ul li {
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 48px;
	background: #FFF;
	border-radius: 6px;
}
.flow ul li span {
	display: table-cell;
	font-size: 120%;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 16px;
}
.flow ul li em {
	display: table-cell;
	font-size: 200%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	width: 68px;
	margin-right: 12px;
	padding: 20px 0;
	background: #33c1a5;
	border-radius: 6px 0 0 6px;
}
.flow ul li:after {
	content: "";
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	width: 32px;
	height: 26px;
	background: url(/assets/img/arrow-down40-33c1a5.svg) no-repeat;
	background-size: 32px 26px;
}
.flow ul li:last-child:after {
	display: none;
}
.photor240 {
	width: 100%;
	max-width: 240px;
	float: right;
}
.photol240 {
	width: 100%;
	max-width: 240px;
	float: left;
}
.white-back {
	padding: 5%;
	margin-bottom: 32px;
	background: #FFF;
}
.white-back-r {
	padding: 5%;
	margin-bottom: 32px;
	background: #FFF;
	border-radius: 8px;
}
/* ボトムメニュー */
section#b_menu {
	padding-bottom: 48px;
}
#b_menu h4 {
	position: relative;
	z-index: 0;
	font-size: 162%;
	font-weight: bold;
	color: #2fa9e2;
	line-height: 150%;
	text-align: center;
	letter-spacing: .14em;
	margin: 0 0 24px;
	padding-top: 40px 0 16px;
	width: 100%;/*border-top:1px solid #2fa9e2;
	border-bottom:1px solid #2fa9e2;*/
}
#b_menu h4:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #2fa9e2;
}
#b_menu h4 span {
	background: #f5f5e9;
	padding: 8px 16px;
}
section .prms-inner {
	max-width: 804px;
	padding-bottom: 48px;
}
.fastsection {
	padding: 48px 0;
}
/*　画像横にテキストの構成を互い違いに繰り返すパターン　*/
.zigzag {
	margin-bottom: 48px;
}
.zigzag:nth-of-type(2n-1) .text {
	float: left;
}
.zigzag:nth-of-type(2n-1) .picture {
	float: right;
}
.zigzag:nth-of-type(2n) .picture {
	float: left;
}
.zigzag:nth-of-type(2n) .text {
	float: right;
}
.zigzag:last-of-type {
	margin-bottom: 0;
}
.zigzag:after {
	content: "";
	display: block;
	float: none;
	clear: both;
}
.zigzag li {
	position: relative;
	height: 280px;
}
.zigzag li div {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.zigzag li h4 {
	font-size: 177%;
	color: #0c632e;
	letter-spacing: .1em;
	line-height: 130%;
	margin-bottom: 16px;
}
.zigzag li p {
	font-size: 105%;
}
.zigzag li img {
	width: 100%;
    height: auto;
    max-width: 100%;
}
.zigzag .text {
	width: 51%;
	max-width: 434px;
}
.zigzag .picture {
	width: 43%;
	max-width: 360px;
}
/*　ページインデックス　*/
.page_index {
	padding-top:40px;
}
.page_index .prms-inner {
	padding:16px;
	border-radius:8px;
}
.page_index p {
	font-size:120%;
	margin-bottom:0;
}
.page_index ul {
	margin:16px 0;
}
.page_index ul li {
	display:table;
	width:100%;
	margin-bottom:8px;
}
.page_index ul li em {
	display:table-cell;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	background:#aaa;
	width:32px;
	height:32px;
	border-radius:2px;
	transition-duration:.3s;
}
.page_index ul li a:hover em {
	background:#F90;
}
.page_index ul li span {
	display:table-cell;
	vertical-align:middle;
	padding-left:8px;
}
p.plus {
	cursor:pointer;
	padding-left:24px;
	background-image:url(/assets/img/plus_square_aaa.svg);
	background-repeat: no-repeat;
	background-position:0 50%;
	background-size:16px auto;
	transition-duration:.3s;
}
p.plus em {
}
p.plus:hover {
	color:#F90;
	background-image:url(/assets/img/plus_square_f90.svg);
}
p.minus {
	cursor:pointer;
	padding-left:24px;
	background-image:url(/assets/img/minus_square_aaa.svg);
	background-repeat: no-repeat;
	background-position:0 50%;
	background-size:16px auto;
	transition-duration:.3s;
}
p.minus em {
}
p.minus:hover {
	color:#F90;
	background-image:url(/assets/img/minus_square_f90.svg);
}
/* ■■■■下部のカルーセルスライダー■■■*/
.mark {
	color: #4c2c2a;
	font-size: 13px;
}
#main_slide ul li img {
	width:548px;
	height:355px;
}



.cates{
background:#fff;
padding-top:24px;	
}
.catesinner{
width:100%;
max-width:1000px;
margin:0 auto;	
}
.catesinner h3 img{
margin:0 auto;
display:block;
max-width:320px;
margin-bottom:16px;	
width:100%;
height:auto;
}
.catesinner ul{
display:flex;
justify-content: space-between;
flex-wrap: wrap;	
}
.catesinner ul li{
width:25%;
box-sizing:border-box;
padding:14px;
}
.catesinner ul li:nth-child(-n+4){
margin-bottom:16px;
}

.catesinner ul li img{
float:left;
margin-right:8px;
width: 100%;
max-width: 74px;
height:auto;
}
.catesinner ul li p{
font-weight:bold;
overflow:hidden;
}
.catesinner ul li:nth-child(1) p strong{
color:#76be40;
}
.catesinner ul li:nth-child(2) p strong{
color:#e27092;
}
.catesinner ul li:nth-child(3) p strong{
color:#588fcf;
}
.catesinner ul li:nth-child(4) p strong{
color:#a882bd;
}
.catesinner ul li:nth-child(5) p strong{
color:#f38514;
}
.catesinner ul li:nth-child(6) p strong{
color:#32c1a5;
}
.catesinner ul li:nth-child(7) p strong{
color:#a8af2e;
}
.catesinner ul li:nth-child(8) p strong{
color:#45b1d5;
}
@media screen and (max-width:1100px) {
#pannkuzu {
width:100%;
}
@media screen and (max-width: 767px) {
h2.type1 {
	font-size: 140%;
}
h3.leaves {
	font-size: 140%;
	text-align: left;
}
#main_slide {
	display: none;
}
.photo_nons {
	display: none;
}
.photo_block-center {
	margin: 16px auto;
	display: block;
	max-width: 220px;
}
section.wrap {
	padding-left: 16px;
	padding-right: 16px;
}
#pannkuzu {
	display: none;
}
h3.type2 {
	font-size: 140%;
}
h3.type2 em.shrink {
	font-size: 86%;
}
h3.type2 em.fadeout {
	display: none;
}
.p-left:before {
	display: none;
}
.p-right:before {
	display: none;
}
.st-img {
	display: none;
}
.column3 li {
	width: 47.5%;
}
.column3 li:nth-of-type(n) {
	margin-right: 5%;
}
.column3 li:nth-of-type(2n) {
	margin-right: 0;
}
.circle-bg {
	max-width: 320px;
	margin: 0 auto;
}
.circle-bg li:nth-child(n) {
	width: 48.5%;
	margin: 0 3% 6% 0;
}
.circle-bg li:nth-child(2n) {
	margin-right: 0;
}
.circle-bg li:nth-child(n+5) {
	margin-bottom: 0;
}
.circle-bg li br {
	display: block;
}
.cross-bg {
	width: 100%;
	max-width: 750px;
	margin: 0 auto 4.2%;
}
.cross-bg li {
	width: 47.5%;
}
.cross-bg li:nth-child(n) {
	margin-right: 3%;
}
.cross-bg li:nth-child(2n) {
	margin-right: 0;
}
#ya-bottom-menu h3 {
	margin: 0;
}
#ya-bottom-menu {
	max-width: 464px;
	margin: 0 auto 40px;
}
#ya-bottom-menu ul {
	float: none;
}
#ya-bottom-menu ul:nth-of-type(n) {
	width: 100%;
}
#ya-bottom-menu ul li p {
	font-size: 114%;
}
br.phase1 {
	display: block;
}
.ls0 {
	letter-spacing: 0 !important;
}
.ls1 {
	letter-spacing: .1em !important;
}
#visual #visual-text {
	top: 68%;
}
.flow ul li em {
	padding: 14px 0;
	font-size: 120%;
}
.p-right {
	padding-right: 0;
}
.p-left {
	padding-left: 0;
}

.cates{
padding-bottom:24px;
}
.catesinner ul{
max-width:100%;
margin:0 auto;	
}
.catesinner ul li{
width:50%;
box-shadow:1px 1px 3px #ccc;
border-radius:8px;
background: linear-gradient(to bottom right, #FFF, #f3f3f3);
padding:8px;
}
.catesinner ul li img{
float:none;
display:block;
margin:0 auto 8px;
max-width:66px;	
}
.catesinner ul li p{
text-align:center;
margin-bottom:0;
}
.catesinner ul li,.catesinner ul li:nth-child(-n+4){
margin-bottom:0;
}
.catesinner h3 img{
max-width:188px;	
}


}