@charset "utf-8";

html, body {
	width: 100%;
}
body {
	text-align: justify;
	text-justify: inter-ideograph;
	font-family: Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	/*font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;*/
	font-size: 12px;
	line-height: 1.5;
	color: #222;
}
@media screen and (min-width:481px) {
	body {
		font-size: 14px;
	}
}
@media screen and (min-width:668px) {
}
@media screen and (min-width:769px) {
}
@media screen and (min-width:668px) and (max-width:896px) {
}
@media screen and (min-width:897px) {
	body {
		font-size: 16px;
		line-height: 1.8;
	}
}
@media screen and (min-width:960px) {
}
li {
	list-style-type: none;
}
img {
	box-sizing: content-box;
	vertical-align: bottom;
}
a:link {
	color: #09C;
}
a:visited {
	color: #000080;
}
a:hover {
	color: #09C;
}
a:active {
	color: #09C;
}
a:focus {
	outline: none;
}
area:focus {
	outline: none;
}
a img:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
@media screen and (min-width:960px) {
	a[href^="tel:"] {
		cursor: default;
	    pointer-events: none;
	}
}

.suptext {
	display: inline;
	position: relative;
	font-size: 8px;
	top: -1ex;
}
.ib {
	display: inline-block;
}
.acc {
	display: none;
}

/* mobile */
p {
	max-height: 100%;
}
li {
	max-height: 100%;
}
dt {
	max-height: 100%;
}
dd {
	max-height: 100%;
}
body {
    -webkit-text-size-adjust: 100%;
}

/* pankuzu */
#pankuzu {
	background-color: #F3F3F3;
	padding: 0.5em 1em;
}
#pankuzu .pan00 {
	overflow: hidden;
	max-width: 1024px;
	margin: 0 auto;
}
#pankuzu .pan01 {
	float: left;
	padding: 2px 4px 0 20px;
	background-image: url(../img/common/pan01.png);
	background-repeat: no-repeat;
	background-position: 4px 0px;
	font-size: 12px;
	line-height: 12px;
}
#pankuzu .pan01 a {
	text-decoration: none;
}
#pankuzu .pan01 a span {
	color: #333;
}
#pankuzu .pan02 {
	float: left;
	padding: 2px 4px 0 24px;
	background-image: url(../img/common/pan02.png);
	background-repeat: no-repeat;
	background-position: 4px 0px;
	font-size: 12px;
	line-height: 12px;
}
#pankuzu .pan02 a {
	text-decoration: none;
}
#pankuzu .pan02 a span {
	color: #333;
}

/*jquery_slideup*/
nav#itemList {
	width: 100%;
	background-color:#FFF;
	z-index: 99999999;
}
.iteml01_ {
	background-color: rgba(0,0,0,0.5);
}
.iteml01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width: 560px;
	margin: 0 auto;
	padding: 4px 8px;
}
.iteml01 li {
	flex: 0 0 30%;
}
.iteml01 li a {
	display: block;
	padding-top: 6px;
	padding-bottom: 4px;
	border-radius: 12px;
	border: 2px solid rgba(86,0,172,0.8);
	background-color: #FFF;
	text-align: center;
}
.iteml01 li span {
	display: block;
	padding-top: 6px;
	padding-bottom: 4px;
	border-radius: 12px;
	border: 2px solid rgba(86,0,172,0.8);
	background-color: #FFF;
	text-align: center;
}
.iteml01 li img {
	width: 80%;
	height: auto;
}

/* common */
#page {
	background-image: url(../img/common/common_bk01.jpg);
	background-attachment: fixed;
}
#wrap {
	min-width: 320px;
}
.wrap01 {
	background-color: #FFF;
}
@media screen and (min-width:897px) {
	.wrap01 {
		position: relative;
		max-width: 1024px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 14px;
	}
	.wrap01 strong {
		position: absolute;
		top: 56px;
		left: 260px;
	}
}
@media screen and (max-width:896px) {
	.wrap01 {
		text-align: center;
		font-size: 10px;
		line-height: 16px;
	}
}
#head {
	background-color: #FFF;
	border-bottom: 1px solid #EDF;
}
.head01_ {
	overflow: hidden;
	position: relative;
	max-width:1024px;
	margin: 0 auto;
	padding: 1em;
}
@media screen and (min-width:897px) {
	.head01_ {
		padding: 2em 1em;
	}
}
@media screen and (max-width:896px) {
	.head01_ {
		padding: 0.5em 1em 1em;
	}
}
@media screen and (min-width:897px) {
	.head01 {
		float: left;
	}
}
@media screen and (min-width:897px) {
	.head02 {
		float: right;
	}
}
@media screen and (max-width:896px) {
	.head02 {
		display: none;
	}
}
.head03 {
}
.head03 li {
	text-align: center;
}
.head03 a {
	text-decoration: none;
}
@media screen and (min-width:897px) {
	.head03_ {
		background-image: -moz-linear-gradient(#EEE, #F9F9F9, #E3E3E3);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), color-stop(0.4, F9F9F9), to(#E3E3E3));
		background-image: linear-gradient(#EEE 0%, #F9F9F9 40%, #E3E3E3 100%);
	}
	.head03 {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		max-width: 1024px;
		margin: 0 auto;
	}
	.head03 li {
		box-sizing: border-box;
	}
	.head03 li a {
		display: block;
		padding: 5px 0 3px;
		font-weight: bold;
		color: #666;
	}
	.head03_01 {
		display: none;
	}
	.head03_02 {
		flex: 0 0 18%;
	}
	.head03_02 a {
		background-image: -moz-linear-gradient(#F7C4D9, #FDF2F7, #F3ADCB);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#F7C4D9), color-stop(0.4, #FDF2F7), to(#F3ADCB));
		background-image: linear-gradient(#F7C4D9 0%, #FDF2F7 40%, #F3ADCBF 100%);
		text-align: center;
	}
	.head03_02 a:hover {
		background-image: -moz-linear-gradient(#F3ADCB, #FDF2F7, #F7C4D9);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#F3ADCB), color-stop(0.6, #FDF2F7), to(#F7C4D9));
		background-image: linear-gradient(#F3ADCB 0%, #FDF2F7 60%, #F7C4D9 100%);
	}
	.head03_03 {
		flex: 0 0 15%;
		border-right: 1px solid #CCC;
		text-align: center;
		letter-spacing: 1px;
	}
	.head03_04 {
		flex: 0 0 22%;
		border-right: 1px solid #CCC;
		text-align: center;
	}
	.head03_03 a:hover, .head03_04 a:hover {
		background-image: -moz-linear-gradient(#E3E3E3, #F9F9F9, #EEE);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#E3E3E3), color-stop(0.6, F9F9F9), to(#EEE));
		background-image: linear-gradient(#E3E3E3 0%, #F9F9F9 60%, #EEE 100%);
	}
}
@media screen and (max-width:896px) {
	.head03_01 {
		position: fixed;
		top: 20px;
		right: 1em;
	}
	.head03_02, .head03_03, .head03_04 {
		display: none;
	}
}
.head04 {
	border-bottom: 4px solid #5600AC;
	background-image: url(../img/common/common_bk02.jpg);
	background-position: center;
	text-align: center;
}
.head04 img {
	max-width: 1024px;
	width: 100%;
	height: auto;
}
.head05 {
	padding: 1.5rem;
	border-bottom: 4px solid #5600AC;
	background-image: url(../img/common/common_bk02_.jpg);
	background-position: center;
	text-align: center;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 2px;
	color:#FFF;
}
#field {
}
@media screen and (min-width:897px) {
	#field {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		max-width: 1024px;
		margin: 0 auto;
		padding: 2em 1em;
	}
}
@media screen and (min-width:897px) {
	#main {
		flex: 0 0 75%;
	}
}
@media screen and (max-width:896px) {
	#main {
		padding: 2em 1em;
	}
}
#main_ {
	max-width: 1024px;
	margin: 0 auto;
	padding: 2em 1em;
}
@media screen and (min-width:897px) {
	#main_ {
		padding: 2em 1em 5em;
	}
}
@media screen and (min-width:897px) {
	#sid {
		flex: 0 0 20%;
	}
	#sid_ {
		display: none;
	}
}
@media screen and (max-width:896px) {
	#sid, #sid_ {
		padding: 1.5em 1em;
	}
}
@media screen and (min-width:897px) {
	.sid01 {
		border-top: 1px dotted #999;
	}
	.sid01 li {
		padding: 0.8em 0.2em;
		border-bottom: 1px dotted #999;
	}
	.sid01 li a {
		display: block;
		padding: 0 1.5em;
		background-image: url(../img/common/common_bk04.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: 1px;
		font-size: 14px;
		line-height: 20px;
		color: #666;
	}
	.sid01 li a:hover {
		background-position: left top;
		color: #E4007F;
	}
}
@media screen and (max-width:896px) {
	.sid01_ {
		padding: 2em 1em;
	}
	.sid01 {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.sid01 li {
		align-self: center;
		padding: 0.5em 0;
	}
	.sid01 li a {
		display: block;
		padding: 0.5em;
		border-radius: 1.5em;
		box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		letter-spacing: 1px;
		color: #FFF;
	}
	.sid01_01, .sid01_02 {
		flex: 0 0 48%;
	}
	.sid01_01 a, .sid01_04 a {
		background-color: #999;
		border: 2px solid #666;
	}
	.sid01_02 a, .sid01_05 a {
		background-color: #E4007F;
		border: 2px solid #970053;
	}
	.sid01_03 a {
		background-color: #972FFF;
		border: 2px solid #5600AC;
	}
}
@media screen and (min-width:668px) and (max-width:896px) {
	.sid01_03, .sid01_04, .sid01_05 {
		flex: 0 0 32%;
	}
}
@media screen and (max-width:667px) {
	.sid01_03, .sid01_04, .sid01_05 {
		flex: 0 0 48%;
	}
}
#foot {
	padding-top: 8px;
	background-image: url(../img/common/common_bk03.gif);
	background-repeat: repeat-x;
	background-color: #FFF;
}
.foot01 {
	padding: 1em 1em 0.5em;
	text-align: center;
}
.foot02_ {
	overflow: hidden;
	max-width: 528px;
	margin: 0 auto;
	padding: 0 1em 1.5em;
}
.foot02 {
	float: left;
	max-width: 45%;
}
.foot02 img {
	max-width: 232px;
	width: 100%;
	height: auto;
}
.foot03 {
	float: right;
	max-width: 42%;
}
.foot03 img {
	width: 100%;
	height: auto;
}
#fcopy {
	padding: 0 1em;
	background-color: #5600AC;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5;
	color: #FFF;
}
@media screen and (max-width:896px) {
	#fcopy {
		padding: 0 1em 5em;
	}
}
#fcopy small {
	display: inline-block;
	padding: 0 1em;
	font-style: normal;
}
#fcopy span {
	display: inline-block;
	padding: 0 1em;
}

.fnav01_ {
	position: fixed;
	bottom: 0px;
	z-index: 802;
	left: 0px;
	width: 100%;
	height: 58px;
}
.fnav01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.fnav01 li {
	flex: 0 0 31%;
	list-style-type: none;
}
.fnav01 li a {
	display: block;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 8px;
	border-radius: 12px 12px 0 0;
	text-align: center;
}
.fnav01_01 {
}
.fnav01_01 a {
	border: 2px solid rgba(86,0,172,0.8);
	background-color: rgba(239,239,239,0.8);
}
.fnav01_02 {
}
.fnav01_02 a {
	background-color: rgba(228,0,127,0.8);
}
@media screen and (min-width:897px) {
	.fnav01_ {
		display: none !important;
	}
}

.title01 {
	margin: 0 0 1rem;
	text-align: left;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #5600AC;
}
.title01_01 {
	display: inline-block;
}

/* index */
.inde01 {
	margin: 1.5rem 0;
	text-align: center;
	font-size: 1.5em;
}
.inde01 strong {
	display: inline-block;
	padding: 0.5em 4em;
	/*background-image: -moz-linear-gradient(left 90deg, #81F, #5600AC, #81F);
	background-image: -webkit-gradient(linear, left top, right top, from(#FFF), color-stop(0.15, #81F), color-stop(0.5, #5600AC), color-stop(0.85, #81F), to(#FFF));
	background-image: linear-gradient(90deg, #FFF 0%, #81F 15%, #5600AC 50%, #81F 85%, #FFF 100%);*/
	background-image: -moz-linear-gradient(left 90deg, #F3AECB, #E4007F, #F3AECB);
	background-image: -webkit-gradient(linear, left top, right top, from(#FFF), color-stop(0.15, #F3AECB), color-stop(0.5, #E4007F), color-stop(0.85, #F3AECB), to(#FFF));
	background-image: linear-gradient(90deg, #FFF 0%, #F3AECB 15%, #E4007F 50%, #F3AECB 85%, #FFF 100%);
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 1px;
	color: #FFF;
}
.inde02 {
	margin: 1rem 0 2rem;
}
.inde02 h3 {
	text-align: left;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #5600AC;
}
.inde02_01 img {
	width: 100%;
	height: auto;
}
.inde02_03 {
	padding: 0.1rem 0 0.5rem;
	font-family: 'Noto Serif JP', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	color: #F00;
}
.inde02_03 strong {
	padding-right: 2px;
	font-size: 2em;
}
.inde02_04 {
	text-align: center;
}
.inde02_04 a {
	display: inline-block;
	padding: 0.5em 2em;
	text-decoration: none;
	border-radius: 2em;
	/*background-color: #5600AC;*/
	background-color: #E4007F;
	line-height: 1;
	color: #FFF;
}
.inde02_05 {
	font-size: 1.2rem;
	font-weight: normal;
	color: #222;
}
.inde02_06 {
	font-size: 0.9rem;
	font-weight: normal;
	color: #222;
}
@media screen and (min-width:668px) {
	.inde02 {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.inde02 li {
		box-sizing: border-box;
		flex: 0 0 33.3%;
		display: flex;
		flex-flow: column;
		padding: 0.5rem 1rem 1rem;
		border-left: 1px solid #999;
	}
	.inde02 li:last-child {
		border-right: 1px solid #999;
	}
	.inde02 h3 {
		text-align: center;
	}
	.inde02_01 {
		margin: 0.8em 0;
	}
	.inde02_03 {
		margin: auto 0 0;
		padding: 0.5rem 0 1rem;
	}
}
@media screen and (min-width:569px) and (max-width:667px) {
	.inde02 h3 {
		float: left;
		width: 50%;
	}
}
@media screen and (max-width:667px) {
	.inde02 li {
		overflow: hidden;
		padding: 1.5em 0.5em;
		border-top: 1px dotted #999;
	}
	.inde02 li:last-child {
		border-bottom: 1px dotted #999;
	}
	.inde02 h3 {
		padding: 0 0 0.3em;
	}
	.inde02_01 {
		float: right;
		width: 45%;
	}
	.inde02_02, .inde02_03, .inde02_04  {
		width: 50%;
		margin: 0.2rem 0;
	}
}
.inde03 {
	margin: 1rem 0 1.5rem;
}
.inde04_ {
	padding: 1.5em 2em;
	border: 1px solid #EEE;
	background-color: #FFF;
	box-shadow: 2px 2px 4px #999;
}
.inde04 {
	margin: 0 0 0.5em;
	font-weight: normal;
	font-size: 1.2em;
	color: #F00;
}
.inde05 {
	padding: 0 0.5em;
}
.inde06 {
	margin: 3rem 0 4rem;
	text-align: center;
}
.inde06 img {
	max-width: 720px;
	width: 100%;
	height: auto;
}
.inde07_ {
	box-sizing: border-box;
	margin: 3rem 0;
	padding: 28px;
	background-color: #FFF;
	background-image: url(../img/index/index02_01.jpg), url(../img/index/index02_02.jpg), url(../img/index/index02_03.jpg), url(../img/index/index02_04.jpg), url(../img/index/index02_05.jpg), url(../img/index/index02_06.jpg), url(../img/index/index02_07.jpg), url(../img/index/index02_08.jpg);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y;
	background-position: left top, right top, right bottom, left bottom, left top, right top, left bottom, left top;
}
.inde07 {
	box-sizing: border-box;
	align-self: center;
}
.inde07 dt {
	position: relative;
	padding: 0.5rem;
	border-radius: 4px;
	background: #EEE;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
}
.inde07 dt:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #EEE;
	width: 0;
	height: 0;
}
.inde07 dd strong {
	display: block;
	margin: 0.8rem 0 0;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-weight: normal;
	font-size: 1.2em;
	color: #5600AC;
}
.inde08_ {
	text-decoration: none;
	color: #222;
}
.inde08 {
	box-sizing: border-box;
	align-self: center;
	margin: 1rem 0;
	padding: 0.8em 0.5em;
	border-radius: 8px;
	border: 3px solid #E3007C;
	background-color: #FFF;
}
.inde08 dt {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.1;
	color: #E3007C;
}
.inde08 dd {
	text-align: center;
	line-height: 1.1;
}
.inde08 dd strong {
	font-size: 2em;
	color: #F00;
}
.inde08 dd span {
	font-weight: bold;
	color: #F00;
}
.inde09 {
	box-sizing: border-box;
	margin: 1rem 0 0;
	padding: 0.5rem 1rem;
	background-color: #5600AC;
	text-align: center;
	font-size: 1.1em;
}
.inde09 a {
	display: block;
	text-decoration: none;
	color:#FFF;
}
.inde09 strong {
	font-weight: normal;
	color: #FF0;
}
.inde09 span {
	display: inline-block;
	position: relative;
	padding-left: 1.5em;
	font-size: 0.8em;
}
.inde09 span:before {
	position: absolute;
	content: "※";
	top: 0;
	left: 4px;
}
@media screen and (min-width:711px) {
	.inde07_ {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.inde07 {
		flex: 0 0 52%;
	}
	.inde08_ {
		display: block;
		flex: 0 0 42%;
	}
	.inde09 {
		flex: 0 0 100%;
	}
			  
}
@media screen and (max-width:710px) {
	.inde08 {
		max-width: 320px;
		margin: 1rem auto;
	}
}
.cont02 {
	position: relative;
	padding: 0.2em 0.5em;
	border: 2px dashed #FFF;
	background: #972FFF;
	box-shadow: 0px 0px 0px 5px #972FFF;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.5;
	color: #FFF;
}
.cont02:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #FFD #FFD #5600AC;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.cont03 {
	margin: 0.8rem 0 0;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.2em;
	color: #5600AC;
}
.cont04 {
	position: relative;
	padding-left: 1em;
}
.cont04:before {
	position: absolute;
	content: "※";
	top: 0;
	left: 0;
}
	

/* company */
.comp01 {
	margin: 1rem 0 2rem;
}
.comp02 {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #999;
}
.comp02 th {
	padding: 1em;
	background-color: #F3F3F3;
	box-sizing: border-box;
	border: 1px solid #999;
	font-weight: normal;
}
.comp02 td {
	box-sizing: border-box;
	padding: 1em;
	border: 1px solid #999;
	background-color: #FFF;
}

/* affiliated */
.affi01_ {
    background-color: #fff;
    margin: 2em 0 4em;
    padding: 2em;
    position: relative;
    z-index: 1;
}
.affi01_::before,
.affi01_::after {
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
}
.affi01_::before {
    background-color: rgba(255, 255, 255, .5);
    left: 0;
    top: 0;
    z-index: -1;
}
.affi01_::after {
    background-color: #E6CEFF;
    top: 5px;
    left: 5px;
    z-index: -2;
}
.affi01 {
	font-weight: normal;
	font-size: 0.9em;
}
.affi02 {
	overflow: hidden;
}
.affi02_00 {
	float: left;
	width: 45%;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
}
@media screen and (min-width:521px) {
	.affi02_00 {
		padding: 0.5em 0 0.2em;
	}
}
@media screen and (max-width:520px) {
	.affi01 {
		padding: 0 0 0.5em;
	}
	.affi02_00 {
		padding: 0 0 0.2em;
	}
}
.affi02_01 {
	text-align: center;
	float: right;
	width: 50%;
}
.affi02_01 img {
	width: 100%;
	height: auto;
}
.affi02_02, .affi02_03 {
	float: left;
	width: 45%;
	padding: 0 0 0 0.5em;
}
.affi02_02 span, .affi02_03 span {
	display: inline-block;
	padding-right: 1em;
}
.affi02_04 {
	padding: 1em 0 0;
	clear: both;
	width: 100%;
}
.affi02_04 iframe {
	width: 100%;
	height: 15em;
}
.affi02_05 {
	margin: 1em 0;
	padding: 2em 2em 0;
	background-color: #FFF;
}
.affi02_05 ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.affi02_05 ul li {
	margin: 0 0 1em;
	text-align: center;
	line-height: 1.5;
}
@media screen and (min-width:668px) {
	.affi02_05 ul li {
		flex: 0 0 30%;
	}
}
@media screen and (max-width:667px) {
	.affi02_05 ul li {
		flex: 0 0 47%;
	}
}
.affi02_05 ul li img {
	width: 100%;
	height: auto;
}
.affi02_06 {
	padding: 1em 1.5em;
	border-radius: 4px;
	border: 3px double #999;
	background-color: #FFF;
	background-image: url(../img/common/common_bk05.jpg);
}
.affi02_06 dt {
	margin: 0 0 0.3rem 0;
	font-size: 1.05rem;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	letter-spacing: 1px;
	color: #5600AC;
}
.affi02_06 dd ul {
	overflow: hidden;
	padding: 0 0.5em;
}
.affi02_06 dd ul li {
	float: left;
	position: relative;
	padding: 0 1.5em 0.5em;
}
.affi02_06 dd ul li:before {
	position: absolute;
	content: "●";
	top: 0;
	left: 4px;
}

/* plan */
.plan00 {
}
.plan00 dt {
	padding: 0.6rem 1rem 0.4rem;
	background-color: #F3AECB;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.5em;
	line-height: 1;
	letter-spacing: 1px;
	color: #FFF;
}
.plan00 dd {
	margin: 2px 0 2em;
	border-top: 4px solid #F3AECB;
}
.plan00 dd ul li {
	line-height: 1;
}
.plan00 dd ul li a {
	border-radius: 0 0 4px 4px;
	border-right: 1px solid #F3AECB;
	border-bottom: 1px solid #F3AECB;
	border-left: 1px solid #F3AECB;
	text-decoration: none;
	text-align: center;
	letter-spacing: 1px;
	line-height: 1;
	color: #F3AECB;
}
.plan00 dd ul li a.on {
	background-color: #F3AECB;
	color: #FFF;
}
@media screen and (min-width:668px) {
	.plan00 dd ul {
		overflow: hidden;
	}
	.plan00 dd ul li {
		float: left;
		margin: 0 0.8em 0 0;
	}
	.plan00 dd ul li a {
		display: inline-block;
		padding: 0.8rem 1rem;
	}
}
@media screen and (max-width:667px) {
	.plan00 dd ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.plan00 dd ul li {
		flex: 0 0 31%;
	}
	.plan00 dd ul li a {
		display: block;
		padding: 0.8rem 0;
	}
}
.plan01 {
	margin: 1rem 0;
}
.plan02 {
	margin: 1rem 0 3rem;
	text-align: center;
}
.plan02 img {
	max-width: 634px;
	width: 100%;
	height: auto;
}
/*.plan03 {
	position: relative;
	padding: 0.2em 0.5em;
	border: 2px dashed #FFF;
	background: #972FFF;
	box-shadow: 0px 0px 0px 5px #972FFF;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.5;
	color: #FFF;
}
.plan03:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #FFD #FFD #5600AC;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}*/
.plan03 {
	margin: 2rem 0 0.5rem;
	padding: 0 0 2px;
	border-bottom: 3px double #972FFF;
	font-weight: normal;
}
.plan03 span {
	display: block;
	padding: 0.2em 0.5em;
	border-left: 8px solid #972FFF;
	font-size: 1.5em;
	line-height: 1.2;
}
.plan04 {
	overflow: hidden;
	margin: 1rem 0 0.5em;
}
.plan04 dt {
	float: left;
	padding: 0.9em 1em 0 0;
	font-weight: bold;
}
.plan04 dd {
	float: left;
	font-family: 'Noto Serif JP', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.plan04 dd strong {
	font-size: 1.8em;
	color: #F00;
}
.plan04_01 {
	padding: 0 0.7em 0 0.2em;
	font-weight: bold;
	font-size: 1.2em;
	color: #F00;
}
.plan04_02 {
	font-size: 1.2em;
	color: #222;
}
.plan05 {
	padding: 1em 1.5em;
	border-radius: 4px;
	border: 3px double #999;
	background-color: #FFF;
	background-image: url(../img/common/common_bk05.jpg);
}
.plan05_01 {
	margin: 0 0 0.5rem 0;
	font-size: 1.2em;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	color: #5600AC;
}
.plan05_02 {
}
.plan05_03 {
	margin: 1rem 0 1.5rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.plan05_03 li {
	flex: 0 0 32%;
}
.plan05_03 li img {
	max-width: 200px;
	width: 100%;
	height: auto;
}
.plan05_04 {
	overflow: hidden;
	padding: 0 0.5em;
}
.plan05_04 li {
	float: left;
	padding: 0.2em 1.5em 0.8em 36px;
	background-size: 32px 32px;
	background-repeat: no-repeat;
	line-height: 32px;
}
.plan05_04_01 {
	background-image: url(../img/plan/plan13.gif);
}
.plan05_04_02 {
	background-image: url(../img/plan/plan07.gif);
}
.plan05_04_03 {
	background-image: url(../img/plan/plan08.gif);
}
.plan05_04_04 {
	background-image: url(../img/plan/plan09.gif);
}
.plan05_04_05 {
	background-image: url(../img/plan/plan10.gif);
}
.plan05_04_06 {
	background-image: url(../img/plan/plan11.gif);
}
.plan05_04_07 {
	background-image: url(../img/plan/plan12.gif);
}
.plan05_04_08 {
	background-image: url(../img/plan/plan14.gif);
}
.plan05_04_09 {
	background-image: url(../img/plan/plan16.gif);
}
.plan05_04_10 {
	background-image: url(../img/plan/plan17.gif);
}
.plan05_04_11 {
	background-image: url(../img/plan/plan18.gif);
}
.plan05_04_12 {
	background-image: url(../img/plan/plan19.gif);
}
.plan05_04_13 {
	background-image: url(../img/plan/plan20.gif);
}
.plan05_04_14 {
	background-image: url(../img/plan/plan21.gif);
}
.plan05_05 {
	margin: 1rem 0 0.5rem;
	padding: 1rem 1.5rem;
	background-color: #FFC;
}
.plan05_05 dt {
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	color: #5600AC;
}
.plan05_05 dt strong {
	font-weight: normal;
	font-size: 1.1em;
	letter-spacing: 1px;
}
.plan05_05_01 {
	margin: 0.5em 0 1em;
	line-height: 1.5;
}
.plan05_05_02 ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.plan05_05_02 ul li {
	flex: 0 0 48%;
	text-align: center;
}
.plan05_05_02 ul li img {
	max-width: 488px;
	width: 100%;
	height: auto;
}
.plan05_05_03 {
	display: block;
	margin-bottom: 0.5em;
	text-align: center;
	color: #F00;
}
.plan05_05_04 {
	display: inline-block;
	padding: 0 0.5em;
}
.plan05_05_05 {
	display: block;
	font-size: 0.9em;
	line-height: 1.5;
}
.plan05_06 {
	overflow: hidden;
	padding: 0 0.5em;
}
.plan05_06 li {
	float: left;
	position: relative;
	padding: 0 1.5em 0.5em;
}
.plan05_06 li:before {
	position: absolute;
	content: "●";
	top: 0;
	left: 4px;
}
.plan05_07 {
	position: relative;
	padding: 0 0  0.5em 1.5em;
	font-size:0.9em;
	line-height: 1.2;
}
.plan05_07:before {
	position: absolute;
	content: "※";
	top: 0;
	left: 0.5em;
}
.plan05_08 {
	position: relative;
	padding-left: 1.2em;
}
.plan05_08:before {
	position: absolute;
	content: "※";
	top: 0;
	left: 0.1em;
}
.plan06_ {
	margin: 3rem 0;
	padding: 28px;
	border-radius: 8px;
	background-color: #FFF;
	background-image: url(../img/plan/plan15_01.jpg), url(../img/plan/plan15_02.jpg), url(../img/plan/plan15_03.jpg), url(../img/plan/plan15_04.jpg), url(../img/plan/plan15_05.jpg), url(../img/plan/plan15_06.jpg), url(../img/plan/plan15_07.jpg), url(../img/plan/plan15_08.jpg);
	background-size: 22px 22px, 22px 22px, 22px 22px, 22px 22px, 2px 22px, 22px 2px, 2px 22px, 22px 2px;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y;
	background-position: left top, right top, right bottom, left bottom, left top, right top, left bottom, left top;
}
.plan06 {
	margin: 0 0 0.5rem;
	text-align: center;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-weight: normal;
	font-size: 1.15em;
	color: #5600AC;
}
.plan06 span {
	display: inline-block;
}
.plan07 {
}
.plan07 dt {
	margin: 0.5em 0;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.2em;
}
.plan07 dt span {
	display: inline-block;
	background: linear-gradient(transparent 60%, #FF9 80%);
	letter-spacing: 1px;
}
.plan07 dd {
}
.plan07 dd span {
	display: block;
	text-align: right;
}
.plan08_ {
}
.plan08 {
}
.plan08 dt {
	text-align: center;
	font-weight: bold;
}
.plan08 dd {
	text-align: center;
	font-weight: bold;
}
.plan08_01 {
	font-size: 0.9em;
	line-height: 1.5;
}
.plan09 {
	text-align: center;
}
.plan09 img {
	max-width: 320px;
	width: 100%;
	height: auto;
}
@media screen and (min-width:668px) {
	.plan08_ {
		display: flex;
		flex-flow: row-reverse wrap;
		justify-content: space-around;
	}
	.plan08 {
		flex: 0 0 60%;
		align-self: center;
	}
	.plan09 {
		flex: 0 0 38%;
		align-self: center;
	}
	.plan09 img {
		width: 100%;
	}
}
@media screen and (max-width:667px) {
	.plan08 dt {
		font-size: 1.2em;
	}
	.plan08 dd {
		margin: 0.5em 0 0;
	}
	.plan08 dd.plan08_01 {
		margin: 0 0 1em;
	}
	.plan09 img {
		width: 80%;
	}
}
.plan10 {
	position: relative;
	margin: 2.5rem 0 1rem;
	padding: 0.8rem 0.5rem 0.8rem 3.5rem;
	border-radius: 5px;
	background-color: #F8CDDF;
	text-shadow: 0px 0px 10px #FFF, 0px 0px 6px #FFF, 0px 0px 4px #FFF, 0 0 0.5px #FFF;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #E4007D;
}
.plan10:before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	content: '＊*'; /*花に見せかけるためのアスタリスク*/
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	margin-right: 0.6rem;
	text-shadow: 0px 0px 3px #FFF, 0px 0px 2px #FFF, 0 0 0.5px #FFF;
	font-weight: bold;
	font-size: 2rem; 
	color: #FFF;
}
.plan10:after {
	position: absolute;
	bottom: 3px;
	right: 3px;
	left: 3px;
	content: '';
	border-bottom: 2px dotted #FFF;
}
.plan11 {
	margin-bottom: 1rem;
	padding: 0 1rem;
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 1px;
}
.plan12 {
	text-align: center;
}
.plan12 img {
	max-width: 690px;
	width: 90%;
	height: auto;
}
.plan13 {
	margin: 1rem 0;
}
.plan13 li {
	position: relative;
	padding: 0 0 0.2rem 1.5em;
}
.plan13 li:before {
	position: absolute;
	content: "●";
	top: 0;
	left: 0.3rem;
}
.plan13 li strong {
	color: #F00;
}

/* contact */
.cont01 {
	margin: 1rem 0;
}
.cont02_ {
	margin: 1rem 0 3rem;
	padding: 1.5em 2em;
	border: 1px solid #EEE;
	background-color: #FFD;
	box-shadow: 2px 2px 4px #999;
}
.cont02_  div{
	align-self: center;
}
.cont02 {
	position: relative;
	padding: 0.2em 0.5em;
	border: 2px dashed #FFF;
	background: #972FFF;
	box-shadow: 0px 0px 0px 5px #972FFF;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.5;
	color: #FFF;
}
.cont02:after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #FFD #FFD #5600AC;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.cont03 {
	margin: 0.8rem 0 0;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.2em;
	color: #5600AC;
}
.cont04 {
	position: relative;
	padding-left: 1em;
	line-height: 1.3;
}
.cont04:before {
	position: absolute;
	content: "※";
	top: 0;
	left: 0;
}
.cont05 {
	align-self: center;
	margin: 1rem 0;
	padding: 0.8em 0.5em;
	border-radius: 8px;
	border: 3px solid #E3007C;
	background-color: #FFF;
}
.cont05 dt {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.1;
	color: #E3007C;
}
.cont05 dd {
	text-align: center;
	line-height: 1.1;
}
.cont05 dd strong {
	font-size: 2em;
	color: #F00;
}
.cont05 dd span {
	font-weight: bold;
	color: #F00;
}
@media screen and (min-width:1024px) {
	.cont02_ {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
}
@media screen and (min-width:897px) and (max-width:1023px) {
	.cont02_ div {
		margin-bottom: 1em;
	}
	.cont05 {
		max-width: 320px;
		margin: 0 auto;
	}
}
@media screen and (min-width:711px) and (max-width:896px) {
	.cont02_ {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.cont02_ div {
		flex: 0 0 54%;
	}
	.cont05 {
		flex: 0 0 36%;
	}
}
@media screen and (max-width:710px) {
	.cont02_ div {
		margin-bottom: 1em;
	}
	.cont05 {
		max-width: 320px;
		margin: 0 auto;
	}
}
.cont06 {
	position: relative;
	margin: 0 0 1em;
	padding: 0 0.2em;
	/*border-bottom: solid 4px rgba(153, 153, 153, 0.8);rgb(146,83,157)rgb(86,0,172)*/
	border-bottom: solid 4px rgba(146, 83, 157, 0.8);
	border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-size: 1.5em;
	font-weight: normal;
}
.cont07 {
	margin: 1.5rem 0.5rem 4rem;
}
.cont07 img {
	width: 100%;
	height: auto;
}
.cont08 {
	margin: 2rem 0 0.5rem;
	padding: 0 0 2px;
	border-bottom: 3px double #E3007C;
	font-weight: normal;
}
.cont08 span {
	display: block;
	padding: 0.2em 0.5em;
	border-left: 8px solid #E3007C;
	font-size: 1.5em;
	line-height: 1.2;
}
.cont09 {
	position: relative;
	padding: 0 0 0.8em 1.5em;
	color: #F00;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.2;
}
.cont09:before {
	position: absolute;
	content: "※";
	top: 6px;
	left: 4px;
}
.cont09 span {
	display: inline-block;
	padding-top: 6px;
	border-bottom: 3px double #F00;
}
.cont10 {
	margin: 0.5em 1em 3em;
}
.cont10 img {
	max-width: 426px;
	width: 100%;
	height: auto;
}
.cont11_ {
	margin: 1rem 0 3rem;
	padding: 1em 1.5em;
	border-radius: 4px;
	border: 3px double #999;
	background-color: #FFF;
	background-image: url(../img/common/common_bk05.jpg);
}
.cont11 {
	font-family: 'Sawarabi Mincho', 'Roboto Slab', Garamond, 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	font-weight: normal;
	font-size: 1.4em;
	letter-spacing: 1px;
	color: #5600AC;
}
.cont12 {
	margin: 0.5em 0;
}
.cont13 {
	margin: 0.8em 0 1em;
}
.cont13 img {
	max-width: 566px;
	width: 100%;
	height: auto;
}
.cont14 {
}
.cont14 dt {
	margin: 0.5rem 0;
	border-bottom: 1px dotted #666;
	font-size: 1.1em;
	letter-spacing: 1px;
}
.cont14 dd {
	position: relative;
	padding: 0 0 0.2rem 1.2em;
	line-height: 1.5;
}
.cont14 dd:before {
	position: absolute;
	content: "※";
	top: 0;
	left: 0.1em;
}
.cont15 {
	margin: 0.5rem 0;
}
.cont15 dd img {
	width: 100%;
	height: auto;
}
.cont16 {
	flex: 0 0 100%;
	padding: 1em 0 0 0;
}
.cont16 a {
	display: block;
	padding: 0.5em 0;
	background-color: #E4007D;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 1px;
}
.cont17 {
	flex: 0 0 100%;
}
.cont17 dt {
	position: relative;
	padding: 0.5em;
	margin: 3em 0 0.5em;
	border-top: solid 2px #F00;
	border-bottom: solid 2px #F00;
	background: #FFF;
	line-height: 1.4;
}
.cont17 dt:after {
	position: absolute;
	left: 0;
	bottom: 100%;
	content: 'ご相談は無料';
	padding: 0.3rem 0.5rem 0.1rem;
	border-radius: 5px 5px 0 0;
	background-color: #F00;
	font-weight: bold;
	font-size: 0.9rem;
	line-height: 1.2;
	letter-spacing: 0.1rem;
	color: #FFF;
}
.cont17 dd {
	padding: 0 0.5rem;
}
.cont17 dd li {
	position: relative;
	padding-left: 1.2em;
}
.cont17 dd li:before {
	position: absolute;
	content: "●";
	top: 0;
	left: 0;
}