/***** Reset *****/
*{box-sizing: border-box;letter-spacing: 0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}ｂ
table {border-collapse:collapse; border-spacing:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; line-height:1;}
h2 {font-size:130%;}
h3 {font-size:120%;}
h4 {font-size:105%;}
img {vertical-align:bottom; line-height:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,var {font-weight:normal; font-style:normal;}
caption,th {text-align:left;}
abbr,acronym {border:0;}
/***** /Reset *****/

/***** form *****/
input, button, textarea, select {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
	border: none;
}
/***** /form *****/

/***** link *****/
a img{border:none; text-decoration:none;}
a:link{color:#282828; text-decoration: none;}
a:visited{color:#282828; text-decoration:none;}
a:hover{color:#f45171; text-decoration:none;}
a:active{color:#282828;}
a:focus{outline:none;}
/***** /link *****/

/**** module *****/

/* clear */
.clearfix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {min-height:1px;}
.clear {clear:both;}
/**** /module *****/

/**** @keyframes *****/
/*
@keyframes fadein {
	from {opacity: 0;transform: translateY(20px);}
	to {opacity: 1;transform: translateY(0);}
}
*/

@keyframes fadein {
	from {opacity: 0;transform: translateX(800px);}
	to {opacity: 1;transform: translateX(0);}
}

@keyframes fade-tooltip { to { opacity: 0; } }

@keyframes flash {
	0% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
/**** /@keyframes *****/

/* iOS */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

input, button, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* /iOS */

/* clearfix */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
/* /clearfix */

/* flex */
.flex {
  	display:-ms-flexbox;
  	display:flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.flex-s {justify-content:flex-start!important;}
.space-a {justify-content: space-around!important;}
.space-b {justify-content: space-between!important;}
.item-c {align-items: center;}
/*/ flex */

/* リンクボタン */
a.link-bn,
a.link-bn2,
a.link-bn3 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    height: 70px;
    max-width: 360px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d499ea;
    padding: 10px;
}
/* /リンクボタン */

body {
    text-align: center;
    font-family: "游ゴシック体", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    color: #6a6a6a;
    -webkit-text-size-adjust: none;
    width: 100%;
}

*::-moz-selection {background:#282828; color:#fff;}
*::selection {background:#282828; color:#fff;}

main {
    max-width: 1920px;
    margin: 0 auto;	
}

	@media screen and (max-width: 1000px) {
		main {max-width: 1000px;}
	}	

/* ハンバーガー sp-only */
#humb-menu {display:none;}
	
@media screen and (max-width: 1000px) {
	#humb-menu {
		display: block;
		/*background: rgba(255,255,255,.8);*/
		width: 100%;
		height: 100px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	}
}

	@media screen and (max-width: 414px) {
		#humb-menu {height: auto;}
	}

@media screen and (max-width: 1000px) {
	#humb-menu h1 {
		font-size: 14px;
		text-align: left;
		padding: 10px;
		padding-left: 20px;
		background: rgba(255,255,255,.8);
		color: #686868
	}
}

	@media screen and (max-width: 414px) {
		#humb-menu h1 {
			font-size: 13px;
			padding-left: 12px;
		}
	}

@media screen and (max-width: 1000px) {
	#humb-menu h2 {
		position: fixed;
		top: 30px;
		margin-left: 20px;
	}
}

	@media screen and (max-width: 680px) {
		#humb-menu h2 {
			top: 40px;
			margin-left: 15px;
		}
	}

	@media screen and (max-width: 540px) {
		#humb-menu h2 {
			top: 45px;
			margin-left: 15px;
		}
	}

	@media screen and (max-width: 414px) {
		#humb-menu h2 {top: 40px;}
	}

@media screen and (max-width: 1000px) {
	#humb-menu h2 img {width: 100%;max-width: 560px;}
}

	@media screen and (max-width: 680px) {
		#humb-menu h2 img {max-width: 400px;}
	}

	@media screen and (max-width: 540px) {
		#humb-menu h2 img {max-width: 300px;}
	}

	@media screen and (max-width: 414px) {
		#humb-menu h2 img {max-width: 275px;}
	}

	@media screen and (max-width: 360px) {
		#humb-menu h2 img {max-width: 240px;}
	}

@media screen and (max-width: 1000px) {
	#gnav-btn {
		display:block;
		position: fixed;
		top: 40px;
		right: 20px;
		z-index: 100;
	}
}

	@media screen and (max-width: 540px) {
		#gnav-btn {top: 40px;}
	}

	@media screen and (max-width: 414px) {
		#gnav-btn {right: 10px;}
	}

@media screen and (max-width: 1000px) {
	#gnav-input:checked ~ #gnav-content {top: 0;}
}

@media screen and (max-width: 1000px) {
	#gnav-content {
		position: fixed;
		top: -120%;
		right: 0;
		z-index: 20;
		transition: 0.3s;
		color: #000;
		width: 100%;
		height: 100vh;
		overflow: auto;
	}
}

@media screen and (max-width: 1000px) {
	#gnav-content ul.nv-box {margin-top: 50px;}
}

@media screen and (max-width: 1000px) {
	#gnav-content ul.nv-box li {
		width: 100%;
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
		text-align: right;
		font-size: 3.2vw;

	}
}

@media screen and (max-width: 1000px) {
	#gnav-content ul.nv-box li img {
		width: 3vw;
		margin-left: 0.5vw;
	}
}

	@media screen and (max-width: 640px) {
		#gnav-content ul.nv-box li img {
			width: 24px;
			margin-left: 5px;
		}
	}

	@media screen and (max-width: 414px) {
		#gnav-content ul.nv-box li img {
			width: 20px;
		}
	}

@media screen and (max-width: 1000px) {
	#gnav-content ul.nv-box li span {
color:#ff0000}
}

@media screen and (max-width: 1000px) {
	#gnav-content ul.nv-box li a {
		display: block;
		height: 100%;
		box-sizing: border-box;
		background: none;
		font-size: 3.2vw;
	}
}

	@media screen and (max-width: 640px) {
		#gnav-content ul.nv-box li a {font-size: 24px;}
	}

	@media screen and (max-width: 414px) {
		#gnav-content ul.nv-box li a {font-size: 18px;}
	}

@media screen and (max-width: 1000px) {
	#gnav-content ul.nv-box li i {
		display: inline-block;
		line-height: 50px;
		width: 75px;
		text-align: center;
	}
}

	@media screen and (max-width: 660px) {
		#gnav-content ul.nv-box li i {
			line-height: 7.5758vw;
			width: 11.3636vw;
		}
	}

	@media screen and (max-width: 414px) {
		#gnav-content ul.nv-box li i {
			line-height: 26px;
			width: 35px;
		}
	}

@media screen and (max-width: 1000px) {
	#gnav-content ul.nv-box li i img {width: 40px;}
}
	@media screen and (max-width: 660px) {
		#gnav-content ul.nv-box li i img {width: 6.0606vw;}
	}

	@media screen and (max-width: 414px) {
		#gnav-content ul.nv-box li i img {width: 25px;}
	}

@media screen and (max-width: 1000px) {
	#gnav-content ul li p {
		display: inline-block;
		font-size: 24px;
		vertical-align: bottom;
		margin-left: 20px;
	}
}

	@media screen and (max-width: 660px) {
		#gnav-content ul li p {
			font-size: 3.6364vw;
			margin-left: 3.0303vw;
		}
	}

	@media screen and (max-width: 414px) {
		#gnav-content ul li p {
			font-size: 14px;
			margin-left: 5px;
			line-height: 20px;
		}
	}

@media screen and (max-width: 1000px) {
	#gnav-content h1 {
		padding: 10px 0 0 5px;
		text-align: left;
		height: 70px;
	}
}	
	
@media screen and (max-width: 1000px) {
	#gnav-content h1 img {
		width: 100%;
		max-width: 260px;
	}
}
	
@media screen and (max-width: 1000px) {
	#gnav-content .nb-box {
		justify-content: flex-start;
		margin: 5px auto;
	}
}

	@media screen and (max-width: 480px) {
		#gnav-content .nb-box {justify-content: center;}
	}

@media screen and (max-width: 1000px) {
	#gnav-content .nb-box a {
		display: block;
		margin: 10px;
	}
}

@media screen and (max-width: 1000px) {
	#gnav-content .nb-box a img {
		width: 100%;
		max-width: 330px;
	}
}

@media screen and (max-width: 1000px) {
	#humb-menu label {
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 5px;
		cursor: pointer;
	}
}

@media screen and (max-width: 1000px) {
	#humb-menu input {display: none;}
}

@media screen and (max-width: 1000px) {
	#humb-menu .accshow {
		height: 0;
		overflow: hidden;
	}
}

@media screen and (max-width: 1000px) {
	#humb-menu .accshow p {padding: 1.5rem;}
}

@media screen and (max-width: 1000px) {
	#humb-menu .cssacc:checked + .accshow {height: auto;}
}

@media screen and (max-width: 1000px) {
	.menu-trigger,.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1000px) {
	.menu-trigger {
		position: relative;
		width: 60px;
		height: 55px;
	}
}

	@media screen and (max-width: 414px){
		.menu-trigger {width: 45px;}
	}

@media screen and (max-width: 1000px) {
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #868686;
		border-radius: 0;
	}
}

@media screen and (max-width: 1000px) {
	.menu-trigger span:nth-of-type(1) {top: 0;}
}

@media screen and (max-width: 1000px) {
	.menu-trigger span:nth-of-type(2) {top: 20px;}
}

	@media screen and (max-width: 414px){
		.menu-trigger span:nth-of-type(2) {top: 15px;}
	}

@media screen and (max-width: 1000px) {
	.menu-trigger span:nth-of-type(3) {bottom: 10px;}
}

	@media screen and (max-width: 414px){
		.menu-trigger span:nth-of-type(3) {bottom: 20px;}
	}

@media screen and (max-width: 1000px) {
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(20px) rotate(-315deg);
		transform: translateY(20px) rotate(-315deg);
	}
}

@media screen and (max-width: 1000px) {
	.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
}

@media screen and (max-width: 1000px) {
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-20px) rotate(315deg);
		transform: translateY(-20px) rotate(315deg);
	}
}

@media screen and (max-width: 1000px) {
	.menu-trigger.active span:nth-of-type(1) {top: 5px; background-color: #868686;}
}

@media screen and (max-width: 1000px) {
	.menu-trigger.active span:nth-of-type(3) {bottom: 5px; background-color: #868686;}
}	
/* ハンバーガー sp-only */

/***** sp-header *****/
#sp-header {
	width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 1000px) {
	#sp-header {max-width: 1000px;}
}
	
	
#sp-header header {
    margin: 0 auto;
    position: relative;
    width: 100%;
}
	
	@media screen and (max-width: 1000px) {
		#sp-header header {
			margin: 10px auto;
			position: relative;
			width: 100%;
		}
	}

#sp-header header h2 {display: none;}

@media screen and (max-width: 1000px) {
#sp-header header h2 {
    display: block;
    text-align: left;
    margin: 50px 20px 0;
	z-index: 150;
}
}

@media screen and (max-width: 1000px) {
	#sp-header header h2 img {width: 300px;}
}

@media screen and (max-width: 414px) {
	#sp-header header h2 img {width: 260px;}
}

		
#sp-header header .head-info {display: none;}

	@media screen and (max-width: 1000px) {
		#header header .head-info {
			display: block;
			width: 100%;
			padding: 10px;
		}
	}

	@media screen and (max-width: 1000px) {
		#sp-header header .head-info h1 {text-align: left;}
	}

	@media screen and (max-width: 1000px) {
		#sp-header header .head-info h1 img {
			width: 100%;
			max-width: 570px;
		}
	}

	@media screen and (max-width: 1000px) {
		#sp-header header .head-info h2 {
			text-align: left;
			font-size: 18px;
			margin-top: 5px;
		}
	}

#sp-header nav {background: #fff;}


#sp-header nav ul {}

#sp-header nav ul li {}

#sp-header nav ul li a {
    background: #fff;
    color: #000;
    display: block;
    padding: 15px;
}

	@media screen and (max-width: 1000px) {
		#sp-header nav ul li a {
			background: #fff;
			color: #000;
			display: block;
			padding: 15px;
		}
	}

	@media screen and (max-width: 750px){
		#sp-header nav ul li a {padding: 2vw;}
	}

#sp-header nav ul li p {
    font-size: 20px;
    margin-top: 10px;
}

	@media screen and (max-width: 1000px) {
		#sp-header nav ul li p {
			font-size: 20px;
			margin-top: 10px;
		}
	}

	@media screen and (max-width: 750px){
		#sp-header nav ul li p {
			font-size: 2.6667vw;
			margin-top: 1.3333vw;
		}
	}	
/***** /sp-header *****/

/***** hnav-area *****/
.hnav-area {
    position: fixed;
    top: 0;
    height: 120px;
    width: 100%;
    color: #fff;
    z-index: 100;
    background: #fff;
    padding: 30px 0;
    box-shadow: 0px 0px 10px #ccc;
}

	@media screen and (max-width: 1500px){
		.hnav-area {padding: 20px 0 5px;}
	}

	@media screen and (max-width: 1280px){
		.hnav-area {
			height: 100px;
			padding: 10px 0;
		}
	}

	@media screen and (max-width: 1000px){
		.hnav-area {display: none!important;}
	}

.hnav-area .inner {
    width: 1500px;
	margin: 0 auto;
}

	@media screen and (max-width: 1500px){
		.hnav-area .inner {width: 100vw;}
	}

.hnav-area h1 {
    padding-left: 20px;
    color: #282828;
    font-size: 14px;
    text-align: left;
    margin-bottom: 5px;
}

	@media screen and (max-width: 1280px){
		.hnav-area h1 {
			font-size: 1.0938vw;
			margin-bottom: 0.3906vw;
			margin-top: 0.2344vw;
		}
	}

.hnav-area h2 {padding-left: 20px}

	@media screen and (max-width: 1500px){
		.hnav-area h2 {padding-top: 5px;}
	}

	@media screen and (max-width: 1280px){
		.hnav-area h2 {
			padding-top: 0.3906vw;
		}
	}

.hnav-area h2 img {width:450px; }

	@media screen and (max-width: 1280px){
		.hnav-area h2 img {width:35.1563vw; }
	}

.hnav-area .h-info {
}

	@media screen and (max-width: 1280px){
		.hnav-area .h-info {
		}
	}

.hnav-area .h-info p {
    color: #6a6a6a;
    font-weight: bold;
    text-align: left;
	padding-left: 20px;
}

	@media screen and (max-width: 1280px){
		.hnav-area .h-info p {
		}
	}

.hnav-area .h-info p span {
    margin-left: 10px;
}

	@media screen and (max-width: 1280px){
		.hnav-area .h-info p span {
		}
	}

.hnav-area .h-info i {
}

	@media screen and (max-width: 1280px){
		.hnav-area .h-info i {
		}
	}

#sp-header .h-info {display: none;
}

	@media screen and (max-width: 1000px){
		#sp-header .h-info {
			display: block;
		}
	}

#sp-header .h-info p {
    color: #6a6a6a;
    font-weight: bold;
    text-align: left;
	padding-left: 20px;
}

	@media screen and (max-width: 414px){
		#sp-header .h-info p {
			font-size: 14px;
		}
	}

#sp-header .h-info p span {
    margin-left: 10px;
}

	@media screen and (max-width: 1000px){
		#sp-header .h-info p span {
		}
	}

#sp-header .h-info i {
}

	@media screen and (max-width: 1000px){
		#sp-header .h-info i {
		}
	}



.hnav-area ul {
    margin: 0 auto;
    width: 1000px;
    height: auto;
}

	@media screen and (max-width: 1500px){
		.hnav-area ul {
			width: 800px;
			line-height: 1.5em;
		}
	}

	@media screen and (max-width: 1280px){
		.hnav-area ul {width: 620px;}
	}

.hnav-area ul li {
    font-size: 18px;
    font-weight: bold;
    margin: 0 10px;
	color:#6a6a6a
}

	@media screen and (max-width: 1280px){
		.hnav-area ul li {
			font-size: 16px;
			font-weight: bold;
			margin: 0 5px;
		}
	}

.hnav-area ul li span {
color: #ff0000}

.hnav-area ul li a {color: #6a6a6a;}
.hnav-area ul li a:hover {color: #f55173;}

.hnav-area ul li p {
	font-size: 24px;
	margin-top: 5px;
}

/***** /hnav-area *****/

/***** #u-header *****/
#u-header .h-nav {
    width: 100%;
    color: #fff;
    z-index: 100;
    background: #fff;
    padding: 50px 0;
}

	@media screen and (max-width: 1500px){
		#u-header .h-nav {padding: 35px 0 50px;}
	}

	@media screen and (max-width: 1280px){
		#u-header .h-nav {
			height: 100px;
			padding: 10px 0;
		}
	}

	@media screen and (max-width: 1000px){
		#u-header .h-nav {display: none!important;}
	}

#u-header .h-nav .inner {
    width: 1500px;
	margin: 0 auto;
}

	@media screen and (max-width: 1500px){
		#u-header .h-nav .inner {width: 100vw;}
	}

#u-header .h-nav h1 {padding-left: 20px}

	@media screen and (max-width: 1500px){
		#u-header .h-nav h1 {padding-top: 15px;}
	}

	@media screen and (max-width: 1280px){
		#u-header .h-nav h1 {padding-top: 1.1719vw;}
	}

#u-header .h-nav h1 img {width:450px; }

	@media screen and (max-width: 1280px){
		#u-header .h-nav h1 img {width:35.1563vw; }
	}

#u-header .h-nav ul {
    margin: 0 auto;
    width: 1000px;
    height: auto;
}

	@media screen and (max-width: 1500px){
		#u-header .h-nav ul {
			width: 800px;
			line-height: 1.5em;
		}
	}

	@media screen and (max-width: 1280px){
		#u-header .h-nav ul {width: 620px;}
	}

#u-header .h-nav ul li {
    font-size: 18px;
    font-weight: bold;
    margin: 0 10px;
}

	@media screen and (max-width: 1280px){
		#u-header .h-nav ul li {
			font-size: 16px;
			font-weight: bold;
			margin: 0 5px;
		}
	}

#u-header .h-nav ul li a {color: #6a6a6a;}
#u-header .h-nav ul li a:hover {color: #f55173;}

#u-header .h-nav ul li p {
	font-size: 24px;
	margin-top: 5px;
}
/***** /#u-header  *****/

/***** fnav-area *****/

.fnav-area {display: none;}

	@media screen and (min-width: 1001px) {
		.fnav-area {display: none!important;}
	}

	@media screen and (max-width: 1000px) {
		.fnav-area {
			display: block;
			position: fixed;
			bottom: 0;
			height: 70px;
			width: 100%;
			color: #fff;
			z-index: 100;
			background: #888;
		}
	}

	@media screen and (max-width: 750px){
		.fnav-area {
			height: 18.6667vw;
			background-size: contain;
		}
	}

.fnav-area ul {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.fnav-area ul li {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.fnav-area ul li a {color: #fff;}

.fnav-area ul li p {
    font-size: 24px;
    margin-top: 5px;
}

	@media screen and (max-width: 750px){
		.fnav-area ul li p {
			font-size: 3.2vw;
			margin-top: 0.6667vw;
		}
	}
/***** /fnav-area *****/

/* common */
.cont-box {     
	padding: 0 0 25px;
	margin-bottom:30px;
}

.cont-box-nobg {     
	padding: 0 0 25px;
	margin-bottom:30px;
}
/* /common */

/***** top-cover *****/

@media screen and (max-width: 1000px) {
	#cover-header {padding-top: 0px;}
}

.top-cover {
    background: url(../images/pc-top-bg.jpg) no-repeat center top;
    background-size: cover;
    height: 647px;
}

	@media screen and (max-width: 1200px) {
		.top-cover {height: 53.9167vw;}
	}

	@media screen and (max-width: 1000px) {
		.top-cover {
			background: url(../images/sp-top-bg.jpg) no-repeat center top;
			height: 98.6vw;
			background-size: cover;
		}
	}

.top-cover .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

	@media screen and (max-width: 1000px) {
		.top-cover .inner {padding-right: 30px;}
	}

.cover-cover {
    position: absolute;
    top: 18%;
    left: 39%;
}

.cover-logo {padding: 100px 0 0;}

	@media screen and (max-width: 1200px) {
		.cover-logo {padding: 8.3333vw 0 0;}
	}

	@media screen and (max-width: 1000px) {
		.cover-logo {display: none;}
	}

.cover-logo img {}

	@media screen and (max-width: 1200px) {
		.cover-logo img {width: 32.4167vw;}
	}

.cont-logo {display: none;}

	@media screen and (max-width: 1000px) {
		.cont-logo {
			display: block;
			text-align: left;
		}
	}

.cont-logo  img {}

	@media screen and (max-width: 1000px) {
		.cont-logo img {
			width: 100%;
			max-width: 770px;
			margin-left: 10px;
		}
	}

.top-cover h3 {display: none;}

	@media screen and (max-width: 1000px) {
		.top-cover h3 {
			display: block;
			text-align: right;	
			padding-top: 10.9vw;
		}
	}

.top-cover h3 img {	}

	@media screen and (max-width: 1000px) {
		.top-cover h3 img {width: 39.4vw;}
	}

.top-cover .nav-box {
    position: absolute;
    top: 30px;
    right: 0;
}

	@media screen and (max-width: 1200px) {
		.top-cover .nav-box {top: 2.5vw;}
	}

	@media screen and (max-width: 1000px) {
		.top-cover .nav-box {
			top: 20vw;
			right: 6vw;
		}	
	}

.top-cover .nav-box .check {
    font-family: 'Montserrat', sans-serif;
    color: #f55173;
    font-weight: bold;
    text-align: center;
    border: 1px solid #f55173;
    padding: 5px 0px;
    font-size: 30px;
    margin-left: 146px;
    width: 230px;
}

	@media screen and (max-width: 1200px) {
		.top-cover .nav-box .check {
			padding: 0.4167vw 0px;
			font-size: 2.5vw;
			margin-left: 12.1667vw;
			width: 19.1667vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.top-cover .nav-box .check {display: none;}
	}

.top-cover nav {
	font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic;
    margin-top: 0;
}

	@media screen and (max-width: 1000px) {
		.top-cover nav {margin-top: 5vw;}
	}

.top-cover nav ul {}

.top-cover nav ul li {
    text-align: right;
    font-size: 19px;
    font-weight: bold;
    padding: 10px 0;
    position: relative;
    padding-right: 40px;
}

	@media screen and (max-width: 1200px) {
		.top-cover nav ul li {
			font-size: 1.5833vw;
			padding: 0.8333vw 0;
			padding-right: 3.3333vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.top-cover nav ul li {
			text-align: right;
			font-size: 2.4vw;
			padding: 1vw 0;
			padding-right: 0;

		}
	}

.top-cover nav ul li span {
color:#ff0000}

.top-cover nav ul li a {color: #646464}

.top-cover nav ul li a:hover {color: #f55173}

.top-cover nav ul li::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    border: 1px solid #646464;
    width: 35px;
}

	@media screen and (max-width: 1200px) {
		.top-cover nav ul li::after {
			top: 1.5vw;
			width: 2.9167vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.top-cover nav ul li::after {
			content: "";
			position: static;
			border: none;
			width: auto;
		}
	}

.top-cover .txt1 {
	font-family: 'Montserrat', sans-serif;
    color: #f55173;
    font-weight: bold;
    text-align: right;
    margin-top: 13px;
}

	@media screen and (max-width: 1200px) {
		.top-cover .txt1 {margin-top: 1.0833vw;}
	}

	@media screen and (max-width: 1000px) {
		.top-cover .txt1 {
			margin-top: 1.3vw;
			margin-right: 1.4vw;
		}
	}

.top-cover .txt2 {
    background: #f55173;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    padding: 8px;
    margin-top: 0px;
}

	@media screen and (max-width: 1200px) {
		.top-cover .txt2 {
			font-size: 2.5vw;
		    padding: 0.6667vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.top-cover .txt2 {
			font-size: 3vw;
			padding: 0.8vw;
		}
	}	
/***** /top-cover *****/

/***** cont-title *****/
.cont-title {
    background: #f45171;
    padding: 35px 15px 30px;
}

	@media screen and (max-width: 1000px) {
		.cont-title {
			padding: 3.5vw 1.5vw 3vw;
		}
	}

.cont-title img {
    width: 100%;
    max-width: 747px;
}
/***** /cont-title *****/

/***** point *****/
.b-line {
    border-radius: 34px;
    border: solid 1px #646464;
    padding: 20px;
    margin: 15px;
}

	@media screen and (max-width: 1450px) {
		.b-line {
			padding: 1.3793vw;
			margin: 1.0345vw;
			border-radius: 2.3448vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.b-line {
			border: none;
			padding: 0;
			margin: 1.5vw;
		}
	}

.point {
	margin: 50px auto;
	width: 100%;
	max-width: 1420px;
}

	@media screen and (max-width: 1000px) {
		.point {margin: 5vw auto;}
	}

.point-box {
    background: url(../images/point-bg.png) no-repeat right bottom;
	width: 443px;
	min-height: 620px;
}	

	@media screen and (max-width: 1450px) {
		.point-box {
			width: 30.5517vw;
			min-height: inherit;
		}
	}

	@media screen and (max-width: 1000px) {
		.point-box {
			background: none;
			width: 100%;
			min-height: inherit;
		}
	}

.point-box h3 {margin: 35px auto 10px;}

	@media screen and (max-width: 1000px) {
		.point-box h3 {margin: 0px auto 2vw;}
	}	

.point-box:last-of-type h3 {margin: 30px auto 10px;}

	@media screen and (max-width: 1000px) {
		.point-box:last-of-type h3 {margin: 3vw auto 1vw;}
	}	

.point-box h3 img {width: 100%}

.point-box p {
    font-size: 15px;
    line-height: 24px;
}

	@media screen and (max-width: 1000px) {
		.point-box p {
			font-size: 2.8vw;
			line-height: 4vw;
		}
	}	

	@media screen and (max-width: 414px) {
		.point-box p {
			font-size: 3.8647vw;
			line-height: 5.7971vw;
		}
	}	

.point-box p:first-of-type {
    font-size: 18px;
    font-weight: bold;
    color: #ff6a8a;
}

	@media screen and (max-width: 1000px) {
		.point-box p:first-of-type {font-size: 3.4vw;}
	}	

	@media screen and (max-width: 414px) {
		.point-box p:first-of-type {font-size: 4.3478vw;}
	}	

.point-box p:last-of-type {margin-top: 10px;}

@media screen and (max-width: 1000px) {
	.point-box p:last-of-type {margin-top: 2.5vw;}
}
/***** /point *****/

/***** #u-cont *****/
@media screen and (max-width: 1000px) {
	#u-cont {margin-top: 50px;}
}
/***** /#u-cont *****/

/***** br responsive *****/
@media screen and (min-width: 1001px) {
	br.i-pc {display: block;}
	br.i-sp {display: none;}
	br.u-pc {display: block;}
	br.u-sp {display: none;}
}

@media screen and (max-width: 1000px) {
	br.i-pc {display: none;}
	br.i-sp {display: block;}
	br.u-pc {display: none;}
	br.u-sp {display: block;}
}
/***** /br responsive *****/

/***** shop *****/

.shop01 h3,.shop02 h3 {margin: 30px auto;}

	@media screen and (max-width: 1000px) {
		.shop01 h3,.shop02 h3 {margin: 0 auto 1vw;}
	}

/* shop01 */
.shop01 {}

.shop01 h3 img {
    width: 100%;
    max-width: 1105px;
}

	@media screen and (max-width: 1000px) {
		.shop01 h3 img {
			width: 100%;
			max-width: 827px;
		}
	}
/* /shop01 */

#type01 .shop02 .trend img {}

	@media screen and (max-width: 1000px) {
		#type01 .shop02 .trend img {width: 30.2vw;}
	}

	@media screen and (max-width: 460px) {
		#type01 .shop02 .trend img {width: 28.2vw;}
	}

#type02 .shop02 .trend img {}

	@media screen and (max-width: 1000px) {
		#type02 .shop02 .trend img {width: 94%;}
	}

#type03 .shop02 .trend img {}

	@media screen and (max-width: 1000px) {
		#type03 .shop02 .trend img {width: 94%;}
	}

	@media screen and (max-width: 1000px) {
		#type03 .shop02 .trend2 img {width: 94%;}
	}

	@media screen and (max-width: 640px) {
		#type03 .shop02 .trend2 img {width: 50%;}
	}

	@media screen and (max-width: 1000px) {
		#type03 .shop02 .trend3 img {width: 94%;}
	}

	@media screen and (max-width: 640px) {
		#type03 .shop02 .trend3 img {width: 50%;}
	}

/* shop02 */
	@media screen and (min-width: 1001px) {
		.shop02 br.sp {display: none;}
	}

	@media screen and (max-width: 1000px) {
		.shop02 br.sp  {display: block;}
	}

.shop02 {padding: 50px 20px;}

	@media screen and (max-width: 1000px) {
		.shop02 {padding: 30px;}
	}

	@media screen and (max-width: 414px) {
		.shop02 {padding: 15px;}
	}

.shop02 h4 {
    background: url(../images/f-caution.png) no-repeat center top;
    width: 1200px;
    height: 234px;
    margin: 50px auto;
    padding-top: 120px;
}

	@media screen and (max-width: 1200px) {
		.shop02 h4 {
			background-size: 100%;
			width: 100%;
			height: 19.5vw;
			margin: 4.1667vw auto;
			padding-top: 10vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.shop02 h4 {
			background: url(../images/sp_f-caution.png) no-repeat center top;
			width: 100%;
			background-size: contain;
			height: 35vw;
			margin: 0 auto;
			padding-top: 13vw;
		}
	}

.shop02 h4 img {width: 150px;}

	@media screen and (max-width: 1000px) {
		.shop02 h4 img {width: 15vw;}
	}

.shop02 h4 p {
    font-size: 30px;
    font-weight: bold;
    color: #e40f3b;
    margin-top: 20px;
}

	@media screen and (max-width: 1200px) {
		.shop02 h4 p {
			font-size: 2.5vw;
			margin-top: 1.6667vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.shop02 h4 p {
			font-size: 4vw;
			line-height: 5.2vw;
			font-weight: bold;
			color: #e40f3b;
			margin-top: 2vw;
		}
	}

.shop02 .shp-txt p span.pc {}

	@media screen and (max-width: 1000px) {
		.shop02 .shp-txt p span.pc {display: none;}
	}

.shop02 .trend {margin: 50px 50px 20px;}

	@media screen and (max-width: 1000px) {
		.shop02 .trend {margin: 3vw 1vw 3vw;}
	}

.shop02 .trend2 {margin: 50px 50px 20px;}

	@media screen and (max-width: 1000px) {
		.shop02 .trend2 {margin: 3vw 1vw 3vw;}
	}

.shop02 .trend3 {margin: 50px 50px 20px;}

	@media screen and (max-width: 1000px) {
		.shop02 .trend3 {margin: 3vw 1vw 3vw;}
	}

	@media screen and (max-width: 414px) {
		.shop02 .trend3:last-of-type {width: 75%;}
	}

.shop02 .shp-txt {}

	@media screen and (max-width: 1000px) {
		.shop02 .shp-txt {margin: 4.5vw auto;}
	}

.shop02 .shp-txt p.sp {display: none;}

	@media screen and (max-width: 1000px) {
		.shop02 .shp-txt p.sp {display: block;}
	}

.shop02 .shp-txt p {
    font-size: 18px;
    margin: 0px auto;
    line-height: 30px;
    color: #484848;
}

	@media screen and (max-width: 1000px) {
		.shop02 .shp-txt p {
			font-size: 2.8vw;
			line-height: 4.4vw;
		}
	}

	@media screen and (max-width: 414px) {
		.shop02 .shp-txt p {
			font-size: 13px;
			line-height: 28px;
		}
	}

.shop02 .shp-txt p span {
    font-weight: bold;
    color: #ff819e;
}

.shop02 .shp-txt p span span {border-bottom: 3px solid #ffe96f;}

.shop02 p.blue-t {
    color: #2b333e;
    margin-top: 35px;
}
/* /shop02 */

/***** shop *****/

/* 下線 */
.b-txt {
	color:#ff819e;
	font-weight: bold;
	position: relative;
	border-bottom: 3px solid #ffe96f;
}

.b-txt.pc {}

	@media screen and (max-width: 1000px) {
		.b-txt.pc {display: none;}
	}

/* /下線 */

/***** 当店では *****/
.point-box .sh-p {margin: 20px auto;}

	@media screen and (max-width: 1000px) {
		.point-box .sh-p {margin: 5vw auto;}
	}

.point-box .sh-p img {
	width: 100%;
	max-width: 800%;
	margin: 0 auto
}

	@media screen and (max-width: 1000px) {
		.point-box .sh-p img {
			width: 100%;
			max-width: 800%;
			margin: 0 auto
		}
	}

.point-box .sh-p p {
    font-size: 14px;
    font-weight: bold;
    color: #ff6a8a;
    line-height: 24px;
    margin: 10px auto;
}

	@media screen and (max-width: 1000px) {
		.point-box .sh-p p {
			font-size: 2.8vw;
			line-height: 4vw;
			margin: 3vw auto;
		}
	}

	@media screen and (max-width: 414px) {
		.point-box .sh-p p {
			font-size: 3.8647vw;
			line-height: 5.7971vw;
			margin: 2.4155vw auto 0;
		}
	}
/***** /当店では *****/

/***** /top.html *****/

/***** u-cont *****/
#u-cont header {}

#u-cont header h1 {}

#u-cont header h1 img {
    width:100%;
    padding-top: 0;
}

#u-cont header h1 p {
    font-family: "游ゴシック体", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    color: #f55173;
    text-align: center;
	font-weight: bold;
    font-size: 60px;
    padding-top: 100px;
}

	@media screen and (max-width: 1000px) {
		#u-cont header h1 p {
			font-size: 6vw;
			padding-top: 10vw;
		}
	}

	@media screen and (max-width: 414px) {
		#u-cont header h1 p {
			font-size: 34px;
			padding-top: 30px;
		}
	}

#u-cont header p {
    font-family: 'Montserrat', sans-serif;
    color: #f55173;
	padding: 10px 0px;
    font-size: 20px;
    letter-spacing: 3px;
}

	@media screen and (max-width: 1000px) {
		#u-cont header p {
			padding: 1vw 0px;
			font-size: 2vw;
			letter-spacing: 0.3vw;
		}
	}

	@media screen and (max-width: 414px) {
		#u-cont header p {
			padding: 5px ;
			font-size: 18px;
			letter-spacing: 3px;
		}
	}

.con-box {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto;
}

	@media screen and (max-width: 1000px) {
		.con-box {width: 100%;}
	}

/***** /u-cont *****/

/***** u-cont area *****/

/* area */
.area-u {}

.area-u header {}

.area-u header h1 {}
.area-u header h1 img {}

.area-u .areaset {margin: 30px auto;}

.area-u .areaset i {margin-right: 10px}

.area-u h2 {
    color: #fff;
    background: #f45171;
    font-size: 30px;
    font-weight: bold;
    padding: 5px 5px 5px 30px;
    box-sizing: border-box;
    height: 50px;
    line-height: 40px;
    text-align: left;
    position: relative;
    margin-bottom: 45px;
}

	@media screen and (max-width: 640px) {
		.area-u h2 {font-size: 24px;}
	}

	@media screen and (max-width: 414px) {
		.area-u h2 {font-size: 20px;}
	}

.area-u h2::before {
    content: "";
    position: absolute;
    top: 78%;
    left: 80px;
    margin-left: -50px;
    border: 11px solid transparent;
    border-top: 33px solid #f45171;
    transition: auto;
    transform: rotate(33deg);
}

.area-u h2 span {
    background: #fff;
    color: #f45171;
    border-radius: 20px;
    font-size: 18px;
    padding: 2px 20px;
    margin-left: 15px;
    vertical-align: bottom;
}

	@media screen and (max-width: 414px) {
		.area-u h2 span {font-size: 16px;}
	}

.area-u h3 {
    color: #fff;
    background: #ccc;
    font-size: 30px;
    font-weight: bold;
    padding: 5px 5px 5px 30px;
    box-sizing: border-box;
    height: 50px;
    line-height: 40px;
	margin: 20px auto;
    text-align: left;
}

	@media screen and (max-width: 640px) {
		.area-u h3 {font-size: 24px;}
	}

	@media screen and (max-width: 414px) {
		.area-u h3 {font-size: 20px;}
	}

.area-u .select {text-align: left;}

.area-u .select ul {justify-content: flex-start;}

.area-u .select p {
    font-size: 18px;
    padding: 5px;
    margin: 8px 0;
}

	@media screen and (max-width: 1000px) {
		.area-u .select p {
			font-size: 30px;
			padding: 10px;
			margin: 10px 0;
		}
	}

	@media screen and (max-width: 640px) {
		.area-u .select p {font-size: 24px;}
	}

	@media screen and (max-width: 414px) {
		.area-u .select p {
			font-size: 16px;
			padding: 5px;
			margin: 10px 0;
		}
	}

.area-u .select ul li {
    font-size: 18px;
    width: 25%;
    padding: 5px;
    margin: 8px 0;
}

	@media screen and (max-width: 1000px) {
		.area-u .select ul li {
			font-size: 30px;
			width: 50%;
			padding: 10px;
			margin: 10px 0;
		}
	}

	@media screen and (max-width: 640px) {
		.area-u .select ul li {font-size: 24px;}
	}

	@media screen and (max-width: 414px) {
		.area-u .select ul li {
			font-size: 16px;
			width: 50%;
			padding: 5px;
			margin: 10px 0;
		}
	}

.area-u .select ul li a {}
/* /area */

/* /area-detail */
.area-detail {}

.area-detail h2 {
    border: 1px solid #d5d5d5;
    background: #fff;
    color: #6a6a6a;
    text-align: center;
    width: 100%; 
	max-width: 1000px;
    margin: 50px auto;
    font-size: 20px;
    font-weight: bold;
    height: 70px;
    line-height: 58px;
    box-shadow: 6px 6px 0px #d5d5d5;
}

	@media screen and (max-width: 1000px) {
		.area-detail h2 {width: 94%;}
	}

	@media screen and (max-width: 800px) {
		.area-detail h2 {
			height: auto;
			line-height: 29px;
			padding: 10px;
		}
	}

.area-detail h2::before {content: none;}

.area-detail .map {}

.area-detail .map iframe {}

.area-detail .add {}

.area-detail .add {
    margin: 30px auto;
    width: 1000px;
}

	@media screen and (max-width: 1000px) {
		.area-detail .add {
			margin: 25px auto;
			width: 100%;
		}
	}

.area-detail .add {
    margin: 25px auto;
    width: 100%;
}

.area-detail .add ul {
    border-bottom: 1px solid #6a6a6a;
	text-align: left;
	margin: 20px auto;
}

.area-detail .add ul li {padding-bottom: 5px;}

	@media screen and (max-width: 1000px) {
		.area-detail .add ul li {font-size: 14px;}
	}

.area-detail .add ul li:first-of-type {
	width: 480px;
    padding-left: 10px;
}

	@media screen and (max-width: 1000px) {
		.area-detail .add ul li:first-of-type {width: 100%;}
	}

.area-detail .add ul li:nth-of-type(2) {
	width: 380px;
	padding: 0 5px;
}

	@media screen and (max-width: 1000px) {
		.area-detail .add ul li:nth-of-type(2) {width: 60%;}
	}

.area-detail .add ul li:last-of-type {
    text-align: right;
    padding-right: 10px;
}

	@media screen and (max-width: 1000px) {
		.area-detail .add ul li:last-of-type {width: 37%;}
	}

.area-detail .add ul li a {}

.area-detail .add ul li a {}

.area-detail .pager {
    width: 890px;
    margin: 0 auto;
}

	@media screen and (max-width: 1000px) {
		.area-detail .pager {
			width: 100%;
			margin: 0 auto;
		}
	}

.area-detail .pager .btn a {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #6a6a6a;
    text-align: center;
    box-sizing: border-box;
    padding: 8px 15px 8px 15px;
    border: 2px solid #353535;
    border-radius: 100px;
    background: #fff;
    height: 60px;
    margin: 0 auto;
    line-height: 40px;
    font-weight: bold;
}

.area-detail .pager .p-list {width: 260px;}
/* /area-detail */

/***** /u-cont area *****/

/***** u-cont concept *****/

.concept-u header {}

.concept-u p span {
    background: #f45171;
    color: #ffff;
	font-weight: bold;
}

.concept-u p span.big {font-size: 30px;}

.concept-u p span.gray {
    background: #787270;
    color: #ffff;
    font-weight: bold;
    margin: 0 3px;
}

/* top-atcle */
.concept-u .top-atcle {
    width: 100%;
    background: #ffeef4;
    padding: 50px 0 120px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .top-atcle {padding: 5vw 0 12vw;}
	}

.concept-u .top-atcle .txt-box {
    width: 930px;
    margin: -170px auto 50px;
}

	@media screen and (max-width: 1920px) {
		.concept-u .top-atcle .txt-box {
			margin: -8.8542vw auto 2.6042vw;
		}
	}

	@media screen and (max-width: 1200px) {
		.concept-u .top-atcle .txt-box {
			margin: -2.8542vw auto 2.6042vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.concept-u .top-atcle .txt-box {
			width: 100%;
			margin: 0px auto 50px;
			padding: 10px
		}
	}

.concept-u .top-atcle .txt-box p {
    font-size: 18px;
    line-height: 32px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .top-atcle .txt-box p {
			font-size: 4vw;
			line-height: 7vw;
		}
	}

.concept-u .top-atcle .txt-box p span {}

.concept-u .top-atcle .visual {
    width: 1200px;
    margin: 50px auto;
}

	@media screen and (max-width: 1000px) {
		.concept-u .top-atcle .visual {
			width: 100%;
			margin: 5vw auto;
		}
	}

.concept-u .top-atcle .visual .v-image {}

.concept-u .top-atcle .visual .v-image figure {}

.concept-u .top-atcle .visual .v-image figure img {}

	@media screen and (max-width: 1300px) {
		.concept-u .top-atcle .visual .v-image figure img {width:41.9231vw}		
	}		
		
	@media screen and (max-width: 1000px) {
		.concept-u .top-atcle .visual .v-image figure img {
			width: 96%;
			max-width: 942px
		}
	}
			
.concept-u .top-atcle .visual .v-txt {
    width: 50%;
    margin-left: 40px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .top-atcle .visual .v-txt {
			width: 100%;
			margin-left: 0;
			padding: 25px;
		}
	}

.concept-u .top-atcle .visual .v-txt h3 {
    font-size: 30px;
    color: #6a6a6a;
    font-weight: bold;
    text-align: left;
    line-height: 44px;
    margin-bottom: 20px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .top-atcle .visual .v-txt h3 {
			font-size: 5vw;
			line-height: 6vw;
			margin-bottom: 2vw;
		}
	}

.concept-u .top-atcle .visual .v-txt p {
    font-size: 17px;
    text-align: left;
    line-height: 26px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .top-atcle .visual .v-txt p {
			font-size: 4vw;
			line-height: 7vw;
		}
	}

.concept-u .top-atcle .step {}

.concept-u .top-atcle .step ul {}

.concept-u .top-atcle .step ul li {margin-right: 25px;}

	@media screen and (max-width: 1300px) {
		.concept-u .top-atcle .step ul li {margin-right: 1.9231vw;}
	}

.concept-u .top-atcle .step ul li img {}

	@media screen and (max-width: 1300px) and (min-width: 1001px) {
		.concept-u .top-atcle .step ul li:first-of-type img {width: 20.8462vw;}
	}

	@media screen and (max-width: 1300px) and (min-width: 1001px) {
		.concept-u .top-atcle .step ul li img {width: 22.3846vw;}
	}

	@media screen and (max-width: 1000px) {
		.concept-u .top-atcle .step ul li img {
			width: 94%;
			max-width: 828px;
		}
	}
/* /top-atcle */

/* atcle-01 */
.concept-u .atcle-01 {
    width: 100%;
    background: #fff;
    padding: 50px 0 0;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-01 {padding: 5vw 0 0;}
	}

.concept-u .atcle-01 h2 {margin: 50px auto;}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-01 h2 {margin: 5vw auto;}
	}

.concept-u .atcle-01 h2 img {
    width: 100%;
	max-width: 1126px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-01 h2 img {width: 90%;}
	}

.concept-u .atcle-01 .txt-box {
    width: 930px;
    margin: 0 auto 50px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-01 .txt-box {
			width: 100%;
			margin: 0 auto 5vw;
			padding: 10px;
		}
	}

.concept-u .atcle-01 .txt-box p {
    font-size: 18px;
    line-height: 32px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-01 .txt-box p {
			font-size: 4vw;
			line-height: 7vw;
		}
	}

.concept-u .atcle-01 .txt-box p span {}
/* /atcle-01 */

/* atcle-02 */
.concept-u .atcle-02 {
    width: 100%;
    background: #fff;
    padding: 50px 0;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-02 {padding: 5vw 0;}
	}

.concept-u .atcle-02 h2 {margin: 50px auto;}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-02 h2 {margin: 5vw auto;}
	}

.concept-u .atcle-02 h2 img {width: 100%;}

.concept-u .atcle-02 .txt-box {
    width: 930px;
    margin: -170px auto 50px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-02 .txt-box {
			width: 100%;
			margin: 5vw auto 5vw;
			padding: 10px;
		}
	}

.concept-u .atcle-02 .txt-box p {
    font-size: 18px;
    line-height: 32px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-02 .txt-box p {
			font-size: 4vw;
			line-height: 7vw;
		}
	}

.concept-u .atcle-02 .txt-box p span {}

.concept-u .atcle-02 .visual {
    width: 1200px;
    margin: 50px auto;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-02 .visual {
			width: 100%;
			margin: 5vw auto;
		}
	}

.concept-u .atcle-02 .visual .v-image {}

.concept-u .atcle-02 .visual .v-image figure {}

.concept-u .atcle-02 .visual .v-image figure img {}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-02 .visual .v-image figure img {
			width: 96%;
			max-width: 942px;
		}
	}

.concept-u .atcle-02 .visual .v-txt {
    width: 50%;
    margin-left: 40px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-02 .visual .v-txt {
			width: 100%;
			margin-left: 0;
			padding: 25px;
		}
	}

.concept-u .atcle-02 .visual .v-txt h3 {
    font-size: 30px;
    color: #6a6a6a;
    font-weight: bold;
    text-align: left;
    line-height: 44px;
    margin-bottom: 20px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-02 .visual .v-txt h3 {
			font-size: 5vw;
			line-height: 6vw;
			margin-bottom: 2vw;
		}
	}

.concept-u .atcle-02 .visual .v-txt p {
    font-size: 17px;
    text-align: left;
    line-height: 26px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-02 .visual .v-txt p {
			font-size: 4vw;
			line-height: 7vw;
		}
	}
/* /atcle-02 */

/* atcle-03 */
.concept-u .atcle-03 {
    width: 100%;
    background: #f4f4f4;
    padding: 50px 0 0;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-03 {padding: 5vw 0 0;}
	}

.concept-u .atcle-03 h2 {margin: 50px auto;}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-03 h2 {margin: 5vw auto;}
	}

.concept-u .atcle-03 h2 img {
    width: 100%;
	max-width: 1126px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-03 h2 img {width: 90%;}
	}

.concept-u .atcle-03 .txt-box {
    width: 930px;
    margin: 0 auto;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-03 .txt-box {
			width: 100%;
			padding: 10px;
		}
	}

.concept-u .atcle-03 .txt-box p {
    font-size: 18px;
    line-height: 32px;
}

	@media screen and (max-width: 1000px) {
		.concept-u .atcle-03 .txt-box p {
			font-size: 4vw;
			line-height: 7vw;
		}
	}

.concept-u .atcle-03 .txt-box p span {}
/* /atcle-03 */

/* concept-u footer */
.concept-u footer {
    background: none;
    padding: 0;
}

.concept-u footer img {width: 100%;}
/* /concept-u footer */

/***** /u-cont concept *****/

/***** u-cont blog *****/
.blog-u {margin-bottom: 100px;}

.blog-u .article-box {
    width: 800px;
    margin: 50px auto;
}

	@media screen and (max-width: 1000px) {
		.blog-u .article-box {
			width: 100%;
			margin: 50px auto;
			max-width: 800px;
		}
	}

.blog-u .article-box ul {
    border-bottom: 1px solid #6a6a6a;
    margin-bottom: 15px;
}

.blog-u .article-box ul li {
    margin-right: 15px;
    margin-bottom: 10px;
	text-align: left;
}

	@media screen and (max-width: 1000px) {
		.blog-u .article-box ul li {margin-right: 5px;}
	}

	@media screen and (max-width: 360px) {
		.blog-u .article-box ul li {margin-right: 2px;}
	}

.blog-u .article-box ul li:last-of-type {width: 75%;}

	@media screen and (max-width: 1000px) {
		.blog-u .article-box ul li:last-of-type {width: 70%;}
	}

.blog-u .article-box ul li a {}

.blog-u .article-box ul li a:hover {opacity: .8;}

.blog-u .article-box ul li img {width: 100px;}

.blog-u .article-box ul li .ysd {margin-bottom: 10px;}

.blog-u .article-box ul li p {text-align: left;}

.blog-u .article-box ul li .ysd {}

.blog-u .article-box ul li h2 {font-size: 16px;}
/* /blog-u */

/* blog-detail */
.blog-detail {
    width: 1000px;
    margin: 50px auto;
}

	@media screen and (max-width: 1000px) {
		.blog-detail {
			width: 100%;
			margin: 5vw auto;
		}
	}

.blog-detail h2 {
    position: relative;
    color: #f45171;
    border-bottom: 1px solid #f45171;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    padding: 0 0 5px 10px;
}

.blog-detail h2 span {
    position: absolute;
    top: 5px;
    right: 0;
    color: #6a6a6a;
    font-size: 14px;
}

	@media screen and (max-width: 1000px) {
		.blog-detail h2 span {top: 50px;}
	}

.blog-detail ul {margin: 20px auto;}

.blog-detail ul li {}

.blog-detail ul li:first-of-type {
    margin-right: 20px;
    margin-bottom: 10px;
}

	@media screen and (max-width: 1000px) {
		.blog-detail ul li:first-of-type {margin-top: 15px;}
	}

	@media screen and (max-width: 1000px) {
		.blog-detail ul li:first-of-type {width: 100%;}
	}
    
.blog-detail ul li:last-of-type {
    width: 680px;
    text-align: left;
}

.blog-detail ul li .article {
    line-height: 26px;
    font-size: 15px;
	padding: 5px;
}

.blog-detail ul li img {width: 300px;}

.blog-detail .pager {
    width: 890px;
    margin: 0 auto;
}

	@media screen and (max-width: 1000px) {
		.blog-detail .pager {width: 89vw;}
	}

	@media screen and (max-width: 414px) {
		.blog-detail .pager {width: 350px;}
	}

.blog-detail .pager .btn a {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #6a6a6a;
    text-align: center;
    box-sizing: border-box;
    padding: 8px 15px 8px 15px;
    border: 1px solid #353535;
    border-radius: 100px;
    background: #fff;
    height: 55px;
    margin: 0 auto;
    line-height: 36px;
    font-weight: bold;
}

.blog-detail .pager .p-prev {width: 240px;}

	@media screen and (max-width: 1000px) {
		.blog-detail .pager .p-prev {idth: 24vw;}
	}

	@media screen and (max-width: 414px) {
		.blog-detail .pager .p-prev {width: 100px;}
	}

.blog-detail .pager .p-list {width: 340px;}

	@media screen and (max-width: 1000px) {
		.blog-detail .pager .p-list {width: 34vw;}
	}

	@media screen and (max-width: 414px) {
		.blog-detail .pager .p-list {width: 145px;}
	}

.blog-detail .pager .p-next {width: 240px;}

	@media screen and (max-width: 1000px) {
		.blog-detail .pager .p-next {width: 24vw;}
	}

	@media screen and (max-width: 1000px) {
		.blog-detail .pager .p-next {width: 100px;}
	}
/* /blog-detail */

/***** /u-cont blog *****/

/***** u-cont voice *****/

/* voice */
.voice-u {margin-bottom: 100px;}

.voice-u .txt {
    margin: 50px auto;
    line-height: 36px;
}

.voice-u .txt p {
    font-size: 20px;
    font-weight: bold;
}

.voice-u .txt p span {color: #f45171;}

.voice-u .txt p span.big {    font-size: 30px;}

.voice-u .voice {
    width: 920px;
    margin: 0 auto;
}

	@media screen and (max-width: 1000px) {
		.voice-u .voice {
			width: 98vw;
			max-width: 920px;
		}
	}

.voice-u .voice ul {margin: 15px 15px 25px;}

	@media screen and (max-width: 1000px) {
		.voice-u .voice ul {margin: 1.5vw 1.5vw 2.5vw;}
	}

	@media screen and (max-width: 800px) {
		.voice-u .voice ul {margin: 1.875vw 0 3.125vw;}
	}

	@media screen and (max-width: 1000px) {
		.voice-u .voice ul {width: 46.7%;}
	}

	@media screen and (max-width: 800px) {
		.voice-u .voice ul {width: 50%;}
	}

.voice-u .voice ul li {
    width: 50%;
    max-width: 250px;
}

	@media screen and (max-width: 414px) {
		.voice-u .voice ul li:first-of-type {
			width: 100%;
			max-width: 120px;
		}
	}

.voice-u .voice ul li:last-of-type {padding: 100px 10px;}

	@media screen and (max-width: 1000px) {
		.voice-u .voice ul li:last-of-type {
			padding: 1.5vw 0.5vw;
			width: 100%;
		}
	}

	@media screen and (max-width: 414px) {
		.voice-u .voice ul li:last-of-type {
			padding: 5px;
			width: 100%;
		}
	}

.voice-u .voice ul li img {
    width: 100%;
    max-width: 180px;
}

	@media screen and (max-width: 800px) {
		.voice-u .voice ul li img {width:22.5vw;}
	}

	@media screen and (max-width: 414px) {
		.voice-u .voice ul li img {width:120px;}
	}

.voice-u .voice ul li a:hover {opacity: .8}

.voice-u .voice ul li p {width:100%; }

.voice-u .voice ul li p:first-of-type {font-size: 18px;}

	@media screen and (max-width: 800px) {
		.voice-u .voice ul li p:first-of-type {font-size: 2.25vw;}
	}

	@media screen and (max-width: 414px) {
		.voice-u .voice ul li p:first-of-type {font-size: 16px;}
	}

.voice-u .voice ul li p:last-of-type {font-size: 24px;}

	@media screen and (max-width: 800px) {
		.voice-u .voice ul li p:last-of-type {font-size: 3.75vw;}
	}

	@media screen and (max-width: 414px) {
		.voice-u .voice ul li p:last-of-type {font-size: 20px;}
	}
/* /voice */

/* /voice-detail */
.voice-detail {margin: 100px auto;}

.voice-detail ul {
    margin: 15px auto;
    width: 1000px;
}

	@media screen and (max-width: 1000px) {
		.voice-detail ul {width: 100%;}
	}

.voice-detail ul li {}

	@media screen and (max-width: 1000px) {
		.voice-detail ul li {width: 100%;}
	}

.voice-detail ul li:last-of-type {
    position: relative;
    width: 600px;
    padding: 20px 10px;
    margin-left: 40px;
}

	@media screen and (max-width: 1000px) {
		.voice-detail ul li:last-of-type {
			margin-left: 0;
			margin-top: 20px;
		}
	}

.voice-detail ul li:last-of-type::before {
	content: url(../images/voice_border.png);
	position: absolute;
	top: 0;
	left: 0;
}

	@media screen and (max-width: 1000px) {
		.voice-detail ul li:last-of-type::before {content: "";}
	}

.voice-detail ul li:last-of-type::after {
	content: url(../images/voice_border.png);
	position: absolute;
	bottom: 0;
	left: 0;
}

	@media screen and (max-width: 1000px) {
		.voice-detail ul li:last-of-type::after {content: "";}
	}

.voice-detail ul li:last-of-type img.sp {display: none;}

	@media screen and (max-width: 1000px) {
		.voice-detail ul li:last-of-type img.sp {
			display: block;
			width: 100%;
			max-width:581px;
			padding: 20px 0;
		}
	}

.voice-detail ul li img {width:300px;}

.voice-detail ul li p {width:100%; }

.voice-detail ul li p:first-of-type {
    font-size: 34px;
    padding: 30px 0 0;
    text-align: left;
}

	@media screen and (max-width: 414px) {
		.voice-detail ul li p:first-of-type {
			font-size: 24px;
			padding:0;
		}
	}

.voice-detail ul li p:nth-of-type(2) {
    font-size: 50px;
    padding: 20px 0 30px;
    text-align: left;
}

	@media screen and (max-width: 414px) {
		.voice-detail ul li p:nth-of-type(2) {
			font-size: 30px;
			padding: 10px 0 15px;
		}
	}

.voice-detail ul li p:last-of-type {
    font-size: 18px;
    line-height: 32px;
	text-align: left;
}

.voice-detail .pager {
    width: 480px;
    margin: 0 auto;
}

	@media screen and (max-width: 480px) {
		.voice-detail .pager {
			width: 100%;
			max-width: 480px;
		}
	}

.voice-detail .btn a {
    display: block;
    width: 100%;
    max-width: 1000px;
    font-size: 20px;
    color: #6a6a6a;
    text-align: center;
    box-sizing: border-box;
    padding: 8px 15px 8px 15px;
    border: 1px solid #353535;
    border-radius: 100px;
    background: #fff;
    height: 60px;
    margin: 0 auto;
    line-height: 45px;
    font-weight: bold;
}

.voice-detail .pager .p-prev {width: 240px;}

	@media screen and (max-width: 480px) {
		.voice-detail .pager .p-prev {width: 170px;}
	}

.voice-detail .pager .p-next {width: 240px;}

	@media screen and (max-width: 480px) {
		.voice-detail .pager .p-next {width: 170px;}
	}
/* /voice-detail */

/***** /u-cont voice *****/

/***** u-cont voice *****/

/* beginner1 */
.beginner1 h2 {
    font-family: "游ゴシック体", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    color: #f55173;
    text-align: center;
	font-weight: bold;
    font-size: 60px;
    padding-top: 100px;
}

	@media screen and (max-width: 1000px) {
		.beginner1 h2 {
			font-size: 6vw;
			padding-top: 10vw;
		}
	}

	@media screen and (max-width: 414px) {
		.beginner1 h2 {
			font-size: 34px;
			padding-top: 30px;
		}
	}

.beginner1 h3 {
    font-family: 'Montserrat', sans-serif;
    color: #f55173;
	padding: 10px 0px;
    font-size: 20px;
    letter-spacing: 3px;
}

	@media screen and (max-width: 1000px) {
		.beginner1 h3 {
			padding: 1vw 0px;
			font-size: 2vw;
			letter-spacing: 0.3vw;
		}
	}

	@media screen and (max-width: 414px) {
		.beginner1 h3 {
			padding: 5px 0px;
			font-size: 18px;
			letter-spacing: 3px;
		}
	}

.beginner1 p {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin: 20px auto;
}

	@media screen and (max-width: 1000px) {
		.beginner1 p {
			font-size: 30px;
			line-height: 48px;
		}
	}

	@media screen and (max-width: 640px) {
		.beginner1 p {
			font-size: 24px;
			line-height: 40px;
		}
	}

	@media screen and (max-width: 640px) {
		.beginner1 p {
			font-size: 16px;
			line-height: 28px;
		}
	}

.beginner1 p span {color: #f55173;}

.beginner1 .beg-txt {}

.beginner1 .beg-txt img {margin: 30px auto;}

	@media screen and (max-width: 1000px) {
		.beginner1 .beg-txt img {
			margin: 3vw auto;
			width: 100%;
		}
	}

.beginner1 .reason {}

.beginner1 .reason h4 img {margin: 20px auto;}

	@media screen and (max-width: 1000px) {
		.beginner1 .reason h4 img {
			margin: 2vw auto;
			width: 100%;
		}
	}

.beginner1 .reason h4 img {}

.beginner1 .reason p {
    font-size: 18px;
    font-weight: bold;
    line-height: 38px;
    margin: 20px auto;
}

	@media screen and (max-width: 1000px) {
		.beginner1 .reason p {
			font-size: 30px;
			line-height: 48px;
		}
	}

	@media screen and (max-width: 640px) {
		.beginner1 .reason p {
			font-size: 24px;
			line-height: 46px;
		}
	}

	@media screen and (max-width: 414px) {
		.beginner1 .reason p {
			font-size: 18px;
			line-height: 26px;
		}
	}

.beginner1 .reason p span {
    color: #f55173;
	font-weight: bold;
    font-size: 30px;
}

	@media screen and (max-width: 1000px) {
		.beginner1 .reason p span {font-size: 40px;}
	}

	@media screen and (max-width: 640px) {
		.beginner1 .reason p span {font-size: 30px;}
	}

	@media screen and (max-width: 414px) {
		.beginner1 .reason p span {font-size: 20px;}
	}

.beginner1 .beg-img {}

.beginner1 .beg-img img {}

	@media screen and (max-width: 1000px) {
		.beginner1 .beg-img img {width: 100%;}
	}
/* /beginner1 */

/* beginner2 */
.beginner2 h2 {
    font-family: "游ゴシック体", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    color: #f55173;
    text-align: center;
	font-weight: bold;
    font-size: 60px;
    padding-top: 100px;
}

	@media screen and (max-width: 1000px) {
		.beginner2 h2 {
			font-size: 6vw;
			padding-top: 10vw;
		}
	}

	@media screen and (max-width: 414px) {
		.beginner2 h2 {
			font-size: 34px;
			padding-top: 30px;
		}
	}

.beginner2 h3 {
    font-family: 'Montserrat', sans-serif;
    color: #f55173;
	padding: 10px 0px;
    font-size: 20px;
    letter-spacing: 3px;
}

	@media screen and (max-width: 1000px) {
		.beginner2 h3 {
			padding: 1vw 0px;
			font-size: 2vw;
			letter-spacing: 0.3vw;
		}
	}

	@media screen and (max-width: 414px) {
		.beginner2 h3 {
			padding: 5px 0px;
			font-size: 18px;
			letter-spacing: 3px;
		}
	}

.beginner2 p {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    margin: 20px auto;
}

	@media screen and (max-width: 1000px) {
		.beginner2 p {
			font-size: 30px;
			line-height: 48px;
		}
	}

	@media screen and (max-width: 640px) {
		.beginner2 p {
			font-size: 24px;
			line-height: 40px;
		}
	}

	@media screen and (max-width: 640px) {
		.beginner2 p {
			font-size: 16px;
			line-height: 28px;
		}
	}

.beginner2 p span {color: #f55173;}

.beginner2 .big-qa {
    width: 1000px;
    margin: 50px auto;
}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa {
			width: 100%;
			margin: 5vw auto;
		}
	}

.beginner2 .big-qa ul {}

.beginner2 .big-qa ul li {}

.beginner2 .big-qa ul li:nth-of-type(even) {margin-left: 50%;}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa ul li:nth-of-type(even) {margin-left: 0;}
	}

.beginner2 .big-qa ul li:nth-of-type(odd) {margin-right: 50%;}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa ul li:nth-of-type(odd) {
			margin-right: 0;
			background-size: 94%;
			height: 28vw;
		}
	}

.beginner2 .big-qa .q-bal1,.beginner2 .big-qa .q-bal2,.beginner2 .big-qa .q-bal3,
.beginner2 .big-qa .a-bal1,.beginner2 .big-qa .a-bal2,.beginner2 .big-qa .a-bal3 {
	width: 581px;
}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa .q-bal1,.beginner2 .big-qa .q-bal2,.beginner2 .big-qa .q-bal3,
		.beginner2 .big-qa .a-bal1,.beginner2 .big-qa .a-bal2,.beginner2 .big-qa .a-bal3 {
			width: 100%;
			background-size: 94%;
			height: 28vw;
		}
	}

.beginner2 .big-qa .q-bal1,.beginner2 .big-qa .q-bal2,.beginner2 .big-qa .q-bal3 {
	height: 134px;
}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa .q-bal1,.beginner2 .big-qa .q-bal2,.beginner2 .big-qa .q-bal3 {
			height: auto;
		}
	}

.beginner2 .big-qa .q-bal1 {background: url(../images/beg-q01.png) no-repeat center top;}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa .q-bal1 {
			background: url(../images/sp_beg-q01.png) no-repeat center top;
			background-size: 94%;
		}
	}

.beginner2 .big-qa .q-bal2 {background: url(../images/beg-q02.png) no-repeat center top;}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa .q-bal2 {
			background: url(../images/sp_beg-q02.png) no-repeat center top;
			background-size: 94%;
		}
	}

.beginner2 .big-qa .q-bal3 {background: url(../images/beg-q03.png) no-repeat center top;}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa .q-bal3 {
			background: url(../images/sp_beg-q03.png) no-repeat center top;
			background-size: 94%;
		}
	}

.beginner2 .big-qa .a-bal1 {
	background: url(../images/beg-a01.png) no-repeat center top;
	height: 238px;
}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa .a-bal1 {
			background: url(../images/sp_beg-a01.png) no-repeat center top;
			background-size: 94%;
			height: 64vw;
		}
	}

.beginner2 .big-qa .a-bal2 {
	background: url(../images/beg-a02.png) no-repeat center top;
	height: 212px;
}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa .a-bal2 {
			background: url(../images/sp_beg-a02.png) no-repeat center top;
			background-size: 94%;
			height: 58vw;
		}
	}

.beginner2 .big-qa .a-bal3 {
	background: url(../images/beg-a03.png) no-repeat center top;
	height: 342px;
}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa .a-bal3 {
			background: url(../images/sp_beg-a03.png) no-repeat center top;
			background-size: 94%;
			height: 100vw;
		}
	}

.beginner2 .big-qa ul li p {
    padding-top: 70px;
    text-align: left;
}

.beginner2 .big-qa ul li:nth-of-type(odd) p {
    padding-left: 24%;
    max-width: 540px;
}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa ul li:nth-of-type(odd) p {
			padding-left: 21.5vw;
			padding-top: 12vw;
			max-width: initial;
			width: 88.8vw;
			font-size: 3vw;
			line-height: 5vw;
		}
	}

	@media screen and (max-width: 414px) {
		.beginner2 .big-qa ul li:nth-of-type(odd) p {font-size: 13px;}
	}

.beginner2 .big-qa ul li:nth-of-type(even) p {
    padding-right: 24%;
    max-width: 540px;
}

	@media screen and (max-width: 1000px) {
		.beginner2 .big-qa ul li:nth-of-type(even) p {
			padding-right: 19.5vw;
			padding-top: 12vw;
			width: 79vw;
			max-width: initial;
			font-size: 3vw;
			line-height: 5vw;
		}
	}

	@media screen and (max-width: 414px) {
		.beginner2 .big-qa ul li:nth-of-type(even) p {font-size: 13px;}
	}

.beginner2 .big-qa ul li p span {}
/* /beginner2 */

/* beginner3 */
.beginner3 {
    background: url(../images/foe-beg_bg.png) no-repeat center top;
    background-size: cover;
}

	@media screen and (max-width: 1000px) {
		.beginner3 {
			background: url(../images/sp_foe-beg_bg.png) no-repeat center top;
			background-size: cover;
		}
	}

.beginner3 h2 {
    text-align: center;
	font-weight: bold;
    font-size: 18px;
    padding-top: 130px;
}

.beginner3 p {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    margin: 20px auto;
    padding-bottom: 50px;
}

.beginner3 p span {
    color: #f55173;
    font-size: 30px;
}

	@media screen and (max-width: 640px) {
		.beginner3 p span {font-size: 24px;}
	}
/* /beginner3 */

/***** /u-cont beginner *****/

/***** u-cont faq *****/

/* faq-nav */
.faq-u {}

.faq-u nav {
    width: 1000px;
    margin: 50px auto;
}

	@media screen and (max-width: 1000px) {
		.faq-u nav {
			width: 100%;
			margin: 8vw auto;
		}
	}

.faq-u nav ul {}

.faq-u nav ul li {
    margin-bottom: 20px;
    box-shadow: 6px 6px 0px #000;
}

	@media screen and (max-width: 1000px) {
		.faq-u nav ul li {width: 90%;}
	}

.faq-u nav ul li:nth-of-type(odd) {margin-right: 10px;}

	@media screen and (max-width: 1000px) {
		.faq-u nav ul li:nth-of-type(odd) {margin-right: 0;}
	}

.faq-u nav ul li:nth-of-type(even) {margin-left: 10px;}

	@media screen and (max-width: 1000px) {
		.faq-u nav ul li:nth-of-type(even) {margin-left: 0;}
	}

.faq-u nav ul li a {
	display: block;
    width: 490px;
    border: 1px solid #000;
    height: 100px;
    line-height: 100px;
    font-size: 30px;
    font-weight: bold;
}

	@media screen and (max-width: 1000px) {
		.faq-u nav ul li a {width: 100%;}
	}

	@media screen and (max-width: 640px) {
		.faq-u nav ul li a {
			font-size: 24px;
			height: 70px;
			line-height: 70px;
		}
	}

	@media screen and (max-width: 414px) {
		.faq-u nav ul li a {
			font-size: 20px;
			height: 65px;
			line-height: 65px;
		}
	}

.faq-u .qa-box {
    width: 1000px;
    margin: 0px auto;
}

	@media screen and (max-width: 1000px) {
		.faq-u .qa-box {width: 94%;}
	}

.faq-u .qa-box h2 {margin: 50px auto;}

.faq-u .qa-box h2 img {}

	@media screen and (max-width: 1000px) {
		.faq-u .qa-box h2 img {
			width: 100%;	
			max-width: 837px
		}
	}


.faq-u .qa-box ul {}

.faq-u .qa-box ul li {position: relative}

.faq-u .qa-box ul li.qa-q {
    border: 1px solid #d5d5d5;
    box-shadow: 3px 3px 0px #eaeaea;
    min-height: 70px;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    line-height: 70px;
    padding-left: 10px;
    margin-bottom: 20px;
	justify-content: flex-start;
}

.faq-u .qa-box ul li.qa-q p:first-of-type {
    margin-right: 15px;
    line-height: 50px;
}

	@media screen and (max-width: 860px) {
		.faq-u .qa-box ul li.qa-q p:first-of-type {
			margin-right: 5px;
			line-height: 44px;
		}
	}

	@media screen and (max-width: 640px) {
		.faq-u .qa-box ul li.qa-q p:first-of-type {
			margin-right: 5px;
			line-height: 25px;
		}
	}

.faq-u .qa-box ul li.qa-q p:last-of-type {
    width: 90%;
    margin: 0 10px;
    font-size: 20px;
    text-align: left;
	line-height: normal;
}

	@media screen and (max-width: 860px) {
		.faq-u .qa-box ul li.qa-q p:last-of-type {
			width: 78%;
			font-size: 18px;
			line-height: 24px;
		}
	}

	@media screen and (max-width: 640px) {
		.faq-u .qa-box ul li.qa-q p:last-of-type {
			font-size: 14px;
			line-height: 20px;
			margin: 0 10px 0 0px;
		}
	}

.faq-u .qa-box ul li.qa-a {
    text-align: left;
    line-height: 24px;
    padding-left: 10px; 
    margin-bottom: 20px;
    min-height: 60px;
}

	@media screen and (max-width: 640px) {
		.faq-u .qa-box ul li.qa-q img ,
		.faq-u .qa-box ul li.qa-a img {
			width: 30px;
		}
	}

	@media screen and (max-width: 1000px) {
		.faq-u .qa-box ul li.qa-a {padding-left: 0; }
	}

.faq-u .qa-box ul li.qa-a p:first-of-type {width: 5%;}

.faq-u .qa-box ul li.qa-a p:last-of-type {width: 94%;padding-left: 15px;}
/* /faq-nav */

/* アコーディオン */
.acd-check {display: none;}

.acd-label {
	position: relative;
	cursor: pointer;
}

.acd-label p {}
	
.acd-label p:first-of-type {
    margin-right: 15px;
    line-height: 50px;
}

	@media screen and (max-width: 860px) {
		.acd-label p:first-of-type {
			margin-right: 0;
			line-height: 30px;
		}
	}

.acd-label p:last-of-type {
    width: 90%;
    margin: 0 10px;
    font-size: 20px;
    text-align: left;
	line-height: normal;
}

	@media screen and (max-width: 860px) {
		.acd-label p:last-of-type {
			width: 78%;
			font-size: 18px;
			line-height: 24px;
		}
	}

	@media screen and (max-width: 640px) {
		.acd-label p:last-of-type {
			font-size: 16px;
			line-height: 20px;
		}
	}

.acd-label:after {
    box-sizing: border-box;
    content: '+';
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    padding: 10px 30px;
    position: absolute;
    line-height: 49px;
    right: -495px;
    top: 0px;
    color: #dcdcdc;
}

	@media screen and (max-width: 1000px) {
		.acd-label:after {right: -49vw;}
	}

.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}

.acd-check:checked + .acd-label:after{
	content: '-';
	font-size: 42px;
    line-height: 48px;
}

.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}	
/* /アコーディオン */

/***** /u-cont faq *****/

/***** u-cont flow *****/

/*** flow-u01 ***/
.flow-u01 {}

.flow-u01 h2 {margin: 50px auto 80px;}

.flow-u01 h2 img {}

	@media screen and (max-width: 1000px) {
		.flow-u01 h2 img {width: 90%;}
	}

.flow-u01 .flow-step01 .line {
    width: 270px;
    margin: 50px 10px 0px 0px;
}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step01 .line {
			width: 100%;
			margin: 10px auto;
		}
	}

.flow-u01 .flow-step01 .line a {
    color: #51e600;
    border: 1px solid #51e600;
    font-size: 20px;
    width: 270px;
    height: 60px;
    line-height: 45px;
}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step01 .line a {
			font-size: 16px;
			width: 90%;
			line-height: 46px;
		}
	}

	@media screen and (max-width: 414px) {
		.flow-u01 .flow-step01 .line a {line-height: 40px;}
	}

.flow-u01 .flow-step01 .mail {
    width: 270px;
    margin: 50px 0px 0px 10px;
}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step01 .mail {
			width: 100%;
			margin: 10px auto;
		}
	}

.flow-u01 .flow-step01 .mail a {
    font-size: 20px;
    width: 270px;
    height: 60px;
    line-height: 45px;
}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step01 .mail a {
			font-size: 16px;
			width: 90%;
			line-height: 52px;
		}
	}

	@media screen and (max-width: 414px) {
		.flow-u01 .flow-step01 .mail a {
			line-height: 40px;
		}
	}

.flow-u01 .flow-step01 .line a:hover,
.flow-u01 .flow-step01 .mail a:hover {opacity: .8}

/* flow-step01~06 */
.flow-u01 .flow-step01, .flow-u01 .flow-step03, .flow-u01 .flow-step05 {
    background: #ffeff4;
    padding: 50px 0 100px;
}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step01, .flow-u01 .flow-step03, .flow-u01 .flow-step05 {
			padding: 5vw 0 10vw;
		}
	}

.flow-u01 .flow-step02,.flow-u01 .flow-step04,.flow-u01 .flow-step06 {
	background: #f4f4f4;
    padding: 50px 0 100px;
}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step02,.flow-u01 .flow-step04,.flow-u01 .flow-step06 {
			padding: 5vw 0 10vw;
		}
	}

.flow-u01 .flow-step01 h3,.flow-u01 .flow-step02 h3,.flow-u01 .flow-step03 h3,
.flow-u01 .flow-step04 h3,.flow-u01 .flow-step05 h3,.flow-u01 .flow-step06 h3 {
	position: relative;
}

.flow-u01 .flow-step01 h3 img, .flow-u01 .flow-step02 h3 img, .flow-u01 .flow-step03 h3 img,
.flow-u01 .flow-step04 h3 img, .flow-u01 .flow-step05 h3 img, .flow-u01 .flow-step06 h3 img {
    position: absolute;
    top: -75px;
    left: 43.2292vw;
}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step01 h3 img, .flow-u01 .flow-step02 h3 img, .flow-u01 .flow-step03 h3 img,
		.flow-u01 .flow-step04 h3 img, .flow-u01 .flow-step05 h3 img, .flow-u01 .flow-step06 h3 img {
			top: -7.5vw;
			left: 35%;
			width: 28.5vw;
			max-width: 285px;
		}
	}

.flow-u01 .flow-step01 h4, .flow-u01 .flow-step02 h4, .flow-u01 .flow-step03 h4,
.flow-u01 .flow-step04 h4, .flow-u01 .flow-step05 h4, .flow-u01 .flow-step06 h4 {
    color: #f55173;
    font-weight: bold;
    font-size: 30px;
    padding: 35px 0 50px;
}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step01 h4, .flow-u01 .flow-step02 h4, .flow-u01 .flow-step03 h4,
		.flow-u01 .flow-step04 h4, .flow-u01 .flow-step05 h4, .flow-u01 .flow-step06 h4 {
			font-size: 3vw;
			padding: 3.5vw 0 5vw;
		}
	}

	@media screen and (max-width: 414px) {
		.flow-u01 .flow-step01 h4, .flow-u01 .flow-step02 h4, .flow-u01 .flow-step03 h4,
		.flow-u01 .flow-step04 h4, .flow-u01 .flow-step05 h4, .flow-u01 .flow-step06 h4 {
			font-size: 20px;
			padding: 10px 0 15px;
			line-height: 8vw;
		}
	}

.flow-u01 .flow-step01 .txt, .flow-u01 .flow-step02 .txt, .flow-u01 .flow-step03 .txt,
.flow-u01 .flow-step04 .txt, .flow-u01 .flow-step05 .txt, .flow-u01 .flow-step06 .txt {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 50px;
    line-height: 28px;
}

.flow-u01 .flow-step01 .txt span,.flow-u01 .flow-step02 .txt span,.flow-u01 .flow-step03 .txt span,
.flow-u01 .flow-step04 .txt span,.flow-u01 .flow-step05 .txt span,.flow-u01 .flow-step06 .txt span {
	position: relative;
	border-bottom: 3px solid #f55173;
}
/*
.flow-u01 .flow-step01 .txt span::before, .flow-u01 .flow-step02 .txt span::before, .flow-u01 .flow-step03 .txt span::before,
.flow-u01 .flow-step04 .txt span::before, .flow-u01 .flow-step05 .txt span::before, .flow-u01 .flow-step06 .txt span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid #f55173;
    width: 100%;
}
*/
.flow-u01 .flow-step01 ul,.flow-u01 .flow-step02 ul,.flow-u01 .flow-step03 ul,
.flow-u01 .flow-step04 ul,.flow-u01 .flow-step05 ul,.flow-u01 .flow-step06 ul {}

.flow-u01 .flow-step01 ul li, .flow-u01 .flow-step02 ul li, .flow-u01 .flow-step03 ul li,
.flow-u01 .flow-step04 ul li, .flow-u01 .flow-step05 ul li, .flow-u01 .flow-step06 ul li {}

.flow-u01 .flow-step01 ul li:first-of-type, .flow-u01 .flow-step02 ul li:first-of-type, .flow-u01 .flow-step03 ul li:first-of-type,
.flow-u01 .flow-step04 ul li:first-of-type, .flow-u01 .flow-step05 ul li:first-of-type, .flow-u01 .flow-step06 ul li:first-of-type {}

.flow-u01 .flow-step01 ul li:last-of-type, .flow-u01 .flow-step02 ul li:last-of-type, .flow-u01 .flow-step03 ul li:last-of-type,
.flow-u01 .flow-step04 ul li:last-of-type, .flow-u01 .flow-step05 ul li:last-of-type, .flow-u01 .flow-step06 ul li:last-of-type {
    margin-left: 40px;
    width: 800px;
}

	@media screen and (max-width: 1280px) {
		.flow-u01 .flow-step01 ul li:last-of-type, .flow-u01 .flow-step02 ul li:last-of-type, .flow-u01 .flow-step03 ul li:last-of-type,
		.flow-u01 .flow-step04 ul li:last-of-type, .flow-u01 .flow-step05 ul li:last-of-type, .flow-u01 .flow-step06 ul li:last-of-type {
			margin-left: 3.125vw;
			width: 62.5vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step01 ul li:last-of-type, .flow-u01 .flow-step02 ul li:last-of-type, .flow-u01 .flow-step03 ul li:last-of-type, .flow-u01 .flow-step04 ul li:last-of-type, .flow-u01 .flow-step05 ul li:last-of-type, .flow-u01 .flow-step06 ul li:last-of-type {
			margin-left: 0;
			width: 100%;
			padding: 10px;
		}
	}

.flow-u01 .flow-step01 ul li img,.flow-u01 .flow-step02 ul li img,.flow-u01 .flow-step03 ul li img,
.flow-u01 .flow-step04 ul li img,.flow-u01 .flow-step05 ul li img,.flow-u01 .flow-step06 ul li img {
}

	@media screen and (max-width: 1280px) {
		.flow-u01 .flow-step01 ul li img,.flow-u01 .flow-step02 ul li img,.flow-u01 .flow-step03 ul li img,
		.flow-u01 .flow-step04 ul li img,.flow-u01 .flow-step05 ul li img,.flow-u01 .flow-step06 ul li img {
			width: 28.125vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step01 ul li img,.flow-u01 .flow-step02 ul li img,.flow-u01 .flow-step03 ul li img,
		.flow-u01 .flow-step04 ul li img,.flow-u01 .flow-step05 ul li img,.flow-u01 .flow-step06 ul li img {
			width: 100%;
			max-width: 360px;
		}
	}

.flow-u01 .flow-step01 ul li p, .flow-u01 .flow-step02 ul li p, .flow-u01 .flow-step03 ul li p,
.flow-u01 .flow-step04 ul li p, .flow-u01 .flow-step05 ul li p, .flow-u01 .flow-step06 ul li p {
    text-align: left;
    font-size: 18px;
    line-height: 28px;
}

	@media screen and (max-width: 414px) {
		.flow-u01 .flow-step01 ul li p, .flow-u01 .flow-step02 ul li p, .flow-u01 .flow-step03 ul li p,
		.flow-u01 .flow-step04 ul li p, .flow-u01 .flow-step05 ul li p, .flow-u01 .flow-step06 ul li p {
			text-align: left;
			font-size: 13px;
			line-height: 6.2vw;			
		}
	}

.flow-u01 .flow-step01 ul li p span,.flow-u01 .flow-step02 ul li p span,.flow-u01 .flow-step03 ul li p span,
.flow-u01 .flow-step04 ul li p span,.flow-u01 .flow-step05 ul li p span,.flow-u01 .flow-step06 ul li p span {
	color:#f55173;
}
/* /flow-step01~06 */

/* flow-step02 */
.flow-u01 .flow-step02 ul li .box {
    background: url(../images/flow-frame01.png)no-repeat center top;
    width: 661px;
    height: 164px;
    padding: 20px;
    margin: 15px 0 20px;
}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step02 ul li .box {
			background: url(../images/sp_flow-frame01.png)no-repeat center top;
			background-size: 100%;
			width: 100%;
			height: 37vw;
			padding: 2.5vw 2.5vw 2.5vw 1.5vw;
			margin: 1.5vw 0 2vw;
		}
	}

.flow-u01 .flow-step02 ul li .box p {font-weight: bold;}
.flow-u01 .flow-step02 ul li .box p span {}
/* /flow-step02 */

/* flow-step04 */
.flow-u01 .flow-step04 ul li .box {
	background: url(../images/flow-frame01.png)no-repeat center top ;
	width:661px ;
	height:164px ;
    padding: 20px;
    margin: 15px 0 20px;
}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step04 ul li .box {
			background: url(../images/sp_flow-frame01.png)no-repeat center top ;
			background-size: 100%;
			width: 100%;
			height: 37vw;
			padding: 2.5vw 2.5vw 2.5vw 1.5vw;
			margin: 1.5vw 0 2vw;
		}
	}

.flow-u01 .flow-step04 ul li .box p {font-weight: bold;}
.flow-u01 .flow-step04 ul li .box p span {}
/* /flow-step04 */

/* flow-step05 */
.flow-u01 .flow-step05 ul li .box-s {
	background: url(../images/flow-frame02.png)no-repeat center top ;
	width:661px ;
	height:87px ;
    padding: 26px;
    margin: 15px 0 20px;
}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step05 ul li .box-s {
			background: url(../images/sp_flow-frame02.png)no-repeat center top ;
			background-size: 100%;
			width: 100%;
			height: 23vw;
			padding: 2.6vw;
			margin: 1.5vw 0 2vw;
		}
	}

.flow-u01 .flow-step05 ul li .box-s p {font-weight: bold;}
.flow-u01 .flow-step05 ul li .box-s p span {}
/* /flow-step05 */

/* flow-step06 */
.flow-u01 .flow-step06 ul li .box {
	background: url(../images/flow-frame01.png)no-repeat center top ;
	width:661px ;
	height:164px ;
    padding: 20px;
    margin: 15px 0 20px;
}

	@media screen and (max-width: 1000px) {
		.flow-u01 .flow-step06 ul li .box {
			background: url(../images/sp_flow-frame01.png)no-repeat center top ;
			background-size: 100%;
			width: 100%;
			height: 37vw;
			padding: 2vw;
			margin: 1.5vw 0 2vw;
		}
	}

.flow-u01 .flow-step06 ul li .box p {font-weight: bold;}
.flow-u01 .flow-step06 ul li .box p span {}
/* /flow-step06 */

/*** /flow-u01 ***/

/*** flow-u02 ***/
.flow-u02 {	}

.flow-u02 h2 {margin: 50px auto -60px;}

.flow-u02 h2 img {}

	@media screen and (max-width: 1000px) {
		.flow-u02 h2 img {
			width: 90%;
			max-width: 651px;
		}
	}

.flow-u02 .flowbg {
    background: url(../images/flow-bg.png)no-repeat center top;
    padding: 120px 0;
}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flowbg {
			background: url(../images/sp_flow-bg.png)no-repeat center top;
			background-size: cover;
		}
	}

	@media screen and (max-width: 800px) {
		.flow-u02 .flowbg {padding: 120px 0 55vw;}
	}

	@media screen and (max-width: 640px) {
		.flow-u02 .flowbg {padding: 120px 0 120vw;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flowbg {padding: 120px 0 150vw;}
	}

.flow-u02 .flow-flow01 {background: url(../images/flow-flow01.png)no-repeat center top ;}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow01 {background: url(../images/sp_flow-flow01.png)no-repeat center top ;}
	}

.flow-u02 .flow-flow02 {background: url(../images/flow-flow02.png)no-repeat center top ;}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow02 {background: url(../images/sp_flow-flow02.png)no-repeat center top ;}
	}

.flow-u02 .flow-flow03 {background: url(../images/flow-flow03.png)no-repeat center top ;}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow03 {background: url(../images/sp_flow-flow03.png)no-repeat center top ;}
	}

.flow-u02 .flow-flow04 {background: url(../images/flow-flow04.png)no-repeat center top ;}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow04 {background: url(../images/sp_flow-flow04.png)no-repeat center top ;}
	}

.flow-u02 .flow-flow05 {background: url(../images/flow-flow05.png)no-repeat center top ;}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow05 {background: url(../images/sp_flow-flow05.png)no-repeat center top ;}
	}

.flow-u02 .flow-flow06 {background: url(../images/flow-flow06.png)no-repeat center top ;}
	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow06 {background: url(../images/sp_flow-flow06.png)no-repeat center top ;}
	}

.flow-u02 .flow-flow07 {background: url(../images/flow-flow07.png)no-repeat center top ;}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow07 {background: url(../images/sp_flow-flow07.png)no-repeat center top ;}
	}

.flow-u02 .flow-flow08 {background: url(../images/flow-flow08.png)no-repeat center top ;}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow08 {background: url(../images/sp_flow-flow08.png)no-repeat center top ;}
	}

.flow-u02 .flow-flow01, .flow-u02 .flow-flow02, .flow-u02 .flow-flow03, .flow-u02 .flow-flow04,
.flow-u02 .flow-flow05, .flow-u02 .flow-flow06, .flow-u02 .flow-flow07, .flow-u02 .flow-flow08 {
    width: 1282px;
    height: 510px;
    padding: 130px 0 0;
    margin: 0 auto 30px;
}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow01, .flow-u02 .flow-flow02, .flow-u02 .flow-flow03, .flow-u02 .flow-flow04,
		.flow-u02 .flow-flow05, .flow-u02 .flow-flow06, .flow-u02 .flow-flow07, .flow-u02 .flow-flow08 {
			width: 90%;
			height: 100vw;
			margin: 0 auto 3vw;
			background-size: 100%;
		}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow01 {padding: 98vw 0 0;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow02 {padding: 88vw 0 0;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow02 {padding: 79vw 0 0;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow03 {padding: 98vw 0 0;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow04 {padding: 85vw 0 0;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow04 {padding: 79vw 0 0;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow05 {padding: 88vw 0 0;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow05 {padding: 79vw 0 0;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow06 {padding: 98vw 0 0;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow07 {padding: 98vw 0 0;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow08 {padding: 98vw 0 0;}
	}

.flow-u02 .flow-flow01,
.flow-u02 .flow-flow03,
.flow-u02 .flow-flow05,
.flow-u02 .flow-flow07 {
    margin-right: 25%;
}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow01 {
			margin-right: 0;
			margin: 0 auto 3vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow03,
		.flow-u02 .flow-flow05,
		.flow-u02 .flow-flow07 {
			margin-right: 0;
		}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow03 {margin: 20vw auto 3vw;}
	}

	@media screen and (max-width: 800px) {
		.flow-u02 .flow-flow03 {margin: 33vw auto 3vw;}
	}

	@media screen and (max-width: 640px) {
		.flow-u02 .flow-flow03 {margin: 45vw auto 3vw;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow03 {margin: 60vw auto 3vw;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow05 {margin: 30vw auto 3vw;}
	}

	@media screen and (max-width: 800px) {
		.flow-u02 .flow-flow05 {margin: 48vw auto 3vw;}
	}

	@media screen and (max-width: 640px) {
		.flow-u02 .flow-flow05 {margin: 75vw auto 3vw;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow05 {margin: 98vw auto 3vw;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow07 {margin: 33vw auto 3vw;}
	}

	@media screen and (max-width: 800px) {
		.flow-u02 .flow-flow07 {margin: 45vw auto 3vw;}
	}

	@media screen and (max-width: 640px) {
		.flow-u02 .flow-flow07 {margin: 60vw auto 3vw;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow07 {margin: 66vw auto 3vw;}
	}

.flow-u02 .flow-flow02,
.flow-u02 .flow-flow04,
.flow-u02 .flow-flow06,
.flow-u02 .flow-flow08 {
    margin-left: 25%;
}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow02,
		.flow-u02 .flow-flow04,
		.flow-u02 .flow-flow06,
		.flow-u02 .flow-flow08 {
			margin-left: 0;
		}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow02 {margin: 25vw auto 3vw;}
	}

	@media screen and (max-width: 800px) {
		.flow-u02 .flow-flow02 {margin: 25vw auto 3vw;}
	}

	@media screen and (max-width: 640px) {
		.flow-u02 .flow-flow02 {margin: 46vw auto 3vw;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow02 {margin: 65vw auto 3vw;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow04 {margin: 30vw auto 3vw;}
	}

	@media screen and (max-width: 800px) {
		.flow-u02 .flow-flow04 {margin: 48vw auto 3vw;}
	}

	@media screen and (max-width: 640px) {
		.flow-u02 .flow-flow04 {margin: 80vw auto 3vw;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow04 {margin: 90vw auto 3vw;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow06 {margin: 25vw auto 3vw;}
	}

	@media screen and (max-width: 800px) {
		.flow-u02 .flow-flow06 {margin: 45vw auto 3vw;}
	}

	@media screen and (max-width: 640px) {
		.flow-u02 .flow-flow06 {margin: 80vw auto 3vw;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow06 {margin: 98vw auto 3vw;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow08 {margin: 20vw auto 3vw;}
	}

	@media screen and (max-width: 800px) {
		.flow-u02 .flow-flow08 {margin: 25vw auto 3vw;}
	}

	@media screen and (max-width: 640px) {
		.flow-u02 .flow-flow08 {margin: 40vw auto 3vw;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow08 {margin: 60vw auto 3vw;}
	}

.flow-u02 .flow-flow01 h3,.flow-u02 .flow-flow02 h3,.flow-u02 .flow-flow03 h3,.flow-u02 .flow-flow04 h3,
.flow-u02 .flow-flow05 h3,.flow-u02 .flow-flow06 h3,.flow-u02 .flow-flow07 h3,.flow-u02 .flow-flow08 h3 {
	position: relative
}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow01 h3, .flow-u02 .flow-flow02 h3, .flow-u02 .flow-flow03 h3, .flow-u02 .flow-flow04 h3,
		.flow-u02 .flow-flow05 h3, .flow-u02 .flow-flow06 h3, .flow-u02 .flow-flow07 h3, .flow-u02 .flow-flow08 h3 {
			text-align: left;
			margin-left: 15px;
		}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow01 h3, .flow-u02 .flow-flow02 h3, .flow-u02 .flow-flow03 h3, .flow-u02 .flow-flow04 h3,
		.flow-u02 .flow-flow05 h3, .flow-u02 .flow-flow06 h3, .flow-u02 .flow-flow07 h3, .flow-u02 .flow-flow08 h3 {
			text-align: left;
			margin-left: 1.5vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow02 h3 {line-height: 7.5vw;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow02 h3 {line-height: 13.5vw;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow04 h3 {line-height: 7.5vw;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow04 h3 {line-height: 13.5vw;}
	}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow05 h3 {line-height: 7.5vw;}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow05 h3 {line-height: 13.5vw;}
	}

.flow-u02 .flow-flow01 h3 span, .flow-u02 .flow-flow02 h3 span, .flow-u02 .flow-flow03 h3 span, .flow-u02 .flow-flow04 h3 span,
.flow-u02 .flow-flow05 h3 span, .flow-u02 .flow-flow06 h3 span, .flow-u02 .flow-flow07 h3 span, .flow-u02 .flow-flow08 h3 span {
    position: absolute;
    left: 460px;
    font-size: 60px;
    font-style: italic;
    font-weight: bold;
    color: #000;
    padding: 10px 20px;
}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow01 h3 span, .flow-u02 .flow-flow02 h3 span, .flow-u02 .flow-flow03 h3 span, .flow-u02 .flow-flow04 h3 span,
		.flow-u02 .flow-flow05 h3 span, .flow-u02 .flow-flow06 h3 span, .flow-u02 .flow-flow07 h3 span, .flow-u02 .flow-flow08 h3 span {
			position: static;
			font-size: 4vw;
		}
	}

	@media screen and (max-width: 414px) {
		.flow-u02 .flow-flow01 h3 span, .flow-u02 .flow-flow02 h3 span, .flow-u02 .flow-flow03 h3 span, .flow-u02 .flow-flow04 h3 span,
		.flow-u02 .flow-flow05 h3 span, .flow-u02 .flow-flow06 h3 span, .flow-u02 .flow-flow07 h3 span, .flow-u02 .flow-flow08 h3 span {
			position: static;
			font-size: 20px;
		}
	}

.flow-u02 .flow-flow01 h3 span,
.flow-u02 .flow-flow03 h3 span,
.flow-u02 .flow-flow05 h3 span,
.flow-u02 .flow-flow07 h3 span { 
    background: #fff;
}

.flow-u02 .flow-flow02 h3 span,
.flow-u02 .flow-flow04 h3 span,
.flow-u02 .flow-flow06 h3 span,
.flow-u02 .flow-flow08 h3 span { 
    background: #ffe8e8;
}

.flow-u02 .flow-flow01 h3 span {top: 30px;}
.flow-u02 .flow-flow02 h3 span {top: -20px;}
.flow-u02 .flow-flow03 h3 span {top: 30px;}
.flow-u02 .flow-flow04 h3 span {top: -40px;}
.flow-u02 .flow-flow05 h3 span {top: 30px;}
.flow-u02 .flow-flow06 h3 span {top: 30px;}
.flow-u02 .flow-flow07 h3 span {top: 30px;}
.flow-u02 .flow-flow08 h3 span {top: 30px;}

.flow-u02 .flow-flow02 h3 span:last-child {top: 75px;}
.flow-u02 .flow-flow04 h3 span:last-child { top: 120px;}
.flow-u02 .flow-flow04 h3 span:last-child {top: 50px;}

.flow-u02 .flow-flow01 .txt,
.flow-u02 .flow-flow02 .txt,
.flow-u02 .flow-flow03 .txt,
.flow-u02 .flow-flow04 .txt,
.flow-u02 .flow-flow05 .txt,
.flow-u02 .flow-flow06 .txt,
.flow-u02 .flow-flow07 .txt,
.flow-u02 .flow-flow08 .txt {
    margin-top: 130px;
    margin-left: 42%;
    text-align: left;
}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow01 .txt,
		.flow-u02 .flow-flow02 .txt,
		.flow-u02 .flow-flow03 .txt,
		.flow-u02 .flow-flow04 .txt,
		.flow-u02 .flow-flow05 .txt,
		.flow-u02 .flow-flow06 .txt,
		.flow-u02 .flow-flow07 .txt,
		.flow-u02 .flow-flow08 .txt {
			margin-top: 40px;
			margin-left: 0;
			text-align: left;
		}
	}

.flow-u02 .flow-flow02 .txt {margin-top: 150px;}

	@media screen and (max-width: 1000px) {
		.flow-u02 .flow-flow02 .txt {margin-top: 15px;}
	}

.flow-u02 .flow-flow01 .txt p,
.flow-u02 .flow-flow02 .txt p,
.flow-u02 .flow-flow03 .txt p,
.flow-u02 .flow-flow04 .txt p,
.flow-u02 .flow-flow05 .txt p,
.flow-u02 .flow-flow06 .txt p,
.flow-u02 .flow-flow07 .txt p,
.flow-u02 .flow-flow08 .txt p {
    font-size: 18px;
    line-height: 28px;
}
/*** /flow-u02 ***/

/***** /u-cont flow *****/

/***** u-cont option *****/

/* option1 */
.option-u {margin-bottom: 150px;}

	@media screen and (max-width: 1000px) {
		.option-u {margin-bottom: 50px;}
	}

.option-u .opton1 {}

.option-u .opton1 h2 {
    margin: 80px auto 30px;
    font-weight: bold;
    font-size: 18px;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton1 h2 {
			margin: 20px auto 30px;
			font-size: 30px;
			line-height: 48px;	
		}
	}

	@media screen and (max-width: 800px) {
		.option-u .opton1 h2 {
			font-size: 24px;
			line-height: 38px;	
		}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton1 h2 {
			font-size: 20px;
			line-height: 32px;
		}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton1 h2 {
			font-size: 16px;
			line-height: 28px;
		}
	}

.option-u .opton1 h2 span {
    position: relative;
	border-bottom: 3px solid #f55173;
}

.option-u .opton1 .op1-img1 {
    background: url(../images/op-obg01.jpg)no-repeat center top;
    height: 362px;
    position: relative;
    margin-bottom: 80px;
}

	@media screen and (max-width: 1920px) {
		.option-u .opton1 .op1-img1 {
			background-size: 100%;
			height: 18.8542vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.option-u .opton1 .op1-img1 {
			background: url(../images/sp_op-obg01.jpg)no-repeat center top;
			background-size: 100%;
			height: 100vw;
			margin-bottom: 0;
		}
	}

.option-u .opton1 .op1-img1 .ba-txt {position: absolute;}

.option-u .opton1 .op1-img1 .ba-txt:first-of-type {
    top: 40px;
    left: 219px;
}

	@media screen and (max-width: 1920px) {
		.option-u .opton1 .op1-img1 .ba-txt:first-of-type {
			top: 2.0833vw;
			left: 9.0833vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.option-u .opton1 .op1-img1 .ba-txt:first-of-type {
			top: 34vw;
			left: 5vw;
		}
	}

.option-u .opton1 .op1-img1 .ba-txt:last-of-type {
    bottom: 80px;
    right: 220px;
}

	@media screen and (max-width: 1920px) {
		.option-u .opton1 .op1-img1 .ba-txt:last-of-type {
			bottom: 4.1667vw;
			right: 11.4583vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.option-u .opton1 .op1-img1 .ba-txt:last-of-type {
			bottom: 17vw;
			right: 5vw;
		}
	}

.option-u .opton1 .op1-img1 .ba-txt p {
    position: relative;
    padding: 10px;
    width: 100%;
    background: #f45171;
    max-width: 700px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

	@media screen and (max-width: 1920px) {
		.option-u .opton1 .op1-img1 .ba-txt p {
			padding: 0.5208vw;
			font-size: 1.5625vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.option-u .opton1 .op1-img1 .ba-txt p {
			padding: 2.5vw;
			font-size: 5vw;
		}
	}

.option-u .opton1 .op1-img1 .ba-txt p::before {
	content: "";
	position: absolute;
	top: 70%;
	left: 93%;
	margin-left: -50px;
	border: 14px solid transparent;
	border-top: 35px solid #f45171;
	transform: rotate(-37deg);
	z-index: -1;
}

	@media screen and (max-width: 1920px) {
		.option-u .opton1 .op1-img1 .ba-txt p::before {
			top: 1.6146vw;
			left: 29.6875vw;
			margin-left: -2.6042vw;
			border: 0.7292vw solid transparent;
			border-top: 1.8229vw solid #f45171;
		}
	}

	@media screen and (max-width: 1000px) {
		.option-u .opton1 .op1-img1 .ba-txt p::before {
			top: 13vw;
			left: 51vw;
			margin-left: -5vw;
			border: 1.5vw solid transparent;
			border-top: 5vw solid #f45171;
		}
	}

.option-u .opton1 .op1-img1 .ba-txt:last-of-type p::before {
    content: "";
    position: absolute;
    top: 75%;
    left: 16%;
    margin-left: -50px;
    border: 14px solid transparent;
    border-top: 35px solid #f45171;
    transform: rotate( 37deg);
	z-index: -1;
}

	@media screen and (max-width: 1920px) {
		.option-u .opton1 .op1-img1 .ba-txt:last-of-type p::before {
			top: 1.875vw;
			left: 5.4688vw;
			margin-left: -50px;
			border: 0.7292vw solid transparent;
			border-top: 1.8229vw solid #f45171;
		}
	}

	@media screen and (max-width: 1000px) {
		.option-u .opton1 .op1-img1 .ba-txt:last-of-type p::before {
			top: 13vw;
			left: 12vw;
			margin-left: -5vw;
			border: 1.5vw solid transparent;
			border-top: 5vw solid #f45171;
		}
	}

.option-u .opton1 .op1-txt {
    position: relative;
    width: 480px;
    margin: 0 auto;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton1 .op1-txt {width: 48vw;}
	}

.option-u .opton1 .op1-txt span {
    position: absolute;
    top: -39px;
    left: 0;
    padding: 10px;
    width: 100%;
    background: #f45171;
    max-width: 700px;
    color: #fff;
    font-size: 60px;
    font-weight: bold;
}

	@media screen and (max-width: 1920px) {
		.option-u .opton1 .op1-txt span {font-size: 3.125vw;}
	}

	@media screen and (max-width: 1000px) {
		.option-u .opton1 .op1-txt span {
			top: -4.9vw;
			padding: 2vw;
			font-size: 6vw;
		}
	}

.option-u .opton1 .op1-img2 {}

.option-u .opton1 .op1-img2 img {
    width: 100%;
    max-width: 1920px;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton1 .op1-img2 img {width: 100%;}
	}
/* /option1 */

/* option2 */
.option-u .opton2 {}

	@media screen and (max-width: 1000px) {
		.option-u .opton2 {margin: 8vw auto;}
	}

.option-u .opton2 p {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton2 p {
			font-size: 30px;
			line-height: 48px;
		}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton2 p {
			font-size: 24px;
			line-height: 40px;
		}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton2 p {
			font-size: 18px;
			line-height: 28px;
		}
	}

.option-u .opton2 h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 50px auto;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton2 h2 {
			font-size: 30px;
			line-height: 48px;
		}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton2 h2 {
			font-size: 24px;
			line-height: 40px;
		}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton2 h2 {
			font-size: 16px;
			line-height: 28px;
		}
	}

.option-u .opton2 .op2-box {
    border: 3px solid #d0d0d0;
    padding: 3px;
    width: 1000px;
    margin: 0 auto 50px;
	position: relative;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton2 .op2-box {
			width: 94%;
			margin: 0 auto 5vw;
		}
	}

.option-u .opton2 .op2-box .in-border {border: 2px solid #d0d0d0;}

.option-u .opton2 .op2-box h3 {
    font-size: 18px;
    font-weight: bold;
    background: #fff;
    padding: 10px;
    width: 350px;
    margin: -30px auto 0;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton2 .op2-box h3 {
			font-size: 30px;
			padding: 10px;
			width: 100%;
			max-width: 590px;
			margin: -30px auto 0;
		}
	}

	@media screen and (max-width: 800px) {
		.option-u .opton2 .op2-box h3 {
			font-size: 24px;
			max-width: 500px;
		}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton2 .op2-box h3 {
			font-size: 20px;
			max-width: 450px;
		}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton2 .op2-box h3 {
			font-size: 16px;
			max-width: 320px;
		}
	}

.option-u .opton2 .op2-box .op2-txt {margin-bottom: 60px;}

	@media screen and (max-width: 1000px) {
		.option-u .opton2 .op2-box .op2-txt {margin-bottom: 60px;}
	}

	@media screen and (max-width: 800px) {
		.option-u .opton2 .op2-box .op2-txt {margin-bottom: 40px;}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton2 .op2-box .op2-txt {margin-bottom: 30px;}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton2 .op2-box .op2-txt {margin-bottom: 20px;}
	}

.option-u .opton2 .op2-box .op2-txt p {
    font-weight: bold;
    margin: 30px auto;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton2 .op2-box .op2-txt p {
			margin: 30px auto;
		}
	}

	@media screen and (max-width: 800px) {
		.option-u .opton2 .op2-box .op2-txt p {
			margin: 15px auto;
			font-size: 24px;
		}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton2 .op2-box .op2-txt p {
			font-size: 20px;
		}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton2 .op2-box .op2-txt p {font-size: 16px;}
	}

.option-u .opton2 .op2-box .op2-txt p:last-of-type {
    color: #f45171;
    font-size: 30px;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton2 .op2-box .op2-txt p:last-of-type {font-size: 40px;}
	}

	@media screen and (max-width: 800px) {
		.option-u .opton2 .op2-box .op2-txt p:last-of-type {font-size: 34px;}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton2 .op2-box .op2-txt p:last-of-type {font-size: 24px;}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton2 .op2-box .op2-txt p:last-of-type {font-size: 20px;}
	}

.option-u .opton2 .op2-img1 {
    background: url(../images/op-obg03.jpg)no-repeat center top;
    width: auto;
    height: 300px;
    margin: 50px auto 0;
    padding: 65px 0 50px;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton2 .op2-img1 {
			background: url(../images/sp_op-obg03.jpg)no-repeat center top;
			background-size: 100%;
			width: auto;
			height: 100vw;
			margin: 5vw auto 0;
			padding: 6.5vw 0 5vw;
		}
	}

.option-u .opton2 .op2-img1 p {color: #fff;}

	@media screen and (max-width: 1000px) {
		.option-u .opton2 .op2-img1 p {
			font-size: 4vw;
			line-height: 6.6vw;
		}
	}

.option-u .opton2 .op2-img1 p span {
	background: #f45171;
	padding: 3px;
}

	@media screen and (max-width: 1000px) {.option-u .opton2 .op2-img1 p span {
			padding: 0.3vw;
			line-height: 7.4vw;
		}
	}

.option-u .opton2 .op2-img2 {
    background: url(../images/op-obg04.png)no-repeat center top;

    width: auto;
    height: 274px;
    margin: 0 auto 80px;
    padding: 122px 0;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton2 .op2-img2 {
			background: url(../images/sp_op-obg04.png)no-repeat center top;
			background-size: 100%;
			width: auto;
			height: 62vw;
			margin: 0 auto 0;
			padding: 19vw 0;
		}
	}

.option-u .opton2 .op2-img2 p {font-size: 30px;}

	@media screen and (max-width: 1000px) {
		.option-u .opton2 .op2-img2 p {
			font-size: 5vw;
			line-height: 8.2vw;
		}
	}
/* /option2 */

/* /option3 */
.option-u .opton3 {}

.option-u .opton3 p {font-weight: bold;}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 p {font-size: 30px;}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton3 p {font-size: 24px;}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton3 p {font-size: 18px;}
	}

.option-u .opton3 h2 {
    font-family: "游ゴシック体", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 60px;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 h2 {
			font-size: 6vw;
			padding-top: 10vw;
		}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton3 h2 {
			font-size: 34px;
			padding-top: 30px;
		}
	}

.option-u .opton3 h3 {
    font-family: 'Montserrat', sans-serif;
    padding: 10px 0px;
    font-size: 20px;
    letter-spacing: 3px;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 h3 {
			padding: 1vw 0px;
			font-size: 2vw;
			letter-spacing: 0.3vw;
		}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton3 h3 {
			padding: 5px 0px;
			font-size: 18px;
			letter-spacing: 3px;
		}
	}

.option-u .opton3 .op3-table {}

.option-u .opton3 .op3-table {margin: 80px auto;}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-table {margin: 8vw auto;}
	}

.option-u .opton3 .op3-table .op3-tableimg {}

.option-u .opton3 .op3-table .op3-tableimg:first-of-type {margin-right: 40px}

	@media screen and (max-width: 1200px) {
		.option-u .opton3 .op3-table .op3-tableimg:first-of-type {margin-right: 3.3333vw}
	}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-table .op3-tableimg:first-of-type {
			margin-right: 0;
			margin-bottom: 8vw;
		}
	}

.option-u .opton3 .op3-table .op3-tableimg:last-of-type {margin-left: 40px}

	@media screen and (max-width: 1200px) {
		.option-u .opton3 .op3-table .op3-tableimg:last-of-type {margin-left: 3.3333vw}
	}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-table .op3-tableimg:last-of-type {
			margin-left: 0;
			margin-bottom: 8vw;
		}
	}

	@media screen and (max-width: 1200px) {
		.option-u .opton3 .op3-table .op3-tableimg:first-of-type img {width:41.75vw}
		.option-u .opton3 .op3-table .op3-tableimg:last-of-type img {width:47.5833vw}
	}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-table .op3-tableimg:first-of-type img {width:90%}
		.option-u .opton3 .op3-table .op3-tableimg:last-of-type img {width:90%}
	}

.option-u .opton3 .op3-box {
    border: 3px solid #d0d0d0;
    padding: 3px;
    width: 1000px;
    margin: 0 auto 50px;
	position: relative;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-box {
			width: 100%;
			margin: 0 auto 5vw;
		}
	}

.option-u .opton3 .op3-box .in-border {
    border: 2px solid #d0d0d0;
    padding: 40px 0;
}

	@media screen and (max-width: 800px) {
		.option-u .opton3 .op3-box .in-border {padding: 30px 0;}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton3 .op3-box .in-border {padding: 20px 0;}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton3 .op3-box .in-border {padding: 15px 0;}
	}

.option-u .opton3 .op3-box p {
    font-size: 30px;
    font-weight: bold;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-box p {
			font-size: 40px;
			line-height: 46px;
		}
	}

	@media screen and (max-width: 800px) {
		.option-u .opton3 .op3-box p {
			font-size: 34px;
			line-height: 46px;
		}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton3 .op3-box p {
			font-size: 24px;
			line-height: 38px;
		}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton3 .op3-box p {
			font-size: 18px;
			line-height: 28px;
		}
	}

.option-u .opton3 .op3-box p span {color: #f45171;}

.option-u .opton3 .op3-txt1 {
    margin: 50px auto;
    width: 1000px;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-txt1 {
			margin: 5vw auto;
			width: 100%;
		}
	}

.option-u .opton3 .op3-txt1 p {
    font-size: 30px;
    line-height: 40px;
	position: relative;
	
}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-txt1 p {
			font-size: 40px;
			line-height: 48px;
		}
	}

	@media screen and (max-width: 800px) {
		.option-u .opton3 .op3-txt1 p {
			font-size: 30px;
			line-height: 40px;
		}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton3 .op3-txt1 p {
			font-size: 24px;
			line-height: 36px;
		}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton3 .op3-txt1 p {
			font-size: 20px;
			line-height: 28px;
		}
	}

.option-u .opton3 .op3-txt1 p:nth-of-type(3)::before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 18%;
    width: 62%;
    border-bottom: 10px solid #fdffeb;
    z-index: -1;
}


.option-u .opton3 .op3-txt1 p.spop {display: none;}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-txt1 p.spop {
			display: block;
			position: relative;
		}
	}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-txt1 p.spop::before {
			content: "";
			position: absolute;
			bottom: 10px;
			left: 18%;
			width: 62%;
			border-bottom: 10px solid #fdffeb;
			z-index: -1;
		}
	}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-txt1 p.hidden {display: none;}
	}

.option-u .opton3 .op3-txt1 p span {color: #f45171;}

.option-u .opton3 .op3-txt1 p span.sm {
	font-size: 16px;
	color: inherit;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-txt1 p span.sm {font-size: 20px;}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton3 .op3-txt1 p span.sm {font-size: 16px;}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton3 .op3-txt1 p span.sm {font-size: 14px;}
	}

.option-u .opton3 .op3-txt2 {
    margin: 50px auto;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-txt2 {
			margin: 5vw auto;
			width: 100%;
		}
	}

.option-u .opton3 .op3-txt2 p {
    font-size: 30px;
    line-height: 40px;
	position: relative;
	margin: 30px auto;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-txt2 p {
			font-size: 40px;
			line-height: 48px;
		}
	}

	@media screen and (max-width: 800px) {
		.option-u .opton3 .op3-txt2 p {
			font-size: 30px;
			line-height: 40px;
		}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton3 .op3-txt2 p {
			font-size: 24px;
			line-height: 36px;
		}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton3 .op3-txt2 p {
			font-size: 20px;
			line-height: 28px;
		}
	}

.option-u .opton3 .op3-txt2 p:nth-of-type(2) {
    line-height: 90px;
}



/*
.option-u .opton3 .op3-txt2 p:nth-of-type(2)::before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    border-bottom: 10px solid #fdffeb;
    z-index: -1;
}
*/
.option-u .opton3 .op3-txt2 p span {
    color: #f45171;
    font-size: 60px;
	border-bottom: 10px solid #fdffeb;
}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-txt2 p span {font-size: 50px;}
	}

	@media screen and (max-width: 800px) {
		.option-u .opton3 .op3-txt2 p span {font-size: 40px;}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton3 .op3-txt2 p span {font-size: 34px;}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton3 .op3-txt2 p span {font-size: 24px;}
	}

.option-u .opton3 .op3-txt2 p.spop {display: none;}

	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-txt2 p.spop {
			display: block;
			position: relative;
			line-height: 16px;
		}
	}

	@media screen and (max-width: 640px) {
		.option-u .opton3 .op3-txt2 p.spop {line-height: 24px;}
	}

	@media screen and (max-width: 414px) {
		.option-u .opton3 .op3-txt2 p.spop {line-height: 18px;}
	}
/*
	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-txt2 p.spop::before {
			content: "";
			position: absolute;
			bottom: -10px;
			left: 10%;
			width: 80%;
			margin: auto;
			border-bottom: 10px solid #fdffeb;
			z-index: -1;
		}
	}
*/
	@media screen and (max-width: 1000px) {
		.option-u .opton3 .op3-txt2 p.hidden {display: none;}
	}
/* /option3 */

/***** /u-cont option *****/

/***** u-cont now *****/
.now-u {}

.now-u p {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
}

	@media screen and (max-width: 1000px) {
		.now-u p {
			font-size: 30px;
			line-height: 48px;
		}
	}

	@media screen and (max-width: 640px) {
		.now-u p {
			font-size: 20px;
			line-height: 36px;
		}
	}

	@media screen and (max-width: 414px) {
		.now-u p {
			font-size: 16px;
			line-height: 26px;
		}
	}

.now-u p span { color: #f45171;}

.now-u .nowtxt-box {
    background: url(../images/now-frame01.png)no-repeat center top;
    width: 950px;
    height: 177px;
    margin: 50px auto;
    padding: 30px 0;
}

	@media screen and (max-width: 1000px) {
		.now-u .nowtxt-box {
			background: url(../images/sp_now-frame01.png)no-repeat center top;
			width: auto;
			background-size: 94%;
			height: 21vw;
			margin: 5vw auto;
			padding: 3vw 0;
		}
	}

.now-u .nowtxt-box p {font-weight: bold;font-size: 18px;}

	@media screen and (max-width: 1000px) {
		.now-u .nowtxt-box p {font-size: 3vw;line-height: 4vw;}
	}

.now-u .nowtxt-box p:first-child {margin: 10px auto;}

	@media screen and (max-width: 1000px) {
		.now-u .nowtxt-box p:first-child {margin: 0 auto;}
	}

.now-u .nowtxt-box p:nth-child(2) {
    font-size: 30px;
	margin: 10px auto;
}

	@media screen and (max-width: 1000px) {
		.now-u .nowtxt-box p:nth-child(2) {
			font-size: 3vw;
			margin: 0 auto;
		}
	}

.now-u .nowtxt-box p:nth-child(2) span {color: #f45171;}

	@media screen and (max-width: 1000px) {
		.now-u .nowtxt-box p:nth-child(2) span {font-size: 4vw;}
	}

.now-u .nowtxt-box p:nth-child(2) span span {font-size: 18px;}

	@media screen and (max-width: 1000px) {
		.now-u .nowtxt-box p:nth-child(2) span span {font-size: 2vw;}
	}

.now-u .nowtxt-box p:last-child {}

.now-u .now-txt1 {font-weight: bold;}

.now-u .now-txt1 p {
    font-size: 18px;
    line-height: 28px;
}

	@media screen and (max-width: 1000px) {
		.now-u .now-txt1 p {
			font-size: 30px;
			line-height: 48px;
		}
	}

	@media screen and (max-width: 640px) {
		.now-u .now-txt1 p {
			font-size: 20px;
			line-height: 36px;
		}
	}

	@media screen and (max-width: 414px) {
		.now-u .now-txt1 p {
			font-size: 16px;
			line-height: 26px;
		}
	}

.now-u .now-txt1 p:first-child {}

.now-u .now-txt1 p:nth-child(2) {
    color: #f45171;
    font-size: 30px;
    margin: 20px auto;
}

	@media screen and (max-width: 640px) {
		.now-u .now-txt1 p:nth-child(2) {
			font-size: 24px;
			margin: 15px auto;
		}
	}

	@media screen and (max-width: 414px) {
		.now-u .now-txt1 p:nth-child(2) {
			font-size: 20px;
			margin: 10px auto;
		}
	}

.now-u .now-txt1 p:nth-child(3) {}

.now-u .now-txt1 p:nth-child(4) {color: #f45171;}

.now-u .now-txt1 p:nth-child(4) span {border-bottom:5px solid #f45171;}

.now-u .now-txt1 p:nth-child(5) {}

.now-u .now-txt1 p:last-child {margin: 20px auto;}

.now-u .now-txt1 p:last-child  span {
	font-size: 30px;
	color: #f45171;
	border-bottom:5px solid #f45171;
}

	@media screen and (max-width: 640px) {
		.now-u .now-txt1 p:last-child  span {
			font-size: 24px;
			line-height: 48px;
		}
	}

	@media screen and (max-width: 414px) {
		.now-u .now-txt1 p:last-child  span {
			font-size: 20px;
			line-height: 38px;
		}
	}

.now-u .now-txt2 {font-weight: bold;}

.now-u .now-txt2 p {
    font-size: 18px;
    line-height: 28px;
}

	@media screen and (max-width: 1000px) {
		.now-u .now-txt2 p {
			font-size: 30px;
			line-height: 48px;
		}
	}

	@media screen and (max-width: 640px) {
		.now-u .now-txt2 p {
			font-size: 20px;
			line-height: 36px;
		}
	}

	@media screen and (max-width: 414px) {
		.now-u .now-txt2 p {
			font-size: 16px;
			line-height: 26px;
		}
	}

.now-u .now-txt2 p:first-child {}

.now-u .now-txt2 p:nth-child(2) {
    color: #f45171;
    font-size: 30px;
    margin: 20px auto;
}

	@media screen and (max-width: 414px) {
		.now-u .now-txt2 p:nth-child(2) {
			font-size: 24px;
			margin: 15px auto;
		}
	}

	@media screen and (max-width: 414px) {
		.now-u .now-txt2 p:nth-child(2) {
			font-size: 20px;
			margin: 10px auto;
		}
	}

.now-u .now-txt2 p:nth-child(3) {}

.now-u .now-txt2 p:nth-child(4) {color: #f45171;}

.now-u .now-txt2 p:last-child {margin: 20px auto;}

.now-u .now-img1 {margin: 50px auto;}

.now-u .now-img1 img {
    width: 100%;
    max-width: 1250px;
}

	@media screen and (max-width: 1000px) {
		.now-u .now-img1 img {width: 100%;}
	}

.now-u .now-img2 {margin: 50px auto;	}

.now-u .now-img2 img {}

	@media screen and (max-width: 1000px) {
		.now-u .now-img2 img {
			width: 100%;
			max-width: 800px;
		}
	}

.now-u .now-setion2 {margin-top: 50px;}

.now-u .now-setion2 p {padding-top: 30px;}

	@media screen and (max-width: 1000px) {
		.now-u .now-setion2 p {padding-top: 0;}
	}

.now-u .now-setion2 p span {}

.now-u .now-setion2 .nowtxt-box {
    background: url(../images/now-frame02.png)no-repeat center top;
    width: 950px;
    height: 142px;
    margin: 30px auto 0;
    padding: 15px 0;
}

	@media screen and (max-width: 1000px) {
		.now-u .now-setion2 .nowtxt-box {
			background: url(../images/sp_now-frame02.png)no-repeat center top;
			width: auto;
			background-size: 94%;
			height: 30vw;
			margin: 3vw auto 0;
			padding: 3.5vw 0;
		}
	}

.now-u .now-setion2 .nowtxt-box p {
    color: #f45171;
    font-size: 30px;
}

	@media screen and (max-width: 640px) {
		.now-u .now-setion2 .nowtxt-box p {
			font-size: 4.6875vw;
			line-height: 7vw;
		}
	}

.now-u .now-setion2 .nowtxt-box p span {font-size: 18px;}

	@media screen and (max-width: 640px) {
		.now-u .now-setion2 .nowtxt-box p span {font-size: 2.8125vw;}
	}
/***** /u-cont now *****/

/***** u-cont salary *****/

/* sal01 */
.salary-u {}

.salary-u p { 
	font-weight: bold;
	line-height: 28px;
    font-size: 18px;
}

	@media screen and (max-width: 1000px) {
		.salary-u p { 
			line-height: 4vw;
			font-size: 3vw;
		}
	}

	@media screen and (max-width: 414px) {
		.salary-u p { 
			line-height: 28px;
			font-size: 18px;
		}
	}

.salary-u .sal01 {margin-bottom: 120px;}

.salary-u .sal01 h2 {margin: 50px auto;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal01 h2 {margin: 5vw auto;}
	}

.salary-u .sal01 h2 img {width: 100%;max-width: 1200px;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal01 h2 img {width: 100%;}
	}

.salary-u .sal01 h3 {
    font-size: 30px;
    font-weight: bold;
    color: #f45171;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal01 h3 {font-size: 50px;}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal01 h3 {font-size: 24px;}
	}

.salary-u .sal01 .sal-txt {margin: 30px auto;}

.salary-u .sal01 .sal-txt p {
    line-height: 28px;
    font-size: 18px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal01 .sal-txt p {
			line-height: 44px;
			font-size: 30px;
		}
	}

	@media screen and (max-width: 414px){
		.salary-u .sal01 .sal-txt p {
			line-height: 28px;
			font-size: 18px;
		}
	}

.salary-u .sal01 .sal-txt p span {
	font-weight: bold;
	color: #f45171;
}

.salary-u .sal01 .sal-txt p span.btxt {color: #7cade4;}

.salary-u .sal01 .sal-txt p span.bbg {
    background: #7cade4;
    color: #fff;
    padding: 3px;
}

.salary-u .sal01 .sal-txt p span.border {
    border-bottom: 3px solid #f45171;
    color: inherit;
}
/* /sal01 */

/* sal02 */
.salary-u {}

.salary-u .sal02 {
    background: #ffeff4;
    padding-bottom: 80px;
}

	@media screen and (max-width: 414px){
		.salary-u .sal02 {padding-bottom: 20px;}
	}

.salary-u .sal02 h2 {
    position: relative;
    display: inline-block;
    font-weight: bold;
    margin: -50px auto 50px;
    font-size: 30px;
    padding: 10px;
    width: 100%;
    color: #fff;
    background: #f45171;
    max-width: 770px;
}
	@media screen and (max-width: 1000px) {
		.salary-u .sal02 h2 {
			font-size: 5vw;
			padding: 1vw;
			width: 94%;
		}
	}

.salary-u .sal02 h2:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #f45171;
}	

	@media screen and (max-width: 1000px) {
		.salary-u .sal02 h2:before {
			margin-left: -1vw;
			border: 3vw solid transparent;
			border-top: 3vw solid #f45171;
		}	
	}


.salary-u .sal02 .sal-txt {}

.salary-u .sal02 .sal-txt img {}

.salary-u .sal02 .sal-txt p {
    font-weight: bold;
    line-height: 28px;
    font-size: 18px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal02 .sal-txt p {
			line-height: 40px;
			font-size: 30px;
		}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal02 .sal-txt p {
			line-height: 28px;
			font-size: 18px;
		}
	}

.salary-u .sal02 .sal-txt .box {
    background: url(../images/sal-frame01.png)no-repeat center top;
    width: 661px;
    height: 337px;
    margin: 30px auto;
    padding: 25px 0;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal02 .sal-txt .box {
			background: url(../images/sp_sal-frame01.png)no-repeat center top;
			width: 94%;
			background-size: 100%;
			margin: 3vw auto;
			padding: 8.5vw 0 2.5vw;
			height: 80vw;
		}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal02 .sal-txt .box {
			margin: 10px auto;
			padding: 15px 0 10px;
		}
	}

	@media screen and (max-width: 375px) {
		.salary-u .sal02 .sal-txt .box {padding: 10px;}
	}

.salary-u .sal02 .sal-txt .box img {width: 20px;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal02 .sal-txt .box img {width: 4vw;}
	}

.salary-u .sal02 .sal-txt .box p {
    margin: 10px auto;
    font-weight: bold;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal02 .sal-txt .box p {
			margin: 4vw auto;
			font-size: 3vw;
		}
	}

	@media screen and (max-width: 414px){
		.salary-u .sal02 .sal-txt .box p {
			margin: 5px auto;
			font-size: 16px;
		}
	}

	@media screen and (max-width: 360px) {
		.salary-u .sal02 .sal-txt .box p {font-size: 15px;}
	}

.salary-u .sal02 .sal-txt .box p.ptxt {
    color: #f45171;
    margin-top: 25px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal02 .sal-txt .box p.ptxt {
			margin-top: 2.5vw;
			font-size: 5vw;
		}
	}

	@media screen and (max-width: 1000px) {
		.salary-u .sal02 .sal-txt .box p.ptxt {
			margin-top: 0px;
			font-size: 18px;
		}
	}

.salary-u .sal02 .sal-txt .l-box {
    margin: 30px auto;
    font-size: 18px;
    line-height: 28px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal02 .sal-txt .l-box {
			margin: 50px auto;
			font-size: 30px;
			line-height: 48px;
		}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal02 .sal-txt .l-box {
			margin: 25px auto;
			font-size: 16px;
			line-height: 31px;
		}
	}

.salary-u .sal02 .sal-txt .l-box img {margin: 30px auto;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal02 .sal-txt .l-box img {width: 94%;}
	}

.salary-u .sal02 .sal-txt .l-box span {}

.salary-u .sal02 .sal-txt .l-box span.border {
    font-weight: bold;
	border-bottom: 3px solid #f45171;
}
/* /sal02 */

/* sal03 */
.salary-u .sal03 {}

.salary-u .sal03 h2 {margin: 50px auto;}

	@media screen and (max-width: 414px) {
		.salary-u .sal03 h2 {margin: 0 auto 25px;}
	}

.salary-u .sal03 h2 img {}

	@media screen and (max-width: 1000px) {
		.salary-u .sal03 h2 img {width: 94%;}
	}

.salary-u .sal03 .cource-box {}

.salary-u .sal03 dl {padding: 220px 50px 50px;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal03 dl {padding: 52vw 24vw 23vw;}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal03 dl {
			padding: 56.6184vw 18.0773vw 19.3237vw;
		}
	}

.salary-u .sal03 dl dt,.salary-u .sal03 dl dd {
    font-size: 30px;
    font-weight: bold;
	text-align: right;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal03 dl dt,.salary-u .sal03 dl dd {
			font-size: 6vw;
			margin: 1.5vw 0;
		}
	}

.salary-u .sal03 dl dt span,.salary-u .sal03 dl dd span {font-size: 18px;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal03 dl dt span,.salary-u .sal03 dl dd span {font-size: 4vw;}
	}

.salary-u .sal03 dl dt {
    width: 95px;
    margin-right: 30px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal03 dl dt {
			width: 37%;
			margin-right: 0;
		}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal03 dl dt {
			width: 18.3237vw;
			margin-right: 10px;
		}
	}

.salary-u .sal03 dl dd {width: 120px;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal03 dl dd {width: 63%;}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal03 dl dd {width: 28.57vw;}
	}

.salary-u .sal03 dl.price1 {
	background: url(../images/sal-plist01.png)no-repeat center top;
	margin-right: 25px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal03 dl.price1 {
			background: url(../images/sp_sal-plist01.png)no-repeat center top;
			margin-right: 0;
			background-size: 100%;
		}
	}

.salary-u .sal03 dl.price2 {
	background: url(../images/sal-plist02.png)no-repeat center top;
	margin-left: 25px;
	color: #f45171;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal03 dl.price2 {
			background: url(../images/sp_sal-plist02.png)no-repeat center top;
			margin-left: 0;
			background-size: 100%;
		}
	}

.salary-u .sal03 dl.price1,.salary-u .sal03 dl.price2 {
	width: 468px;
	height: 600px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal03 dl.price1,.salary-u .sal03 dl.price2 {
			width: 100%;
			height: auto;
		}
	}
/* /sal03 */

/* sal04 */
.salary-u .sal04 {}

.salary-u .sal04 h2 {margin: 50px auto;}

	@media screen and (max-width: 414px) {
		.salary-u .sal04 h2 {margin: 0 auto 25px;}
	}

.salary-u .sal04 h2 img {}

	@media screen and (max-width: 1000px) {
		.salary-u .sal04 h2 img {width: 94%;}
	}

.salary-u .sal04 .sal-txt {}

.salary-u .sal04 .sal-txt p {font-weight: normal;}

.salary-u .sal04 .sal-txt p span {}

.salary-u .sal04 .sal-txt p span.border { border-bottom: 3px solid #f45171;}

.salary-u .sal04 ul.op-list {}
.salary-u .sal04 ul.op-list li {}

.salary-u .sal04 ul.op-list li.bg1 {background: url(../images/marubg01.png)no-repeat center top;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal04 ul.op-list li.bg1 {background: url(../images/sp_marubg01.png)no-repeat center top;}
	}

.salary-u .sal04 ul.op-list li.bg2 {background: url(../images/marubg02.png)no-repeat center top;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal04 ul.op-list li.bg2 {background: url(../images/sp_marubg02.png)no-repeat center top;}
	}

.salary-u .sal04 ul.op-list li.bg3 {background: url(../images/marubg03.png)no-repeat center top;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal04 ul.op-list li.bg3 {background: url(../images/sp_marubg03.png)no-repeat center top;}
	}

.salary-u .sal04 ul.op-list li.bg1, .salary-u .sal04 ul.op-list li.bg2, .salary-u .sal04 ul.op-list li.bg3 {
    width: 250px;
    height: 264px;
    padding: 50px 25px;
    margin: 25px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal04 ul.op-list li.bg1, .salary-u .sal04 ul.op-list li.bg2, .salary-u .sal04 ul.op-list li.bg3 {
			background-size: 100%;
			width: 50%;
			height: auto;
			padding: 15vw 8.4vw 18vw;
			margin: 2.5vw;
		}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal04 ul.op-list li.bg1, .salary-u .sal04 ul.op-list li.bg2, .salary-u .sal04 ul.op-list li.bg3 {
			width: 70%;
			padding: 23vw 5.4vw 35vw;
			margin: 0.5vw;
		}
	}

.salary-u .sal04 ul.op-list li p {}

	@media screen and (max-width: 1000px) {
		.salary-u .sal04 ul.op-list li.bg1 p,
		.salary-u .sal04 ul.op-list li.bg2 p,
		.salary-u .sal04 ul.op-list li.bg3 p {
			font-size: 3vw;
			line-height: 5vw;
			margin: 1vw 0;
		}
	}

	@media screen and (max-width: 1000px) {
		.salary-u .sal04 ul.op-list li.bg1 p,
		.salary-u .sal04 ul.op-list li.bg2 p,
		.salary-u .sal04 ul.op-list li.bg3 p {
			font-size: 16px;
			line-height: 24px;
			margin: 1vw 0;
		}
	}

.salary-u .sal04 ul.op-list li.bg1 p:first-of-type {border-bottom: 3px solid #fffb88;}
.salary-u .sal04 ul.op-list li.bg2 p:first-of-type {border-bottom: 3px solid #88c6ff;}
.salary-u .sal04 ul.op-list li.bg3 p:first-of-type {border-bottom: 3px solid #f45171;}
/* /sal04 */

/* sal05 */
.salary-u .sal05 {margin-bottom: 100px;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 {margin-bottom: 50px;}
	}

.salary-u .sal05 h2 {margin: 50px auto;}

	@media screen and (max-width: 414px) {
		.salary-u .sal05 h2 {margin: 0 auto 25px;}
	}

.salary-u .sal05 h2 img {}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 h2 img {width: 94%;}
	}

.salary-u .sal05 .sal-txt {}
.salary-u .sal05 .sal-txt p {font-weight: normal!important}

.salary-u .sal05 .sal-txt p span.border {border-bottom: 3px solid #f45171;}

.salary-u .sal05 .sal-txt .box {
    background: url(../images/sal-frame02.png)no-repeat center top;
    width: 950px;
    height: 142px;
    margin: 50px auto;
    padding: 25px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .sal-txt .box {
			background: url(../images/sp_sal-frame02.png)no-repeat center top;
			background-size: 100%;
			width: 94%;
			height: 34vw;
			margin: 5vw auto;
			padding: 2.5vw;
		}
	}

.salary-u .sal05 .sal-txt .box p {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold!important;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .sal-txt .box p {
			font-size: 5vw;
			line-height: 6vw;
			padding-top: 2vw;
		}
	}

.salary-u .sal05 .price-calc01 {text-align: left}

.salary-u .sal05 .price-calc01 h3 {text-align: center; color: #f45171;font-size: 30px;font-weight: bold;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .price-calc01 h3 {font-size: 5vw;}
	}

.salary-u .sal05 .price-calc01 ul {}
.salary-u .sal05 .price-calc01 ul li {margin: 20px;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .price-calc01 ul li {
			margin: 4vw 2vw;
			width: 42%;
		}
	}

.salary-u .sal05 .price-calc01 ul li p {line-height: 50px;font-size: 20px;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .price-calc01 ul li p {line-height: 5vw;font-size: 2.4vw;}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal05 .price-calc01 ul li p {line-height: 28px;font-size: 18px;}
	}

.salary-u .sal05 .price-calc01 ul li p.obi {
    background: #f45171;
    color: #fff;
    padding: 5px 10px;
    font-size: 18px;
    line-height: inherit;
    max-width: 200px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .price-calc01 ul li p.obi {
			padding: 0.5vw 1vw;
			font-size: 3vw;
			max-width: inherit;
		}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal05 .price-calc01 ul li p.obi {
			padding: 5px 10px;
			font-size: 16px;
		}
	}

.salary-u .sal05 .price-calc01 ul li p span {
	color: #f45171;
	font-size: 32px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .price-calc01 ul li p span {font-size: 3.2vw;}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal05 .price-calc01 ul li p span {font-size: 20px;}
	}

.salary-u .sal05 .price-calc02 {text-align: left}

.salary-u .sal05 .price-calc02 h3 {text-align: center; color: #7cade4;font-size: 30px;font-weight: bold;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .price-calc02 h3 {font-size: 5vw;}
	}

.salary-u .sal05 .price-calc02 ul {}

.salary-u .sal05 .price-calc02 ul li {margin: 20px;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .price-calc02 ul li {
			margin: 4vw 2vw;
			width: 42%;
		}
	}

.salary-u .sal05 .price-calc02 ul li p {line-height: 50px;font-size: 20px;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .price-calc02 ul li p {line-height: 5vw;font-size: 2.4vw;}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal05 .price-calc02 ul li p {line-height: 28px;font-size: 18px;}
	}

.salary-u .sal05 .price-calc02 ul li p.obi {
    background: #7cade4;
    color: #fff;
    padding: 5px 10px;
    font-size: 18px;
    line-height: inherit;
    max-width: 200px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .price-calc02 ul li p.obi {
			padding: 0.5vw 1vw;
			font-size: 3vw;
			max-width: inherit;
		}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal05 .price-calc02 ul li p.obi {
			padding: 5px 10px;
			font-size: 16px;
		}
	}

.salary-u .sal05 .price-calc02 ul li p span {
	color: #7cade4;
	font-size: 32px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .price-calc02 ul li p span {font-size: 3.2vw;}
	}

	@media screen and (max-width: 414px) {
		.salary-u .sal05 .price-calc02 ul li p span {font-size: 20px;}
	}

.salary-u .sal05 .loss {
	background: url(../images/sal-frame03.png)no-repeat center top;
    width: 940px;
    height: 289px;
    margin: 50px auto;
    padding: 100px 0 0;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .loss {
			background: url(../images/sp_sal-frame03.png)no-repeat center top;
			width: 100%;
			background-size: 100%;
			height: 68vw;
			margin: 5vw auto;
			padding: 26vw 0 0;
		}
	}

.salary-u .sal05 .loss p {line-height: 34px;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .loss p {
			line-height: 8vw;
			font-size: 3.4vw;
		}
	}

.salary-u .sal05 .loss p:last-of-type {color: #f45171;}

.salary-u .sal05 .loss p span {
	color: #f45171;
    font-size: 30px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal05 .loss p span {font-size: 5vw;}
	}
/* /sal05 */

/* sal06 */
.salary-u .sal06 {}.salary-u .sal06 h2 {margin: 50px auto;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal06 h2 {margin: 0 auto 25px;}
	}

.salary-u .sal06 h2 img {}

	@media screen and (max-width: 414px) {
		.salary-u .sal06 h2 img {width: 94%;}
	}

.salary-u .sal06 .sal-pbox {}

.salary-u .sal06 .sal-pbox img {}

	@media screen and (max-width: 1000px) {
		.salary-u .sal06 .sal-pbox img {width: 100%;}
	}

.salary-u .sal06 .sal-pbox h3 {}
.salary-u .sal06 .sal-pbox h3 span {}
.salary-u .sal06 .sal-pbox dl {}
.salary-u .sal06 .sal-pbox dl dt {}
.salary-u .sal06 .sal-pbox dl dd {}
.salary-u .sal06 ul.sal-plist {}
.salary-u .sal06 ul.sal-plist img {}
.salary-u .sal06 ul.sal-plist li {}
.salary-u .sal06 ul.sal-plist li p {}
.salary-u .sal06 ul.sal-plist li p span {
}
/* /sal06 */

/* sal07 */
.salary-u .sal07 {}

.salary-u .sal07 h2 {margin: 50px auto;}

	@media screen and (max-width: 414px) {
		.salary-u .sal07 h2 {margin: 15px auto 25px;}
	}

.salary-u .sal07 h2 img {}

	@media screen and (max-width: 1000px) {
		.salary-u .sal07 h2 img {width: 94%;}
	}

.salary-u .sal07 h3 {}

.salary-u .sal07 h3 img {}

	@media screen and (max-width: 1000px) {
		.salary-u .sal07 h3 img {width: 59.5vw;}
	}

.salary-u .sal07 .min {}

.salary-u .sal07 .min div {margin: 50px;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal07 .min div {margin: 4vw;}
	}

.salary-u .sal07 .min div img {}

	@media screen and (max-width: 1000px) {
		.salary-u .sal07 .min div img {width: 37vw;}
	}

.salary-u .sal07 .min-box {
    background: url(../images/sal-frame04.png)no-repeat center top;
    width: 950px;
    height: 100px;
    margin: 0 auto 50px;
    padding: 30px 0 20px;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal07 .min-box {
			background: url(../images/sp_sal-frame04.png)no-repeat center top;
			width: 100%;
			height: 25vw;
			margin: 0 auto 5vw;
			background-size: 100%;
			padding: 3vw 0 2vw;
		}
	}

.salary-u .sal07 .min-box h4 {
    font-size: 30px;
    font-weight: bold;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal07 .min-box h4 {
			font-size: 5vw;
			line-height: 6vw;
			padding-top: 2vw;
		}
	}

.salary-u .sal07 ul.sal-clist {
    width: 1000px;
    margin: 30px auto;
}

	@media screen and (max-width: 1000px) {
		.salary-u .sal07 ul.sal-clist {
			width: 100%;
			margin: 3vw auto;
		}
	}

.salary-u .sal07 ul.sal-clist li {}
.salary-u .sal07 ul.sal-clist li:first-of-type {}

.salary-u .sal07 ul.sal-clist li:last-of-type {padding-top: 20px;width: 50%;}

	@media screen and (max-width: 1000px) {
		.salary-u .sal07 ul.sal-clist li:last-of-type {;width: 100%;}
	}

.salary-u .sal07 ul.sal-clist li img {}

	@media screen and (max-width: 1000px) {
		.salary-u .sal07 ul.sal-clist li img {
			width: 90%;
			max-width: 566px;
		}
	}

.salary-u .sal07 ul.sal-clist li p {
    text-align: left;
    padding-left: 20px;
}

.salary-u .sal07 ul.sal-clist li p span {color: #f45171;}
/* /sal07 */

.salary-u .min-box2 {
    border: 3px solid #d0d0d0;
    padding: 3px;
    width: 1000px;
    margin: 0 auto 50px;
	position: relative;
}

	@media screen and (max-width: 1000px) {
		.salary-u .min-box2 {
			border: 3px solid #d0d0d0;
			padding: 3px;
			width: 100%;
			margin: 0 auto 50px;
			position: relative;

		}
	}

.salary-u .min-box2 .in-border {
    border: 2px solid #d0d0d0;
    padding: 40px 0;
}
	
.salary-u .min-box2 p {
    font-size: 20px;
    font-weight: normal;
}

	@media screen and (max-width: 1000px) {
		.salary-u .min-box2 p {font-size: 3vw;}
	}

	@media screen and (max-width: 414px) {
		.salary-u .min-box2 p {font-size: 16px;}
	}

.salary-u .min-box2 p span {border-bottom: 2px solid #f45171;}

.salary-u .min-box2 p span span {
    font-size: 30px;
    font-weight: bold;
	color: #f45171;
	border: none;
}

	@media screen and (max-width: 1000px) {
		.salary-u .min-box2 p span span {font-size: 5vw;}
	}

	@media screen and (max-width: 1000px) {
		.salary-u .min-box2 p span span {font-size: 20px;}
	}

.salary-u .sal-txt {margin: 30px auto;}

	@media screen and (max-width: 414px) {
		.salary-u .sal-txt {margin: 3vw auto;}
	}

.salary-u .sal-txt p {font-weight: normal;}

.salary-u .sal-txt p span.border {font-weight: bold; border-bottom: 3px solid #f45171;}
/***** /u-cont salary *****/

/* pagetop */
#page-top {
    position: fixed;
    bottom: 60px;
    right: 20px;
    z-index: 51;
}

	@media screen and (max-width: 1000px){
		#page-top {bottom: 27vw;right: 10px;}
	}

#page-top img {width: 60px;}

	@media screen and (max-width: 414px){
		#page-top img {width: 50px;}
	}
/* /pagetop */

/***** footer *****/
footer {
	background: #f45171;
    text-align: center;
    padding-top: 40px;
}

	@media screen and (max-width: 1000px){
		footer {padding: 5vw 0 24vw;}
	}

footer a:hover {opacity: .8;}

footer nav {}

	@media screen and (max-width: 1000px){
		footer nav {display: none;}
	}

footer nav ul {
    width: 1000px;
    margin: 50px auto;
}

footer nav ul li {
    font-size: 20px;
    position: relative;
    margin: 10px 10px;
	color: #fff;
}

footer nav ul li::after {
    content: "|";
    position: absolute;
    font-size: 20px;
    color: #fff;
    top: 0px;
    right: -15px;
}

footer nav ul li a {color: #fff!important;}

footer p {font-size: 20px;color: #fff;}

footer .copy-p {padding-bottom: 50px;}

	@media screen and (max-width: 1000px){
		footer .copy-p {display: none;}
	}

footer .copy-p img {width: 400px;}


footer .copy-s {
	display: none;
	font-family: "Droid Sans";
	color: #fff;
	font-size: 16px;
}

	@media screen and (max-width: 1000px){
		footer .copy-s {margin-bottom: 5vw;}
	}

	@media screen and (max-width: 1000px){
		footer .copy-s {display: block;}
	}

footer .copy-s a {color: #fff;}
/*****- /footer *****/

/* form */
.cont_form {
    width: 100%;
    margin: 0 auto;
    max-width: 750px;
}

.entry-form {
    width: 100%;
    margin: 15px auto;
}

.entry-form p {
    text-align: left;
    line-height: 25px;
}

.entry-form p span {color: #9800BE;}
	
.entry-form dl {margin: 50px auto 25px;}

.entry-form dl dt {
    border: 0;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 30px 0;
    color: #8c8a8b;
}

	@media screen and (max-width: 1000px){
		.entry-form dl dt {font-size: 28px;}
	}

	@media screen and (max-width: 800px){
		.entry-form dl dt {font-size: 20px;}
	}

	@media screen and (max-width: 414px){
		.entry-form dl dt {font-size: 16px;margin: 5px}
	}

.entry-form dl dt:before {content:none;}	
	
.entry-form dl dd {margin: 20px 30px;}

	@media screen and (max-width: 414px){
		.entry-form dl dd {margin: 15px 8px;}
	}

.entry-form label {display: block;}

.entry-form label > span {
	width: 100px;
	font-weight: bold;
	float: left;
	padding-top: 8px;
	padding-right: 5px;
}
	
.entry-form span.required {color:red;}

.entry-form .tel-number-field {
	width: 40px;
	text-align: center;
}

.entry-form input.input-field {
    width: 100%;
    height: 60px;
}

	@media screen and (max-width: 1000px){
		.entry-form input.input-field {height: 80px;}
	}
	
	@media screen and (max-width: 414px){
		.entry-form input.input-field {height: 60px;}
	}
	
.entry-form input.input-field,
.entry-form .tel-number-field,
.entry-form .textarea-field,
.entry-form .ymdselect-field,
.entry-form .select-field {
    box-sizing: border-box;
    border: 1px solid #8a8a8a;
    border-radius: 8px;
    padding: 7px;
    outline: none;
    line-height: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 18px;
}

	@media screen and (max-width: 1000px){
		.entry-form input.input-field,
		.entry-form .tel-number-field,
		.entry-form .textarea-field,
		.entry-form .ymdselect-field,
		.entry-form .select-field {
			font-size: 24px;
		}
	}

	@media screen and (max-width: 414px){
		.entry-form input.input-field,
		.entry-form .tel-number-field,
		.entry-form .textarea-field,
		.entry-form .ymdselect-field,
		.entry-form .select-field {
			font-size: 16px;
		}
	}

.entry-form .ymdselect-field {
	width: 85%;	
	height: 45px;
	font-size: 17px;
}

.entry-form .select-field {
	width: 35%;	
	height: 45px;
	font-size: 17px;
}
	
.entry-form .input-field:focus, 
.entry-form .tel-number-field:focus, 
.entry-form .textarea-field:focus,  
.entry-form .select-field:focus {
	border: 1px solid #c2c2c2;
}

.entry-form .textarea-field {
	height:500px;
	width: 100%;
}

/* radio */	
.entry-form .f-btn {}

.entry-form .f-btn input{display: none;}

.entry-form .f-btn label {
    cursor: pointer;
    margin: 5px 0;
    background: #c0bebe;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 2.5;
    transition: .2s;
    height: 50px;
}

	@media screen and (max-width: 414px){
		.entry-form .f-btn label {font-size: 18px;}
	}

.entry-form .f-btn input[type="radio"]:checked + label {
    background-color: #9800be;
    color: #fff;
}
.entry-form .f-submit {
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
}

	@media screen and (max-width: 1000px){
		.entry-form .f-submit {
			width: 100%;
			max-width: 600px;
			margin: 20px auto;
		}
	}

	@media screen and (max-width: 800px){
		.entry-form .f-submit {
			width: 90%;
			max-width: 460px;
			margin: 16px auto;
		}
	}

.entry-form .f-submit label {margin: 0;}

.entry-form input[type=submit], .entry-form input[type=button] {
    padding: 8px 15px 8px 15px;
    width: 100%;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #353535;
    border-radius: 100px;
    background: #fff;
    height: 50px;
}

	@media screen and (max-width: 1000px){
		.entry-form input[type=submit], .entry-form input[type=button] {
			font-size: 20px;
			border: 2px solid #353535;
			height: 120px;
		}
	}

	@media screen and (max-width: 800px){
		.entry-form input[type=submit], .entry-form input[type=button] {
			height: 80px;
		}
	}

	@media screen and (max-width: 414px){
		.entry-form input[type=submit], .entry-form input[type=button] {
			height: 60px;
		}
	}

.entry-form input[type=submit]:hover,.entry-form input[type=button]:hover {opacity: .8;}

.entry-form .f-submit label input[type=button],
.entry-form .f-submit label input[type=submit] {
    width: 100%;
    font-size: 20px;
    color: #6a6a6a;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
}

	@media screen and (max-width: 1000px){
		.entry-form .f-submit label input[type=button],
		.entry-form .f-submit label input[type=submit] {
			font-size: 30px;
		}
	}

	@media screen and (max-width: 414px){
		.entry-form .f-submit label input[type=button], 
		.entry-form .f-submit label input[type=submit] {
			font-size: 18px;
		}
	}

.entry-form dd.ymdselect {
	position: relative;
	display: inline-block;
	width: 19%;
}

.entry-form dd.ymdselect label::before {
    position: absolute;
    top: 0.9em;
    right: 1.8em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 9px solid transparent;
    border-right: 8px solid transparent;
    border-top: 15px solid #000;
    pointer-events: none;
}

.entry-form dd.select {position: relative}

.entry-form dd.select label::before {
    position: absolute;
    top: 0.9em;
    right: 17.8em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 9px solid transparent;
    border-right: 8px solid transparent;
    border-top: 15px solid #000;
    pointer-events: none;
}

.entry-form dd.select select option {line-height: 1;}
	
.parsley-custom-error-message,
.parsley-required,
.parsley-equalto,
.parsley-errors-list filled	{
	color: #ff0000;
	font-size: 13px;
    margin: 10px 0 0;
}

.entry-form dl dt.item {color:#9d8aee;}			
			
.entry-form dl dd.form-txt {
    font-size: 16px;
    padding: 10px 0;
}			
	
.entry-form .f-btn-box {
    margin: 25px auto;
    text-align: center;
}
			
.entry-form .f-btn-box .ib {
    display: inline-block;
    box-sizing: border-box;
    width: 35%;
	margin: 0 10px;
}
			
.thanks {
    padding: 20px 10px;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
}

.form_tooltip {
	position: relative;
	cursor: pointer;
}
	
.form_tooltip .form_tooltiptext {
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 0;
    visibility: hidden;
	width: 100%;
    max-width: 500px;
	transition: opacity 1s;
    text-align: left;
    opacity: 0;
    color: #282828;
    border-radius: 6px;
    background-color: #fdf4ff;
    padding: 15px;
}

.form_tooltip .form_tooltiptext::after {
	position: absolute;
	top: 100%;
	left: 20%;
	margin-left: -5px;
	content: ' ';
	border: 5px solid transparent;
	border-top-color: #fdf4ff;
}
	
.form_tooltip:hover .form_tooltiptext {
	visibility: visible;
	opacity: 1;
}

/* select */
.entry-form .select {
    background: #fff;
    height: 60px;
    position: relative;
    z-index: 1;
    border: 1px solid #8a8a8a;
    border-radius: 8px;
}

	@media screen and (max-width: 1000px){
		.entry-form .select {height: 80px;}
	}

	@media screen and (max-width: 414px){
		.entry-form .select {height: 60px;}
	}

.entry-form .select::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    right: 18px;
    top: 46%;
    transform: translateY(-50%) rotate( 45deg);
    border-bottom: 5px solid #8c8a8b;
    border-right: 5px solid #8c8a8b;
    z-index: -1;
}

	@media screen and (max-width: 1000px){
		.entry-form .select::after {
			width: 15px;
			height: 15px;
		}
	}

	@media screen and (max-width: 414px){
		.entry-form .select::after {
			border-bottom: 3px solid #8c8a8b;
			border-right: 3px solid #8c8a8b;
			width: 10px;
			height: 10px;
		}
	}

.entry-form .select2 {
    background: #fff;
    height: 50px;
    width: 100px;
    position: relative;
    z-index: 1;
    border: 1px solid #282828;
	display: inline-block;
}

.entry-form .select2::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 1px solid #282828;
    border-right: 1px solid #282828;
    z-index: -1;
}

.entry-form select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    color: #333;
    font-size: 18px;
    width: 100%;
    height: 100%;
    padding: 0 10px;
}

	@media screen and (max-width: 1000px){
		.entry-form select {font-size: 24px;}
	}

	@media screen and (max-width: 414px){
		.entry-form select {font-size: 16px;}
	}
/* /select */

.entry-form .space {margin-right: 5px;}

.entry-form .arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #282828;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}

.entry-form .arrow::before,.arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
	
.entry-form .icon::after {
    right: 20px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

::placeholder {color:#ccc;}
/* /form */

/***** confirm.html *****/
#cont-reserve {
    width: 100%;
    margin: 0 auto;
}

#cont-reserve .confirm {
    margin: 20px auto 30px;
	padding: 10px;
}

#cont-reserve .confirm dt {}


#cont-reserve .confirm dd {
    text-align: left;
    font-size: 18px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

#cont-reserve .thanks {text-align: center;}

#cont-reserve .thanks p {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}

	@media screen and (max-width: 414px){
		#cont-reserve .thanks p {font-size: 16px; margin-bottom: 15px;}
	}

#cont-reserve .thanks a {color: #f45171;font-size: 20px; text-decoration: underline;}
/***** /confirm.html *****/

/* dot-BG */
.dotbg01 {
	background-color: #e7e7e7;
	background-image:
	radial-gradient(#dfdfdf 20%, transparent 20%),
	radial-gradient(#dfdfdf 20%, transparent 20%);
}

.dotbg02 {
	background-color: #1b1b1b;
	background-image:
	radial-gradient(#505050 20%, transparent 20%),
	radial-gradient(#505050 20%, transparent 20%);
}

.dotbg03 {
	background-color: #ffdddc;
	background-image:
	radial-gradient(#f7d7d8 20%, transparent 20%),
	radial-gradient(#f7d7d8 20%, transparent 20%);
}

.dotbg04 {
	background-color: #ffd6d6;
	background-image:
	radial-gradient(#fff6f6 20%, transparent 20%),
	radial-gradient(#fff6f6 20%, transparent 20%);
}

.dotbg01, .dotbg02, .dotbg03 {padding: 20px 0 50px;}

	@media screen and (max-width: 1000px){
		.dotbg01,.dotbg02,.dotbg03 {padding:5vw 3vw;}
	}

.dotbg01,.dotbg03 {
	background-size: 40px 40px;
	background-position: 0 0, 20px 20px;
}

	@media screen and (max-width: 1000px){
		.dotbg01,.dotbg03 {
			background-size: 4vw 4vw;
			background-position: 0 0, 2vw 2vw;
		}
	}

.dotbg02 {
    background-size: 25px 25px;
    background-position: 0px 0, 12px 12px;
}

	@media screen and (max-width: 1000px){
		.dotbg02 {
			background-size: 2.5vw 2.5vw;
			background-position: 0px 0, 1.2vw 1.2vw;
		}
	}

.dotbg04 {padding: 20px 0 50px;}

	@media screen and (max-width: 1000px){
		.dotbg04 {padding:5vw 3vw;}
	}

.dotbg04 {
    background-size: 15px 15px;
    background-position: 0px 0, 8px 8px;
}

	@media screen and (max-width: 1000px){
		.dotbg04 {
			background-size: 1.5vw 1.5vw;
			background-position: 0px 0, 0.8vw 0.8vw;
		}
	}

#type01 .inner,#type02 .inner,#type03 .inner {background: #fff;}

	@media screen and (max-width: 1000px){
		#type01 .inner,#type02 .inner,#type03 .inner {border-radius: 2vw;}
	}
/* /dot-BG */

/* balloon */
.dbg-balloon {
    position: relative;
    display: inline-block;
    margin: 50px auto 80px;
    padding: 30px;
    width: 100%;
    background: #fff;
    border-radius: 40px;
    max-width: 1200px;
}

	@media screen and (max-width: 1000px){
		.dbg-balloon {
			margin: 5vw auto 8vw;
			padding: 3vw;
			border-radius: 4vw;
		}
	}

.dbg-balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -50px;
    border: 50px solid transparent;
    border-top: 50px solid #fff;
}

	@media screen and (max-width: 1000px){
		.dbg-balloon:before {
			margin-left: -5vw;
			border: 5vw solid transparent;
			border-top: 5vw solid #fff;
		}
	}

.dbg-balloon p {
	margin: 0;
	padding: 0;
}
/* /balloon */

/** #info-form **/

#info-form .inner {
    background: #fff;
    border-radius: 25px;
    max-width: 1200px;
    margin: 0 auto;
}

	@media screen and (max-width: 1000px){
		#info-form .inner {border-radius: 2.5vw;}
	}

#info-form header picture img {width: 100%}

/* #r-info */
#r-info {
    margin-top: 30px;
    padding: 0 30px 20px;
}

#r-info .pc {
    width: 800px;
    margin: 50px auto;
}

	@media screen and (max-width: 1000px){
		#r-info .pc {display: none;}
	}

#r-info .pc ul {
    margin: 20px auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #c9c9c9;
}

#r-info .pc ul li {font-size: 18px;text-align: left;}

#r-info .pc ul li:first-child {font-weight:bold;width: 20%;}
#r-info .pc ul li:last-child {width: 80%;}

	@media screen and (min-width: 1001px){
		#r-info dl.sp {display: none;}
	}

	@media screen and (max-width: 1000px){
		#r-info dl.sp {
			display: block;
			text-align: left;
			margin-top: 50px;
			max-width: 800px;
			margin: 0 auto;
		}
	}

#r-info dl.sp dt,#r-info dl dd {font-size: 20px;}

	@media screen and (max-width: 1000px){
		#r-info dl.sp dt,#r-info dl dd {font-size: 28px;}
	}

	@media screen and (max-width: 800px){
		#r-info dl.sp dt,#r-info dl dd {font-size: 24px;}
	}

	@media screen and (max-width: 414px){
		#r-info dl.sp dt,#r-info dl dd {font-size: 16px;}
	}

#r-info dl.sp dt {font-weight: bold;color: #898989;}

#r-info dl.sp dd {
	margin: 20px auto;
	padding-bottom: 25px;
	border-bottom: 1px solid #c9c9c9;
}

	@media screen and (max-width: 1000px){
		#r-info dl.sp dd {padding-bottom: 20px;}
	}

	@media screen and (max-width: 800px){
		#r-info dl.sp dd {padding-bottom: 15px;}
	}

	@media screen and (max-width: 414px){
		#r-info dl.sp dd {padding-bottom: 10px;}
	}
		
#r-info dl.sp dd:last-of-type {line-height: 1.5}
/* /#r-info */

/* title */
.cont {}

.cont h2 {margin-top: 50px;}

	@media screen and (max-width: 1000px){
		.cont h2 {margin-top: 5vw;}
	}

#info-form .cont h2 {
    margin-top: 50px;
	padding-top: 35px;
}

	@media screen and (max-width: 1000px){
		#info-form .cont h2 {margin-top: 5vw;}
	}

.cont h2 img {}

	@media screen and (max-width: 1000px){
		.cont h2 img {
			width: 100%;
			max-width: 495px;
		}
	}

	@media screen and (max-width: 1000px){
		#cont-reserve.cont h2 img {width: 80%;
		}
	}

.cont h3 {
    color: #ff819e;
    font-weight: bold;
    font-size: 18px;
    margin: 10px auto;
}

	@media screen and (max-width: 1000px){
		.cont h3 {font-size: 30px;}
	}

	@media screen and (max-width: 800px){
		.cont h3 {font-size: 24px;}
	}

	@media screen and (max-width: 414px){
		.cont h3 {font-size: 20px;}
	}
/* /title */

/* btn */
.btn {
    width: 100%;
    margin: 25px auto;
	padding: 0 10px;
}

	@media screen and (max-width: 1000px){
		.btn {
			margin: 2.5vw auto;
			padding: 0 1vw;
		}
	}

.btn a {
    display: block;
    width: 100%;
    max-width: 1000px;
    font-size: 34px;
    color: #6a6a6a;
    text-align: center;
    box-sizing: border-box;
    padding: 8px 15px 8px 15px;
    border: 1px solid #353535;
    border-radius: 100px;
    background: #fff;
    height: 100px;
    margin: 0 auto;
    line-height: 85px;
    font-weight: bold;
}

	@media screen and (max-width: 1000px){
		.btn a {
			max-width: 600px;
			font-size: 3.4vw;
			padding: 0.8vw 1.5vw 0.8vw 1.5vw;
			border: 1px solid #353535;
			border-radius: 10vw;
			height: 10vw;
			line-height: 8.5vw;
		}
	}

	@media screen and (max-width: 640px){
		.btn a {max-width: 400px;}
	}

	@media screen and (max-width: 414px){
		.btn a {
			max-width: 340px;
			font-size: 20px;
			padding: 10px;
			border: 1px solid #353535;
			border-radius: 100px;
			height: 70px;
			line-height: 50px;
		}
	}

.btn a:hover {opacity: .8}
/* /btn */

/** u-nav **/
.u-nav {margin: 50px auto;}

	@media screen and (max-width: 1000px){
		.u-nav {
			margin: 5vw auto;
			width: 520px;
		}
	}

	@media screen and (max-width: 520px){
		.u-nav {width: 100%;}
	}

.u-nav nav {}

.u-nav nav ul {}

.u-nav nav ul li {
    border: 1px solid #c9c9c9;
    padding: 10px 5px 10px;
    margin: 5px;
    background: #f8f8f8;
    height: 120px;
    width: 120px;
    box-sizing: border-box;
}

	@media screen and (max-width: 1080px){
		.u-nav nav ul li {
			border: 0.0926vw solid #c9c9c9;
			padding: 0.9259vw 0.463vw 0.9259vw;
			margin: 0.463vw;
			height: 11.1111vw;
			width: 11.1111vw;
		}
	}

	@media screen and (max-width: 520px){
		.u-nav nav ul li {
			border: 0.1923vw solid #c9c9c9;
			padding: 1.9231vw 0 1.9231vw;
			margin: 0.9615vw;
			height: 23.0769vw;
			width: 23.0769vw;
		}
	}

.u-nav nav ul li a {background: #f8f8f8;}
.u-nav nav ul li a:hover {background: #fff;opacity: .5;color: inherit;}

.u-nav nav ul li img {width: 65px;}

	@media screen and (max-width: 1080px){
		.u-nav nav ul li img {width: 6.0185vw;}
	}

	@media screen and (max-width: 520px){
		.u-nav nav ul li img {width: 12.5vw;}
	}

.u-nav nav ul li p {
    font-size: 13px;
    font-weight: bold;
    color: #777777;
    letter-spacing: 1.5px;
    line-height: 18px;
    margin-top: 3px;
}

	@media screen and (max-width: 1080px){
		.u-nav nav ul li p {
			font-size: 1.2037vw;
			letter-spacing: 0.1389vw;
			line-height: 1.6667vw;
			margin-top: 0.2778vw;
		}
	}

	@media screen and (max-width: 520px){
		.u-nav nav ul li p {
			font-size: 2.5vw;
			letter-spacing: 0.2885vw;
			line-height: 3.4615vw;
			margin-top: 0.5769vw;
		}
	}
/** /u-nav **/

/* #type03 */
#type03.dotbg03 {padding: 20px 8px 10px;}

#type03 header {}

#type03 header h3 {margin: 30px auto 50px;}

#type03 header h3 img {
    width: 100%;
	max-width: 1200px;
}

#type03 .shop02 {margin: 0 auto 50px;}

#type03 .shop02 h3 {margin: 0 auto;}

#type03 .shop02 h3 img {width: 240px;}

	@media screen and (max-width: 414px){
		#type03 .shop02 h3 img {
			width: 200px;
			margin: 20px auto;
		}
	}
/* /#type03 */

/** sp-fnav **/
.sp-fnav {display: none;}

@media screen and (max-width: 1000px){
	.sp-fnav {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		background: rgba(93,93,93,.8);
		z-index: 50;
		padding: 1vw 0 0.5vw;
		width: calc(100vw - 0px);
	}
}

@media screen and (max-width: 1000px){
	.sp-fnav h2 {
		color: #fff;
		font-size: 2.4vw;
		margin: 2.5vw auto;
		position: absolute;
		top: 0;
		left: 22vw;
	}
}

@media screen and (max-width: 1000px){
	.sp-fnav nav ul li {
		padding: 2vw 0.5vw 5px;
		height: 15vw;
		width: 18vw;
		background: #fff;
		border-radius: 1vw;
		margin: 1.4vw 0.5vw 1.4vw;
	}
}

/*	
@media screen and (max-width: 1000px){
	.sp-fnav nav ul li:last-of-type {
		padding: 2.4vw 0 0.5vw;
		margin: 0.463vw;
		height: 22vw;
		width: 23vw;
	}
}
*/
@media screen and (max-width: 1000px){
	.sp-fnav nav ul li a {display: block;}
}

@media screen and (max-width: 1000px){
	.sp-fnav nav ul li a img {width: 13vw;}
}

@media screen and (max-width: 1000px){
	.sp-fnav nav ul li:last-of-type a img {width: 5vw;}
}

@media screen and (max-width: 1000px){
	.sp-fnav nav ul li p {
		font-size: 2.2vw;
		letter-spacing: 0.1389vw;
		line-height: 2.5vw;
		margin-top: 1vw;
		font-weight: bold;
	}
}

@media screen and (max-width: 1000px){
	.sp-fnav nav ul li:nth-of-type(3) p {margin-top: 0.5vw;}
}

@media screen and (max-width: 1000px){
	.sp-fnav nav ul li:last-of-type p {margin-top: 2.5vw;}
}
/*** /sp-fnav ***/

/* caution-box */	
.c-box {
    border: 5px solid #353535;
    width: 100%;
    max-width: 1200px;
    margin: 80px auto;
    padding: 4px;
}

	@media screen and (max-width: 1000px){
		.c-box {
			width: 100%;
		}
	}
	
	@media screen and (max-width: 640px){
		.c-box {
			margin: 50px auto 30px;
		}
	}
	
	@media screen and (max-width: 414px){
		.c-box {
			margin: 30px auto 15px;
		}
	}
	
.c-box .c-box-innr {border: 1px solid #353535;}	
	
.c-box .c-box-innr h4 {
    background: none;
    height: 95px;
    padding: 0;
    margin: 40px auto 10px;
}

	@media screen and (max-width: 1000px){
		.c-box .c-box-innr h4 {
			height: auto;
			margin: 30px auto ;
		}
	}

	@media screen and (max-width: 414px){
		.c-box .c-box-innr h4 {
			margin: 20px auto ;
		}
	}

.c-box .c-box-innr .mark {margin-top: -55px;}	

	@media screen and (max-width: 640px){
		.c-box .c-box-innr .mark {
			margin-top: -40px;
		}
	}

	@media screen and (max-width: 414px){
		.c-box .c-box-innr .mark {
			margin-top: -24px;
		}
	}

.c-box .c-box-innr .mark img {width: 80px;}	

	@media screen and (max-width: 640px){
		.c-box .c-box-innr .mark img {width: 60px;}	
	}

	@media screen and (max-width: 414px){
		.c-box .c-box-innr .mark img {width: 40px;}	
	}

.c-box .c-box-innr h4 img {width: 150px;}
	
	@media screen and (max-width: 640px){
		.c-box .c-box-innr h4 img {width: 100px;}
	}

	@media screen and (max-width: 414px){
		.c-box .c-box-innr h4 img {width: 120px;}
	}


.c-box .c-box-innr h4 p {
    font-size: 30px;
    font-weight: bold;
    color: #e40f3b;
    margin-top: 20px;
	line-height: 42px;
}	

	@media screen and (max-width: 1100px){
		.c-box .c-box-innr h4 p {
			font-size: 2.7273vw;
			margin-top: 1.8182vw;
			line-height: 3.8182vw;
		}	
	}

	@media screen and (max-width: 800px){
		.c-box .c-box-innr h4 p {
			font-size: 3.75vw;
			margin-top: 2.5vw;
			line-height: 5.25vw;
		}	
	}

	@media screen and (max-width: 414px){
		.c-box .c-box-innr h4 p {
			font-size: 18px;
			margin-top: 15px;
			line-height: 30px;
		}
	}
/* /caution-box */	

/* modal*/
.modal {
    position: fixed;
    display: none;
    z-index: 9999;
    top: 5%;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}
	
.modal p {
	margin-bottom: 10px;
	color: #686868;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	margin-top: 10px;
}
	
.modal a {
    cursor: pointer;
    color: #fff;
    padding: 14px 0;
    font-size: 14px;
    letter-spacing: 0.1em;
    margin: 30px;
    display: inline-block;
}

	@media screen and (max-width: 1000px){
		.modal a {
			margin: 0;
		}
	}


.modal a:hover {
opacity: .7;
}
/* /modal */

/* maincover*/
.main-cover {}
.main-cover img {
    width: 100%;
    max-width: 2000px;
}
/* /maincover */

/* maincover*/
.form-img img {
    width: 100%;
    max-width: 1200px;
}
/* /maincover */

/* /foot-txt */
.ft-txt {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
}

	@media screen and (max-width: 414px){
		.ft-txt {
			padding: 0 10px;
		}
	}

.ft-txt p {
    font-size: 16px;
    line-height: 28px;
	margin: 15px auto;
}

	@media screen and (max-width: 414px){
		.ft-txt p {
			font-size: 14px;
		}
	}

.ft-txt br.sp {display: none;}

	@media screen and (max-width: 414px){
		.ft-txt br.sp {display: block;}
	}

/* /foot-txt  */

/* top-slider */
.t-slide {
    margin: 50px auto;
}
	@media screen and (max-width: 1000px){
		.t-slide {
			margin: 5vw auto;
		}
	}

.t-slide ul {}
.t-slide ul li {}
.t-slide ul li a {}
.t-slide ul li img {}

	@media screen and (max-width: 1000px){
		.t-slide ul li img {width: 100vw!important;max-width: 700px;}
	}

/* /top-slider */

/* flow stripe-box */
.stripe-box {
    position: relative;
    z-index: 10;
    margin: 20px 0 40px;
    max-width: 668px;
}

	@media screen and (max-width: 1000px){
		.stripe-box {
			margin: 20px auto 40px;
		}
	}

.stripe-box::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 20px;
    width: 96%;
    z-index: -1;
    height: 100%;
    background-image: linear-gradient( -45deg, #dfdfdf 25%, #ffffff 25%, #ffffff 50%, #dfdfdf 50%, #dfdfdf 75%, #ffffff 75%, #ffffff);
    background-size: 20px 20px;
}

	@media screen and (max-width: 414px){
		.stripe-box::before {
			left: 15px;
		}
	}

.stripe {}
	
.in-box {
    background: #fff;
    border: 1px solid;
    width: 97.5%;
    padding: 20px;
}	
	
	@media screen and (max-width: 414px){
		.in-box {
			padding: 10px;
		}	
	}

.in-box p {font-weight: bold;}	
	
.in-box p span {color: #f55173;}	
/* /flow stripe-box */

/* now stripe-box */
.now-u .stripe-box {
    position: relative;
    z-index: 10;
    margin: 20px auto 40px;
    max-width: 980px;
}

	@media screen and (max-width: 1000px){
		.now-u .stripe-box {
			padding-left: 15px;
		}
	}

	@media screen and (max-width: 414px){
		.now-u .stripe-box {
			padding-left: 10px;
		}
	}

.now-u .stripe-box::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 20px;
    width: 96.5%;
    z-index: -1;
    height: 100%;
    background-image: linear-gradient( -45deg, #dfdfdf 25%, #ffffff 25%, #ffffff 50%, #dfdfdf 50%, #dfdfdf 75%, #ffffff 75%, #ffffff);
    background-size: 20px 20px;
}

	@media screen and (max-width: 414px){
		.now-u .stripe-box::before {
			left: 15px;
		}
	}

.stripe {}
	
.now-u .in-box {
    background: #fff;
    border: 1px solid;
    width: 97.5%;
    padding: 20px;
}	
	
	@media screen and (max-width: 640px){
		.now-u .in-box {
			padding: 3.125vw;
		}	
	}

.now-u .stripe-box p {font-weight: bold;font-size: 18px;}

	@media screen and (max-width: 1000px) {
		.now-u .stripe-box p {font-size: 3vw;line-height: 4vw;}
	}

	@media screen and (max-width: 414px) {
		.now-u .stripe-box p {
			font-size: 18px;
			line-height: 28px;
		}
	}

.now-u .stripe-box p:first-child {margin: 10px auto;}

	@media screen and (max-width: 1000px) {
		.now-u .stripe-box p:first-child {margin: 0 auto;}
	}

.now-u .stripe-box p:nth-child(2) {
    font-size: 30px;
	margin: 10px auto;
}

	@media screen and (max-width: 1000px) {
		.now-u .stripe-box p:nth-child(2) {
			font-size: 3vw;
			margin: 0 auto;
		}
	}

	@media screen and (max-width: 414px) {
		.now-u .stripe-box p:nth-child(2) {
			font-size: 18px;
		}
	}

.now-u .stripe-box p:nth-child(2) span {color: #f45171;}

	@media screen and (max-width: 1000px) {
		.now-u .stripe-box p:nth-child(2) span {font-size: 4vw;}
	}

	@media screen and (max-width: 414px) {
		.now-u .stripe-box p:nth-child(2) span {
			font-size: 20px;
		}
	}

.now-u .stripe-box p:nth-child(2) span span {font-size: 18px;}

	@media screen and (max-width: 1000px) {
		.now-u .stripe-box p:nth-child(2) span span {font-size: 2vw;}
	}

	@media screen and (max-width: 414px) {
		.now-u .stripe-box p:nth-child(2) span span {
			font-size: 16px;
		}
	}

.now-u .now-setion2 .stripe-box p {
    color: #f45171;
    font-size: 30px;
	padding: 30px 0 20px;
}

	@media screen and (max-width: 640px) {
		.now-u .now-setion2 .stripe-box p {
			font-size: 4.6875vw;
			line-height: 7vw;
			padding: 4.6875vw 0 3.125vw;
		}
	}

.now-u .now-setion2 .stripe-box p span {font-size: 18px;}

	@media screen and (max-width: 640px) {
		.now-u .now-setion2 .stripe-box p span {font-size: 2.8125vw;}
	}

/* /now stripe-box */