@charset 'UTF-8';
/* CSS Document */
/* contents---------------
	 1.
	 2.
	 3.
		------------ */
/*----------------------------------------------------------
	reset
--------------------------------------------------------- */
@import url('fonts/style.css');
body,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,form,p,th,td,input,textarea,select{
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6{
	font-size: 1em;
	font-weight: normal;
}

img{
	margin: 0;
	padding: 0;

	vertical-align: top; 

	border: 0;
}

ul,dl{
	list-style-type: none;
}

*{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

	word-break: normal; 

	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
}

body{
	word-break: break-all;
}

/*----------------------------------------------------------
	base
--------------------------------------------------------- */
_:lang(x)::-ms-backdrop,body{
	font-family: 'Hiragino Kaku Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo,sans-serifsans-serif;
}

.yubold{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-weight: bold;
}

_:lang(x)::-ms-backdrop,.yubold{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-weight: 400;
}

img{
	width: auto; 
	max-width: 100%;
	height: auto;
}

.spDisp{
	display: none !important;
}

.pcDisp{
	display: block !important;
}

.spDisp_flex{
	display: none !important;
}

.pcDisp_flex{
	display: flex !important;
}

@media screen and (max-width: 750px){
	.spDisp{
		display: block !important;
	}
	.pcDisp{
		display: none !important;
	}
	.spDisp_flex{
		display: flex !important;
	}
	.pcDisp_flex{
		display: none !important;
	}
	br.sp{
		display: block;
	}
	br.pc{
		display: none;
	}
}

@media screen and (min-width: 751px){
	a[href^='tel:']{
		pointer-events: none;
	}
	br.sp{
		display: none;
	}
	br.pc{
		display: block;
	}
}

.nondisp{
	display: none;
}

a:link{
	transition: .3s;
	text-decoration: none; 

	color: #333;
}

a:visited{
	color: #333;
}

a:hover{
	text-decoration: underline;
}

/*----------------------------------------------------------
	parts
--------------------------------------------------------- */
span.bold{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-weight: bold;
}

a.inline{
	text-decoration: underline;
}

a.inline-popup{
	text-decoration: underline;
}

.inline-popup:after,a.popup:after{
	font-family: 'yubin';

	display: inline-block;

	margin-left: .3em;

	content: '\e924';

	color: #c00;
}

a.inline:hover,.inline-popup:hover{
	text-decoration: none;
}

/*----------------------------------------------------------
	bg
--------------------------------------------------------- */
.bgG{
	background: #f7f7f7;
}
.bgG.pd{
	padding: 50px 0;
}

.bgG2{
	background: #eee;
}
.bgG2.pd{
	padding: 50px 0;
}

.bgW{
	background: #fff;
}
.bgW.pd{
	padding: 30px 0;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	.bgG.pd,.bgG2.pd{
		padding: 3vh 0;
	}
	.bgW.pd{
		padding: 3vh 0;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	.bgG.pd,.bgG2.pd{
		padding: 4vh 0;
	}
	.bgW.pd{
		padding: 4vh 0;
	}
}

/* sp */
@media screen and (max-width: 750px){
	.pd.innerwidth{
		padding: 30px 3%;
	}
}

/* sp */
/*----------------------------------------------------------
	headline
--------------------------------------------------------- */
h1.photo{
	position: relative;
}
h1.photo.filB{
	background: #000;
}
h1.photo.filB .bgimg{
	opacity: .7;
}
h1.photo.filB .title{
	color: #fff;
}
h1.photo.filW{
	background: #fff;
}
h1.photo.filW .bgimg{
	opacity: .7;
}
h1.photo .bgimg{
	min-height: 30vw;
	max-height: 470px;

	background-repeat: no-repeat; 
	background-size: cover;
}
h1.photo .title{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 2.1rem;
	font-weight: 700;

	position: absolute;
	top: 5vw;

	width: auto; 

	opacity: 1;
}
h1.photo .title .lead{
	font-size: 1rem;
	font-weight: 400; 

	margin-top: 1em;
}
h1.photo .title .white{
	color: #fff;
}
h1.photo.sub .innerwidth{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;

	width: 100%;
	margin: auto;
	/* 銀行サービス一覧、保険サービス一覧 */
	/* 受け取る */
}
h1.photo.sub .innerwidth .flex_sub{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: space-between;
	align-items: flex-start;
}
h1.photo.sub .innerwidth .flex_sub .title{
	position: relative;

	width: auto;
	max-width: 72%;
	padding-right: 3%; 

	flex-basis: 72%;
}
h1.photo.sub .innerwidth .flex_sub .subArea{
	position: relative;
	top: 5vw; 

	max-width: 25%;

	flex-basis: 25%;
}
h1.photo.sub .innerwidth .flex_sub.bank .title,h1.photo.sub .innerwidth .flex_sub.insurance .title{
	max-width: 72%; 

	flex-basis: 72%;
}
h1.photo.sub .innerwidth .flex_sub.bank .subArea,h1.photo.sub .innerwidth .flex_sub.insurance .subArea{
	max-width: 25%; 

	flex-basis: 25%;
}
h1.photo.sub .innerwidth .flex_sub.receive .block input[type='text']{
	padding: 16px .8em;
}
h1.photo.sub .innerwidth .subArea{
	/*position:absolute; right:0; top:0; width:25%;*/
}
h1.photo.sub .innerwidth .subArea ul li{
	margin-bottom: 10px;
}
h1.photo.sub .innerwidth .subArea ul li a[target='_blank']:after{
	font-family: 'yubin';
	font-size: 18px;

	right: 3%; 

	content: '\e924';
}
h1.photo.sub .innerwidth .subArea .btnMborder,h1.photo.sub .innerwidth .subArea .btnM,h1.photo.sub .innerwidth .subArea .btnL,h1.photo.sub .innerwidth .subArea .btnMint{
	padding-left: 3.2em; 

	text-align: left;
}
h1.photo .subArea.floatingBlock .block{
	display: block; 

	padding: 20px 15px;
}
h1.photo .subArea.floatingBlock .block .head{
	margin-top: 0;
}
h1.photo .subArea.floatingBlock .option ul.arrowLink{
	margin-top: 0;
}
h1.photo .subArea.floatingBlock .option ul.arrowLink li{
	font-size: .85rem;
	font-weight: 400;

	margin-bottom: 0;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	h1.photo.sub .innerwidth{
		/* 送るtop */
	}
	h1.photo.sub .innerwidth .flex_sub .title{
		max-width: 58%;
		padding-right: 2%; 

		flex-basis: 58%;
	}
	h1.photo.sub .innerwidth .flex_sub .subArea{
		max-width: 40%; 

		flex-basis: 40%;
	}
	h1.photo.sub .innerwidth .flex_sub.send .subArea{
		top: 3vw;
	}
	h1.photo.sub .innerwidth .flex_sub.send .subArea ul li{
		margin-bottom: 8px;
	}
	h1.photo.sub .innerwidth .flex_sub.send .subArea ul li.sp-t20{
		margin-top: 0 !important;
	}
	h1.photo.sub .innerwidth .flex_sub.send .subArea ul li a.btnMborder{
		font-size: .9rem;

		padding: .8em 2em .8em 3.2em;
	}
	h1.photo.sub .innerwidth .flex_sub.send .subArea ul li a.btnMint{
		padding: .8em 3em .8em 3.4em;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	h1.photo{
		margin-bottom: 30px;
	}
	h1.photo.filB{
		background: #000;
		background:    -moz-linear-gradient(top, #000 50%, #fff 85%);
		background: -webkit-linear-gradient(top, #000 50%, #fff 85%);
		background:         linear-gradient(to bottom, #000 50%, #fff 85%);

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
	}
	h1.photo .bgimg{
		top: 0; 

		width: 100%;
		min-height: 200px;

		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	h1.photo .title{
		font-size: 1.5rem;

		position: absolute; 
		top: 30px;

		width: auto;
	}
	h1.photo .title .lead{
		font-size: .8rem;

		position: relative;
	}
	h1.photo .gradient:after{
		display: block;

		width: 100%;
		min-height: 300px;

		content: '';

		background-image:      linear-gradient(-180deg, rgba(0, 0, 0, 0) 35%, white 50%);
		background-image: -moz-linear-gradient(-180deg, rgba(0, 0, 0, 0) 35%, white 50%);
		background-image: -webkit-gradient linear-gradient(-180deg, rgba(0, 0, 0, 0) 35%, white 50%);
		background-image:      linear-gradient(-180deg, rgba(0, 0, 0, 0) 35%, white 50%);
	}
	h1.photo.sub{
		margin-bottom: 60px;
	}
	h1.photo.sub .bgimg{
		position: absolute;

		min-height: 35vh;

		background-size: 140% auto;
	}
	h1.photo.sub .title{
		position: relative;
	}
	h1.photo.sub .gradient{
		min-height: 45vh;
	}
	h1.photo.sub .innerwidth{
		position: relative;
	}
	h1.photo.sub .innerwidth .flex_sub{
		display: block;
	}
	h1.photo.sub .innerwidth .flex_sub .title{
		max-width: 100% !important;
		padding-right: 0; 

		flex-basis: 100% !important;
	}
	h1.photo.sub .innerwidth .flex_sub .subArea{
		max-width: 100% !important;
		margin-top: 5vw; 

		flex-basis: 100% !important;
	}
	h1.photo + .innerwidth{
		position: relative;
		z-index: 0;
	}
}

/* sp */
.h1lead{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	align-items: center;
}
.h1lead .clm{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	align-items: center;
}
.h1lead .lead{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	padding: 0 2%;

	align-items: center;
}
.h1lead .lead .inner{
	min-height: 160px; 
	padding: 2.5% 3%;

	background: #fff;
}
.h1lead .lead .inner .main{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.1rem;
	font-weight: bold;

	margin-bottom: .5em; 

	color: #c00;
}
.h1lead .lead .inner .sub{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: .9rem; 
	font-weight: bold;
}
.h1lead .lead .inner .sub .fontS{
	font-size: 90%;
}

@media screen and (max-width: 750px){
	.h1lead .lead{
		padding: 0;
	}
	.h1lead .clm2{
		display: block;

		padding: 0;
	}
	.h1lead .clm2 .clm.img{
		text-align: center;

		justify-content: center;
	}
	.h1lead .clm2 .clm{
		width: 100%; 
		max-width: 100%;
	}
	.h1lead .clm2 .clm .inner{
		margin: 15px auto;
	}
	.h1lead .clm2 .clm.lead{
		padding: 0 3%;
	}
}

/* sp */
h1.simple,.head1-simple{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 2.3rem;
	font-weight: bold; 

	color: #c00;
}
h1.simple small,.head1-simple small{
	font-size: 85%;
}
h1.simple p.sub,.head1-simple p.sub{
	font-size: .9rem; 

	color: #333;
}

.contWrap h1.simple:first-of-type,.contWrap .head1-simple:first-of-type{
	margin-top: .3em;
	margin-bottom: .3em;
}

@media screen and (max-width: 750px){
	h1.simple,.head1-simple{
		font-size: 1.7rem;

		margin: .5em 0;
	}
	.contWrap h1.simple:first-of-type,.contWrap .head1-simple:first-of-type{
		margin: .5em 0;
	}
}

/* sp */
h2.uline,.head2-uline{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.6rem;
	font-weight: bold;

	text-align: center;
	letter-spacing: .06em;
	/* sp */
}
h2.uline:after,.head2-uline:after{
	display: block;

	width: 50px;
	height: 3px;
	margin: 8px auto 10px; 

	content: '';

	background: #c00;
}
@media screen and (max-width: 750px){
	h2.uline,.head2-uline{
		font-size: 1.4rem;

		margin-bottom: 15px;

		letter-spacing: normal;
	}
}

h2.uline2,.head2-uline2{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.6rem;
	font-weight: bold;

	padding-bottom: .3em;

	letter-spacing: .06em;

	color: #c00;
	border-bottom: 4px solid #c00;
	/* sp */
}
@media screen and (max-width: 750px){
	h2.uline2,.head2-uline2{
		font-size: 1.3rem;

		margin-bottom: 15px;
	}
}

h2.uline-inline,.head2-uline-inline{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.5rem;
	font-weight: bold;

	display: inline-block;

	margin-bottom: 0;
	padding-bottom: .4em;

	letter-spacing: .06em;

	color: #c00;
	border-bottom: 4px solid #c00;
	/* sp */
}
h2.uline-inline + p.uline-inline,.head2-uline-inline + p.uline-inline{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1rem;
	font-weight: bold;

	margin-top: .8em;
	margin-bottom: 15px; 

	letter-spacing: normal;

	color: #c00;
}
@media screen and (max-width: 750px){
	h2.uline-inline,.head2-uline-inline{
		font-size: 1.4rem;

		letter-spacing: normal;
	}
	h2.uline-inline + p.uline-inline,.head2-uline-inline + p.uline-inline{
		margin-bottom: 15px;
	}
}

.bgimg-grT{
	background-size: cover;
	/* sp */
}
.bgimg-grT .gradient{
	width: 100%;
	min-height: 300px;

	background-image:      linear-gradient(-180deg, rgba(255, 255, 255, 0) 40%, white 90%);
	background-image: -moz-linear-gradient(-180deg, rgba(255, 255, 255, 0) 40%, white 90%);
	background-image: -webkit-gradient linear-gradient(-180deg, rgba(255, 255, 255, 0) 40%, white 90%);
	background-image:      linear-gradient(-180deg, rgba(255, 255, 255, 0) 40%, white 90%);
}
.bgimg-grT h2.uline-inline,.bgimg-grT .head2-uline-inline{
	padding: 60px 0 0;
}
.bgimg-grT h2.uline-inline + p.uline-inline,.bgimg-grT .head2-uline-inline + p.uline-inline{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1rem;
	font-weight: bold;

	margin-top: .8em;
	padding-bottom: 50px; 

	letter-spacing: normal;

	color: #c00;
}
@media screen and (max-width: 750px){
	.bgimg-grT{
		background-size: 100% auto;
	}
	.bgimg-grT h2.uline-inline + p.uline-inline,.bgimg-grT .head2-uline-inline + p.uline-inline{
		padding-bottom: 30px;
	}
}

h2.simple,.head2-simple{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.6rem; 
	font-weight: bold;
	font-weight: bold;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	margin: .5em 0;

	color: #c00;

	align-items: baseline;
}
h2.simple span.sub,.head2-simple span.sub{
	font-size: .9rem;

	display: inline-block;

	padding-left: 2%; 

	color: #333;
}

@media screen and (max-width: 750px){
	h2.simple,.head2-simple{
		display: block;
	}
	h2.simple span.sub,.head2-simple span.sub{
		padding-left: 0;
	}
}

/* sp */
h3.lline,.head3{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.35rem;
	font-weight: bold;
	font-weight: bold;
	line-height: 1.3; 

	margin: .5em 0;
	padding-left: .5em;

	border-left: 4px solid #c00;
}

@media screen and (max-width: 750px){
	h3.lline,.head3{
		font-size: 1.2rem;
		line-height: 1.5;
	}
}

/* sp */
h3.arrowR,.head3-arrowR{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 1.3rem; 
	font-weight: 700;

	color: #c00;
}
h3.arrowR:before,.head3-arrowR:before{
	font-family: 'yubin';

	margin-right: .5em; 

	content: '\f105';
}

h3.bline,.head3-bline{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.3rem;
	font-weight: bold;
	font-weight: bold;

	padding-bottom: .9em; 

	color: #c00;
	border-bottom: 1px solid #c8c8c8;
}
h3.bline:before,.head3-bline:before{
	font-family: 'yubin';

	margin-right: .5em; 

	content: '\f105';
}

h3.simple,.head3-simple{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.25rem; 
	font-weight: bold;
	font-weight: bold;

	margin: .5em 0;
}

h3.simpleR,.head3-simpleR{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	font-weight: bold;

	margin: .5em 0;

	color: #c00;
}

h4.simple,.head4{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.15rem; 
	font-weight: bold;
	font-weight: bold;

	margin: .5em 0;
}

h4.uline,.head4-uline{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.2rem;
	font-weight: bold;

	padding: 0 .5em;

	color: #c00;
	border-bottom: 2px solid #c00;
	/* sp */
}
@media screen and (max-width: 750px){
	h4.uline,.head4-uline{
		font-size: 1.2rem;

		margin-bottom: 15px;

		letter-spacing: normal;
	}
}

h3.yubold{
	font-size: 1.2rem; 

	margin: .5em 0;
}

/*----------------------------------------------------------
	text
--------------------------------------------------------- */
* em{
	font-style: normal; 

	color: #c00;
}

.fontS{
	font-size: 90%;
}

.fontL{
	font-size: 120%;
}

.fontRed{
	color: #c00 !important;
}

/*----------------------------------------------------------
	icon
--------------------------------------------------------- */
.ic_arrowR:before{
	font-family: 'yubin';

	margin-right: .5em; 

	content: '\f105';
}

.ic_arrowL:before{
	font-family: 'yubin';

	margin-right: .5em; 

	content: '\f104';
}

.ic_arrowT:before{
	font-family: 'yubin';

	margin-right: .5em; 

	content: '\f106';
}

.ic_arrowB:before{
	font-family: 'yubin';

	margin-right: .5em; 

	content: '\f107';
}

.ic_popup:before{
	font-family: 'yubin';

	margin-right: .5em; 

	content: '\e924';
}

/*----------------------------------------------------------
	list
--------------------------------------------------------- */
ul,ol{
	/* sp */
}
ul.sizeL,ol.sizeL{
	font-size: 120%;
}
ul.sizeS,ol.sizeS{
	font-size: 90%;
}
ul.red,ol.red{
	color: #c00;
}
ul.gray,ol.gray{
	color: #646464;
}
ul.li_sp1 li,ol.li_sp1 li{
	margin-bottom: 1em !important;
}
ul.li_sp1-5 li,ol.li_sp1-5 li{
	margin-bottom: 1.5em !important;
}
ul.li_sp2 li,ol.li_sp2 li{
	margin-bottom: 2em !important;
}
ul.li_sp2-5 li,ol.li_sp2-5 li{
	margin-bottom: 2.5em !important;
}
@media screen and (max-width: 750px){
	ul.li_sp1 li,ol.li_sp1 li{
		margin-bottom: .5em !important;
	}
	ul.li_sp1-5 li,ol.li_sp1-5 li{
		margin-bottom: 1em !important;
	}
	ul.li_sp2 li,ol.li_sp2 li{
		margin-bottom: 1.5em !important;
	}
	ul.li_sp2-5 li,ol.li_sp2-5 li{
		margin-bottom: 2em !important;
	}
	ul.li_borderSP li,ol.li_borderSP li{
		padding-bottom: .5em; 

		border-bottom: 1px solid #c8c8c8;
	}
}

ul.basic-m li{
	margin-bottom: .5em; 
	padding-left: 1em;

	text-indent: -.6em;
}
ul.basic-m li:before{
	font-family: 'yubin';

	display: inline-block;

	margin-right: .5em; 

	content: '\30';
}

ul.basic-l{
	font-size: 120%;
}
ul.basic-l li{
	margin-bottom: .5em; 
	padding-left: 1em;

	text-indent: -.6em;
}
ul.basic-l li:before{
	font-family: 'yubin';

	display: inline-block;

	margin-right: .5em; 

	content: '\30';
}

ul.basic-s{
	font-size: 90%;
}
ul.basic-s li{
	margin-bottom: .5em; 
	padding-left: 1em;

	text-indent: -.6em;
}
ul.basic-s li:before{
	font-family: 'yubin';

	display: inline-block;

	margin-right: .5em; 

	content: '\30';
}

ul.notes-m li{
	margin-bottom: .5em; 
	padding-left: 1em;

	text-indent: -.6em;
}
ul.notes-m li:before{
	font-family: 'yubin';
	font-size: 80%; 

	display: inline-block;

	margin-right: .5em;

	content: '\31';
}

ul.notes-m.en li:before{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%; 

	content: '*';
}

ul.notes-l{
	font-size: 120%;
}
ul.notes-l li{
	margin-bottom: .5em; 
	padding-left: 1em;

	text-indent: -.6em;
}
ul.notes-l li:before{
	font-family: 'yubin';
	font-size: 80%; 

	display: inline-block;

	margin-right: .5em;

	content: '\31';
}
ul.notes-l.en li:before{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%; 

	content: '*';
}

ul.notes-s{
	font-size: 90%;
}
ul.notes-s li{
	margin-bottom: .5em; 
	padding-left: 1em;

	text-indent: -.6em;
}
ul.notes-s li:before{
	font-family: 'yubin';
	font-size: 80%; 

	display: inline-block;

	margin-right: .5em;

	content: '\31';
}
ul.notes-s.en li:before{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%; 

	content: '*';
}

ul.arrowR li{
	padding-left: 1em; 

	text-indent: -.5em;
}
ul.arrowR li:before{
	font-family: 'yubin';

	display: inline-block;

	margin-right: .5em; 

	content: '\f105';
}

ul.arrowL li{
	padding-left: 1em; 

	text-indent: -.5em;
}
ul.arrowL li:before{
	font-family: 'yubin';

	display: inline-block;

	margin-right: .5em; 

	content: '\f104';
}

ul.arrowT li{
	padding-left: 1em; 

	text-indent: -.5em;
}
ul.arrowT li:before{
	font-family: 'yubin';

	display: inline-block;

	margin-right: .5em; 

	content: '\f106';
}

ul.arrowB li{
	padding-left: 1em; 

	text-indent: -.5em;
}
ul.arrowB li:before{
	font-family: 'yubin';

	display: inline-block;

	margin-right: .5em; 

	content: '\f107';
}

ul.arrowR li.ic_popup:before,ul.arrowL li.ic_popup:before,ul.arrowT li.ic_popup:before,ul.arrowB li.ic_popup:before{
	font-size: 86%;

	position: relative;
	left: -.35em; 

	margin-right: .2em;

	content: '\e924';
}

ul.arrowR li a.ic_popup:before,ul.arrowL li a.ic_popup:before,ul.arrowT li a.ic_popup:before,ul.arrowB li a.ic_popup:before{
	content: none;
}

ul.arrowR li a[target='_blank']:after,ul.arrowL li a[target='_blank']:after,ul.arrowT li a[target='_blank']:after,ul.arrowB li a[target='_blank']:after{
	font-family: 'yubin';
	font-size: 86%;

	margin-left: .3em;

	content: '\e924';

	color: #c00;
}

ul.uline li{
	padding: 1.1em 0;
	padding-left: 1.5em; 

	text-indent: -.5em;

	border-bottom: 1px solid #ccc;
}
ul.uline li a{
	color: #333;
}

ul li.noline{
	border: none;
}

ul.arrowLink.red a{
	color: #c00;
}

ul.arrowLink li{
	padding: .2em 0 .2em .5em; 

	text-indent: -.2em;
}
ul.arrowLink li a{
	color: #333;
}
ul.arrowLink li a:before{
	font-family: 'yubin';

	display: inline-block;

	margin-right: .2em; 

	content: '\f105';
}
ul.arrowLink li ul li a:before{
	content: none;
}

ul.inline li{
	display: inline-block;
}

ul.inlineArrowLink li{
	display: inline-block;

	margin: 0 1em .5em 0;
	padding-left: 1em; 

	text-indent: -.5em;
}
ul.inlineArrowLink li a:before{
	font-family: 'yubin';

	display: inline-block;

	margin-right: .5em; 

	content: '\f105';
}

ul.inlineArrowLink.clm6 li{
	width: 15%;
}

ul.inlineArrowLink.clm6 li:nth-child(6n){
	margin-right: 0;
}

@media screen and (max-width: 750px){
	ul.inlineArrowLink.inline_clm2sp li{
		width: 48%;
		margin: 0 2% .5em 0;
	}
	ul.inlineArrowLink.inline_clm2sp li:nth-child(2n){
		margin-right: 0;
	}
	ul.fullLsp{
		text-align: left;
	}
	ul.fullLsp li{
		width: 100%;
	}
	ul.fullCsp{
		text-align: center;
	}
	ul.fullCsp li{
		width: 100%;
	}
	ul.fullRsp{
		text-align: right;
	}
	ul.fullRsp li{
		width: 100%;
	}
}

/* sp */
ol.basic-m{
	padding-left: 2em;
}

ol.paren{
	counter-reset: item;
}
ol.paren li{
	padding-left: 1.7em;

	list-style-type: none; 

	text-indent: -1.7em;
}
ol.paren li:before{
	margin-right: .5em; 

	content: '(' counters(item, '-') ')';
	counter-increment: item;
}

ol.notice-m{
	counter-reset: item;
}
ol.notice-m li{
	padding-left: 4.2em;

	list-style-type: none; 

	text-indent: -4.2em;
}
ol.notice-m li:before{
	margin-right: .5em; 

	content: '（注' counters(item, '-') '）';
	counter-increment: item;
}

ol.notice-m2{
	counter-reset: item;
}
ol.notice-m2 li{
	padding-left: 2.2em;

	list-style-type: none; 

	text-indent: -2.2em;
}
ol.notice-m2 li:before{
	margin-right: .5em; 

	content: '注' counters(item, '-');
	counter-increment: item;
}

ol.notice-m3{
	counter-reset: item;
}
ol.notice-m3 li{
	padding-left: 2.2em;

	list-style-type: none; 

	text-indent: -2.2em;
}
ol.notice-m3 li:before{
	margin-right: .5em; 

	content: '※' counters(item, '-');
	counter-increment: item;
}

ol.notes-m{
	counter-reset: item;
}
ol.notes-m li{
	padding-left: 4.2em;

	list-style-type: none; 

	text-indent: -4.2em;
}
ol.notes-m li:before{
	margin-right: .5em; 

	content: '（※' counters(item, '-') '）';
	counter-increment: item;
}

ol.em1{
	position: relative;
}
ol.em1 li{
	margin: 0;
	padding-left: 1.25em; 

	list-style: none;
	list-style-position: outside;
}
ol.em1 li span{
	position: absolute;
	left: 0;

	margin: 0;
}

ul.btnRed.clm2{
	flex-wrap: wrap;
	justify-content: space-between;
	/* 2clm均等配置 */
}
ul.btnRed.clm2 li{
	width: 49%; 
	margin-bottom: 14px;
}

ul.btnRed.vertical{
	/*　文字縦位置中央そろえ */
}
ul.btnRed.vertical li a{
	padding: 40px 10px;
}
ul.btnRed.vertical li span{
	position: absolute;
	top: 50%;
	right: 0;

	display: inline-block; 

	width: 100%;

	transform: translate(0%, -50%);
}

ul.btnRed.arrowR{
	/* 右向き矢印付き */
}
ul.btnRed.arrowR li:before{
	margin: 0;

	content: none;
}
ul.btnRed.arrowR li a{
	position: relative;
}
ul.btnRed.arrowR li a:after{
	font-family: 'yubin';
	font-size: 22px;

	position: absolute;
	top: 50%;
	right: 15px;

	content: '\f105';
	transform: translate(-50%, -50%); 

	color: #c00;
}
ul.btnRed.arrowR li a[target='_blank']:after{
	font-family: 'yubin';

	content: '\e924';
}

ul.btnRed li{
	line-height: 1.2;

	display: flex;
}
ul.btnRed li a{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 1.18rem;
	font-weight: 400; 

	position: relative;

	display: block;

	width: 100%;
	padding: 1em;

	color: #333;
	border: 1px solid #c00;
	border-radius: 5px;
}

/* 郵便PC幅 */
@media screen and (min-width: 751px) and (max-width: 1366px){
	ul.btnRed li a{
		font-size: 1.1rem;
	}
}

/* yubinpc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	ul.btnRed li a{
		font-size: 1rem;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	ul.btnRed.vertical{
		/*　文字縦位置中央そろえ */
	}
	ul.btnRed.vertical li a{
		padding: 0;
	}
	ul.btnRed.vertical li span{
		position: static;
		top: auto;
		left: auto;

		width: 100%;
		margin-left: 0;
		padding-left: 0; 

		transform: none;
	}
	ul.btnRed.arrowR li a{
		padding-right: 3%;
	}
	ul.btnRed.arrowR li a:after{
		right: 2%;
	}
}

/* sp */
ul.clm2{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	flex-wrap: wrap;
}
ul.clm2 li{
	max-width: 50%;

	flex-basis: 50%;
}

ul.clm3{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	flex-wrap: wrap;
}
ul.clm3 li{
	max-width: 33%;

	flex-basis: 33%;
}

ul.clm4{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	flex-wrap: wrap;
}
ul.clm4 li{
	max-width: 25%;

	flex-basis: 25%;
}

@media screen and (max-width: 750px){
	ul.clm2sp{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		flex-wrap: wrap;
	}
	ul.clm2sp li{
		max-width: 50%;

		flex-basis: 50%;
	}
	ul.clm3sp{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		flex-wrap: wrap;
	}
	ul.clm3sp li{
		max-width: 33%;

		flex-basis: 33%;
	}
	ul.clm4sp{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		flex-wrap: wrap;
	}
	ul.clm4sp li{
		max-width: 25%;

		flex-basis: 25%;
	}
}

/* sp */
/* ページ内リンクボックス */
.pagetopLink{
	text-align: right;
}
.pagetopLink a{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: .9rem; 
	font-weight: 400;

	color: #c00;
}
.pagetopLink a:before{
	display: inline-block;
}

.inpageLink{
	max-width: 1200px;
	margin: auto;
	padding: 10px 25px;

	border-radius: 5px;
	background: #eee;
	/* sp */
}
@media screen and (max-width: 750px){
	.inpageLink{
		width: 100%;
		padding: 0 3%;
	}
}
.inpageLink ul{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	flex-wrap: wrap;
}
.inpageLink ul li{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.05rem;
	font-weight: bold; 

	margin-right: 2em;
}
.inpageLink ul li a{
	display: block;

	padding: 5px 10px;

	transition: .3s; 
	text-decoration: none;

	color: #c00;
}
.inpageLink ul li a:before{
	font-family: 'yubin';

	position: relative;
	top: 2px; 

	margin-right: .3em;

	content: '\f107';
}
.inpageLink ul li a:hover{
	border-radius: 3px; 
	background: rgba(255, 255, 255, .6);
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	.inpageLink ul li{
		font-size: .95rem; 

		max-width: 25%;
		margin-right: 0;

		flex-basis: 25%;
	}
	.inpageLink ul li a{
		padding: 10px 1em 10px 0;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	.inpageLink{
		width: 94%;
		margin: auto; 
		padding: 15px 2%;
	}
	.inpageLink ul li{
		font-size: .9rem;

		width: 50%;
		margin-right: 0;
		padding-left: 1em;

		text-indent: -1em;
	}
	.inpageLink ul li a{
		padding: 8px 2px;
	}
}

/* sp */
/* ページ内リンク　ボタン */
.inpageLinkbtn{
	max-width: 1200px;
	margin: auto;
	/* sp */
}
@media screen and (max-width: 750px){
	.inpageLinkbtn{
		width: 100%;
		padding: 0 3%;
	}
}
.inpageLinkbtn ul{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: space-between;
}
.inpageLinkbtn ul li{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: space-between;
	flex: 1;
}
.inpageLinkbtn ul li a{
	position: relative;

	display: block;

	max-width: 98%; 
	padding: 1.231em;
	padding-left: 2.2em;

	text-align: center;
	text-decoration: none;

	color: #fff;
	border-radius: 5px;
	background: #c00;

	flex-basis: 98%;
}
.inpageLinkbtn ul li a:before{
	font-family: 'yubin';
	font-size: 130%;

	position: absolute;
	top: 1em; 
	left: 1em;

	margin-right: .3em;

	content: '\f107';
}

@media screen and (max-width: 750px){
	.inpageLinkbtn{
		padding: 0;
	}
	.inpageLinkbtn ul{
		display: block;
	}
	.inpageLinkbtn ul li{
		width: 100%;
	}
	.inpageLinkbtn ul li:nth-child(n + 2){
		margin-top: 10px;
	}
}

/* sp */
.subnavRed{
	max-width: 1200px;
	margin: auto;
	/* sp */
}
@media screen and (max-width: 750px){
	.subnavRed{
		width: 100%;
		padding: 0 3%;
	}
}
.subnavRed ul{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: space-between;
}
.subnavRed ul li{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: space-between;
	flex: 1;
}
.subnavRed ul li a{
	position: relative;

	display: block;

	max-width: 98%; 
	padding: 1.231em;
	padding-left: 2.2em;

	text-align: center;
	text-decoration: none;

	color: #fff;
	border-radius: 5px;
	background: #c00;

	flex-basis: 98%;
}
.subnavRed ul li a:before{
	font-family: 'yubin';
	font-size: 130%;

	position: absolute;
	top: 1em; 
	left: 1em;

	margin-right: .3em;

	content: '\f101';
}

@media screen and (max-width: 750px){
	.subnavRed{
		padding: 0;
	}
	.subnavRed ul{
		display: block;
	}
	.subnavRed ul li{
		width: 100%;
	}
	.subnavRed ul li:nth-child(n + 2){
		margin-top: 10px;
	}
}

/* sp */
/*----------------------------------------------------------
	img
--------------------------------------------------------- */
img.border{
	border: 1px solid #ccc;
}

/*----------------------------------------------------------
	table
--------------------------------------------------------- */
table.data{
	margin: 10px auto;

	border-collapse: collapse;

	word-break: break-all; 

	border: 1px solid #c8c8c8;
	border: 1px solid #c8c8c8;
}
table.data th{
	font-size: 1em;
	font-weight: bold; 

	padding: 12px;

	color: #333;
	border-top: none;
	border-right: solid 1px #c8c8c8;
	border-bottom: solid 1px #c8c8c8;
	border-left: solid 1px #c8c8c8;
	background: #eee;
}
table.data th.h2{
	font-size: 1em; 

	background: #e2eff9;
}
table.data td{
	padding: 12px;

	word-break: break-all;

	border-top: none;
	border-right: solid 1px #c8c8c8;
	border-bottom: solid 1px #c8c8c8;
	border-left: none;
}
table.data caption{
	font-size: 1.1em;
	font-weight: bold;

	padding: .7em 1em .6em;

	text-align: center;

	background: #eee;
}
table.data.full{
	width: 100%;
}

@media screen and (max-width: 750px){
	table.respTable th{
		display: block;

		width: 100%;
		padding: 6px 0; 

		background: rgba(216, 235, 250, .8);
	}
	table.respTable td{
		display: block;

		width: 100%;
		padding: 6px 4px;
	}
	table.layout.respTable{
		border: none;
	}
	table.respTable table.layout td{
		padding: 0 0 !important;
	}
	table.respTable table.layout td{
		border: none;
	}
}

/* sp */
table.layout{
	border: none;
}
table.layout th{
	font-weight: normal; 

	padding: 5px;

	border: none;
}
table.layout td{
	padding: 5px;

	border: none;
}

@media screen and (max-width: 750px){
	table.data{
		font-size: 86%; 

		width: 100% !important;
	}
	table.layout{
		font-size: 86%;
	}
}

/* sp */
/*----------------------------------------------------------
	box
--------------------------------------------------------- */
.boxGray{
	padding: 2.5%; 

	background: #eee;
}

.boxGray2{
	padding: 2.5%; 

	background: #f7f7f7;
}

.boxBorder{
	padding: 2.5%; 

	border: #a0a0a0 1px solid;
}

.boxWhite{
	padding: 2.5%; 

	background: #fff;
}

.boxBorderR{
	padding: 2.5%; 

	border: #c00 1px solid;
}

.boxBorderR2{
	padding: 2.5%; 

	border: #faecea 1px solid;
}

/*----------------------------------------------------------
	hr
--------------------------------------------------------- */
hr.simple{
	height: 0;
	margin: 0;
	padding: 0;

	border: 0;
	border-top: 1px solid #c8c8c8;
}

/*  layoutbox
----------------------------------------------- */
.boxstyle.simple{
	border: 1px solid #ccc; 
	background: #fff;
}

.clm2,.clm3,.clm4{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
	/* 複数行の場合 */
}
.clm2.multi,.clm3.multi,.clm4.multi{
	flex-wrap: wrap;
	align-content: space-between;
}
.clm2 span.caption,.clm3 span.caption,.clm4 span.caption{
	display: block;

	margin: .5em 0;
	padding-left: 1.2em;

	text-indent: -1.2em;
}
.clm2 span.caption:before,.clm3 span.caption:before,.clm4 span.caption:before{
	font-family: 'yubin';

	margin-right: .2em; 

	content: '\77';
}
.clm2 .sp1,.clm3 .sp1,.clm4 .sp1{
	padding: 1vw;
}
.clm2 .sp2,.clm3 .sp2,.clm4 .sp2{
	padding: 2vw;
}

.clm2 .clm{
	width: 50%;

	justify-content: space-between;
}

.clm3 .clm{
	width: 33%;

	justify-content: space-between;
}

.clm4 .clm{
	width: 25%;

	justify-content: space-between;
}

.flex{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
}

.flex-wrap{
	flex-wrap: wrap;
}

.flex-between{
	justify-content: space-between;
}

.flex-valignT{
	align-items: flex-start;
}

.flex-valignB{
	align-items: flex-end;
}

.flex-valignC{
	align-items: center;
}

.flex-alignL{
	justify-content: flex-start;
}

.flex-alignR{
	justify-content: flex-end;
}

.flex-alignC{
	justify-content: center;
}

.flex1{
	flex: 1;
}

* .flexbasis01,.flex-between .flexbasis01{
	max-width: 1%; 

	flex-basis: 01%;
}

* .flexbasis02,.flex-between .flexbasis02{
	max-width: 2%; 

	flex-basis: 02%;
}

* .flexbasis03,.flex-between .flexbasis03{
	max-width: 3%; 

	flex-basis: 03%;
}

* .flexbasis04,.flex-between .flexbasis04{
	max-width: 4%; 

	flex-basis: 04%;
}

* .flexbasis05,.flex-between .flexbasis05{
	max-width: 5%; 

	flex-basis: 05%;
}

* .flexbasis06,.flex-between .flexbasis06{
	max-width: 6%; 

	flex-basis: 06%;
}

* .flexbasis07,.flex-between .flexbasis07{
	max-width: 7%; 

	flex-basis: 07%;
}

* .flexbasis08,.flex-between .flexbasis08{
	max-width: 8%; 

	flex-basis: 08%;
}

* .flexbasis09,.flex-between .flexbasis09{
	max-width: 9%; 

	flex-basis: 09%;
}

* .flexbasis10,.flex-between .flexbasis10{
	max-width: 10%; 

	flex-basis: 10%;
}

* .flexbasis11,.flex-between .flexbasis11{
	max-width: 11%; 

	flex-basis: 11%;
}

* .flexbasis12,.flex-between .flexbasis12{
	max-width: 12%; 

	flex-basis: 12%;
}

* .flexbasis13,.flex-between .flexbasis13{
	max-width: 13%; 

	flex-basis: 13%;
}

* .flexbasis14,.flex-between .flexbasis14{
	max-width: 14%; 

	flex-basis: 14%;
}

* .flexbasis15,.flex-between .flexbasis15{
	max-width: 15%; 

	flex-basis: 15%;
}

* .flexbasis16,.flex-between .flexbasis16{
	max-width: 16%; 

	flex-basis: 16%;
}

* .flexbasis17,.flex-between .flexbasis17{
	max-width: 17%; 

	flex-basis: 17%;
}

* .flexbasis18,.flex-between .flexbasis18{
	max-width: 18%; 

	flex-basis: 18%;
}

* .flexbasis19,.flex-between .flexbasis19{
	max-width: 19%; 

	flex-basis: 19%;
}

* .flexbasis20,.flex-between .flexbasis20{
	max-width: 20%; 

	flex-basis: 20%;
}

* .flexbasis21,.flex-between .flexbasis21{
	max-width: 21%; 

	flex-basis: 21%;
}

* .flexbasis22,.flex-between .flexbasis22{
	max-width: 22%; 

	flex-basis: 22%;
}

* .flexbasis23,.flex-between .flexbasis23{
	max-width: 23%; 

	flex-basis: 23%;
}

* .flexbasis24,.flex-between .flexbasis24{
	max-width: 24%; 

	flex-basis: 24%;
}

* .flexbasis25,.flex-between .flexbasis25{
	max-width: 25%; 

	flex-basis: 25%;
}

* .flexbasis26,.flex-between .flexbasis26{
	max-width: 26%; 

	flex-basis: 26%;
}

* .flexbasis27,.flex-between .flexbasis27{
	max-width: 27%; 

	flex-basis: 27%;
}

* .flexbasis28,.flex-between .flexbasis28{
	max-width: 28%; 

	flex-basis: 28%;
}

* .flexbasis29,.flex-between .flexbasis29{
	max-width: 29%; 

	flex-basis: 29%;
}

* .flexbasis30,.flex-between .flexbasis30{
	max-width: 30%; 

	flex-basis: 30%;
}

* .flexbasis31,.flex-between .flexbasis31{
	max-width: 31%; 

	flex-basis: 31%;
}

* .flexbasis32,.flex-between .flexbasis32{
	max-width: 32%; 

	flex-basis: 32%;
}

* .flexbasis33,.flex-between .flexbasis33{
	max-width: 33%; 

	flex-basis: 33%;
}

* .flexbasis34,.flex-between .flexbasis34{
	max-width: 34%; 

	flex-basis: 34%;
}

* .flexbasis35,.flex-between .flexbasis35{
	max-width: 35%; 

	flex-basis: 35%;
}

* .flexbasis36,.flex-between .flexbasis36{
	max-width: 36%; 

	flex-basis: 36%;
}

* .flexbasis37,.flex-between .flexbasis37{
	max-width: 37%; 

	flex-basis: 37%;
}

* .flexbasis38,.flex-between .flexbasis38{
	max-width: 38%; 

	flex-basis: 38%;
}

* .flexbasis39,.flex-between .flexbasis39{
	max-width: 39%; 

	flex-basis: 39%;
}

* .flexbasis40,.flex-between .flexbasis40{
	max-width: 40%; 

	flex-basis: 40%;
}

* .flexbasis41,.flex-between .flexbasis41{
	max-width: 41%; 

	flex-basis: 41%;
}

* .flexbasis42,.flex-between .flexbasis42{
	max-width: 42%; 

	flex-basis: 42%;
}

* .flexbasis43,.flex-between .flexbasis43{
	max-width: 43%; 

	flex-basis: 43%;
}

* .flexbasis44,.flex-between .flexbasis44{
	max-width: 44%; 

	flex-basis: 44%;
}

* .flexbasis45,.flex-between .flexbasis45{
	max-width: 45%; 

	flex-basis: 45%;
}

* .flexbasis46,.flex-between .flexbasis46{
	max-width: 46%; 

	flex-basis: 46%;
}

* .flexbasis47,.flex-between .flexbasis47{
	max-width: 47%; 

	flex-basis: 47%;
}

* .flexbasis48,.flex-between .flexbasis48{
	max-width: 48%; 

	flex-basis: 48%;
}

* .flexbasis49,.flex-between .flexbasis49{
	max-width: 49%; 

	flex-basis: 49%;
}

* .flexbasis50,.flex-between .flexbasis50{
	max-width: 50%; 

	flex-basis: 50%;
}

* .flexbasis51,.flex-between .flexbasis51{
	max-width: 51%; 

	flex-basis: 51%;
}

* .flexbasis52,.flex-between .flexbasis52{
	max-width: 52%; 

	flex-basis: 52%;
}

* .flexbasis53,.flex-between .flexbasis53{
	max-width: 53%; 

	flex-basis: 53%;
}

* .flexbasis54,.flex-between .flexbasis54{
	max-width: 54%; 

	flex-basis: 54%;
}

* .flexbasis55,.flex-between .flexbasis55{
	max-width: 55%; 

	flex-basis: 55%;
}

* .flexbasis56,.flex-between .flexbasis56{
	max-width: 56%; 

	flex-basis: 56%;
}

* .flexbasis57,.flex-between .flexbasis57{
	max-width: 57%; 

	flex-basis: 57%;
}

* .flexbasis58,.flex-between .flexbasis58{
	max-width: 58%; 

	flex-basis: 58%;
}

* .flexbasis59,.flex-between .flexbasis59{
	max-width: 59%; 

	flex-basis: 59%;
}

* .flexbasis60,.flex-between .flexbasis60{
	max-width: 60%; 

	flex-basis: 60%;
}

* .flexbasis61,.flex-between .flexbasis61{
	max-width: 61%; 

	flex-basis: 61%;
}

* .flexbasis62,.flex-between .flexbasis62{
	max-width: 62%; 

	flex-basis: 62%;
}

* .flexbasis63,.flex-between .flexbasis63{
	max-width: 63%; 

	flex-basis: 63%;
}

* .flexbasis64,.flex-between .flexbasis64{
	max-width: 64%; 

	flex-basis: 64%;
}

* .flexbasis65,.flex-between .flexbasis65{
	max-width: 65%; 

	flex-basis: 65%;
}

* .flexbasis66,.flex-between .flexbasis66{
	max-width: 66%; 

	flex-basis: 66%;
}

* .flexbasis67,.flex-between .flexbasis67{
	max-width: 67%; 

	flex-basis: 67%;
}

* .flexbasis68,.flex-between .flexbasis68{
	max-width: 68%; 

	flex-basis: 68%;
}

* .flexbasis69,.flex-between .flexbasis69{
	max-width: 69%; 

	flex-basis: 69%;
}

* .flexbasis70,.flex-between .flexbasis70{
	max-width: 70%; 

	flex-basis: 70%;
}

* .flexbasis71,.flex-between .flexbasis71{
	max-width: 71%; 

	flex-basis: 71%;
}

* .flexbasis72,.flex-between .flexbasis72{
	max-width: 72%; 

	flex-basis: 72%;
}

* .flexbasis73,.flex-between .flexbasis73{
	max-width: 73%; 

	flex-basis: 73%;
}

* .flexbasis74,.flex-between .flexbasis74{
	max-width: 74%; 

	flex-basis: 74%;
}

* .flexbasis75,.flex-between .flexbasis75{
	max-width: 75%; 

	flex-basis: 75%;
}

* .flexbasis76,.flex-between .flexbasis76{
	max-width: 76%; 

	flex-basis: 76%;
}

* .flexbasis77,.flex-between .flexbasis77{
	max-width: 77%; 

	flex-basis: 77%;
}

* .flexbasis78,.flex-between .flexbasis78{
	max-width: 78%; 

	flex-basis: 78%;
}

* .flexbasis79,.flex-between .flexbasis79{
	max-width: 79%; 

	flex-basis: 79%;
}

* .flexbasis80,.flex-between .flexbasis80{
	max-width: 80%; 

	flex-basis: 80%;
}

* .flexbasis81,.flex-between .flexbasis81{
	max-width: 81%; 

	flex-basis: 81%;
}

* .flexbasis82,.flex-between .flexbasis82{
	max-width: 82%; 

	flex-basis: 82%;
}

* .flexbasis83,.flex-between .flexbasis83{
	max-width: 83%; 

	flex-basis: 83%;
}

* .flexbasis84,.flex-between .flexbasis84{
	max-width: 84%; 

	flex-basis: 84%;
}

* .flexbasis85,.flex-between .flexbasis85{
	max-width: 85%; 

	flex-basis: 85%;
}

* .flexbasis86,.flex-between .flexbasis86{
	max-width: 86%; 

	flex-basis: 86%;
}

* .flexbasis87,.flex-between .flexbasis87{
	max-width: 87%; 

	flex-basis: 87%;
}

* .flexbasis88,.flex-between .flexbasis88{
	max-width: 88%; 

	flex-basis: 88%;
}

* .flexbasis89,.flex-between .flexbasis89{
	max-width: 89%; 

	flex-basis: 89%;
}

* .flexbasis90,.flex-between .flexbasis90{
	max-width: 90%; 

	flex-basis: 90%;
}

* .flexbasis91,.flex-between .flexbasis91{
	max-width: 91%; 

	flex-basis: 91%;
}

* .flexbasis92,.flex-between .flexbasis92{
	max-width: 92%; 

	flex-basis: 92%;
}

* .flexbasis93,.flex-between .flexbasis93{
	max-width: 93%; 

	flex-basis: 93%;
}

* .flexbasis94,.flex-between .flexbasis94{
	max-width: 94%; 

	flex-basis: 94%;
}

* .flexbasis95,.flex-between .flexbasis95{
	max-width: 95%; 

	flex-basis: 95%;
}

* .flexbasis96,.flex-between .flexbasis96{
	max-width: 96%; 

	flex-basis: 96%;
}

* .flexbasis97,.flex-between .flexbasis97{
	max-width: 97%; 

	flex-basis: 97%;
}

* .flexbasis98,.flex-between .flexbasis98{
	max-width: 98%; 

	flex-basis: 98%;
}

* .flexbasis99,.flex-between .flexbasis99{
	max-width: 99%; 

	flex-basis: 99%;
}

* .flexbasis100,.flex-between .flexbasis100{
	max-width: 100%; 

	flex-basis: 100%;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	* .tbflexbasis01,.flex-between .tbflexbasis01{
		max-width: 1%; 

		flex-basis: 01%;
	}
	* .tbflexbasis02,.flex-between .tbflexbasis02{
		max-width: 2%; 

		flex-basis: 02%;
	}
	* .tbflexbasis03,.flex-between .tbflexbasis03{
		max-width: 3%; 

		flex-basis: 03%;
	}
	* .tbflexbasis04,.flex-between .tbflexbasis04{
		max-width: 4%; 

		flex-basis: 04%;
	}
	* .tbflexbasis05,.flex-between .tbflexbasis05{
		max-width: 5%; 

		flex-basis: 05%;
	}
	* .tbflexbasis06,.flex-between .tbflexbasis06{
		max-width: 6%; 

		flex-basis: 06%;
	}
	* .tbflexbasis07,.flex-between .tbflexbasis07{
		max-width: 7%; 

		flex-basis: 07%;
	}
	* .tbflexbasis08,.flex-between .tbflexbasis08{
		max-width: 8%; 

		flex-basis: 08%;
	}
	* .tbflexbasis09,.flex-between .tbflexbasis09{
		max-width: 9%; 

		flex-basis: 09%;
	}
	* .tbflexbasis10,.flex-between .tbflexbasis10{
		max-width: 10%; 

		flex-basis: 10%;
	}
	* .tbflexbasis11,.flex-between .tbflexbasis11{
		max-width: 11%; 

		flex-basis: 11%;
	}
	* .tbflexbasis12,.flex-between .tbflexbasis12{
		max-width: 12%; 

		flex-basis: 12%;
	}
	* .tbflexbasis13,.flex-between .tbflexbasis13{
		max-width: 13%; 

		flex-basis: 13%;
	}
	* .tbflexbasis14,.flex-between .tbflexbasis14{
		max-width: 14%; 

		flex-basis: 14%;
	}
	* .tbflexbasis15,.flex-between .tbflexbasis15{
		max-width: 15%; 

		flex-basis: 15%;
	}
	* .tbflexbasis16,.flex-between .tbflexbasis16{
		max-width: 16%; 

		flex-basis: 16%;
	}
	* .tbflexbasis17,.flex-between .tbflexbasis17{
		max-width: 17%; 

		flex-basis: 17%;
	}
	* .tbflexbasis18,.flex-between .tbflexbasis18{
		max-width: 18%; 

		flex-basis: 18%;
	}
	* .tbflexbasis19,.flex-between .tbflexbasis19{
		max-width: 19%; 

		flex-basis: 19%;
	}
	* .tbflexbasis20,.flex-between .tbflexbasis20{
		max-width: 20%; 

		flex-basis: 20%;
	}
	* .tbflexbasis21,.flex-between .tbflexbasis21{
		max-width: 21%; 

		flex-basis: 21%;
	}
	* .tbflexbasis22,.flex-between .tbflexbasis22{
		max-width: 22%; 

		flex-basis: 22%;
	}
	* .tbflexbasis23,.flex-between .tbflexbasis23{
		max-width: 23%; 

		flex-basis: 23%;
	}
	* .tbflexbasis24,.flex-between .tbflexbasis24{
		max-width: 24%; 

		flex-basis: 24%;
	}
	* .tbflexbasis25,.flex-between .tbflexbasis25{
		max-width: 25%; 

		flex-basis: 25%;
	}
	* .tbflexbasis26,.flex-between .tbflexbasis26{
		max-width: 26%; 

		flex-basis: 26%;
	}
	* .tbflexbasis27,.flex-between .tbflexbasis27{
		max-width: 27%; 

		flex-basis: 27%;
	}
	* .tbflexbasis28,.flex-between .tbflexbasis28{
		max-width: 28%; 

		flex-basis: 28%;
	}
	* .tbflexbasis29,.flex-between .tbflexbasis29{
		max-width: 29%; 

		flex-basis: 29%;
	}
	* .tbflexbasis30,.flex-between .tbflexbasis30{
		max-width: 30%; 

		flex-basis: 30%;
	}
	* .tbflexbasis31,.flex-between .tbflexbasis31{
		max-width: 31%; 

		flex-basis: 31%;
	}
	* .tbflexbasis32,.flex-between .tbflexbasis32{
		max-width: 32%; 

		flex-basis: 32%;
	}
	* .tbflexbasis33,.flex-between .tbflexbasis33{
		max-width: 33%; 

		flex-basis: 33%;
	}
	* .tbflexbasis34,.flex-between .tbflexbasis34{
		max-width: 34%; 

		flex-basis: 34%;
	}
	* .tbflexbasis35,.flex-between .tbflexbasis35{
		max-width: 35%; 

		flex-basis: 35%;
	}
	* .tbflexbasis36,.flex-between .tbflexbasis36{
		max-width: 36%; 

		flex-basis: 36%;
	}
	* .tbflexbasis37,.flex-between .tbflexbasis37{
		max-width: 37%; 

		flex-basis: 37%;
	}
	* .tbflexbasis38,.flex-between .tbflexbasis38{
		max-width: 38%; 

		flex-basis: 38%;
	}
	* .tbflexbasis39,.flex-between .tbflexbasis39{
		max-width: 39%; 

		flex-basis: 39%;
	}
	* .tbflexbasis40,.flex-between .tbflexbasis40{
		max-width: 40%; 

		flex-basis: 40%;
	}
	* .tbflexbasis41,.flex-between .tbflexbasis41{
		max-width: 41%; 

		flex-basis: 41%;
	}
	* .tbflexbasis42,.flex-between .tbflexbasis42{
		max-width: 42%; 

		flex-basis: 42%;
	}
	* .tbflexbasis43,.flex-between .tbflexbasis43{
		max-width: 43%; 

		flex-basis: 43%;
	}
	* .tbflexbasis44,.flex-between .tbflexbasis44{
		max-width: 44%; 

		flex-basis: 44%;
	}
	* .tbflexbasis45,.flex-between .tbflexbasis45{
		max-width: 45%; 

		flex-basis: 45%;
	}
	* .tbflexbasis46,.flex-between .tbflexbasis46{
		max-width: 46%; 

		flex-basis: 46%;
	}
	* .tbflexbasis47,.flex-between .tbflexbasis47{
		max-width: 47%; 

		flex-basis: 47%;
	}
	* .tbflexbasis48,.flex-between .tbflexbasis48{
		max-width: 48%; 

		flex-basis: 48%;
	}
	* .tbflexbasis49,.flex-between .tbflexbasis49{
		max-width: 49%; 

		flex-basis: 49%;
	}
	* .tbflexbasis50,.flex-between .tbflexbasis50{
		max-width: 50%; 

		flex-basis: 50%;
	}
	* .tbflexbasis51,.flex-between .tbflexbasis51{
		max-width: 51%; 

		flex-basis: 51%;
	}
	* .tbflexbasis52,.flex-between .tbflexbasis52{
		max-width: 52%; 

		flex-basis: 52%;
	}
	* .tbflexbasis53,.flex-between .tbflexbasis53{
		max-width: 53%; 

		flex-basis: 53%;
	}
	* .tbflexbasis54,.flex-between .tbflexbasis54{
		max-width: 54%; 

		flex-basis: 54%;
	}
	* .tbflexbasis55,.flex-between .tbflexbasis55{
		max-width: 55%; 

		flex-basis: 55%;
	}
	* .tbflexbasis56,.flex-between .tbflexbasis56{
		max-width: 56%; 

		flex-basis: 56%;
	}
	* .tbflexbasis57,.flex-between .tbflexbasis57{
		max-width: 57%; 

		flex-basis: 57%;
	}
	* .tbflexbasis58,.flex-between .tbflexbasis58{
		max-width: 58%; 

		flex-basis: 58%;
	}
	* .tbflexbasis59,.flex-between .tbflexbasis59{
		max-width: 59%; 

		flex-basis: 59%;
	}
	* .tbflexbasis60,.flex-between .tbflexbasis60{
		max-width: 60%; 

		flex-basis: 60%;
	}
	* .tbflexbasis61,.flex-between .tbflexbasis61{
		max-width: 61%; 

		flex-basis: 61%;
	}
	* .tbflexbasis62,.flex-between .tbflexbasis62{
		max-width: 62%; 

		flex-basis: 62%;
	}
	* .tbflexbasis63,.flex-between .tbflexbasis63{
		max-width: 63%; 

		flex-basis: 63%;
	}
	* .tbflexbasis64,.flex-between .tbflexbasis64{
		max-width: 64%; 

		flex-basis: 64%;
	}
	* .tbflexbasis65,.flex-between .tbflexbasis65{
		max-width: 65%; 

		flex-basis: 65%;
	}
	* .tbflexbasis66,.flex-between .tbflexbasis66{
		max-width: 66%; 

		flex-basis: 66%;
	}
	* .tbflexbasis67,.flex-between .tbflexbasis67{
		max-width: 67%; 

		flex-basis: 67%;
	}
	* .tbflexbasis68,.flex-between .tbflexbasis68{
		max-width: 68%; 

		flex-basis: 68%;
	}
	* .tbflexbasis69,.flex-between .tbflexbasis69{
		max-width: 69%; 

		flex-basis: 69%;
	}
	* .tbflexbasis70,.flex-between .tbflexbasis70{
		max-width: 70%; 

		flex-basis: 70%;
	}
	* .tbflexbasis71,.flex-between .tbflexbasis71{
		max-width: 71%; 

		flex-basis: 71%;
	}
	* .tbflexbasis72,.flex-between .tbflexbasis72{
		max-width: 72%; 

		flex-basis: 72%;
	}
	* .tbflexbasis73,.flex-between .tbflexbasis73{
		max-width: 73%; 

		flex-basis: 73%;
	}
	* .tbflexbasis74,.flex-between .tbflexbasis74{
		max-width: 74%; 

		flex-basis: 74%;
	}
	* .tbflexbasis75,.flex-between .tbflexbasis75{
		max-width: 75%; 

		flex-basis: 75%;
	}
	* .tbflexbasis76,.flex-between .tbflexbasis76{
		max-width: 76%; 

		flex-basis: 76%;
	}
	* .tbflexbasis77,.flex-between .tbflexbasis77{
		max-width: 77%; 

		flex-basis: 77%;
	}
	* .tbflexbasis78,.flex-between .tbflexbasis78{
		max-width: 78%; 

		flex-basis: 78%;
	}
	* .tbflexbasis79,.flex-between .tbflexbasis79{
		max-width: 79%; 

		flex-basis: 79%;
	}
	* .tbflexbasis80,.flex-between .tbflexbasis80{
		max-width: 80%; 

		flex-basis: 80%;
	}
	* .tbflexbasis81,.flex-between .tbflexbasis81{
		max-width: 81%; 

		flex-basis: 81%;
	}
	* .tbflexbasis82,.flex-between .tbflexbasis82{
		max-width: 82%; 

		flex-basis: 82%;
	}
	* .tbflexbasis83,.flex-between .tbflexbasis83{
		max-width: 83%; 

		flex-basis: 83%;
	}
	* .tbflexbasis84,.flex-between .tbflexbasis84{
		max-width: 84%; 

		flex-basis: 84%;
	}
	* .tbflexbasis85,.flex-between .tbflexbasis85{
		max-width: 85%; 

		flex-basis: 85%;
	}
	* .tbflexbasis86,.flex-between .tbflexbasis86{
		max-width: 86%; 

		flex-basis: 86%;
	}
	* .tbflexbasis87,.flex-between .tbflexbasis87{
		max-width: 87%; 

		flex-basis: 87%;
	}
	* .tbflexbasis88,.flex-between .tbflexbasis88{
		max-width: 88%; 

		flex-basis: 88%;
	}
	* .tbflexbasis89,.flex-between .tbflexbasis89{
		max-width: 89%; 

		flex-basis: 89%;
	}
	* .tbflexbasis90,.flex-between .tbflexbasis90{
		max-width: 90%; 

		flex-basis: 90%;
	}
	* .tbflexbasis91,.flex-between .tbflexbasis91{
		max-width: 91%; 

		flex-basis: 91%;
	}
	* .tbflexbasis92,.flex-between .tbflexbasis92{
		max-width: 92%; 

		flex-basis: 92%;
	}
	* .tbflexbasis93,.flex-between .tbflexbasis93{
		max-width: 93%; 

		flex-basis: 93%;
	}
	* .tbflexbasis94,.flex-between .tbflexbasis94{
		max-width: 94%; 

		flex-basis: 94%;
	}
	* .tbflexbasis95,.flex-between .tbflexbasis95{
		max-width: 95%; 

		flex-basis: 95%;
	}
	* .tbflexbasis96,.flex-between .tbflexbasis96{
		max-width: 96%; 

		flex-basis: 96%;
	}
	* .tbflexbasis97,.flex-between .tbflexbasis97{
		max-width: 97%; 

		flex-basis: 97%;
	}
	* .tbflexbasis98,.flex-between .tbflexbasis98{
		max-width: 98%; 

		flex-basis: 98%;
	}
	* .tbflexbasis99,.flex-between .tbflexbasis99{
		max-width: 99%; 

		flex-basis: 99%;
	}
	* .tbflexbasis100,.flex-between .tbflexbasis100{
		max-width: 100%; 

		flex-basis: 100%;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	* .spflexbasis01,.flex-between .spflexbasis01{
		max-width: 1%; 

		flex-basis: 01%;
	}
	* .spflexbasis02,.flex-between .spflexbasis02{
		max-width: 2%; 

		flex-basis: 02%;
	}
	* .spflexbasis03,.flex-between .spflexbasis03{
		max-width: 3%; 

		flex-basis: 03%;
	}
	* .spflexbasis04,.flex-between .spflexbasis04{
		max-width: 4%; 

		flex-basis: 04%;
	}
	* .spflexbasis05,.flex-between .spflexbasis05{
		max-width: 5%; 

		flex-basis: 05%;
	}
	* .spflexbasis06,.flex-between .spflexbasis06{
		max-width: 6%; 

		flex-basis: 06%;
	}
	* .spflexbasis07,.flex-between .spflexbasis07{
		max-width: 7%; 

		flex-basis: 07%;
	}
	* .spflexbasis08,.flex-between .spflexbasis08{
		max-width: 8%; 

		flex-basis: 08%;
	}
	* .spflexbasis09,.flex-between .spflexbasis09{
		max-width: 9%; 

		flex-basis: 09%;
	}
	* .spflexbasis10,.flex-between .spflexbasis10{
		max-width: 10%; 

		flex-basis: 10%;
	}
	* .spflexbasis11,.flex-between .spflexbasis11{
		max-width: 11%; 

		flex-basis: 11%;
	}
	* .spflexbasis12,.flex-between .spflexbasis12{
		max-width: 12%; 

		flex-basis: 12%;
	}
	* .spflexbasis13,.flex-between .spflexbasis13{
		max-width: 13%; 

		flex-basis: 13%;
	}
	* .spflexbasis14,.flex-between .spflexbasis14{
		max-width: 14%; 

		flex-basis: 14%;
	}
	* .spflexbasis15,.flex-between .spflexbasis15{
		max-width: 15%; 

		flex-basis: 15%;
	}
	* .spflexbasis16,.flex-between .spflexbasis16{
		max-width: 16%; 

		flex-basis: 16%;
	}
	* .spflexbasis17,.flex-between .spflexbasis17{
		max-width: 17%; 

		flex-basis: 17%;
	}
	* .spflexbasis18,.flex-between .spflexbasis18{
		max-width: 18%; 

		flex-basis: 18%;
	}
	* .spflexbasis19,.flex-between .spflexbasis19{
		max-width: 19%; 

		flex-basis: 19%;
	}
	* .spflexbasis20,.flex-between .spflexbasis20{
		max-width: 20%; 

		flex-basis: 20%;
	}
	* .spflexbasis21,.flex-between .spflexbasis21{
		max-width: 21%; 

		flex-basis: 21%;
	}
	* .spflexbasis22,.flex-between .spflexbasis22{
		max-width: 22%; 

		flex-basis: 22%;
	}
	* .spflexbasis23,.flex-between .spflexbasis23{
		max-width: 23%; 

		flex-basis: 23%;
	}
	* .spflexbasis24,.flex-between .spflexbasis24{
		max-width: 24%; 

		flex-basis: 24%;
	}
	* .spflexbasis25,.flex-between .spflexbasis25{
		max-width: 25%; 

		flex-basis: 25%;
	}
	* .spflexbasis26,.flex-between .spflexbasis26{
		max-width: 26%; 

		flex-basis: 26%;
	}
	* .spflexbasis27,.flex-between .spflexbasis27{
		max-width: 27%; 

		flex-basis: 27%;
	}
	* .spflexbasis28,.flex-between .spflexbasis28{
		max-width: 28%; 

		flex-basis: 28%;
	}
	* .spflexbasis29,.flex-between .spflexbasis29{
		max-width: 29%; 

		flex-basis: 29%;
	}
	* .spflexbasis30,.flex-between .spflexbasis30{
		max-width: 30%; 

		flex-basis: 30%;
	}
	* .spflexbasis31,.flex-between .spflexbasis31{
		max-width: 31%; 

		flex-basis: 31%;
	}
	* .spflexbasis32,.flex-between .spflexbasis32{
		max-width: 32%; 

		flex-basis: 32%;
	}
	* .spflexbasis33,.flex-between .spflexbasis33{
		max-width: 33%; 

		flex-basis: 33%;
	}
	* .spflexbasis34,.flex-between .spflexbasis34{
		max-width: 34%; 

		flex-basis: 34%;
	}
	* .spflexbasis35,.flex-between .spflexbasis35{
		max-width: 35%; 

		flex-basis: 35%;
	}
	* .spflexbasis36,.flex-between .spflexbasis36{
		max-width: 36%; 

		flex-basis: 36%;
	}
	* .spflexbasis37,.flex-between .spflexbasis37{
		max-width: 37%; 

		flex-basis: 37%;
	}
	* .spflexbasis38,.flex-between .spflexbasis38{
		max-width: 38%; 

		flex-basis: 38%;
	}
	* .spflexbasis39,.flex-between .spflexbasis39{
		max-width: 39%; 

		flex-basis: 39%;
	}
	* .spflexbasis40,.flex-between .spflexbasis40{
		max-width: 40%; 

		flex-basis: 40%;
	}
	* .spflexbasis41,.flex-between .spflexbasis41{
		max-width: 41%; 

		flex-basis: 41%;
	}
	* .spflexbasis42,.flex-between .spflexbasis42{
		max-width: 42%; 

		flex-basis: 42%;
	}
	* .spflexbasis43,.flex-between .spflexbasis43{
		max-width: 43%; 

		flex-basis: 43%;
	}
	* .spflexbasis44,.flex-between .spflexbasis44{
		max-width: 44%; 

		flex-basis: 44%;
	}
	* .spflexbasis45,.flex-between .spflexbasis45{
		max-width: 45%; 

		flex-basis: 45%;
	}
	* .spflexbasis46,.flex-between .spflexbasis46{
		max-width: 46%; 

		flex-basis: 46%;
	}
	* .spflexbasis47,.flex-between .spflexbasis47{
		max-width: 47%; 

		flex-basis: 47%;
	}
	* .spflexbasis48,.flex-between .spflexbasis48{
		max-width: 48%; 

		flex-basis: 48%;
	}
	* .spflexbasis49,.flex-between .spflexbasis49{
		max-width: 49%; 

		flex-basis: 49%;
	}
	* .spflexbasis50,.flex-between .spflexbasis50{
		max-width: 50%; 

		flex-basis: 50%;
	}
	* .spflexbasis51,.flex-between .spflexbasis51{
		max-width: 51%; 

		flex-basis: 51%;
	}
	* .spflexbasis52,.flex-between .spflexbasis52{
		max-width: 52%; 

		flex-basis: 52%;
	}
	* .spflexbasis53,.flex-between .spflexbasis53{
		max-width: 53%; 

		flex-basis: 53%;
	}
	* .spflexbasis54,.flex-between .spflexbasis54{
		max-width: 54%; 

		flex-basis: 54%;
	}
	* .spflexbasis55,.flex-between .spflexbasis55{
		max-width: 55%; 

		flex-basis: 55%;
	}
	* .spflexbasis56,.flex-between .spflexbasis56{
		max-width: 56%; 

		flex-basis: 56%;
	}
	* .spflexbasis57,.flex-between .spflexbasis57{
		max-width: 57%; 

		flex-basis: 57%;
	}
	* .spflexbasis58,.flex-between .spflexbasis58{
		max-width: 58%; 

		flex-basis: 58%;
	}
	* .spflexbasis59,.flex-between .spflexbasis59{
		max-width: 59%; 

		flex-basis: 59%;
	}
	* .spflexbasis60,.flex-between .spflexbasis60{
		max-width: 60%; 

		flex-basis: 60%;
	}
	* .spflexbasis61,.flex-between .spflexbasis61{
		max-width: 61%; 

		flex-basis: 61%;
	}
	* .spflexbasis62,.flex-between .spflexbasis62{
		max-width: 62%; 

		flex-basis: 62%;
	}
	* .spflexbasis63,.flex-between .spflexbasis63{
		max-width: 63%; 

		flex-basis: 63%;
	}
	* .spflexbasis64,.flex-between .spflexbasis64{
		max-width: 64%; 

		flex-basis: 64%;
	}
	* .spflexbasis65,.flex-between .spflexbasis65{
		max-width: 65%; 

		flex-basis: 65%;
	}
	* .spflexbasis66,.flex-between .spflexbasis66{
		max-width: 66%; 

		flex-basis: 66%;
	}
	* .spflexbasis67,.flex-between .spflexbasis67{
		max-width: 67%; 

		flex-basis: 67%;
	}
	* .spflexbasis68,.flex-between .spflexbasis68{
		max-width: 68%; 

		flex-basis: 68%;
	}
	* .spflexbasis69,.flex-between .spflexbasis69{
		max-width: 69%; 

		flex-basis: 69%;
	}
	* .spflexbasis70,.flex-between .spflexbasis70{
		max-width: 70%; 

		flex-basis: 70%;
	}
	* .spflexbasis71,.flex-between .spflexbasis71{
		max-width: 71%; 

		flex-basis: 71%;
	}
	* .spflexbasis72,.flex-between .spflexbasis72{
		max-width: 72%; 

		flex-basis: 72%;
	}
	* .spflexbasis73,.flex-between .spflexbasis73{
		max-width: 73%; 

		flex-basis: 73%;
	}
	* .spflexbasis74,.flex-between .spflexbasis74{
		max-width: 74%; 

		flex-basis: 74%;
	}
	* .spflexbasis75,.flex-between .spflexbasis75{
		max-width: 75%; 

		flex-basis: 75%;
	}
	* .spflexbasis76,.flex-between .spflexbasis76{
		max-width: 76%; 

		flex-basis: 76%;
	}
	* .spflexbasis77,.flex-between .spflexbasis77{
		max-width: 77%; 

		flex-basis: 77%;
	}
	* .spflexbasis78,.flex-between .spflexbasis78{
		max-width: 78%; 

		flex-basis: 78%;
	}
	* .spflexbasis79,.flex-between .spflexbasis79{
		max-width: 79%; 

		flex-basis: 79%;
	}
	* .spflexbasis80,.flex-between .spflexbasis80{
		max-width: 80%; 

		flex-basis: 80%;
	}
	* .spflexbasis81,.flex-between .spflexbasis81{
		max-width: 81%; 

		flex-basis: 81%;
	}
	* .spflexbasis82,.flex-between .spflexbasis82{
		max-width: 82%; 

		flex-basis: 82%;
	}
	* .spflexbasis83,.flex-between .spflexbasis83{
		max-width: 83%; 

		flex-basis: 83%;
	}
	* .spflexbasis84,.flex-between .spflexbasis84{
		max-width: 84%; 

		flex-basis: 84%;
	}
	* .spflexbasis85,.flex-between .spflexbasis85{
		max-width: 85%; 

		flex-basis: 85%;
	}
	* .spflexbasis86,.flex-between .spflexbasis86{
		max-width: 86%; 

		flex-basis: 86%;
	}
	* .spflexbasis87,.flex-between .spflexbasis87{
		max-width: 87%; 

		flex-basis: 87%;
	}
	* .spflexbasis88,.flex-between .spflexbasis88{
		max-width: 88%; 

		flex-basis: 88%;
	}
	* .spflexbasis89,.flex-between .spflexbasis89{
		max-width: 89%; 

		flex-basis: 89%;
	}
	* .spflexbasis90,.flex-between .spflexbasis90{
		max-width: 90%; 

		flex-basis: 90%;
	}
	* .spflexbasis91,.flex-between .spflexbasis91{
		max-width: 91%; 

		flex-basis: 91%;
	}
	* .spflexbasis92,.flex-between .spflexbasis92{
		max-width: 92%; 

		flex-basis: 92%;
	}
	* .spflexbasis93,.flex-between .spflexbasis93{
		max-width: 93%; 

		flex-basis: 93%;
	}
	* .spflexbasis94,.flex-between .spflexbasis94{
		max-width: 94%; 

		flex-basis: 94%;
	}
	* .spflexbasis95,.flex-between .spflexbasis95{
		max-width: 95%; 

		flex-basis: 95%;
	}
	* .spflexbasis96,.flex-between .spflexbasis96{
		max-width: 96%; 

		flex-basis: 96%;
	}
	* .spflexbasis97,.flex-between .spflexbasis97{
		max-width: 97%; 

		flex-basis: 97%;
	}
	* .spflexbasis98,.flex-between .spflexbasis98{
		max-width: 98%; 

		flex-basis: 98%;
	}
	* .spflexbasis99,.flex-between .spflexbasis99{
		max-width: 99%; 

		flex-basis: 99%;
	}
	* .spflexbasis100,.flex-between .spflexbasis100{
		max-width: 100%; 

		flex-basis: 100%;
	}
}

/* sp */
.imgBlockT{
	align-items: flex-start;
}

.imgBlockB{
	align-items: flex-end;
}

.imgBlockC{
	align-items: center;
}

.imgBlockB,.imgBlockC,.imgBlockT{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	align-content: space-between;
}

.imgBlockB.imgL .cont,.imgBlockC.imgL .cont,.imgBlockT.imgL .cont{
	order: 2;
}

.imgBlockB.imgL .img,.imgBlockC.imgL .img,.imgBlockT.imgL .img{
	order: 1;
}

.imgBlockB.imgR .cont,.imgBlockC.imgR .cont,.imgBlockT.imgR .cont{
	order: 1;
}

.imgBlockB.imgR .img,.imgBlockC.imgR .img,.imgBlockT.imgR .img{
	order: 2;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	.tbclm1{
		flex-wrap: wrap;
	}
	.tbclm1 > *{
		width: 100% !important;
		max-width: 100% !important; 

		flex-basis: 100% !important;
	}
	.tbclm2{
		flex-wrap: wrap;
	}
	.tbclm2 > *{
		max-width: 50%; 

		flex-basis: 50% !important;
	}
	.tbclm3{
		flex-wrap: wrap;
	}
	.tbclm3 > *{
		max-width: 33%; 

		flex-basis: 33% !important;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	.clm2,.clm3{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		/* 複数行の場合 */
	}
	.clm2.multi,.clm3.multi{
		flex-wrap: wrap;
		align-content: space-between;
	}
	.clm2 span.caption,.clm3 span.caption{
		display: block;

		margin: .5em 0;
		padding-left: 1.2em;

		text-indent: -1.2em;
	}
	.clm2 span.caption:before,.clm3 span.caption:before{
		font-family: 'yubin';

		margin-right: .2em; 

		content: '\77';
	}
	.clm2 .sp1,.clm3 .sp1{
		padding: 1vw;
	}
	.clm2 .sp2,.clm3 .sp2{
		padding: 2vw;
	}
	.clm2 .clm{
		width: 50%;

		justify-content: space-between;
	}
	.clm3 .clm{
		width: 33%;

		justify-content: space-between;
	}
	.spclm1{
		flex-wrap: wrap;
	}
	.spclm1 > *{
		width: 100% !important;
		max-width: 100% !important; 

		flex-basis: 100% !important;
	}
	.spclm2{
		flex-wrap: wrap;
	}
	.spclm2 > *{
		max-width: 50%; 

		flex-basis: 50% !important;
	}
	.spclm3{
		flex-wrap: wrap;
	}
	.spclm3 > *{
		max-width: 33%; 

		flex-basis: 33% !important;
	}
	.imgBlockB,.imgBlockC,.imgBlockT{
		display: block;
	}
	.imgBlockB.imgL .img,.imgBlockB.imgR .img,.imgBlockC.imgL .img,.imgBlockC.imgR .img,.imgBlockT.imgL .img,.imgBlockT.imgR .img{
		margin: 15px auto;
	}
	.imgBlockB .cont,.imgBlockC .cont,.imgBlockT .cont{
		width: 100%;
	}
}

/* sp */
.clm2.linkbox{
	/* sp */
}
.clm2.linkbox .clm .btnM{
	min-width: 50%;
}
@media screen and (max-width: 750px){
	.clm2.linkbox{
		display: block;
	}
	.clm2.linkbox .clm{
		width: 100%;
		max-width: 100%;

		flex-basis: 100%;
	}
	.clm2.linkbox .clm .btnM{
		min-width: 100%;
	}
	.clm2.linkbox .clm:first-child{
		margin-bottom: 5vh;
	}
}

/* コンテンツボックス　グレー 2列 */
.contbox2{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	max-width: 1200px;
	margin: auto;

	align-items: stretch;
	flex-wrap: wrap;
	/* sp */
}
@media screen and (max-width: 750px){
	.contbox2{
		width: 100%;
		padding: 0 3%;
	}
}
.contbox2 > .box:nth-child(n + 3){
	margin-top: 20px;
}
.contbox2 .box{
	width: 48%;
	margin-right: 2%;
	padding: 30px; 

	transition: .3s;
	text-decoration: none;

	color: #333;
	background: #f7f7f7;
}
.contbox2 .box dl{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
}
.contbox2 .box dl dt{
	width: 25%;
}
.contbox2 .box dl dd{
	line-height: 1.7; 

	width: 71%;
	padding-left: 4%;
}
.contbox2 .box dl dd .title{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.15rem; 
	font-weight: bold;

	margin-bottom: .5em;
}
.contbox2 .box:nth-of-type(2n){
	margin-right: 0;
}

@media screen and (max-width: 750px){
	.contbox2{
		display: block;

		width: auto;
	}
	.contbox2 > .box:nth-child(n + 2){
		margin-top: 20px;
	}
	.contbox2 .box{
		width: 100%;
		margin-right: 0;
		padding: 20px;
	}
	.contbox2 .box dl{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
	}
	.contbox2 .box dl dt{
		width: 30%;
	}
	.contbox2 .box dl dd{
		font-size: .9rem; 
		line-height: 1.7;

		width: 66%;
		padding-left: 4%;
	}
	.contbox2 .box dl dd .title{
		font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
		font-size: 1.1rem; 
		font-weight: bold;

		margin-bottom: .5em;
	}
}

/* sp */
/* リンクボックス　赤枠　2列　*/
.linkbox2_borderR{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	max-width: 1200px;
	margin: auto;

	align-items: stretch;
	flex-wrap: wrap;
	/* sp */
	justify-content: space-between;
}
@media screen and (max-width: 750px){
	.linkbox2_borderR{
		width: 100%;
		padding: 0 3%;
	}
}
.linkbox2_borderR > div:nth-child(n + 3),.linkbox2_borderR > a.box:nth-child(n + 3){
	margin-top: 20px;
}
.linkbox2_borderR > div.box{
	width: 49%;
}
.linkbox2_borderR > div.box > a.box{
	width: 100%;
}
.linkbox2_borderR a.box{
	display: block;

	width: 49%;
	min-height: none; 
	margin-right: 2%;
	padding: 15px;

	transition: .3s;
	text-decoration: none;

	color: #333;
	border: 1px solid #c00;
	border-radius: 6px;
}
.linkbox2_borderR a.box.arrow{
	position: relative;

	padding-right: 40px;
}
.linkbox2_borderR a.box.arrow:after{
	font-family: 'yubin';
	font-size: 22px;

	position: absolute;
	top: 50%;
	right: 15px;

	content: '\f105';
	transform: translate(-50%, -50%); 

	color: #c00;
}
.linkbox2_borderR a.box.arrow[target='_blank']:after{
	font-family: 'yubin';
	font-size: 18px;

	right: 5px; 

	content: '\e924';
}
.linkbox2_borderR a.box:nth-of-type(2n){
	margin-right: 0;
}
.linkbox2_borderR a.box:hover{
	text-decoration: none;

	background: #faecea;
}
.linkbox2_borderR dl dt{
	width: 25%; 

	text-align: center;
}
.linkbox2_borderR dl dt img{
	width: 100%;
}
.linkbox2_borderR dl dd{
	width: 75%; 
	padding: 10px 10px 25px;
}
.linkbox2_borderR dl dd .title{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.15rem; 
	font-weight: bold;

	margin-bottom: .5em;
}
.linkbox2_borderR dl dd .title.red{
	color: #c00;
}
.linkbox2_borderR dl dd p{
	font-size: .9rem;
	line-height: 1.7;
}
.linkbox2_borderR .text{
	padding: 5px 0 5px 5px;
}
.linkbox2_borderR .text .title{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.15rem; 
	font-weight: bold;

	margin-bottom: .4em;
}
.linkbox2_borderR .text .title.red{
	color: #c00;
}
.linkbox2_borderR .text p{
	font-size: .9rem;
	line-height: 1.7;
}

@media screen and (max-width: 750px){
	.linkbox2_borderR{
		display: block;

		width: auto;
	}
	.linkbox2_borderR > div:nth-child(n + 2),.linkbox2_borderR > a.box:nth-child(n + 2){
		margin-top: 20px;
	}
	.linkbox2_borderR div.box,.linkbox2_borderR a.box{
		width: 100%;
		margin-right: 0;
		padding: 10px 10px;
	}
	.linkbox2_borderR a{
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.linkbox2_borderR dl{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
	}
	.linkbox2_borderR dl dt{
		width: 40%;
	}
	.linkbox2_borderR dl dd{
		width: 60%; 
		padding: 10px 10px 10px;
	}
	.linkbox2_borderR dl dd .title{
		font-size: 1.1rem; 

		margin-bottom: .3em;
	}
	.linkbox2_borderR dl dd p{
		font-size: .85rem;
		line-height: 1.7;
	}
	.linkbox2_borderR .text{
		padding: 5px 0 5px 5px;
	}
	.linkbox2_borderR .text .title{
		font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
		font-size: 1.1rem; 
		font-weight: bold;

		margin-bottom: .3em;
	}
	.linkbox2_borderR .text .title.red{
		color: #c00;
	}
	.linkbox2_borderR .text p{
		font-size: .85rem;
		line-height: 1.7;
	}
	.innerwidth .linkbox2_borderR{
		padding: 0;
	}
}

/* sp */
/* リンクボックス　2列　*/
.linkbox2{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	max-width: 1200px;
	margin: auto;

	align-items: stretch;
	flex-wrap: wrap;
	/* sp */
	justify-content: space-between;
}
@media screen and (max-width: 750px){
	.linkbox2{
		width: 100%;
		padding: 0 3%;
	}
}
.linkbox2 > div:nth-child(n + 3),.linkbox2 > a.box:nth-child(n + 3){
	margin-top: 20px;
}
.linkbox2 > .boxstyle.simple{
	display: block;

	width: 49%;
	margin-right: 2%;
	padding: 15px; 

	transition: .3s;
	text-decoration: none;

	color: #333;
	border: 1px solid #ccc;
	background: #fff;
}
.linkbox2 > .boxstyle.simple:nth-of-type(2n){
	margin-right: 0;
}
.linkbox2 > .boxstyle.borderR{
	display: block;

	width: 49%;
	margin-right: 2%;
	padding: 15px;

	transition: .3s;
	text-decoration: none;

	border: 1px solid #c00;
	border-radius: 6px;
}
.linkbox2 > .boxstyle.borderR.arrow{
	position: relative;
}
.linkbox2 > .boxstyle.borderR.arrow:after{
	font-family: 'yubin';
	font-size: 22px;

	position: absolute;
	top: 50%;
	right: 5%;

	content: '\f105';
	transform: translate(-50%, -50%); 

	color: #c00;
}
.linkbox2 > .bottomlink{
	position: relative;

	padding-bottom: 56px !important;
}
.linkbox2 > .bottomlink .link{
	position: absolute;
	bottom: 15px;
}
.linkbox2 a[target='_blank'] dl dd .title:after{
	font-family: 'yubin';
	font-size: 70%;
	font-weight: normal;

	position: relative;
	top: -2px; 

	margin-left: .3em;

	content: '\e924';

	color: #c00;
}
.linkbox2 > div.box{
	max-width: 49%;

	border: none;
	background: none; 

	flex-basis: 49%;
}
.linkbox2 > div.box > a.box{
	display: block;

	max-width: 100%;

	text-decoration: none;

	color: #333;
	border: 1px solid #ccc; 
	background: #fff;

	flex-basis: 100%;
}
.linkbox2 > *{
	display: block;

	max-width: 49%;

	transition: .3s;
	text-decoration: none;

	color: #333;
	border: 1px solid #ccc; 
	background: #fff;

	flex-basis: 49%;
}
.linkbox2 *.box:nth-of-type(2n){
	margin-right: 0;
}
.linkbox2 a.box:hover{
	text-decoration: none; 

	opacity: .6;
}
.linkbox2 dl dt{
	text-align: center;
}
.linkbox2 dl dt img{
	width: 100%;

	object-fit: cover;
	/* height:270px;*/
}
.linkbox2 dl dd{
	padding: 15px 15px 25px;
}
.linkbox2 dl dd .title{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.15rem; 
	font-weight: bold;

	margin-bottom: .5em;
}
.linkbox2 dl dd .title.red{
	color: #c00;
}
.linkbox2 dl dd p{
	font-size: .9rem;
}
.linkbox2.side dl{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
}
.linkbox2.side dl dt{
	max-width: 45%; 

	flex-basis: 45%;
}
.linkbox2.side dl dd{
	max-width: 55%; 

	flex-basis: 55%;
}
.linkbox2.side dl dt img{
	width: 100%;
	height: 160px; 

	object-fit: cover;
}

.bgG .linkbox2 a,.bgG2 .linkbox2 a{
	border: none;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	.linkbox2 dl dd{
		padding: 13px 13px;
	}
	.linkbox2 dl dd .title{
		font-size: 1rem;
	}
	.linkbox2 dl dd p{
		font-size: .8rem;
	}
	.linkbox2.side dl dt img{
		height: auto;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	.innerwidth .linkbox2{
		padding: 0;
	}
	.linkbox2{
		width: auto;
	}
	.linkbox2 > div:nth-child(n + 3),.linkbox2 > a.box:nth-child(n + 3){
		margin-top: 0;
	}
	.linkbox2 > div.box,.linkbox2 > *{
		max-width: 100%;
		margin-right: 0; 
		margin-bottom: 10px;

		flex-basis: 100%;
	}
	.linkbox2 > .boxstyle.simple{
		width: 100%;

		transition: .3s;
	}
	.linkbox2 a{
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.linkbox2 dl dt{
		text-align: center;
	}
	.linkbox2 dl dt img{
		width: 100%;
		/*height:160px;*/
		height: auto;
	}
	.linkbox2 dl dd{
		padding: 15px; 

		background: #fff;
	}
	.linkbox2 dl dd .title{
		font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
		font-size: .9rem; 
		font-weight: bold;

		margin-bottom: .5em;
	}
	.linkbox2 dl dd p{
		font-size: .75rem;
	}
	.linkbox2.side dl dt{
		max-width: 50%; 

		flex-basis: 50%;
	}
	.linkbox2.side dl dd{
		max-width: 50%; 

		flex-basis: 50%;
	}
	.linkbox2.side dl dt img{
		height: auto;
	}
	.linkbox2.side dl dd{
		padding: 6px;
	}
	.linkbox2.side dl dd .title{
		font-size: .85rem;
		line-height: 1.5;
	}
}

@media screen and (max-width: 750px) and (orientation: landscape){
	.linkbox2{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
	}
	.linkbox2 a.box{
		max-width: 49%; 

		flex-basis: 49%;
	}
	.linkbox2 dl dt img{
		height: auto;
	}
}

/* sp */
/* 4カラムリンクボックス　*/
.linkbox4{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	max-width: 1200px;
	margin: auto;

	align-items: stretch;
	flex-wrap: wrap;
	/* sp */
	justify-content: space-between;
}
@media screen and (max-width: 750px){
	.linkbox4{
		width: 100%;
		padding: 0 3%;
	}
}
.linkbox4::before{
	display: block;

	width: 23.5%;

	content: '';

	order: 1;
}
.linkbox4::after{
	display: block;

	width: 23.5%; 

	content: '';
}
.linkbox4 > div:nth-child(n + 5),.linkbox4 > a.box:nth-child(n + 5){
	margin-top: 20px;
}
.linkbox4 > .boxstyle.simple{
	display: block;

	max-width: 23.5%;
	margin-right: 2%;
	padding: 15px; 

	transition: .3s;
	text-decoration: none;

	color: #333;
	border: 1px solid #ccc;
	background: #fff;

	flex-basis: 23.5%;
}
.linkbox4 > .boxstyle.simple:nth-of-type(4n){
	margin-right: 0;
}
.linkbox4 > .bottomlink{
	position: relative;

	padding-bottom: 56px !important;
}
.linkbox4 > .bottomlink .link{
	position: absolute;
	bottom: 15px;
}
.linkbox4 > .bottomlink .link a[target='_blank']:before{
	font-family: 'yubin';

	content: '\e924';
}
.linkbox4 a[target='_blank'] dl dd .title:after{
	font-family: 'yubin';
	font-size: 70%;
	font-weight: normal;

	position: relative;
	top: -2px; 

	margin-left: .3em;

	content: '\e924';

	color: #c00;
}
.linkbox4 > *{
	width: 23.5%;
}
.linkbox4 > * > a.box{
	display: block;

	width: 100%;
	margin-right: 2%; 

	text-decoration: none;

	color: #333;
	border: 1px solid #ccc;
	background: #fff;
}
.linkbox4 > *{
	display: block;

	max-width: 23.5%;

	transition: .3s;
	text-decoration: none;

	color: #333;
	border: 1px solid #ccc; 
	background: #fff;

	flex-basis: 23.5%;
}
.linkbox4 a.box:nth-of-type(4n){
	margin-right: 0;
}
.linkbox4 a.box:hover{
	text-decoration: none; 

	opacity: .6;
}
.linkbox4 dl dt{
	text-align: center;
}
.linkbox4 dl dt img{
	width: 100%;
}
.linkbox4 dl dd{
	padding: 15px;
}
.linkbox4 dl dd .title{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.15rem; 
	font-weight: bold;

	margin-bottom: .5em;
}
.linkbox4 dl dd p{
	font-size: .9rem;
}
.linkbox4 ul.notes-s li{
	padding-left: 1em;

	text-indent: -.7em;
}
.linkbox4 ul.notes-s li:before{
	margin-right: 0;
}

.bgG .linkbox4 a,.bgG2 .linkbox4 a{
	border: none;
}

@media screen and (max-width: 750px){
	.innerwidth .linkbox4,.bgG .linkbox4,.bgG2 .linkbox4{
		padding: 0;
	}
	.linkbox4{
		width: auto; 

		flex-wrap: wrap;
	}
	.linkbox4 > div:nth-child(n + 5),.linkbox4 > a.box:nth-child(n + 5){
		margin-top: 0;
	}
	.linkbox4 > div,.linkbox4 > a.box{
		max-width: 100%;
		margin-right: 0; 
		margin-bottom: 10px;

		flex-basis: 100%;
	}
	.linkbox4 > .boxstyle.simple{
		max-width: 100%;
		margin-right: 0; 

		transition: .3s;

		flex-basis: 100%;
	}
	.linkbox4 a{
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.linkbox4 a.box:nth-of-type(2n),.linkbox4 div.boxstyle:nth-of-type(2n){
		margin-right: 0;
	}
	.linkbox4 dl dt{
		text-align: center;
	}
	.linkbox4 dl dt img{
		width: 100%;
	}
	.linkbox4 dl dd{
		padding: 12px 8px; 

		background: #fff;
	}
	.linkbox4 dl dd .title{
		font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
		font-size: .8rem; 
		font-weight: bold;

		margin-bottom: .5em;
	}
	.linkbox4 dl dd p{
		font-size: .78rem;
	}
	.linkbox4.spclm2{
		align-content: space-between;
		justify-content: space-between;
	}
	.linkbox4.spclm2 > div,.linkbox4.spclm2 > a.box{
		max-width: 49%;
		margin-right: 0; 
		margin-bottom: 10px;

		flex-basis: 49%;
	}
}

/* sp */
/* 4列　赤枠バナー */
.borderbnr4{
	max-width: 1200px;
	margin: auto;
	/* sp */
	margin: 60px auto;
}
@media screen and (max-width: 750px){
	.borderbnr4{
		width: 100%;
		padding: 0 3%;
	}
}
.borderbnr4 ul{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}
.borderbnr4 ul:before{
	display: block;

	height: 0;

	content: '';

	flex-basis: 23.5%;
	order: 1;
}
.borderbnr4 ul:after{
	display: block;

	height: 0; 

	content: '';

	flex-basis: 23.5%;
}
.borderbnr4 ul li{
	position: relative;

	max-width: 24%;
	height: 80px;
	margin-bottom: 15px; 

	transition: .3s;
	text-align: center;

	border: 1px solid #c00;
	border-radius: 6px;

	flex-basis: 24%;
}
.borderbnr4 ul li a{
	font-size: 15px;

	display: block;

	width: 100%;
	height: 100%; 

	text-decoration: none;

	color: #333;
}
.borderbnr4 ul li a span{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-weight: 400;

	position: absolute;
	top: 50%;
	left: 0;

	transform: translate(10%, -50%);
}
.borderbnr4 ul li a.jpf span{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-weight: 400;

	position: absolute;
	top: 50%;
	left: 50%;

	transform: translate(-40%, -50%);
}
.borderbnr4 ul li a.icon:before{
	position: absolute;
	top: 50%;
	left: 15%;

	transform: translate(-50%, -50%);
}
.borderbnr4 ul li a.icon:after{
	font-family: 'yubin';
	font-size: 22px;

	position: absolute;
	top: 50%;
	right: 5%;

	content: '\f105';
	transform: translate(-50%, -50%); 

	color: #c00;
}
.borderbnr4 ul li a.icon[target='_blank']:after{
	font-family: 'yubin';
	font-size: 18px;

	right: 3%; 

	content: '\e924';
}
.borderbnr4 ul li a.icon.jpf:before{
	font-family: 'yubin';
	font-size: 50px;

	color: #c00;
}
.borderbnr4 ul li:nth-of-type(4n){
	margin-right: 0;
}
.borderbnr4 ul li:hover{
	background: #faecea;
}
.borderbnr4 .pcDisp{
	height: 100%;
}
.borderbnr4 .spDisp{
	height: auto;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	.borderbnr4 ul li a.icon[target='_blank'] span{
		left: 0;

		width: 10em;

		transform: translate(6%, -50%);
		text-align: left;
	}
	.borderbnr4 ul li a.icon[target='_blank']:after{
		font-size: 16px;

		right: 0;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	.borderbnr4{
		padding: 0;
	}
	.borderbnr4.spclm2 ul{
		max-width: 100%; 

		flex-basis: 100% !important;
	}
	.borderbnr4.spclm2 ul li{
		max-width: 48.5%;
		height: auto; 
		margin-bottom: 20px;

		border: none;

		flex-basis: 48.5%;
	}
	.borderbnr4.spclm2 ul li a{
		font-size: .85rem;

		display: block;

		padding: 70px 0 30px;

		transition: .3s; 

		border: 1px solid #c00;
		border-radius: 6px;
	}
	.borderbnr4.spclm2 ul li a span{
		font-weight: 400;

		left: 0; 

		width: 100%;
		margin-top: 22px;

		transform: translate(0%, -50%);
	}
	.borderbnr4.spclm2 ul li a:hover{
		background: #faecea;
	}
	.borderbnr4.spclm2 ul li a.icon:before{
		top: 5px;
		right: 0;
		left: 0;

		display: block;

		margin: auto;

		transform: none;
	}
	.borderbnr4.spclm2 ul li a.icon:after{
		right: 3%;
	}
	.borderbnr4.spclm2 ul li:nth-of-type(n + 2){
		margin-top: 0;
	}
	.borderbnr4 > ul.spclm2 li{
		max-width: 48.5%; 

		flex-basis: 48.5%;
	}
	.borderbnr4 .pcDisp{
		height: auto;
	}
	.borderbnr4 .spDisp{
		height: 100%;
	}
}

/* sp */
/* IE11向けのhack */
/*@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, :root .borderbnr4.spclm2 ul li a span {
       width:auto;
    }
}*/
/*  kitte
----------------------------------------------- */
div[class^='kitteList']{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	flex-wrap: wrap;
	justify-content: space-between;
}
div[class^='kitteList'] .box{
	position: relative;
}
div[class^='kitteList'] .box dt{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-weight: bold;

	padding: 10px;
}
div[class^='kitteList'] .box dt span{
	font-size: 90%; 

	display: block;
}
div[class^='kitteList'] dl.box{
	background: #eee;
}
div[class^='kitteList'] a.box{
	color: #333;
	border: 1px solid #ccc;
	background: #fff;
}
div[class^='kitteList'] a:hover{
	text-decoration: none; 

	opacity: .7;
}
div[class^='kitteList'] p.sub{
	font-size: .8rem;

	display: inline-block;

	min-width: 6em;
	margin-bottom: 4px; 
	padding: .2em 1em;

	text-align: center;

	color: #fff;
	background: #c00;
}
div[class^='kitteList'] a[target='_blank'] .title:after{
	font-family: 'yubin';
	font-size: 90%; 
	font-weight: normal;

	margin-left: .2em;

	content: '\e924';

	color: #c00;
}

.kitteList5{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: flex-start;
}
.kitteList5 .box,.kitteList5 .empty{
	font-size: 0;

	margin-bottom: 20px;

	letter-spacing: normal;
}
.kitteList5 .box{
	max-width: 19%;
	margin-right: 1.2%; 

	vertical-align: top;

	flex-basis: 19%;
}
.kitteList5 .box:nth-child(5n){
	margin-right: 0;
}
.kitteList5 dl{
	font-size: 1rem;
}
.kitteList5 dl dt{
	font-size: 1rem;
}
.kitteList5 dl dt p.sub{
	font-size: .7rem;
}
.kitteList5 dl dd{
	font-size: 1rem;
}
.kitteList5 .title{
	font-size: .9rem;

	min-height: 5em;
}

.kitteList4::before{
	display: block;

	width: 23%;

	content: '';

	order: 1;
}

.kitteList4::after{
	display: block;

	width: 23%; 

	content: '';
}

.kitteList4 .box{
	margin-bottom: 20px; 

	flex-basis: 23%;
}

@media screen and (max-width: 750px){
	.kitteList5{
		display: flex !important;

		flex-wrap: wrap;
		justify-content: space-between;
	}
	.kitteList5 .box{
		display: block; 

		width: auto;
		max-width: 49%;
		min-height: auto;
		margin-right: 0;
		margin-bottom: 12px;

		flex-basis: 49%;
	}
	.kitteList5 a.box{
		min-height: auto;
	}
	.kitteList5 a{
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.kitteList5 .box:nth-child(2n){
		margin-right: 0;
	}
	.kitteList5 .empty{
		width: 45vw;
	}
	.kitteList5 .title{
		min-height: auto;
	}
	.kitteList4::before{
		display: block;

		width: 49%;

		content: '';

		order: 1;
	}
	.kitteList4::after{
		display: block;

		width: 49%; 

		content: '';
	}
	.kitteList4 .box{
		margin-bottom: 20px; 

		flex-basis: 49%;
	}
	.kitteList4 a{
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
}

/* sp */
.page_kitte_detail h1.simple{
	font-size: 2rem;
	/*&:before{content: "\e96b";font-family: "yubin";margin-right: .1em;font-size: 140%;font-weight: normal;position: relative;top: 0.19em;}*/
}

.kitte_detailArea{
	width: 80%;
	margin: 30px auto 60px;
}
.kitte_detailArea .thumb a{
	position: relative;

	display: block;

	padding: 10% 15%;

	text-align: center; 

	border: 1px solid #ccc;
}
.kitte_detailArea .thumb a:after{
	font-family: 'yubin';
	font-size: 27px;
	line-height: 1;

	position: absolute;
	right: 8px;
	bottom: 8px;

	padding: 13px;

	content: '\f002';

	color: #fff;
	border-radius: 25px; 
	background: rgba(100, 100, 100, .4);
}
.kitte_detailArea .cont{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-weight: bold;
}
.kitte_detailArea .cont .point dt{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 90%;
	font-weight: 700;

	padding-bottom: 1em; 

	border-bottom: 1px solid #ccc;
}
.kitte_detailArea .cont .point dd{
	padding: 1.8em 0;

	border-bottom: 1px solid #ccc;
}
.kitte_detailArea .cont .issue{
	font-size: 90%;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	padding: 1em 0;

	border-bottom: 1px solid #ccc;
}
.kitte_detailArea .cont .issue dt{
	flex-basis: 15%;
}
.kitte_detailArea .cont .link{
	margin-top: 15px;
}
.kitte_detailArea .cont .link li{
	font-size: 90%;

	margin: .4em 0;
	padding: .2em 0 .6em;
}
.kitte_detailArea .cont .link a::before{
	font-family: 'yubin';

	margin-right: .5em;
	padding-left: .8em; 

	content: '\f105';
}
.kitte_detailArea .cont .link a[href$='.pdf']::before{
	font-family: 'yubin';
	font-size: 21px;
	font-weight: normal;

	position: relative;
	top: 4px;

	display: inline-block;

	margin-right: .3em;
	padding-left: 0; 

	content: '\50';

	color: #c00;
}
.kitte_detailArea.tate{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: center;
}
.kitte_detailArea.tate .thumb img{
	max-height: 700px;
}
.kitte_detailArea.tate .cont{
	padding-left: 5%;
}
.kitte_detailArea.yoko .thumb a{
	padding: 4%;
}
.kitte_detailArea.yoko .thumb a img{
	max-height: 350px;
}
.kitte_detailArea.yoko .cont{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	margin-top: 20px;
}
.kitte_detailArea.yoko .cont .point{
	flex-basis: 50%;
}
.kitte_detailArea.yoko .cont .detail{
	padding-left: 5%; 

	flex-basis: 50%;
}
.kitte_detailArea.yoko .cont .detail .issue{
	padding-top: 0;
}

@media screen and (max-width: 750px){
	.kitte_detailArea{
		width: 100%;
	}
	.kitte_detailArea .thumb a{
		padding: 5% 10%;
	}
	.kitte_detailArea .cont .point{
		margin-top: 10px;
	}
	.kitte_detailArea.tate{
		display: block;
	}
	.kitte_detailArea.tate .thumb img{
		max-height: 50vh;
	}
	.kitte_detailArea.tate .cont{
		padding-left: 0;
	}
	.kitte_detailArea.yoko .cont{
		display: block;
	}
	.kitte_detailArea.yoko .cont .detail{
		padding-left: 0;
	}
	.kitte_detailArea.yoko .cont .detail .issue{
		padding: 1em 0;
	}
}

/* sp */
/*----------------------------------------------------------
	link
--------------------------------------------------------- */
a.red{
	color: #c00;
}

/*----------------------------------------------------------
	button
--------------------------------------------------------- */
.iconbtn{
	font-family: 'yubin','Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
}
.iconbtn.icon1st:first-letter{
	font-size: 200px;
}

a[class^='btn']{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-weight: 400;

	position: relative;
	z-index: auto;

	display: inline-block;

	transition: .3s;
	text-decoration: none;

	border-radius: 5px;
	/* sp */
}
a[class^='btn']:hover{
	opacity: .7;
}
a[class^='btn'].full{
	display: block;
}
a[class^='btn'].slim{
	font-size: .9rem;
	line-height: 1.2; 

	padding: 1.1em 1.5em .9em;
}
a[class^='btn'].arrowR{
	padding-right: 3em;
}
a[class^='btn'].arrowR:after{
	font-family: 'yubin';
	font-size: 130%; 

	position: absolute;
	top: 50%;
	right: .5em;

	content: '\f105';
	transform: translate(-50%, -50%);
}
a[class^='btn'].arrowR[target='_blank']:after{
	font-family: 'yubin';

	content: '\e924' !important;
}
a[class^='btn'].plusR{
	padding-right: 3em;
}
a[class^='btn'].plusR:after{
	font-family: 'yubin';
	font-size: 130%; 

	position: absolute;
	top: 50%;
	right: .5em;

	content: '\e90e';
	transform: translate(-50%, -50%);
}
a[class^='btn'].arrowL{
	padding-left: 3em;
}
a[class^='btn'].arrowL:after{
	font-family: 'yubin';
	font-size: 130%; 

	position: absolute;
	top: 50%;
	left: 1em;

	content: '\f104';
	transform: translate(-50%, -50%);
}
a[class^='btn'][target='_blank']:before{
	font-family: 'yubin';

	content: '\e924';
}
@media screen and (max-width: 750px){
	a[class^='btn'].arrowR{
		padding-right: 0;
	}
}

a.btn{
	position: relative;
}
a.btn.arrowR{
	padding-right: 2em !important;
}
a.btn.arrowR:after{
	font-family: 'yubin';
	font-size: 1em;

	position: absolute;
	top: 47%;
	right: 5%;

	content: '\f105';
	transform: translate(-50%, -50%);

	color: #fff;
}

a.btnL{
	font-size: 1.18rem;

	padding: 26px 2em;

	color: #fff;
	background: #c00;
	/* sp */
}
a.btnL.bank{
	position: relative; 

	background: #090;
}
a.btnL.bank span{
	padding-left: 40px;
}
a.btnL.bank span:before{
	font-family: 'yubin';
	font-size: 46px;
	font-weight: normal;

	position: absolute;
	top: 50%;

	margin-left: -40px; 

	content: '\e92f';
	transform: translate(-50%, -50%);
}
a.btnL.insurance{
	position: relative; 

	background: #009;
}
a.btnL.insurance span{
	padding-left: 40px;
}
a.btnL.insurance span:before{
	font-family: 'yubin';
	font-size: 46px;
	font-weight: normal;

	position: absolute;
	top: 50%;

	margin-left: -40px; 

	content: '\e93a';
	transform: translate(-50%, -50%);
}
a.btnL.yic{
	padding-left: 3.5em;
}
a.btnL.yic:before{
	font-size: 2rem;

	position: absolute;
	position: absolute;
	top: 50%;
	left: .9em;

	transform: translate(-50%, -50%);

	color: #c00;
}
a.btnL[target='_blank']:after{
	font-family: 'yubin';
	font-size: .9rem; 

	content: '\e924' !important;
}
@media screen and (max-width: 750px){
	a.btnL{
		width: 100%; 

		text-align: center;
	}
}

a.btnS{
	font-size: .8rem;

	min-width: 30%;
	padding: 1em 1.5em;

	color: #fff;
	background: #c00;
	/* sp */
}
a.btnS.yic{
	padding-left: 3.5em;
}
a.btnS.yic:before{
	font-size: 2rem;

	position: absolute;
	position: absolute;
	top: 50%;
	left: .9em;

	transform: translate(-50%, -50%);

	color: #c00;
}
a.btnS.arrowR{
	/*padding-right:0;*/
}
a.btnS[target='_blank']:after{
	font-family: 'yubin';
	font-size: .9rem; 

	content: '\e924' !important;
}
a.btnS[target='_blank']:before{
	content: none;
}
@media screen and (max-width: 750px){
	a.btnS{
		font-weight: 500;

		width: 100%; 
		padding: 1.1em 0;

		text-align: center;
	}
}

a.btnM{
	font-size: 1rem;

	min-width: 30%;
	padding: 1.1em 2em;

	color: #fff;
	background: #c00;
	/* sp */
}
a.btnM.yic{
	padding-left: 3.5em;
}
a.btnM.yic:before{
	font-size: 2rem;
	font-weight: normal; 

	position: absolute;
	top: 50%;
	left: .9em;

	transform: translate(-50%, -50%);

	color: #fff;
}
a.btnM.arrowR{
	/*padding-right:0;*/
}
a.btnM[target='_blank']:after{
	font-family: 'yubin';
	font-size: .9rem; 

	content: '\e924' !important;
}
a.btnM[target='_blank']:before{
	content: none;
}
@media screen and (max-width: 750px){
	a.btnM{
		font-weight: 500;

		width: 100%; 
		padding: 1.1em 0;

		text-align: center;
	}
}

a.btnMborder{
	font-size: 1rem;

	min-width: 30%;
	padding: 1.1em 2em;

	color: #333;
	border: 1px solid #c00;
	background: #fff;
	/* sp */
}
a.btnMborder.arrowR:after{
	color: #c00;
}
a.btnMborder.yic{
	padding-left: 3.5em;
}
a.btnMborder.yic:before{
	font-size: 2rem;

	position: absolute;
	position: absolute;
	top: 50%;
	left: .9em;

	transform: translate(-50%, -50%);

	color: #c00;
}
a.btnMborder[target='_blank']:after,a.btnMborder.popup:after{
	font-family: 'yubin';
	font-size: .9rem;

	position: absolute;
	top: 50%;
	right: .5em;

	content: '\e924' !important;
	transform: translate(-50%, -50%); 

	color: #c00;
}
@media screen and (max-width: 750px){
	a.btnMborder{
		font-weight: 500;

		width: 100%; 
		padding: 1.1em 0;

		text-align: center;
	}
}
a.btnMborder:hover{
	opacity: 1; 
	background: #faecea;
}

a.btnMint{
	font-size: 1rem;

	min-width: 30%;
	padding: 1.1em 3em 1.1em 3.4em;

	color: #333;
	border: 1px solid #fa812f;
	border-radius: 2em;
	background: #fff;
	/* sp */
}
a.btnMint.arrowR:after{
	color: #fa812f;
}
a.btnMint:before{
	font-family: 'yubin';
	font-size: 2rem;

	position: absolute;
	top: 50%;
	left: .9em;

	content: '\e93b';
	transform: translate(-50%, -50%);

	color: #fa812f;
}
a.btnMint[target='_blank']:after{
	font-family: 'yubin';
	font-size: .9rem; 

	content: '\e924' !important;
}
@media screen and (max-width: 750px){
	a.btnMint{
		font-weight: 500;

		width: 100%; 
		padding: 1.1em 0;

		text-align: center;
	}
}

.btnArea.clm2 .clm{
	padding: 0 30px;
}

@media screen and (max-width: 750px){
	.btnArea.clm2 .clm{
		margin-bottom: 20px; 
		padding: 0;
	}
	.btnArea.clm2 .clm a.btnL{
		padding: 26px 3em 26px 2em;
	}
	.btnArea.clm2 .clm:last-child{
		margin-bottom: 0;
	}
	.btnArea.spclm1 > *{
		margin-bottom: 10px;
	}
}

/* sp */
/*----------------------------------------------------------
	module
--------------------------------------------------------- */
/*  背景写真付きボックスモジュール
----------------------------------------------- */
/* wide */
.visualblockA a[href$='.pdf']:after,.visualblockB a[href$='.pdf']:after{
	font-family: 'yubin';
	font-size: 21px;
	font-weight: normal;

	position: relative;
	top: 3px;

	display: inline-block; 

	padding-left: .5em;

	content: '\50';

	color: #c00;
}

.visualblockA .sphead,.visualblockB .sphead{
	display: none;
}

.visualblockA.wide .contBox.clm2,.visualblockB.wide .contBox.clm2{
	width: 80%; 
	padding: 0;

	background: #fff;
}
.visualblockA.wide .contBox.clm2 .clm,.visualblockB.wide .contBox.clm2 .clm{
	position: relative; 

	padding: 30px;
}
.visualblockA.wide .contBox.clm2 .clm .clm,.visualblockB.wide .contBox.clm2 .clm .clm{
	width: 50%; 
	padding: 0;
}
.visualblockA.wide .contBox.clm2 .clm .clm:last-child:before,.visualblockB.wide .contBox.clm2 .clm .clm:last-child:before{
	content: none;
}
.visualblockA.wide .contBox.clm2 .clm:last-child:before,.visualblockB.wide .contBox.clm2 .clm:last-child:before{
	position: absolute;
	top: 50px;
	left: 0;

	width: 1px;
	height: calc(100% - 100px);

	content: '';

	border-left: 1px solid #ccc;
}
.visualblockA.wide .contBox.clm2 .clm.linklist,.visualblockB.wide .contBox.clm2 .clm.linklist{
	position: relative;

	width: 60%; 
	padding: 30px;

	background: #f7f7f7;
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.arrowR li:before,.visualblockB.wide .contBox.clm2 .clm.linklist ul.arrowR li:before{
	content: none;
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.arrowR li a:before,.visualblockB.wide .contBox.clm2 .clm.linklist ul.arrowR li a:before{
	font-family: 'yubin';

	display: inline-block;

	margin-right: .5em; 

	content: '\f105';
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.arrowR li a[target='_blank']:after,.visualblockB.wide .contBox.clm2 .clm.linklist ul.arrowR li a[target='_blank']:after{
	font-family: 'yubin';

	position: relative;
	top: 1px;

	margin-left: .2em;

	content: '\e924';

	color: #c00;
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.arrowR li a,.visualblockB.wide .contBox.clm2 .clm.linklist ul.arrowR li a{
	display: block;

	transition: .3s;
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.arrowR li a:hover,.visualblockB.wide .contBox.clm2 .clm.linklist ul.arrowR li a:hover{
	background: white;
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.uline li,.visualblockB.wide .contBox.clm2 .clm.linklist ul.uline li{
	padding: 0;
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.uline li a,.visualblockB.wide .contBox.clm2 .clm.linklist ul.uline li a{
	padding: 1.1em .4em 1.1em 1.4em;

	text-indent: -.5em;
}
.visualblockA.wide .contBox.clm2 .clm.linklist + .clm,.visualblockB.wide .contBox.clm2 .clm.linklist + .clm{
	width: 40%;
}
.visualblockA.wide .contBox.clm2 .clm.linklist:before,.visualblockB.wide .contBox.clm2 .clm.linklist:before{
	content: none;
}
.visualblockA.wide .contBox.clm2 .clm.wide,.visualblockB.wide .contBox.clm2 .clm.wide{
	width: 100%;
}
.visualblockA.wide .contBox.clm2 a.btnM,.visualblockB.wide .contBox.clm2 a.btnM{
	min-width: 70%;
}

.visualblockA .contBox,.visualblockB .contBox{
	padding: 30px;
}
.visualblockA .contBox ul.uline,.visualblockB .contBox ul.uline{
	/*li:last-child{border-bottom:none;}*/
}
.visualblockA .contBox ul.uline li,.visualblockB .contBox ul.uline li{
	padding-left: 2em;

	text-indent: -.5em;
}
.visualblockA .contBox ul.arrowR.clm2 li,.visualblockB .contBox ul.arrowR.clm2 li{
	flex-basis: 48.5%;
}
.visualblockA .contBox ul.arrowR li,.visualblockB .contBox ul.arrowR li{
	padding-left: 0;

	text-indent: 0;
}
.visualblockA .contBox ul.arrowR li a[target='_blank']:after,.visualblockB .contBox ul.arrowR li a[target='_blank']:after{
	font-family: 'yubin';

	position: relative;
	top: 1px;

	margin-left: .2em;

	content: '\e924';

	color: #c00;
}

@media screen and (max-width: 750px){
	.visualblockA .sphead,.visualblockB .sphead{
		display: block;
	}
	.visualblockA .sphead + .bgimg,.visualblockB .sphead + .bgimg{
		padding-top: 0; 

		background-image: none !important;
	}
	.visualblockA .sphead + .bgimg > .gradient > .innerwidth,.visualblockB .sphead + .bgimg > .gradient > .innerwidth{
		margin-top: 0;
	}
	.visualblockA.wide .contBox.clm2,.visualblockB.wide .contBox.clm2{
		display: block; 

		width: 100%;
	}
	.visualblockA.wide .contBox.clm2 div[class*='0p'],.visualblockB.wide .contBox.clm2 div[class*='0p']{
		width: 100% !important;
	}
	.visualblockA.wide .contBox.clm2 .clm,.visualblockB.wide .contBox.clm2 .clm{
		width: 100%;
		padding: 0 3%;
	}
	.visualblockA.wide .contBox.clm2 .clm .clm2,.visualblockB.wide .contBox.clm2 .clm .clm2{
		display: block;
	}
	.visualblockA.wide .contBox.clm2 .clm .clm:first-child,.visualblockA.wide .contBox.clm2 .clm .clm:last-child,.visualblockB.wide .contBox.clm2 .clm .clm:first-child,.visualblockB.wide .contBox.clm2 .clm .clm:last-child{
		width: 100%;
		margin: 0 auto; 
		padding: 0;
	}
	.visualblockA.wide .contBox.clm2 .clm:last-child:before,.visualblockB.wide .contBox.clm2 .clm:last-child:before{
		position: absolute;
		top: 0;
		right: 0;
		left: 0;

		width: calc(100% - 6%);
		height: 1px;
		margin: auto;

		content: '';

		border-top: 1px solid #ccc; 
		border-left: none;
	}
	.visualblockA.wide .contBox.clm2 .clm:last-child,.visualblockB.wide .contBox.clm2 .clm:last-child{
		margin: 30px auto;
		padding-top: 30px;
	}
	.visualblockA.wide .contBox.clm2 .clm.linklist,.visualblockB.wide .contBox.clm2 .clm.linklist{
		width: 100%;
		padding: 0 3%;

		background: #fff;
	}
	.visualblockA.wide .contBox.clm2 .clm.linklist:before,.visualblockB.wide .contBox.clm2 .clm.linklist:before{
		content: none;

		border-top: 0;
	}
	.visualblockA.wide .contBox.clm2 a.btnM,.visualblockB.wide .contBox.clm2 a.btnM{
		width: 100%;
	}
	.visualblockA.wide .contBox.clm2 ul.uline li:first-child,.visualblockB.wide .contBox.clm2 ul.uline li:first-child{
		border-top: 0;
	}
	.visualblockA .contBox,.visualblockB .contBox{
		width: 100% !important;
	}
	.visualblockA .contBox.clm2,.visualblockB .contBox.clm2{
		padding-top: 10px !important;
	}
	.visualblockA .bgimg.align-rSP,.visualblockB .bgimg.align-rSP{
		background-position: right center;
	}
	.visualblockA .bgimg.spall,.visualblockB .bgimg.spall{
		padding-top: 25vh; 

		background-size: 100%;
	}
}

/* sp */
/* base */
.visualblockA{
	background: #f1ece9;
}
.visualblockA.bottomover{
	margin-bottom: 100px !important;
	padding: 0;
}
.visualblockA.bottomover .contBox{
	position: relative;
	bottom: -50px;
}
.visualblockA.bottomover .innerwidth{
	padding: 0;
}
.visualblockA .bgimg{
	width: 100%;
	height: 100%;

	background: #f1ece9;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 90% auto;
}
.visualblockA .bgimg .gradient{
	background-image:      linear-gradient(90deg, rgba(241, 236, 233, 0) 40%, #f1ece9 50%);
	background-image: -moz-linear-gradient(90deg, rgba(241, 236, 233, 0) 40%, #f1ece9 50%);
	background-image: -webkit-gradient linear-gradient(90deg, rgba(241, 236, 233, 0) 40%, #f1ece9 50%);
	background-image:      linear-gradient(90deg, rgba(241, 236, 233, 0) 40%, #f1ece9 50%);
}
.visualblockA .innerwidth{
	padding: 50px 0;
}
.visualblockA .contBox{
	width: 58%;
	margin-right: 0;
	margin-left: auto;

	background: #fff;
	box-shadow: 0 0 15px -5px #9d9690;
}
.visualblockA .contBox h3{
	font-size: 1.4rem;

	margin-bottom: .4em;
}
.visualblockA .contBox p{
	margin-bottom: .8em;
}
.visualblockA .contBox div.clm2{
	margin-bottom: -20px;

	justify-content: space-between;
}
.visualblockA .contBox div.clm2 .clm{
	margin-bottom: 20px; 

	flex-basis: 48.5%;
}
.visualblockA .contBox .head{
	font-size: 1.25rem;

	margin-bottom: .4em;
}
.visualblockA .contBox ul.arrowLink.clm2 li{
	flex-basis: 48.5%;
}
.visualblockA .contBox ul.arrowLink li{
	padding-left: 0;

	text-indent: 0;
}
.visualblockA .contBox ul.uline.clm2 li:nth-child(odd){
	flex-basis: 48.5%;
}
.visualblockA .contBox ul.uline.clm2 li:nth-child(even){
	flex-basis: 48.5%;
}
.visualblockA .contBox a.btnM{
	min-width: 50%;
}

/* 郵便PC幅 */
@media screen and (min-width: 751px) and (max-width: 1366px){
	.visualblockA .bgimg{
		background-size: 90% auto;
	}
	.visualblockA .contBox{
		width: 60%;
		padding: 30px 3%;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	.visualblockA{
		background: none;
	}
	.visualblockA .bgimg{
		padding-top: 25vh;

		background-color: #fff; 
		background-position: top center;
		background-size: cover;
	}
	.visualblockA .bgimg.spnone{
		padding-top: 0; 

		background: none !important;
	}
	.visualblockA .bgimg.spnone + .innerwidth{
		margin-top: 0;
	}
	.visualblockA .bgimg .gradient{
		background: none;
	}
	.visualblockA .innerwidth{
		margin-top: 30px; 
		padding: 0;
	}
	.visualblockA .contBox{
		width: 100%;
		padding: 15px 3% 0;

		box-shadow: none;
	}
	.visualblockA .contBox ul.arrowR.clm2 li{
		width: 100%;
		padding-right: 0;
	}
	.visualblockA .contBox ul.uline li:first-child{
		border-top: 1px solid #ccc;
	}
	.visualblockA .contBox ul.uline.clm2 li:nth-child(odd){
		width: 100%;
		margin-right: 0;
	}
	.visualblockA .contBox ul.uline.clm2 li:nth-child(even){
		width: 100%;
		margin-left: 0;
	}
	.visualblockA .contBox a.btnM{
		width: 100%;
	}
}

/* sp */
.visualblockB{
	background: #f1ece9;
}
.visualblockB.bottomover{
	margin-bottom: 100px !important;
	padding: 0;
}
.visualblockB.bottomover .contBox{
	position: relative;
	bottom: -50px;
}
.visualblockB.bottomover .innerwidth{
	padding: 0;
}
.visualblockB .bgimg{
	width: 100%;
	height: 100%;

	background: #f1ece9;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 60% auto;
}
.visualblockB .bgimg .gradient{
	background-image:      linear-gradient(90deg, #f1ece9 50%, rgba(241, 236, 233, 0) 60%);
	background-image: -moz-linear-gradient(90deg, #f1ece9 50%, rgba(241, 236, 233, 0) 60%);
	background-image: -webkit-gradient linear-gradient(90deg, #f1ece9 50%, rgba(241, 236, 233, 0) 60%);
	background-image:      linear-gradient(90deg, #f1ece9 50%, rgba(241, 236, 233, 0) 60%);
}
.visualblockB .innerwidth{
	padding: 50px 0;
}
.visualblockB .contBox{
	width: 60%;
	margin-right: auto;
	margin-left: 0;

	background: #fff;
	box-shadow: 0 0 15px -5px #9d9690;
}
.visualblockB .contBox h3{
	font-size: 1.4rem;

	margin-bottom: .4em;
}
.visualblockB .contBox p{
	margin-bottom: .8rem;
}
.visualblockB .contBox div.clm2{
	margin-bottom: -20px;
}
.visualblockB .contBox div.clm2 .clm{
	max-width: 48%;
	margin-bottom: 20px; 

	flex-basis: 48%;
}
.visualblockB .contBox div.clm2 .clm:nth-child(odd){
	margin-right: 3%;
}
.visualblockB .contBox .head{
	font-size: 1.25rem;

	margin-bottom: .4em;
}
.visualblockB .contBox a.btnM{
	min-width: 50%;
}

/* 郵便PC幅 */
@media screen and (min-width: 751px) and (max-width: 1366px){
	.visualblockB .bgimg{
		background-size: 90% auto;
	}
	.visualblockB .contBox{
		width: 60%;
		padding: 30px 3%;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	.visualblockB{
		background: none;
	}
	.visualblockB.bottomover{
		margin-bottom: 50px !important;
	}
	.visualblockB.bottomover .contBox{
		position: static;
		bottom: 0;
	}
	.visualblockB .bgimg{
		padding-top: 25vh;

		background-color: #fff; 
		background-position: top center;
		background-size: cover;
	}
	.visualblockB .bgimg.spnone{
		padding-top: 0; 

		background: none !important;
	}
	.visualblockB .bgimg.spnone + .innerwidth{
		margin-top: 0;
	}
	.visualblockB .bgimg .gradient{
		background: none;
	}
	.visualblockB .innerwidth{
		margin-top: 30px; 
		padding: 0;
	}
	.visualblockB .contBox{
		width: 100%;
		padding: 15px 3% 0;

		box-shadow: none;
	}
	.visualblockB .contBox h3{
		font-size: 1.2rem;
	}
	.visualblockB .contBox p{
		font-size: .9rem;
	}
	.visualblockB .contBox div.clm2{
		margin-bottom: -20px;
	}
	.visualblockB .contBox div.clm2 .clm{
		width: 100%;
	}
	.visualblockB .contBox div.clm2 .clm:nth-child(odd){
		margin-right: 0;
	}
	.visualblockB .contBox ul.arrowR.clm2 li{
		width: 100%;
		padding-right: 0;
	}
	.visualblockB .contBox ul.uline.clm2 li:nth-child(odd){
		width: 100%;
		margin-right: 0;
	}
	.visualblockB .contBox ul.uline.clm2 li:nth-child(even){
		width: 100%;
		margin-left: 0;
	}
	.visualblockB .contBox a.btnM{
		width: 100%;
	}
}

/* sp */
/* ニュース一覧 */
.arrange-r.more{
	/* sp */
}
.arrange-r.more a{
	text-decoration: none; 

	color: #c00;
}
@media screen and (max-width: 750px){
	.arrange-r.more a{
		font-size: 1rem;

		margin: .5em 0; 

		text-decoration: none;

		color: #c00;
	}
}

.arrange-l.back{
	/* sp */
}
.arrange-l.back a{
	text-decoration: none; 

	color: #c00;
}
@media screen and (max-width: 750px){
	.arrange-l.back a{
		font-size: .8rem; 

		text-decoration: none;

		color: #c00;
	}
}

.newsList dl{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	padding: 18px 2%; 

	border-bottom: 1px solid #ccc;
}

.newsList dl:first-child{
	border-top: 1px solid #ccc;
}

@media screen and (max-width: 750px){
	.newsList dl{
		display: block;

		padding: 14px 2% 10px;
	}
}

/* sp */
.newsList li,.noticeList li{
	border-bottom: 1px solid #ccc;
}
.newsList li a,.noticeList li a{
	display: block;

	transition: .3s; 
	text-decoration: none;

	color: #333;
}
.newsList li a:hover,.noticeList li a:hover{
	background: #faecea;
}

.newsList li:first-child,.noticeList li:first-child{
	border-top: 1px solid #ccc;
}

.newsList a[target='_blank']:after,.noticeList a[target='_blank']:after{
	font-family: 'yubin';
	font-size: 90%;
	font-weight: normal;

	position: relative;
	top: 0;

	display: inline-block; 

	margin-left: .3em;

	content: '\e924';

	color: #c00;
}

.newsList a[target='_blank']:hover:after,.noticeList a[target='_blank']:hover:after{
	text-decoration: none;
}

.newsreleaseList a[target='_blank']:after{
	font-family: 'yubin';
	font-size: 90%; 
	font-weight: normal;

	position: relative;
	top: 0;

	margin-left: .3em;

	content: '\e924';

	color: #c00;
}

/* お知らせ-ご注意ください */
.careful .noticeList li{
	position: relative;
}
.careful .noticeList li a{
	display: block; 

	padding: 18px 15px 18px 60px;
}

.careful .noticeList li:before{
	font-family: 'yubin';
	font-size: 30px;
	font-weight: normal; 

	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;

	height: 30px;
	margin: auto;

	content: '\e92d';

	color: #c00;
}

@media screen and (max-width: 750px){
	.careful .noticeList li a{
		font-size: .9rem; 

		padding: 18px 10px 18px 54px;
	}
	.careful .noticeList li:before{
		left: 10px;
	}
}

/* sp */
/* お知らせ-カテゴリ付き */
.newsList dl dd{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif; 

	width: 16em;
}
.newsList dl dd .date{
	margin-right: 1em; 

	color: #676767;
}
.newsList dl dd .cat{
	font-size: .8rem;
	font-weight: 500;
	line-height: 1;

	display: inline-block;

	min-width: 10em;
	padding: .3em .8em;

	text-align: center; 

	color: #c00;
	border: 1px solid #c00;
}

.newsList dl dt{
	flex: 1;
}

@media screen and (max-width: 750px){
	.newsList dl dd{
		font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif; 

		width: 100%;
	}
	.newsList dl dd .date{
		font-size: .8rem;
	}
	.newsList dl dt{
		font-size: .9rem; 

		margin: .5em 0;
	}
}

/* sp */
/* スライドバナー（ワイド画像） */
.slidebnr-wide .swiper-slide{
	opacity: .5;
}

.slidebnr-wide .swiper-slide-active{
	opacity: 1;
}

.slidecontainer_wide{
	overflow: hidden; 

	width: 100%;
}
.slidecontainer_wide .inner{
	position: relative;

	max-width: 1200px; 
	margin: 0 auto 30px;
}
.slidecontainer_wide .inner .swiper-container{
	z-index: 1; 

	overflow: visible;

	width: 100%;
	height: 100%;
}
.slidecontainer_wide .inner .swiper-container .swiper-pagination{
	bottom: -30px !important;
}

/* リンク付きカルーセル（画像・テキスト） */
.slidepanel .swiper-container{
	width: 100%; 
	margin: 40px auto 0;
}
.slidepanel .swiper-container .swiper-slide{
	text-align: center !important;
}
.slidepanel .swiper-container .swiper-pagination-bullets{
	position: relative;

	margin-top: 30px;
}
.slidepanel .swiper-container .swiper-button-prev{
	top: 50%;
	left: 30px; 

	transform: translate(-50%, 0%);
}
.slidepanel .swiper-container .swiper-button-next{
	top: 50%;
	right: 30px; 

	transform: translate(-50%, 0%);
}

.slidepanel .swiper-wrapper{
	align-items: stretch;
}
.slidepanel .swiper-wrapper .swiper-slide{
	height: auto;

	border: 1px solid #ccc;
	background: #fff;
}
.slidepanel .swiper-wrapper .swiper-slide a{
	height: 100%;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.slidepanel a{
	display: block;

	transition: .3s; 
	text-decoration: none;

	color: #333;
}

.slidepanel a[target='_blank'] dl dd .title:after{
	font-family: 'yubin';
	font-size: 70%; 
	font-weight: normal;

	position: relative;
	top: -2px;

	margin-left: .3em;

	content: '\e924';

	color: #c00;
}

.slidepanel a:hover{
	opacity: .7;
}

.slidepanel dl dt{
	text-align: center;
}
.slidepanel dl dt img{
	width: 100%;
}

.slidepanel dl dd{
	min-height: 140px; 
	padding: 20px 15px;

	text-align: left;

	background: #fff;
}
.slidepanel dl dd .title{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.15rem;
	font-weight: bold;
	line-height: 1.4; 

	margin-bottom: .5em;
}
.slidepanel dl dd p{
	font-size: .9rem;
}
.slidepanel dl dd p.sub{
	font-size: .8rem;

	display: inline-block;

	min-width: 6em;
	padding: .2em 1em;

	text-align: center; 

	color: #fff;
	background: #c00;
}

.slidepanel.bgG a,.slidepanel.bgG2 a{
	border: none;
}

.slidepanel.sizeB dl dd{
	min-height: 160px;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	.slidepanel dl dd{
		padding: 16px 15px;
	}
	.slidepanel dl dd .title{
		font-size: 1rem;
	}
	.slidepanel dl dd p{
		font-size: .8rem;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	.slidepanel .swiper-container{
		margin: 30px auto 0;
	}
	.slidepanel dl dd{
		padding: 13px 15px;
	}
	.slidepanel dl dd .title{
		font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
		font-size: 1rem; 
		font-weight: bold;

		margin-bottom: .3em;
	}
	.slidepanel dl dd p{
		font-size: .8rem;
	}
}

/* sp */
/* リンク無しカルーセル（テキスト） */
.slidepanel.contslide .swiper-wrapper{
	align-items: stretch;
}
.slidepanel.contslide .swiper-wrapper dl.swiper-slide{
	border: none;
}
.slidepanel.contslide .swiper-wrapper dl.swiper-slide dd{
	min-height: auto; 
	padding: 0;

	background: none;
}

.slidepanel.contslide .swiper-container .swiper-button-prev,.slidepanel.contslide .swiper-container .swiper-button-next{
	top: 50%;

	transform: translate(-50%, -50%);
}

.slidepanel.contslide .swiper-container .swiper-pagination-bullets{
	margin-top: 0;
}

/* トップ　フローティングボックス */
.contWrap{
	position: relative;
}
.contWrap .floatingBlock{
	position: absolute;
	z-index: 5; 
	top: 120px;
	right: 0;
}
.contWrap .floatingBlock .block{
	margin-bottom: 10px;
	padding: 20px 25px; 

	background: #fff;
}
.contWrap .floatingBlock .block .head{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.25rem;
	font-weight: bold;

	margin-bottom: .7em; 

	color: #c00;
}
.contWrap .floatingBlock .block input[type='text']{
	width: calc(100% - 58px); 
	min-width: 160px;
	padding: 14px .8em;
}
.contWrap .floatingBlock .block input[type='button']{
	font-family: 'yubin';
	font-size: 28px;

	padding: 10px;

	vertical-align: bottom; 

	color: #fff;
	border: none;
	background: #c00;
}
.contWrap .floatingBlock .block ul{
	margin-top: 10px;
}
.contWrap .floatingBlock .block ul li{
	padding-left: 0; 

	text-indent: 0;
}
.contWrap .floatingBlock .postsearch .head:before{
	font-family: 'yubin';
	font-size: 48px;
	font-weight: normal;
	line-height: 0;

	position: relative;
	top: 14px;

	margin-right: 8px; 

	content: '\e93f';
}
.contWrap .floatingBlock .zipsearch .head:before{
	font-family: 'yubin';
	font-size: 48px;
	font-weight: normal;
	line-height: 0;

	position: relative;
	top: 14px;

	margin-right: 8px; 

	content: '\e945';
}
.contWrap .floatingBlock .zipsearch dl dt select:after{
	font-family: 'yubin';

	content: '\e93f';
}
.contWrap .yubinpc{
	display: none;
}
.contWrap .sidefixed{
	position: fixed;
	right: -250px;

	transition: .3s;

	border-radius: 5px 0 0 5px;
	background: #c00;
	box-shadow: -1px 1px 5px 0 #a5a5a5;
}
.contWrap .sidefixed a{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 15px;
	font-weight: 400; 

	display: block;

	height: 60px;
	padding: 0 10px;

	transition: .3s;
	text-align: center;

	color: #fff;
}
.contWrap .sidefixed a span{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	padding: 5px 10px 5px 0; 

	align-items: center;
}
.contWrap .sidefixed a:nth-child(2):before{
	display: block;

	width: 100%; 

	content: '';

	border-top: 1px solid #fff;
}
.contWrap .sidefixed a:hover{
	text-decoration: none;

	background: rgba(255, 255, 255, .4);
}
.contWrap .sidefixed span.postsearch-fixed:before{
	font-family: 'yubin';
	font-size: 48px;
	font-weight: normal;

	margin-right: 10px; 

	content: '\e93f';
}
.contWrap .sidefixed span.zipsearch-fixed:before{
	font-family: 'yubin';
	font-size: 48px;
	font-weight: normal;

	margin-right: 10px; 

	content: '\e945';
}
.contWrap .sidefixed:hover{
	right: 0 !important;
}

/* 郵便PC幅 */
@media screen and (min-width: 751px) and (max-width: 1366px){
	.contWrap .floatingBlock .postsearch{
		display: none;
	}
	.contWrap .floatingBlock .zipsearch{
		display: none;
	}
	.contWrap .yubinpc{
		position: fixed;
		right: -160px;

		display: block;

		transition: .3s;

		border-radius: 5px 0 0 5px;
		background: #c00;
		box-shadow: 0 0 5px 2px #7b7b7b;
	}
	.contWrap .yubinpc a{
		font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
		font-size: 15px;
		font-weight: 400; 

		display: block;

		height: 60px;
		padding: 0 10px;

		transition: .3s;
		text-align: center;

		color: #fff;
	}
	.contWrap .yubinpc a span{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		padding: 5px 10px 5px 0; 

		align-items: center;
	}
	.contWrap .yubinpc a:nth-child(2):before{
		display: block;

		width: 100%; 

		content: '';

		border-top: 1px solid #fff;
	}
	.contWrap .yubinpc a:hover{
		text-decoration: none;

		background: rgba(255, 255, 255, .4);
	}
	.contWrap .yubinpc span.postsearch-fixed:before{
		font-family: 'yubin';
		font-size: 48px;
		font-weight: normal;

		margin-right: 10px; 

		content: '\e93f';
	}
	.contWrap .yubinpc span.zipsearch-fixed:before{
		font-family: 'yubin';
		font-size: 48px;
		font-weight: normal;

		margin-right: 10px; 

		content: '\e945';
	}
	.contWrap .yubinpc:hover{
		right: 0 !important;
	}
	.contWrap .sidefixed{
		display: none;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	/* floating nav */
	/*.floatingBlock{display:none;}*/
	.sidefixed{
		display: none;
	}
}

/* sp */
.faqList a{
	text-decoration: underline;
}

.faqList a:hover{
	text-decoration: none;
}

.faqList dl.qa{
	margin-bottom: 15px;
	padding-bottom: 15px; 

	border-bottom: 1px solid #eee;
}
.faqList dl.qa dt,.faqList dl.qa dd{
	position: relative;

	padding-left: 28px;
}
.faqList dl.qa dt:before{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: .8; 

	position: absolute;
	top: 0;
	left: 0;

	content: 'Q';

	color: #a0a0a0;
}
.faqList dl.qa dd:before{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: .8; 

	position: absolute;
	top: 0;
	left: 2px;

	content: 'A';

	color: #c00;
}
.faqList dl.qa dt{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1rem; 
	font-weight: bold;

	margin-bottom: 8px;
}
.faqList dl.qa dt .category{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 12px;
	font-weight: bold;

	display: inline-block;

	margin-right: .5em; 
	padding: 0 .5em;

	color: #c00;
	border: 1px solid #c00;
}

/*----------------------------------------------------------
	form
--------------------------------------------------------- */
input,button,textarea,select{
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.errorMsg{
	position: relative;

	margin: 30px auto 20px;
	padding: 0 1.5% .8rem;

	border: 1px solid #c00; 
	background: #fff3f3;
}
.errorMsg:before{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: .9rem;
	font-weight: 400;

	position: relative;
	top: -.7rem; 

	padding: 5px 14px;

	content: 'ご確認ください';

	color: #c00;
	border: 1px solid #c00;
	border-radius: 1.5rem;
	background: #fff;
}
.errorMsg li{
	padding-left: 2em;

	text-indent: -.5em;
}
.errorMsg li:before{
	font-family: 'yubin';

	display: inline-block;

	margin-right: .5em;

	content: '\f105';

	color: #c00;
}

.formArea input[type='radio'],.formArea input[type='checkbox']{
	display: none;
}

.formArea .extra{
	font-size: 80%;

	margin: .5em 0;
}

.formArea dl.basic{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	padding: 15px 0; 

	border-bottom: 1px solid #ccc;
}
.formArea dl.basic dt{
	flex-basis: 30%;
}
.formArea dl.basic dt:before{
	font-family: 'yubin';

	margin-right: .4em; 

	content: '\f105';

	color: #c00;
}
.formArea dl.basic dd{
	flex-basis: 70%;
}

.formArea dl.box{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	margin-bottom: 20px; 

	border: 1px solid #646464;

	flex-wrap: wrap;
}
.formArea dl.box dt{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-weight: bold; 

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	min-width: 10em;
	padding: 15px;

	color: #fff;
	background: #a0a0a0;

	justify-content: center;
	align-items: center;
}
.formArea dl.box dd{
	padding: 15px; 

	background: #fff;

	flex: 1;
}

.formArea dl.form1line{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
}
.formArea dl.form1line dt.full{
	flex: 1;
}
.formArea dl.form1line dt.multi{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	flex: 1;
	justify-content: space-between;
}
.formArea dl.form1line dd.btn{
	padding-left: 6px;
}

.formArea dl .fixedsub{
	position: relative;
}
.formArea dl .fixedsub .sub{
	position: absolute;
	top: 15px;
	right: 15px;
}
.formArea dl .fixedsub .sub a.btn{
	font-size: .8rem;

	padding: .2em 1em;

	color: #fff;
	border-radius: 5px; 
	background: #c00;
}

.formArea dl.compact{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	align-items: flex-start;
}
.formArea dl.compact .head{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-weight: 700;

	width: 5em;
	margin-right: 8px;
	padding: .6em 0;

	text-align: center;

	color: #c00;
	border: 1px solid #c00;
	background: #fff;
}
.formArea dl.compact dt,.formArea dl.compact dd{
	min-width: 0; 
	padding: 0;

	flex-basis: auto;
}
.formArea dl.compact dd{
	flex: 1;
}
.formArea dl.compact ul.flex{
	align-items: flex-start;
}

.formArea .btnArea{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	margin: 15px auto; 

	justify-content: center;
}
.formArea .btnArea input,.formArea .btnArea button{
	margin: 0 1%;
}

.formArea .btnArea.both-end{
	justify-content: space-between;
}

.formArea textarea,.formArea input[type='text'],.formArea input[type='email'],.formArea input[type='tel'],.formArea input[type='date'],.formArea input[type='password'],.formArea input[type='time']{
	padding: .9rem; 

	color: #333;
	border: none;
	background: #ededed;
}
.formArea textarea:disabled,.formArea input[type='text']:disabled,.formArea input[type='email']:disabled,.formArea input[type='tel']:disabled,.formArea input[type='date']:disabled,.formArea input[type='password']:disabled,.formArea input[type='time']:disabled{
	color: #aaa;
	border: 1px dashed #aaa;
	background: #fff;
}
.formArea textarea.slim,.formArea input[type='text'].slim,.formArea input[type='email'].slim,.formArea input[type='tel'].slim,.formArea input[type='date'].slim,.formArea input[type='password'].slim,.formArea input[type='time'].slim{
	padding: .5em .8em;
}

.formArea input[type='button'].searchicon,.formArea input[type='submit'].searchicon{
	font-family: 'yubin';
	font-size: 22px;
	line-height: 1; 

	padding: .7rem;

	vertical-align: bottom;

	color: #fff;
	border: none;
	background: #c00;
}

.formArea input[type='submit'],.formArea input[type='button'],.formArea input[type='reset'],.formArea button[type='submit'],.formArea button[type='button'],.formArea button[type='reset']{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 1rem;
	font-weight: 400;

	padding: 1.1em 2em; 

	cursor: pointer;

	border: none;
	border-radius: 5px;
	outline: none;

	appearance: none;
}
.formArea input[type='submit']:hover,.formArea input[type='button']:hover,.formArea input[type='reset']:hover,.formArea button[type='submit']:hover,.formArea button[type='button']:hover,.formArea button[type='reset']:hover{
	opacity: .7;
}
.formArea input[type='submit']:disabled,.formArea input[type='button']:disabled,.formArea input[type='reset']:disabled,.formArea button[type='submit']:disabled,.formArea button[type='button']:disabled,.formArea button[type='reset']:disabled{
	color: #7f7f7f !important;
	background: #c8c8c8 !important;
	/*text-decoration: line-through;*/
}
.formArea input[type='submit']:disabled:hover,.formArea input[type='button']:disabled:hover,.formArea input[type='reset']:disabled:hover,.formArea button[type='submit']:disabled:hover,.formArea button[type='button']:disabled:hover,.formArea button[type='reset']:disabled:hover{
	opacity: 1;
}
.formArea input[type='submit'].borderR,.formArea input[type='button'].borderR,.formArea input[type='reset'].borderR,.formArea button[type='submit'].borderR,.formArea button[type='button'].borderR,.formArea button[type='reset'].borderR{
	color: #c00; 
	border: 1px solid #c00;
	background: #fff;
}
.formArea input[type='submit'].slim,.formArea input[type='button'].slim,.formArea input[type='reset'].slim,.formArea button[type='submit'].slim,.formArea button[type='button'].slim,.formArea button[type='reset'].slim{
	font-size: .9rem; 

	padding: .7em 2.5em;
}

.formArea input[type='submit'],.formArea button[type='submit'],.formArea input.btnRed{
	color: #fff; 
	background: #c00;
}

.formArea input[type='reset'],.formArea button[type='reset'],.formArea input.back,.formArea button.back{
	color: #fff; 
	background: #494949;
}

.formArea ul.item{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	flex-wrap: wrap;
}
.formArea ul.item li{
	margin: 0 10px 20px 0;
}
.formArea ul.item li:last-child{
	margin-right: 0;
}

.formArea ul.item.vertical{
	display: block;
}
.formArea ul.item.vertical li{
	margin-bottom: 18px;
}
.formArea ul.item.vertical li:last-child{
	margin-bottom: 0;
}

.formArea input[type='radio'] + label{
	padding: .5em;

	cursor: pointer;

	border-radius: 5px;
}

.formArea input[type='radio'] + label:before{
	font-family: 'yubin';
	font-size: 25px;

	display: inline-block;

	margin: -1px 3px 0 0;

	content: '\e949';
	vertical-align: middle;

	color: #737373;
}

.formArea input[type='radio']:checked + label:before{
	font-family: 'yubin';

	content: '\e949';

	color: #c00;
}

.formArea input[type='radio']:checked + label{
	font-weight: bold; 

	background: #faecea;
}

.formArea input[type='checkbox'] + label{
	padding: .5em;

	cursor: pointer;

	border-radius: 5px;
}

.formArea input[type='checkbox'] + label:before{
	font-family: 'yubin';
	font-size: 25px;

	display: inline-block;

	margin: -1px 3px 0 0;

	content: '\e92b';
	vertical-align: middle;

	color: #737373;
}

.formArea input[type='checkbox']:checked + label:before{
	font-family: 'yubin';

	content: '\e92a';

	color: #c00;
}

.formArea input[type='checkbox']:checked + label{
	font-weight: bold; 

	background: #faecea;
}

.formArea .sizeFull{
	width: 100%;
}

.formArea .sizeHalf{
	width: 50%;
}

.formArea .sizeShort{
	width: 30%;
}

.selectWrap{
	/*width: auto;*/
	position: relative;

	display: inline-block;

	background: #ededed;
}
.selectWrap::after{
	position: absolute;
	top: 50%;
	right: 10px;

	width: 6px;
	height: 6px;
	margin-top: -4px; 

	content: '';
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);

	border: 0;
	border-right: solid 2px #b4b3b3;
	border-bottom: solid 2px #b4b3b3;
}
.selectWrap .select{
	position: relative;
	z-index: 1;

	width: 100%;
	padding: .9em 40px .9em 10px;

	border: none;
	border-radius: 2px; 
	background: transparent;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.selectWrap select::-ms-expand{
	display: none;
}

@media screen and (max-width: 750px){
	.formArea textarea,.formArea input[type='text'],.formArea input[type='email'],.formArea input[type='tel'],.formArea input[type='date'],.formArea input[type='password'],.formArea input[type='time']{
		border-radius: 0;
	}
	.formArea dl.box dt{
		width: 100%;
	}
	.formArea dl.box .fixedsub .sub{
		position: static;
	}
	.formArea dl.box .fixedsub .sub a{
		display: block; 

		width: 100%;
	}
	.formArea input[type='radio'] + label,.formArea input[type='checkbox'] + label{
		padding: .8em .5em;
	}
	.selectWrap .select{
		padding: 1.2em 40px 1.2em 10px;
	}
}

/* sp */
/* Chrome */
::-webkit-input-placeholder{
	color: #666;
}

/* Firefox */
::-moz-placeholder{
	color: #666;
}

/* IE */
:-ms-input-placeholder{
	color: #666;
}

/*----------------------------------------------------------
	margin / position
--------------------------------------------------------- */
*.arrange-c{
	text-align: center;
}

*.arrange-l{
	text-align: left;
}

*.arrange-r{
	text-align: right;
}

*.bl-center{
	margin: auto;
}

*.bl-left{
	margin-right: auto;
	margin-left: 0 !important;
}

*.bl-right{
	margin-right: 0 !important; 
	margin-left: auto;
}

*.height1em{
	min-height: 1em;
}

*.height1_5em{
	min-height: 1.5em;
}

*.height2em{
	min-height: 2em;
}

*.height2_5em{
	min-height: 2.5em;
}

*.height3em{
	min-height: 3em;
}

*.height3_5em{
	min-height: 3.5em;
}

*.height4em{
	min-height: 4em;
}

*.height4_5em{
	min-height: 4.5em;
}

*.height5em{
	min-height: 5em;
}

*.sp-b1em{
	margin-bottom: 1em;
}

*.sp-b2em{
	margin-bottom: 2em;
}

*.sp-b3em{
	margin-bottom: 3em;
}

*.sp-t1em{
	margin-top: 1em;
}

*.sp-t2em{
	margin-top: 2em;
}

*.sp-t3em{
	margin-top: 3em;
}

*.sp-r1em{
	margin-right: 1em;
}

*.sp-r2em{
	margin-right: 2em;
}

*.sp-r3em{
	margin-right: 3em;
}

*.sp-l1em{
	margin-left: 1em;
}

*.sp-l2em{
	margin-left: 2em;
}

*.sp-l3em{
	margin-left: 3em;
}

*.sp-v0{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

*.sp-v5{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

*.sp-v10{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

*.sp-v15{
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

*.sp-v20{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

*.sp-v25{
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

*.sp-v30{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

*.sp-v40{
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

*.sp-v50{
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

*.sp-v60{
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}

*.sp-v70{
	margin-top: 70px !important;
	margin-bottom: 70px !important;
}

*.sp-v80{
	margin-top: 80px !important;
	margin-bottom: 80px !important;
}

*.sp-v90{
	margin-top: 90px !important;
	margin-bottom: 90px !important;
}

*.sp-t0{
	margin-top: 0 !important;
}

*.sp-t5{
	margin-top: 5px !important;
}

*.sp-t10{
	margin-top: 10px !important;
}

*.sp-t15{
	margin-top: 15px !important;
}

*.sp-t20{
	margin-top: 20px !important;
}

*.sp-t25{
	margin-top: 25px !important;
}

*.sp-t30{
	margin-top: 30px !important;
}

*.sp-t40{
	margin-top: 40px !important;
}

*.sp-t50{
	margin-top: 50px !important;
}

*.sp-t60{
	margin-top: 60px !important;
}

*.sp-t70{
	margin-top: 70px !important;
}

*.sp-t80{
	margin-top: 80px !important;
}

*.sp-t90{
	margin-top: 90px !important;
}

*.sp-b0{
	margin-bottom: 0 !important;
}

*.sp-b5{
	margin-bottom: 5px !important;
}

*.sp-b10{
	margin-bottom: 10px !important;
}

*.sp-b15{
	margin-bottom: 15px !important;
}

*.sp-b20{
	margin-bottom: 20px !important;
}

*.sp-b25{
	margin-bottom: 25px !important;
}

*.sp-b30{
	margin-bottom: 30px !important;
}

*.sp-b40{
	margin-bottom: 40px !important;
}

*.sp-b50{
	margin-bottom: 50px !important;
}

*.sp-b60{
	margin-bottom: 60px !important;
}

*.sp-b70{
	margin-bottom: 70px !important;
}

*.sp-b80{
	margin-bottom: 80px !important;
}

*.sp-b90{
	margin-bottom: 90px !important;
}

*.sp-r0{
	margin-right: 0 !important;
}

*.sp-r5{
	margin-right: 5px !important;
}

*.sp-r10{
	margin-right: 10px !important;
}

*.sp-r15{
	margin-right: 15px !important;
}

*.sp-r20{
	margin-right: 20px !important;
}

*.sp-r25{
	margin-right: 25px !important;
}

*.sp-r30{
	margin-right: 30px !important;
}

*.sp-r40{
	margin-right: 40px !important;
}

*.sp-r50{
	margin-right: 50px !important;
}

*.sp-r60{
	margin-right: 60px !important;
}

*.sp-r70{
	margin-right: 70px !important;
}

*.sp-r80{
	margin-right: 80px !important;
}

*.sp-r90{
	margin-right: 90px !important;
}

*.sp-l0{
	margin-left: 0 !important;
}

*.sp-l5{
	margin-left: 5px !important;
}

*.sp-l10{
	margin-left: 10px !important;
}

*.sp-l15{
	margin-left: 15px !important;
}

*.sp-l20{
	margin-left: 20px !important;
}

*.sp-l25{
	margin-left: 25px !important;
}

*.sp-l30{
	margin-left: 30px !important;
}

*.sp-l40{
	margin-left: 40px !important;
}

*.sp-l50{
	margin-left: 50px !important;
}

*.sp-l60{
	margin-left: 60px !important;
}

*.sp-l70{
	margin-left: 70px !important;
}

*.sp-l80{
	margin-left: 80px !important;
}

*.sp-l90{
	margin-left: 90px !important;
}

*.sp-mt5{
	margin-top: -5px !important;
}

*.sp-mt10{
	margin-top: -10px !important;
}

*.sp-mt15{
	margin-top: -15px !important;
}

*.sp-mt20{
	margin-top: -20px !important;
}

*.sp-mt25{
	margin-top: -25px !important;
}

*.sp-mt30{
	margin-top: -30px !important;
}

*.sp-mt40{
	margin-top: -40px !important;
}

*.sp-mt50{
	margin-top: -50px !important;
}

*.sp-mb5{
	margin-bottom: -5px !important;
}

*.sp-mb10{
	margin-bottom: -10px !important;
}

*.sp-mb15{
	margin-bottom: -15px !important;
}

*.sp-mb20{
	margin-bottom: -20px !important;
}

*.sp-mb25{
	margin-bottom: -25px !important;
}

*.sp-mb30{
	margin-bottom: -30px !important;
}

*.sp-mb40{
	margin-bottom: -40px !important;
}

*.sp-mb50{
	margin-bottom: -50px !important;
}

*.sp-lr0{
	margin-left: 0 !important;
	margin-left: 0 !important;
}

*.sp-lr5{
	margin-left: 5px !important;
	margin-left: 5px !important;
}

*.sp-lr10{
	margin-left: 10px !important;
	margin-left: 10px !important;
}

*.sp-lr15{
	margin-left: 15px !important;
	margin-left: 15px !important;
}

*.sp-lr20{
	margin-left: 20px !important;
	margin-left: 20px !important;
}

*.sp-lr25{
	margin-left: 25px !important;
	margin-left: 25px !important;
}

*.sp-lr30{
	margin-left: 30px !important;
	margin-left: 30px !important;
}

*.sp-lr40{
	margin-left: 40px !important;
	margin-left: 40px !important;
}

*.sp-lr50{
	margin-left: 50px !important;
	margin-left: 50px !important;
}

*.sp-lr60{
	margin-left: 60px !important;
	margin-left: 60px !important;
}

*.sp-lr70{
	margin-left: 70px !important;
	margin-left: 70px !important;
}

*.sp-lr80{
	margin-left: 80px !important;
	margin-left: 80px !important;
}

*.sp-lr90{
	margin-left: 90px !important;
	margin-left: 90px !important;
}

*.sp-lr3p{
	margin-right: 3%;
	margin-left: 3%;
}

*.sp-lr4p{
	margin-right: 4%;
	margin-left: 4%;
}

*.sp-lr5p{
	margin-right: 5%;
	margin-left: 5%;
}

*.sp-lr10p{
	margin-right: 10%;
	margin-left: 10%;
}

*.sp-lr15p{
	margin-right: 15%;
	margin-left: 15%;
}

*.sp-lr20p{
	margin-right: 20%;
	margin-left: 20%;
}

*.sp-lr30p{
	margin-right: 30%;
	margin-left: 30%;
}

* .w10p{
	width: 10% !important;
}

* .w20p{
	width: 20% !important;
}

* .w30p{
	width: 30% !important;
}

* .w40p{
	width: 40% !important;
}

* .w50p{
	width: 50% !important;
}

* .w60p{
	width: 60% !important;
}

* .w70p{
	width: 70% !important;
}

* .w80p{
	width: 80% !important;
}

* .w90p{
	width: 90% !important;
}

* .w100p{
	width: 100% !important;
}

*.pd5{
	padding: 5px;
}

*.pd10{
	padding: 10px;
}

*.pd15{
	padding: 15px;
}

*.pd20{
	padding: 20px;
}

*.pd25{
	padding: 25px;
}

*.pd30{
	padding: 30px;
}

*.pd40{
	padding: 40px;
}

*.pd50{
	padding: 50px;
}

*.pd-lr5{
	padding-right: 5px;
	padding-left: 5px;
}

*.pd-lr10{
	padding-right: 10px;
	padding-left: 10px;
}

*.pd-lr15{
	padding-right: 15px;
	padding-left: 15px;
}

*.pd-lr20{
	padding-right: 20px;
	padding-left: 20px;
}

*.pd-lr25{
	padding-right: 25px;
	padding-left: 25px;
}

*.pd-lr30{
	padding-right: 30px;
	padding-left: 30px;
}

*.pd-lr40{
	padding-right: 40px;
	padding-left: 40px;
}

*.pd-lr50{
	padding-right: 50px;
	padding-left: 50px;
}

*.pd-lr3p{
	padding-right: 3%;
	padding-left: 3%;
}

*.pd-lr4p{
	padding-right: 4%;
	padding-left: 4%;
}

*.pd-lr5p{
	padding-right: 5%;
	padding-left: 5%;
}

*.pd-lr10p{
	padding-right: 10%;
	padding-left: 10%;
}

*.pd-lr15p{
	padding-right: 15%;
	padding-left: 15%;
}

*.pd-lr20p{
	padding-right: 20%;
	padding-left: 20%;
}

*.pd-lr30p{
	padding-right: 30%;
	padding-left: 30%;
}

*.pd-v5{
	padding-top: 5px;
	padding-bottom: 5px;
}

*.pd-v10{
	padding-top: 10px;
	padding-bottom: 10px;
}

*.pd-v15{
	padding-top: 15px;
	padding-bottom: 15px;
}

*.pd-v20{
	padding-top: 20px;
	padding-bottom: 20px;
}

*.pd-v25{
	padding-top: 25px;
	padding-bottom: 25px;
}

*.pd-v30{
	padding-top: 30px;
	padding-bottom: 30px;
}

*.pd-v40{
	padding-top: 40px;
	padding-bottom: 40px;
}

*.pd-v50{
	padding-top: 50px;
	padding-bottom: 50px;
}

*.pd-t0{
	padding-top: 0 !important;
}

*.pd-t5{
	padding-top: 5px !important;
}

*.pd-t10{
	padding-top: 10px !important;
}

*.pd-t15{
	padding-top: 15px !important;
}

*.pd-t20{
	padding-top: 20px !important;
}

*.pd-t25{
	padding-top: 25px !important;
}

*.pd-t30{
	padding-top: 30px !important;
}

*.pd-t40{
	padding-top: 40px !important;
}

*.pd-t50{
	padding-top: 50px !important;
}

*.pd-t60{
	padding-top: 60px !important;
}

*.pd-t70{
	padding-top: 70px !important;
}

*.pd-t80{
	padding-top: 80px !important;
}

*.pd-t90{
	padding-top: 90px !important;
}

*.pd-b0{
	padding-bottom: 0 !important;
}

*.pd-b5{
	padding-bottom: 5px !important;
}

*.pd-b10{
	padding-bottom: 10px !important;
}

*.pd-b15{
	padding-bottom: 15px !important;
}

*.pd-b20{
	padding-bottom: 20px !important;
}

*.pd-b25{
	padding-bottom: 25px !important;
}

*.pd-b30{
	padding-bottom: 30px !important;
}

*.pd-b40{
	padding-bottom: 40px !important;
}

*.pd-b50{
	padding-bottom: 50px !important;
}

*.pd-b60{
	padding-bottom: 60px !important;
}

*.pd-b70{
	padding-bottom: 70px !important;
}

*.pd-b80{
	padding-bottom: 80px !important;
}

*.pd-b90{
	padding-bottom: 90px !important;
}

*.pd-r0{
	padding-right: 0 !important;
}

*.pd-r5{
	padding-right: 5px !important;
}

*.pd-r10{
	padding-right: 10px !important;
}

*.pd-r15{
	padding-right: 15px !important;
}

*.pd-r20{
	padding-right: 20px !important;
}

*.pd-r25{
	padding-right: 25px !important;
}

*.pd-r30{
	padding-right: 30px !important;
}

*.pd-r40{
	padding-right: 40px !important;
}

*.pd-r50{
	padding-right: 50px !important;
}

*.pd-r60{
	padding-right: 60px !important;
}

*.pd-r70{
	padding-right: 70px !important;
}

*.pd-r80{
	padding-right: 80px !important;
}

*.pd-r90{
	padding-right: 90px !important;
}

*.pd-l0{
	padding-left: 0 !important;
}

*.pd-l5{
	padding-left: 5px !important;
}

*.pd-l10{
	padding-left: 10px !important;
}

*.pd-l15{
	padding-left: 15px !important;
}

*.pd-l20{
	padding-left: 20px !important;
}

*.pd-l25{
	padding-left: 25px !important;
}

*.pd-l30{
	padding-left: 30px !important;
}

*.pd-l40{
	padding-left: 40px !important;
}

*.pd-l50{
	padding-left: 50px !important;
}

*.pd-l60{
	padding-left: 60px !important;
}

*.pd-l70{
	padding-left: 70px !important;
}

*.pd-l80{
	padding-left: 80px !important;
}

*.pd-l90{
	padding-left: 90px !important;
}

.radius3{
	border-radius: 3px;
}

.radius5{
	border-radius: 5px;
}

.radius10{
	border-radius: 10px;
}

.radius15{
	border-radius: 15px;
}

.radius20{
	border-radius: 20px;
}

.radius30{
	border-radius: 30px;
}

.radius40{
	border-radius: 40px;
}

.radius50{
	border-radius: 50px;
}

.o-hidden{
	overflow: hidden;
}

.indent{
	margin-left: 1em;
}

.nominW{
	min-width: auto !important;
}

.nominH{
	min-height: auto !important;
}

.nomaxW{
	max-width: auto !important;
}

.nomaxH{
	max-height: auto !important;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	.w10p-tb{
		width: 10% !important;
	}
	.w20p-tb{
		width: 20% !important;
	}
	.w30p-tb{
		width: 30% !important;
	}
	.w40p-tb{
		width: 40% !important;
	}
	.w50p-tb{
		width: 50% !important;
	}
	.w60p-tb{
		width: 60% !important;
	}
	.w70p-tb{
		width: 70% !important;
	}
	.w80p-tb{
		width: 80% !important;
	}
	.w90p-tb{
		width: 90% !important;
	}
	.w100p-tb{
		width: 100% !important;
	}
	*.sp-v0tb{
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	*.sp-v5tb{
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	*.sp-v10tb{
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	*.sp-v15tb{
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	*.sp-v20tb{
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	*.sp-v25tb{
		margin-top: 25px !important;
		margin-bottom: 25px !important;
	}
	*.sp-v30tb{
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	*.sp-v40tb{
		margin-top: 40px !important;
		margin-bottom: 40px !important;
	}
	*.sp-v50tb{
		margin-top: 50px !important;
		margin-bottom: 50px !important;
	}
	*.sp-v60tb{
		margin-top: 60px !important;
		margin-bottom: 60px !important;
	}
	*.sp-v70tb{
		margin-top: 70px !important;
		margin-bottom: 70px !important;
	}
	*.sp-v80tb{
		margin-top: 80px !important;
		margin-bottom: 80px !important;
	}
	*.sp-v90tb{
		margin-top: 90px !important;
		margin-bottom: 90px !important;
	}
	*.sp-t0tb{
		margin-top: 0 !important;
	}
	*.sp-t5tb{
		margin-top: 5px !important;
	}
	*.sp-t10tb{
		margin-top: 10px !important;
	}
	*.sp-t15tb{
		margin-top: 15px !important;
	}
	*.sp-t20tb{
		margin-top: 20px !important;
	}
	*.sp-t25tb{
		margin-top: 25px !important;
	}
	*.sp-t30tb{
		margin-top: 30px !important;
	}
	*.sp-t40tb{
		margin-top: 40px !important;
	}
	*.sp-t50tb{
		margin-top: 50px !important;
	}
	*.sp-t60tb{
		margin-top: 60px !important;
	}
	*.sp-t70tb{
		margin-top: 70px !important;
	}
	*.sp-t80tb{
		margin-top: 80px !important;
	}
	*.sp-t90tb{
		margin-top: 90px !important;
	}
	*.sp-b0tb{
		margin-bottom: 0 !important;
	}
	*.sp-b5tb{
		margin-bottom: 5px !important;
	}
	*.sp-b10tb{
		margin-bottom: 10px !important;
	}
	*.sp-b15tb{
		margin-bottom: 15px !important;
	}
	*.sp-b20tb{
		margin-bottom: 20px !important;
	}
	*.sp-b25tb{
		margin-bottom: 25px !important;
	}
	*.sp-b30tb{
		margin-bottom: 30px !important;
	}
	*.sp-b40tb{
		margin-bottom: 40px !important;
	}
	*.sp-b50tb{
		margin-bottom: 50px !important;
	}
	*.sp-b60tb{
		margin-bottom: 60px !important;
	}
	*.sp-b70tb{
		margin-bottom: 70px !important;
	}
	*.sp-b80tb{
		margin-bottom: 80px !important;
	}
	*.sp-b90tb{
		margin-bottom: 90px !important;
	}
	*.sp-mt5tb{
		margin-top: -5px !important;
	}
	*.sp-mt10tb{
		margin-top: -10px !important;
	}
	*.sp-mt15tb{
		margin-top: -15px !important;
	}
	*.sp-mt20tb{
		margin-top: -20px !important;
	}
	*.sp-mt25tb{
		margin-top: -25px !important;
	}
	*.sp-mt30tb{
		margin-top: -30px !important;
	}
	*.sp-mt40tb{
		margin-top: -40px !important;
	}
	*.sp-mt50tb{
		margin-top: -50px !important;
	}
	*.sp-mb5tb{
		margin-bottom: -5px !important;
	}
	*.sp-mb10tb{
		margin-bottom: -10px !important;
	}
	*.sp-mb15tb{
		margin-bottom: -15px !important;
	}
	*.sp-mb20tb{
		margin-bottom: -20px !important;
	}
	*.sp-mb25tb{
		margin-bottom: -25px !important;
	}
	*.sp-mb30tb{
		margin-bottom: -30px !important;
	}
	*.sp-mb40tb{
		margin-bottom: -40px !important;
	}
	*.sp-mb50tb{
		margin-bottom: -50px !important;
	}
	*.sp-lr0tb{
		margin-left: 0 !important;
		margin-left: 0 !important;
	}
	*.sp-lr5tb{
		margin-left: 5px !important;
		margin-left: 5px !important;
	}
	*.sp-lr10tb{
		margin-left: 10px !important;
		margin-left: 10px !important;
	}
	*.sp-lr15tb{
		margin-left: 15px !important;
		margin-left: 15px !important;
	}
	*.sp-lr20tb{
		margin-left: 20px !important;
		margin-left: 20px !important;
	}
	*.sp-lr25tb{
		margin-left: 25px !important;
		margin-left: 25px !important;
	}
	*.sp-lr30tb{
		margin-left: 30px !important;
		margin-left: 30px !important;
	}
	*.sp-lr40tb{
		margin-left: 40px !important;
		margin-left: 40px !important;
	}
	*.sp-lr50tb{
		margin-left: 50px !important;
		margin-left: 50px !important;
	}
	*.sp-lr60tb{
		margin-left: 60px !important;
		margin-left: 60px !important;
	}
	*.sp-lr70tb{
		margin-left: 70px !important;
		margin-left: 70px !important;
	}
	*.sp-lr80tb{
		margin-left: 80px !important;
		margin-left: 80px !important;
	}
	*.sp-lr90tb{
		margin-left: 90px !important;
		margin-left: 90px !important;
	}
	*.sp-lr3p-tb{
		margin-right: 3%;
		margin-left: 3%;
	}
	*.sp-lr4p-tb{
		margin-right: 4%;
		margin-left: 4%;
	}
	*.sp-lr5p-tb{
		margin-right: 5%;
		margin-left: 5%;
	}
	*.sp-lr10p-tb{
		margin-right: 10%;
		margin-left: 10%;
	}
	*.sp-lr15p-tb{
		margin-right: 15%;
		margin-left: 15%;
	}
	*.sp-lr20p-tb{
		margin-right: 20%;
		margin-left: 20%;
	}
	*.sp-lr30p-tb{
		margin-right: 30%;
		margin-left: 30%;
	}
	*.pd5tb{
		padding: 5px;
	}
	*.pd10tb{
		padding: 10px;
	}
	*.pd15tb{
		padding: 15px;
	}
	*.pd20tb{
		padding: 20px;
	}
	*.pd25tb{
		padding: 25px;
	}
	*.pd30tb{
		padding: 30px;
	}
	*.pd40tb{
		padding: 40px;
	}
	*.pd50tb{
		padding: 50px;
	}
	*.pd-lr5tb{
		padding-right: 5px;
		padding-left: 5px;
	}
	*.pd-lr10tb{
		padding-right: 10px;
		padding-left: 10px;
	}
	*.pd-lr15tb{
		padding-right: 15px;
		padding-left: 15px;
	}
	*.pd-lr20tb{
		padding-right: 20px;
		padding-left: 20px;
	}
	*.pd-lr25tb{
		padding-right: 25px;
		padding-left: 25px;
	}
	*.pd-lr30tb{
		padding-right: 30px;
		padding-left: 30px;
	}
	*.pd-lr40tb{
		padding-right: 40px;
		padding-left: 40px;
	}
	*.pd-lr50tb{
		padding-right: 50px;
		padding-left: 50px;
	}
	*.pd-lr3ptb{
		padding-right: 3%;
		padding-left: 3%;
	}
	*.pd-lr4ptb{
		padding-right: 4%;
		padding-left: 4%;
	}
	*.pd-lr5ptb{
		padding-right: 5%;
		padding-left: 5%;
	}
	*.pd-lr10ptb{
		padding-right: 10%;
		padding-left: 10%;
	}
	*.pd-lr15ptb{
		padding-right: 15%;
		padding-left: 15%;
	}
	*.pd-lr20ptb{
		padding-right: 20%;
		padding-left: 20%;
	}
	*.pd-lr30ptb{
		padding-right: 30%;
		padding-left: 30%;
	}
	*.pd-v5tb{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	*.pd-v10tb{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	*.pd-v15tb{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	*.pd-v20tb{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	*.pd-v25tb{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	*.pd-v30tb{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	*.pd-v40tb{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	*.pd-v50tb{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	*.pd-t0tb{
		padding-top: 0 !important;
	}
	*.pd-t5tb{
		padding-top: 5px !important;
	}
	*.pd-t10tb{
		padding-top: 10px !important;
	}
	*.pd-t15tb{
		padding-top: 15px !important;
	}
	*.pd-t20tb{
		padding-top: 20px !important;
	}
	*.pd-t25tb{
		padding-top: 25px !important;
	}
	*.pd-t30tb{
		padding-top: 30px !important;
	}
	*.pd-t40tb{
		padding-top: 40px !important;
	}
	*.pd-t50tb{
		padding-top: 50px !important;
	}
	*.pd-t60tb{
		padding-top: 60px !important;
	}
	*.pd-t70tb{
		padding-top: 70px !important;
	}
	*.pd-t80tb{
		padding-top: 80px !important;
	}
	*.pd-t90tb{
		padding-top: 90px !important;
	}
	*.pd-b0tb{
		padding-bottom: 0 !important;
	}
	*.pd-b5tb{
		padding-bottom: 5px !important;
	}
	*.pd-b10tb{
		padding-bottom: 10px !important;
	}
	*.pd-b15tb{
		padding-bottom: 15px !important;
	}
	*.pd-b20tb{
		padding-bottom: 20px !important;
	}
	*.pd-b25tb{
		padding-bottom: 25px !important;
	}
	*.pd-b30tb{
		padding-bottom: 30px !important;
	}
	*.pd-b40tb{
		padding-bottom: 40px !important;
	}
	*.pd-b50tb{
		padding-bottom: 50px !important;
	}
	*.pd-b60tb{
		padding-bottom: 60px !important;
	}
	*.pd-b70tb{
		padding-bottom: 70px !important;
	}
	*.pd-b80tb{
		padding-bottom: 80px !important;
	}
	*.pd-b90tb{
		padding-bottom: 90px !important;
	}
	*.pd-r0tb{
		padding-right: 0 !important;
	}
	*.pd-r5tb{
		padding-right: 5px !important;
	}
	*.pd-r10tb{
		padding-right: 10px !important;
	}
	*.pd-r15tb{
		padding-right: 15px !important;
	}
	*.pd-r20tb{
		padding-right: 20px !important;
	}
	*.pd-r25tb{
		padding-right: 25px !important;
	}
	*.pd-r30tb{
		padding-right: 30px !important;
	}
	*.pd-r40tb{
		padding-right: 40px !important;
	}
	*.pd-r50tb{
		padding-right: 50px !important;
	}
	*.pd-r60tb{
		padding-right: 60px !important;
	}
	*.pd-r70tb{
		padding-right: 70px !important;
	}
	*.pd-r80tb{
		padding-right: 80px !important;
	}
	*.pd-r90tb{
		padding-right: 90px !important;
	}
	*.pd-l0tb{
		padding-left: 0 !important;
	}
	*.pd-l5tb{
		padding-left: 5px !important;
	}
	*.pd-l10tb{
		padding-left: 10px !important;
	}
	*.pd-l15tb{
		padding-left: 15px !important;
	}
	*.pd-l20tb{
		padding-left: 20px !important;
	}
	*.pd-l25tb{
		padding-left: 25px !important;
	}
	*.pd-l30tb{
		padding-left: 30px !important;
	}
	*.pd-l40tb{
		padding-left: 40px !important;
	}
	*.pd-l50tb{
		padding-left: 50px !important;
	}
	*.pd-l60tb{
		padding-left: 60px !important;
	}
	*.pd-l70tb{
		padding-left: 70px !important;
	}
	*.pd-l80tb{
		padding-left: 80px !important;
	}
	*.pd-l90tb{
		padding-left: 90px !important;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	.w10p-sp{
		width: 10% !important;
	}
	.w20p-sp{
		width: 20% !important;
	}
	.w30p-sp{
		width: 30% !important;
	}
	.w40p-sp{
		width: 40% !important;
	}
	.w50p-sp{
		width: 50% !important;
	}
	.w60p-sp{
		width: 60% !important;
	}
	.w70p-sp{
		width: 70% !important;
	}
	.w80p-sp{
		width: 80% !important;
	}
	.w90p-sp{
		width: 90% !important;
	}
	.w100p-sp{
		width: 100% !important;
	}
	*.sp-v0sp{
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	*.sp-v5sp{
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	*.sp-v10sp{
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	*.sp-v15sp{
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	*.sp-v20sp{
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	*.sp-v25sp{
		margin-top: 25px !important;
		margin-bottom: 25px !important;
	}
	*.sp-v30sp{
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	*.sp-v40sp{
		margin-top: 40px !important;
		margin-bottom: 40px !important;
	}
	*.sp-v50sp{
		margin-top: 50px !important;
		margin-bottom: 50px !important;
	}
	*.sp-v60sp{
		margin-top: 60px !important;
		margin-bottom: 60px !important;
	}
	*.sp-v70sp{
		margin-top: 70px !important;
		margin-bottom: 70px !important;
	}
	*.sp-v80sp{
		margin-top: 80px !important;
		margin-bottom: 80px !important;
	}
	*.sp-v90sp{
		margin-top: 90px !important;
		margin-bottom: 90px !important;
	}
	*.sp-t0sp{
		margin-top: 0 !important;
	}
	*.sp-t5sp{
		margin-top: 5px !important;
	}
	*.sp-t10sp{
		margin-top: 10px !important;
	}
	*.sp-t15sp{
		margin-top: 15px !important;
	}
	*.sp-t20sp{
		margin-top: 20px !important;
	}
	*.sp-t25sp{
		margin-top: 25px !important;
	}
	*.sp-t30sp{
		margin-top: 30px !important;
	}
	*.sp-t40sp{
		margin-top: 40px !important;
	}
	*.sp-t50sp{
		margin-top: 50px !important;
	}
	*.sp-t60sp{
		margin-top: 60px !important;
	}
	*.sp-t70sp{
		margin-top: 70px !important;
	}
	*.sp-t80sp{
		margin-top: 80px !important;
	}
	*.sp-t90sp{
		margin-top: 90px !important;
	}
	*.sp-b0sp{
		margin-bottom: 0 !important;
	}
	*.sp-b5sp{
		margin-bottom: 5px !important;
	}
	*.sp-b10sp{
		margin-bottom: 10px !important;
	}
	*.sp-b15sp{
		margin-bottom: 15px !important;
	}
	*.sp-b20sp{
		margin-bottom: 20px !important;
	}
	*.sp-b25sp{
		margin-bottom: 25px !important;
	}
	*.sp-b30sp{
		margin-bottom: 30px !important;
	}
	*.sp-b40sp{
		margin-bottom: 40px !important;
	}
	*.sp-b50sp{
		margin-bottom: 50px !important;
	}
	*.sp-b60sp{
		margin-bottom: 60px !important;
	}
	*.sp-b70sp{
		margin-bottom: 70px !important;
	}
	*.sp-b80sp{
		margin-bottom: 80px !important;
	}
	*.sp-b90sp{
		margin-bottom: 90px !important;
	}
	*.sp-mt5sp{
		margin-top: -5px !important;
	}
	*.sp-mt10sp{
		margin-top: -10px !important;
	}
	*.sp-mt15sp{
		margin-top: -15px !important;
	}
	*.sp-mt20sp{
		margin-top: -20px !important;
	}
	*.sp-mt25sp{
		margin-top: -25px !important;
	}
	*.sp-mt30sp{
		margin-top: -30px !important;
	}
	*.sp-mt40sp{
		margin-top: -40px !important;
	}
	*.sp-mt50sp{
		margin-top: -50px !important;
	}
	*.sp-mb5sp{
		margin-bottom: -5px !important;
	}
	*.sp-mb10sp{
		margin-bottom: -10px !important;
	}
	*.sp-mb15sp{
		margin-bottom: -15px !important;
	}
	*.sp-mb20sp{
		margin-bottom: -20px !important;
	}
	*.sp-mb25sp{
		margin-bottom: -25px !important;
	}
	*.sp-mb30sp{
		margin-bottom: -30px !important;
	}
	*.sp-mb40sp{
		margin-bottom: -40px !important;
	}
	*.sp-mb50sp{
		margin-bottom: -50px !important;
	}
	*.sp-lr0sp{
		margin-left: 0 !important;
		margin-left: 0 !important;
	}
	*.sp-lr5sp{
		margin-left: 5px !important;
		margin-left: 5px !important;
	}
	*.sp-lr10sp{
		margin-left: 10px !important;
		margin-left: 10px !important;
	}
	*.sp-lr15sp{
		margin-left: 15px !important;
		margin-left: 15px !important;
	}
	*.sp-lr20sp{
		margin-left: 20px !important;
		margin-left: 20px !important;
	}
	*.sp-lr25sp{
		margin-left: 25px !important;
		margin-left: 25px !important;
	}
	*.sp-lr30sp{
		margin-left: 30px !important;
		margin-left: 30px !important;
	}
	*.sp-lr40sp{
		margin-left: 40px !important;
		margin-left: 40px !important;
	}
	*.sp-lr50sp{
		margin-left: 50px !important;
		margin-left: 50px !important;
	}
	*.sp-lr60sp{
		margin-left: 60px !important;
		margin-left: 60px !important;
	}
	*.sp-lr70sp{
		margin-left: 70px !important;
		margin-left: 70px !important;
	}
	*.sp-lr80sp{
		margin-left: 80px !important;
		margin-left: 80px !important;
	}
	*.sp-lr90sp{
		margin-left: 90px !important;
		margin-left: 90px !important;
	}
	*.sp-lr3p-sp{
		margin-right: 3%;
		margin-left: 3%;
	}
	*.sp-lr4p-sp{
		margin-right: 4%;
		margin-left: 4%;
	}
	*.sp-lr5p-sp{
		margin-right: 5%;
		margin-left: 5%;
	}
	*.sp-lr10p-sp{
		margin-right: 10%;
		margin-left: 10%;
	}
	*.sp-lr15p-sp{
		margin-right: 15%;
		margin-left: 15%;
	}
	*.sp-lr20p-sp{
		margin-right: 20%;
		margin-left: 20%;
	}
	*.sp-lr30p-sp{
		margin-right: 30%;
		margin-left: 30%;
	}
	*.pd5sp{
		padding: 5px;
	}
	*.pd10sp{
		padding: 10px;
	}
	*.pd15sp{
		padding: 15px;
	}
	*.pd20sp{
		padding: 20px;
	}
	*.pd25sp{
		padding: 25px;
	}
	*.pd30sp{
		padding: 30px;
	}
	*.pd40sp{
		padding: 40px;
	}
	*.pd50sp{
		padding: 50px;
	}
	*.pd-lr5sp{
		padding-right: 5px;
		padding-left: 5px;
	}
	*.pd-lr10sp{
		padding-right: 10px;
		padding-left: 10px;
	}
	*.pd-lr15sp{
		padding-right: 15px;
		padding-left: 15px;
	}
	*.pd-lr20sp{
		padding-right: 20px;
		padding-left: 20px;
	}
	*.pd-lr25sp{
		padding-right: 25px;
		padding-left: 25px;
	}
	*.pd-lr30sp{
		padding-right: 30px;
		padding-left: 30px;
	}
	*.pd-lr40sp{
		padding-right: 40px;
		padding-left: 40px;
	}
	*.pd-lr50sp{
		padding-right: 50px;
		padding-left: 50px;
	}
	*.pd-lr3psp{
		padding-right: 3%;
		padding-left: 3%;
	}
	*.pd-lr4psp{
		padding-right: 4%;
		padding-left: 4%;
	}
	*.pd-lr5psp{
		padding-right: 5%;
		padding-left: 5%;
	}
	*.pd-lr10psp{
		padding-right: 10%;
		padding-left: 10%;
	}
	*.pd-lr15psp{
		padding-right: 15%;
		padding-left: 15%;
	}
	*.pd-lr20psp{
		padding-right: 20%;
		padding-left: 20%;
	}
	*.pd-lr30psp{
		padding-right: 30%;
		padding-left: 30%;
	}
	*.pd-v5sp{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	*.pd-v10sp{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	*.pd-v15sp{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	*.pd-v20sp{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	*.pd-v25sp{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	*.pd-v30sp{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	*.pd-v40sp{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	*.pd-v50sp{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	*.pd-t0sp{
		padding-top: 0 !important;
	}
	*.pd-t5sp{
		padding-top: 5px !important;
	}
	*.pd-t10sp{
		padding-top: 10px !important;
	}
	*.pd-t15sp{
		padding-top: 15px !important;
	}
	*.pd-t20sp{
		padding-top: 20px !important;
	}
	*.pd-t25sp{
		padding-top: 25px !important;
	}
	*.pd-t30sp{
		padding-top: 30px !important;
	}
	*.pd-t40sp{
		padding-top: 40px !important;
	}
	*.pd-t50sp{
		padding-top: 50px !important;
	}
	*.pd-t60sp{
		padding-top: 60px !important;
	}
	*.pd-t70sp{
		padding-top: 70px !important;
	}
	*.pd-t80sp{
		padding-top: 80px !important;
	}
	*.pd-t90sp{
		padding-top: 90px !important;
	}
	*.pd-b0sp{
		padding-bottom: 0 !important;
	}
	*.pd-b5sp{
		padding-bottom: 5px !important;
	}
	*.pd-b10sp{
		padding-bottom: 10px !important;
	}
	*.pd-b15sp{
		padding-bottom: 15px !important;
	}
	*.pd-b20sp{
		padding-bottom: 20px !important;
	}
	*.pd-b25sp{
		padding-bottom: 25px !important;
	}
	*.pd-b30sp{
		padding-bottom: 30px !important;
	}
	*.pd-b40sp{
		padding-bottom: 40px !important;
	}
	*.pd-b50sp{
		padding-bottom: 50px !important;
	}
	*.pd-b60sp{
		padding-bottom: 60px !important;
	}
	*.pd-b70sp{
		padding-bottom: 70px !important;
	}
	*.pd-b80sp{
		padding-bottom: 80px !important;
	}
	*.pd-b90sp{
		padding-bottom: 90px !important;
	}
	*.pd-r0sp{
		padding-right: 0 !important;
	}
	*.pd-r5sp{
		padding-right: 5px !important;
	}
	*.pd-r10sp{
		padding-right: 10px !important;
	}
	*.pd-r15sp{
		padding-right: 15px !important;
	}
	*.pd-r20sp{
		padding-right: 20px !important;
	}
	*.pd-r25sp{
		padding-right: 25px !important;
	}
	*.pd-r30sp{
		padding-right: 30px !important;
	}
	*.pd-r40sp{
		padding-right: 40px !important;
	}
	*.pd-r50sp{
		padding-right: 50px !important;
	}
	*.pd-r60sp{
		padding-right: 60px !important;
	}
	*.pd-r70sp{
		padding-right: 70px !important;
	}
	*.pd-r80sp{
		padding-right: 80px !important;
	}
	*.pd-r90sp{
		padding-right: 90px !important;
	}
	*.pd-l0sp{
		padding-left: 0 !important;
	}
	*.pd-l5sp{
		padding-left: 5px !important;
	}
	*.pd-l10sp{
		padding-left: 10px !important;
	}
	*.pd-l15sp{
		padding-left: 15px !important;
	}
	*.pd-l20sp{
		padding-left: 20px !important;
	}
	*.pd-l25sp{
		padding-left: 25px !important;
	}
	*.pd-l30sp{
		padding-left: 30px !important;
	}
	*.pd-l40sp{
		padding-left: 40px !important;
	}
	*.pd-l50sp{
		padding-left: 50px !important;
	}
	*.pd-l60sp{
		padding-left: 60px !important;
	}
	*.pd-l70sp{
		padding-left: 70px !important;
	}
	*.pd-l80sp{
		padding-left: 80px !important;
	}
	*.pd-l90sp{
		padding-left: 90px !important;
	}
}

/* sp */
.lineh0{
	line-height: 0;
}

.lineh1{
	line-height: 1;
}

.lineh2{
	line-height: 2;
}

.lineh3{
	line-height: 3;
}

/*----------------------------------------------------------
	animation
--------------------------------------------------------- */
a.hov_ul,.hov_ul a{
	position: relative;

	display: inline-block;

	text-decoration: none;
}

a.hov_ul::after,.hov_ul a:after{
	position: absolute;
	bottom: -4px;
	left: 0;

	width: 100%;
	height: 2px;

	content: '';
	transition: transform .3s; 
	transform: scale(0, 1);
	transform-origin: left top;

	background: #aaa;
}

a.hov_ul:hover::after,.hov_ul a:hover:after{
	transform: scale(1, 1);
}

/*----------------------------------------------------------
	script
--------------------------------------------------------- */
.simpletoggle .parent{
	position: relative;

	padding: 14px 60px 14px 10px;

	cursor: pointer;
	transition: .3s; 

	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}
.simpletoggle .parent:hover{
	background: #faecea;
}
.simpletoggle .parent:before{
	font-family: 'yubin';
	font-size: 40px;
	line-height: 1; 

	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;

	height: 40px;
	margin: auto;

	content: '\e910';

	color: #c00;
}

.simpletoggle .parent + *{
	display: none;
}

.simpletoggle .parent.active:before{
	content: '\e915';
}

.simpletoggle.hovWhite .parent:hover{
	background: #fff;
}

.simpletoggleUP .child{
	display: none;
}

.simpletoggleUP .parent .btnM{
	font-size: 1rem;

	position: relative; 

	display: inline-block;

	min-width: 30%;
	margin: 15px auto;
	padding: 1.1em 2em;

	cursor: pointer;

	color: #fff;
	border-radius: 5px;
	background: #c00;
}
.simpletoggleUP .parent .btnM:before{
	font-family: 'yubin';
	font-size: 24px;
	line-height: 1; 

	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;

	height: 24px;
	margin: auto;

	content: '\2b';

	color: #fff;
}

.simpletoggleUP .parent.active .btnM{
	background: #646464;
}
.simpletoggleUP .parent.active .btnM:before{
	content: '\2d';
}

@media screen and (max-width: 750px){
	.simpletoggle .parent .btnM,.simpletoggleUP .parent .btnM{
		width: 80%; 
		min-width: auto;
	}
	.simpletoggle .parent .btnM:before,.simpletoggleUP .parent .btnM:before{
		font-size: 1.3em;

		top: .2em; 

		height: 1.3em;
	}
}

/* sp */
/* tooltip */
.tooltipBox{
	position: relative;
}
.tooltipBox label{
	display: inline-block !important;
}
.tooltipBox .label{
	cursor: pointer;
}
.tooltipBox .label:before{
	font-family: 'yubin';
	font-size: 25px;

	position: relative; 
	top: 5px;

	content: '\e991';

	color: #c00;
}
.tooltipBox .tooltip{
	font-size: .8rem;

	position: absolute;
	z-index: 10;

	display: none;

	width: 35vw;
	padding: 16px 12px 14px;

	cursor: pointer; 
	transform: translate(0, 5px);
	white-space: normal !important;

	border: #c00 1px solid;
	background: #fff;
}
.tooltipBox .tooltip p:last-of-type{
	margin-bottom: 0;
}
.tooltipBox .tooltip a:hover{
	text-decoration: underline;
}
.tooltipBox .tooltip:after{
	font-family: 'yubin';
	font-size: 15px; 
	line-height: 1;

	position: absolute;
	top: 2px;
	right: -7px;

	display: block;

	width: 20px;
	height: 20px;
	margin-top: -8px;
	padding: 3px 0 0 4px;

	content: '\e912';
	cursor: pointer;

	color: #fff;
	border-radius: 12px;
	background: #a0a0a0;
}

@media screen and (max-width: 750px){
	.tooltipBox .tooltip{
		left: 0;

		width: 70vw;
	}
}

/* sp */
/*----------------------------------------------------------
	Font
--------------------------------------------------------- */
/*  iconfont
----------------------------------------------- */
.yic:before{
	font-family: 'yubin';
	font-size: 170%;

	position: relative;
	top: .15em;

	margin-right: .2em;
}

.yic.sizeS:before{
	font-size: 150% !important;
}

.yic-jpf-postsearch:before{
	content: '\e989' !important;

	color: #be1a20;
}

.yic-jpf-tracking2:before{
	content: '\e98a' !important;

	color: #be1a20;
}

.yic-jpf-zipsearch:before{
	content: '\e98b' !important;

	color: #be1a20;
}

.yic-jpf-receive2:before{
	content: '\e98c' !important;

	color: #be1a20;
}

.yic-jpf-send2:before{
	content: '\e98d' !important;

	color: #be1a20;
}

.yic-jpf-compare2:before{
	content: '\e98e' !important;

	color: #be1a20;
}

.yic-jpf-delidays:before{
	content: '\e98f' !important;

	color: #be1a20;
}

.yic-jpf-redeli:before{
	content: '\e990' !important;

	color: #be1a20;
}

.yic-minus:before{
	content: '\f068' !important;
}

.yic-search1:before{
	content: '\f002' !important;
}

.yic-star:before{
	content: '\f005' !important;
}

.yic-caret-down:before{
	content: '\f0d7' !important;
}

.yic-caret-up:before{
	content: '\f0d8' !important;
}

.yic-caret-left:before{
	content: '\f0d9' !important;
}

.yic-caret-right:before{
	content: '\f0da' !important;
}

.yic-angle-double-left:before{
	content: '\f100' !important;
}

.yic-angle-double-right:before{
	content: '\f101' !important;
}

.yic-angle-double-up:before{
	content: '\f102' !important;
}

.yic-angle-double-down:before{
	content: '\f103' !important;
}

.yic-angle-left:before{
	content: '\f104' !important;
}

.yic-angle-right:before{
	content: '\f105' !important;
}

.yic-angle-up:before{
	content: '\f106' !important;
}

.yic-angle-down:before{
	content: '\f107' !important;
}

.yic-long-arrow-down:before{
	content: '\f175' !important;
}

.yic-long-arrow-up:before{
	content: '\f176' !important;
}

.yic-long-arrow-left:before{
	content: '\f177' !important;
}

.yic-long-arrow-right:before{
	content: '\f178' !important;
}

.yic-jpf-kitte_hagaki:before{
	content: '\e93c' !important;

	color: #c00;
}

.yic-jpf-yp-hagaki:before{
	content: '\e951' !important;

	color: #c00;
}

.yic-jpf-yp-hukusu:before{
	content: '\e952' !important;

	color: #c00;
}

.yic-jpf-yp-keizoku:before{
	content: '\e953' !important;

	color: #c00;
}

.yic-jpf-yp-kitte:before{
	content: '\e954' !important;

	color: #c00;
}

.yic-jpf-yp-lp:before{
	content: '\e955' !important;

	color: #c00;
}

.yic-jpf-yp-mochikomi:before{
	content: '\e956' !important;

	color: #c00;
}

.yic-jpf-yp-office:before{
	content: '\e957' !important;

	color: #c00;
}

.yic-jpf-yp-pack:before{
	content: '\e958' !important;

	color: #c00;
}

.yic-jpf-yp-send:before{
	content: '\e959' !important;

	color: #c00;
}

.yic-jpf-yp-sl:before{
	content: '\e95a' !important;

	color: #c00;
}

.yic-jpf-cat6:before{
	content: '\e95b' !important;

	color: #c00;
}

.yic-jpf-yp-animal:before{
	content: '\e95c' !important;

	color: #c00;
}

.yic-jpf-yp-app:before{
	content: '\e95d' !important;

	color: #c00;
}

.yic-jpf-yp-baku:before{
	content: '\e95e' !important;

	color: #c00;
}

.yic-jpf-yp-doku:before{
	content: '\e95f' !important;

	color: #c00;
}

.yic-jpf-yp-douitsu:before{
	content: '\e960' !important;

	color: #c00;
}

.yic-jpf-yp-genkin:before{
	content: '\e961' !important;

	color: #c00;
}

.yic-jpf-yp-kin:before{
	content: '\e962' !important;

	color: #c00;
}

.yic-jpf-yp-kinshi:before{
	content: '\e963' !important;

	color: #c00;
}

.yic-jpf-yp-kojin:before{
	content: '\e964' !important;

	color: #c00;
}

.yic-jpf-yp-shinsho:before{
	content: '\e965' !important;

	color: #c00;
}

.yic-jpf-50on:before{
	content: '\e966' !important;

	color: #c00;
}

.yic-jpf-cat1:before{
	content: '\e967' !important;

	color: #c00;
}

.yic-jpf-cat2:before{
	content: '\e968' !important;

	color: #c00;
}

.yic-jpf-cat3:before{
	content: '\e969' !important;

	color: #c00;
}

.yic-jpf-cat4:before{
	content: '\e96a' !important;

	color: #c00;
}

.yic-jpf-cat5:before{
	content: '\e96b' !important;

	color: #c00;
}

.yic-jpf-koushin:before{
	content: '\e96c' !important;

	color: #c00;
}

.yic-jpf-new:before{
	content: '\e96d' !important;

	color: #c00;
}

.yic-jpf-old:before{
	content: '\e96e' !important;

	color: #c00;
}

.yic-jpf-other:before{
	content: '\e96f' !important;

	color: #c00;
}

.yic-jpf-rss:before{
	content: '\e970' !important;

	color: #c00;
}

.yic-jpf-service:before{
	content: '\e971' !important;

	color: #c00;
}

.yic-jpf-weight_size:before{
	content: '\e972' !important;

	color: #c00;
}

.yic-jpf-benri:before{
	content: '\e973' !important;

	color: #c00;
}

.yic-jpf-biz5:before{
	content: '\e974' !important;

	color: #c00;
}

.yic-jpf-biz6:before{
	content: '\e975' !important;

	color: #c00;
}

.yic-jpf-daibiki:before{
	content: '\e976' !important;

	color: #c00;
}

.yic-jpf-honningentei:before{
	content: '\e977' !important;

	color: #c00;
}

.yic-jpf-internet:before{
	content: '\e978' !important;

	color: #c00;
}

.yic-jpf-jikantai:before{
	content: '\e979' !important;

	color: #c00;
}

.yic-jpf-kimitsu:before{
	content: '\e97a' !important;

	color: #c00;
}

.yic-jpf-kokunai_hassou:before{
	content: '\e97b' !important;

	color: #c00;
}

.yic-jpf-make_1:before{
	content: '\e97c' !important;

	color: #c00;
}

.yic-jpf-pack:before{
	content: '\e97d' !important;

	color: #c00;
}

.yic-jpf-security:before{
	content: '\e97e' !important;

	color: #c00;
}

.yic-jpf-tenkyo:before{
	content: '\e97f' !important;

	color: #c00;
}

.yic-jpf-toukan:before{
	content: '\e980' !important;

	color: #c00;
}

.yic-jpf-uketoru:before{
	content: '\e981' !important;

	color: #c00;
}

.yic-jpf-biz1:before{
	content: '\e982' !important;

	color: #c00;
}

.yic-jpf-biz2:before{
	content: '\e983' !important;

	color: #c00;
}

.yic-jpf-biz3:before{
	content: '\e984' !important;

	color: #c00;
}

.yic-jpf-biz4:before{
	content: '\e985' !important;

	color: #c00;
}

.yic-jpf-process:before{
	content: '\e986' !important;

	color: #c00;
}

.yic-jpf-soudan:before{
	content: '\e987' !important;

	color: #c00;
}

.yic-jpf-kids:before{
	content: '\e988' !important;

	color: #c00;
}

.yic-jpf-fuyasu:before{
	content: '\e94a' !important;

	color: #be1a20;
}

.yic-jpf-junbi:before{
	content: '\e94b' !important;

	color: #be1a20;
}

.yic-jpf-nokosu:before{
	content: '\e94c' !important;

	color: #be1a20;
}

.yic-jpf-sonaeru:before{
	content: '\e94d' !important;

	color: #be1a20;
}

.yic-jpf-bank:before{
	content: '\e92f' !important;

	color: #c00;
}

.yic-jpf-biz:before{
	content: '\e930' !important;

	color: #c00;
}

.yic-jpf-buy:before{
	content: '\e931' !important;

	color: #c00;
}

.yic-jpf-campaign:before{
	content: '\e932' !important;

	color: #c00;
}

.yic-jpf-cm:before{
	content: '\e933' !important;

	color: #c00;
}

.yic-jpf-company:before{
	content: '\e934' !important;

	color: #c00;
}

.yic-jpf-compare:before{
	content: '\e935' !important;

	color: #c00;
}

.yic-jpf-conveni:before{
	content: '\e936' !important;

	color: #c00;
}

.yic-jpf-day:before{
	content: '\e937' !important;

	color: #c00;
}

.yic-jpf-deli:before{
	content: '\e938' !important;

	color: #c00;
}

.yic-jpf-fee:before{
	content: '\e939' !important;

	color: #c00;
}

.yic-jpf-insurance:before{
	content: '\e93a' !important;

	color: #c00;
}

.yic-jpf-int:before{
	content: '\e93b' !important;

	color: #c00;
}

.yic-jpf-make:before{
	content: '\e93d' !important;

	color: #c00;
}

.yic-jpf-pickup:before{
	content: '\e93e' !important;

	color: #c00;
}

.yic-jpf-post:before{
	content: '\e93f' !important;

	color: #c00;
}

.yic-jpf-posukuma:before{
	content: '\e940' !important;

	color: #c00;
}

.yic-jpf-recruit1:before{
	content: '\e941' !important;

	color: #c00;
}

.yic-jpf-send1:before{
	content: '\e942' !important;

	color: #c00;
}

.yic-jpf-sns:before{
	content: '\e943' !important;

	color: #c00;
}

.yic-jpf-tracking:before{
	content: '\e944' !important;

	color: #c00;
}

.yic-jpf-zip:before{
	content: '\e945' !important;

	color: #c00;
}

.yic-icon-32:before{
	content: '\76' !important;
}

.yic-icon-33:before{
	content: '\7a' !important;
}

.yic-icon-doc:before{
	content: '\64' !important;
}

.yic-icon-xls:before{
	content: '\58' !important;
}

.yic-ico_-15:before{
	content: '\79' !important;
}

.yic-ico_-14-02:before{
	content: '\65' !important;
}

.yic-ico_-13:before{
	content: '\53' !important;
}

.yic-ico_-04:before{
	content: '\49' !important;
}

.yic-flick-b:before{
	content: '\73' !important;
}

.yic-flick-r:before{
	content: '\72' !important;
}

.yic-flick:before{
	content: '\66' !important;
}

.yic-icon-25_en:before{
	content: '\6b' !important;

	color: #bf1a20;
}

.yic-icon-24_en:before{
	content: '\6a' !important;

	color: #bf1a20;
}

.yic-icon-03_en:before{
	content: '\7e' !important;

	color: #c11920;
}

.yic-pc_tab:before{
	content: '\3f' !important;
}

.yic-icon-25:before{
	content: '\4b' !important;
}

.yic-icon-01:before{
	content: '\21' !important;
}

.yic-icon-02:before{
	content: '\22' !important;
}

.yic-icon-03:before{
	content: '\23' !important;
}

.yic-icon-12:before{
	content: '\61' !important;
}

.yic-icon-13:before{
	content: '\62' !important;
}

.yic-icon-14:before{
	content: '\63' !important;
}

.yic-icon-15:before{
	content: '\41' !important;
}

.yic-icon-16:before{
	content: '\42' !important;
}

.yic-icon-17:before{
	content: '\43' !important;
}

.yic-icon-18:before{
	content: '\44' !important;
}

.yic-icon-19:before{
	content: '\45' !important;
}

.yic-icon-20:before{
	content: '\50' !important;
}

.yic-icon-21:before{
	content: '\3e' !important;
}

.yic-icon-22:before{
	content: '\2d' !important;
}

.yic-icon-23:before{
	content: '\2b' !important;
}

.yic-icon-24:before{
	content: '\4a' !important;
}

.yic-icon-26:before{
	content: '\2a' !important;
}

.yic-icon-27:before{
	content: '\2f' !important;
}

.yic-icon-29:before{
	content: '\26' !important;
}

.yic-icon-30:before{
	content: '\24' !important;
}

.yic-icon-31:before{
	content: '\3d' !important;
}

.yic-required2:before{
	content: '\74' !important;
}

.yic-li_basic:before{
	content: '\30' !important;
}

.yic-li_border:before{
	content: '\71' !important;
}

.yic-li_notice:before{
	content: '\31' !important;
}

.yic-error:before{
	content: '\e900' !important;
}

.yic-error_outline:before{
	content: '\e901' !important;
}

.yic-play_circle_filled:before{
	content: '\e904' !important;
}

.yic-play_circle_outline:before{
	content: '\e905' !important;
}

.yic-skip_next:before{
	content: '\e906' !important;
}

.yic-stop:before{
	content: '\e94e' !important;
}

.yic-video_collection:before{
	content: '\e907' !important;
}

.yic-fiber_manual_record:before{
	content: '\e908' !important;
}

.yic-chat_bubble:before{
	content: '\e946' !important;
}

.yic-chat_bubble_outline:before{
	content: '\e947' !important;
}

.yic-mail_outline:before{
	content: '\e90c' !important;
}

.yic-alternate_email:before{
	content: '\e90d' !important;
}

.yic-add:before{
	content: '\e90e' !important;
}

.yic-add_box:before{
	content: '\e90f' !important;
}

.yic-add_circle:before{
	content: '\e910' !important;
}

.yic-content_paste:before{
	content: '\e913' !important;
}

.yic-forward:before{
	content: '\e914' !important;
}

.yic-remove_circle_outline:before{
	content: '\e916' !important;
}

.yic-save_alt:before{
	content: '\e917' !important;
}

.yic-attach_file:before{
	content: '\e918' !important;
}

.yic-vertical_align_bottom:before{
	content: '\e919' !important;
}

.yic-vertical_align_top:before{
	content: '\e91a' !important;
}

.yic-linear_scale:before{
	content: '\e91b' !important;
}

.yic-attachment:before{
	content: '\e91c' !important;
}

.yic-file_upload:before{
	content: '\e91e' !important;
}

.yic-folder:before{
	content: '\e91f' !important;
}

.yic-folder_open:before{
	content: '\e920' !important;
}

.yic-desktop_windows:before{
	content: '\e921' !important;
}

.yic-phone_iphone:before{
	content: '\e922' !important;
}

.yic-tablet_mac:before{
	content: '\e923' !important;
}

.yic-filter_none:before{
	content: '\e924' !important;
}

.yic-wb_sunny:before{
	content: '\e925' !important;
}

.yic-pin_drop:before{
	content: '\e926' !important;
}

.yic-trip_origin:before{
	content: '\e949' !important;
}

.yic-priority_high:before{
	content: '\e927' !important;
}

.yic-notifications:before{
	content: '\e928' !important;
}

.yic-notifications_none:before{
	content: '\e929' !important;
}

.yic-check_box:before{
	content: '\e92a' !important;
}

.yic-check_box_outline_blank:before{
	content: '\e92b' !important;
}

.yic-info:before{
	content: '\e92c' !important;
}

.yic-info_outline:before{
	content: '\e92d' !important;
}

.yic-copyright:before{
	content: '\e92e' !important;
}

.yic-search:before{
	content: '\78' !important;
}

.yic-download:before{
	content: '\ff5a' !important;
}

.yic-cancel-circle:before{
	content: '\75' !important;
}

.yic-checkmark-circle:before{
	content: '\77' !important;
}

.yic-spam:before{
	content: '\ff59' !important;
}

.yic-bars:before,.yic-navicon:before,.yic-reorder:before{
	content: '\f0c9' !important;
}

.yic-warning:before,.yic-report_problem:before{
	content: '\e902' !important;
}

.yic-not_interested:before,.yic-do_not_disturb:before{
	content: '\e903' !important;
}

.yic-email:before,.yic-mail:before,.yic-markunread:before,.yic-local_post_office:before{
	content: '\e909' !important;
}

.yic-location_on:before,.yic-place:before,.yic-room:before{
	content: '\e90a' !important;
}

.yic-phone:before,.yic-local_phone:before{
	content: '\e90b' !important;
}

.yic-stay_current_landscape:before,.yic-stay_primary_landscape:before{
	content: '\e94f' !important;
}

.yic-stay_current_portrait:before,.yic-stay_primary_portrait:before,.yic-smartphone:before{
	content: '\e950' !important;
}

.yic-add_circle_outline:before,.yic-control_point:before{
	content: '\e911' !important;
}

.yic-clear:before,.yic-close:before{
	content: '\e912' !important;
}

.yic-remove_circle:before,.yic-do_not_disturb_on:before{
	content: '\e915' !important;
}

.yic-file_download:before,.yic-get_app:before{
	content: '\e91d' !important;
}

.yic-panorama_fish_eye:before,.yic-radio_button_unchecked:before{
	content: '\e948' !important;
}

.yic-jpf-help:before{
	content: '\e991' !important;
}

.yic-jpf-goods:before{
	content: '\e992' !important;
}

.yic-jpf-hakohagaki:before{
	content: '\e993' !important;
}

/*----------------------------------------------------------
	script style
--------------------------------------------------------- */
/* lity modalwindow */
.lity{
	background: rgba(0, 0, 0, .6) !important;
}

/* swriper */
.bgG.pd .swiper-container,.bgG2.pd .swiper-container{
	padding-bottom: 0;
}

.swiper-container{
	padding: 0 0 40px 0;
}
.swiper-container .swiper-wrapper .swiper-slide{
	text-align: center;
}
.swiper-container .swiper-pagination{
	bottom: 0 !important;
}
.swiper-container .swiper-pagination-bullet{
	width: 10px;
	height: 10px;

	opacity: 1; 
	background: #c7c7c7;
}

.swiper-container .swiper-pagination-bullet-active{
	background: #c00 !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 7px !important;
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
	top: 35% !important; 

	background-image: none !important;
}
.swiper-button-prev:before,.swiper-container-rtl .swiper-button-next:before{
	font-family: 'yubin';
	font-size: 30px;

	display: block;

	width: 30px;
	height: 30px;
	padding: 8px 3px 12px 17px; 

	content: '\f104';

	color: #fff;
	border-radius: 30px;
	background: #c00;
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
	top: 35% !important; 

	background-image: none !important;
}
.swiper-button-next:before,.swiper-container-rtl .swiper-button-prev:before{
	font-family: 'yubin';
	font-size: 30px;

	display: block;

	width: 30px;
	height: 30px;
	padding: 8px 0 12px 20px; 

	content: '\f105';

	color: #fff;
	border-radius: 30px;
	background: #c00;
}

.swiper-container.pagenationBottom{
	padding-bottom: 30px;
}
.swiper-container.pagenationBottom .swiper-pagination{
	bottom: 0;
}

@media screen and (max-width: 750px){
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
		background-image: none !important;
	}
	.swiper-button-prev:before,.swiper-container-rtl .swiper-button-next:before{
		font-family: 'yubin';
		font-size: 24px;

		display: block;

		width: 24px;
		height: 24px;
		padding: 8px 3px 12px 17px; 

		content: '\f104';

		color: #fff;
		border-radius: 24px;
		background: #c00;
	}
	.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
		background-image: none !important;
	}
	.swiper-button-next:before,.swiper-container-rtl .swiper-button-prev:before{
		font-family: 'yubin';
		font-size: 24px;

		display: block;

		width: 24px;
		height: 24px;
		padding: 8px 0 12px 20px; 

		content: '\f105';

		color: #fff;
		border-radius: 24px;
		background: #c00;
	}
}

/* sp */
/* modal */
.modalBox + div.boxinner{
	display: none;
}
