/* COMMON */

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700,900');
@import url('font-awesome.min.css');
@import url('fonts.css');

* {
	font-size:14px;
	line-height:1;
	font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS P Gothic,Verdana,sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.page {
	padding:100px 0;
	position:relative;
	overflow:hidden;
	background:#ffa800;
}
.header {
	position:relative;
	margin:auto;
	margin-bottom:135px;
	z-index:999;
}
.header .page_content {
	position:relative;
	overflow:hidden;
}
.header .page_content .center {
	padding-top:30px;
	padding-bottom:30px;
}
.header .page_content .center .slick-list .slick-slide {
	margin:0!important;
}
.header .page_content .slick-prev,
.header .page_content .slick-next {
	width:auto;
	height:auto;
}
.header .page_content .slick-prev {
	left:-2px!important;
}
.header .page_content .slick-next {
	right:37px !important;
}
.header .page_content .frame {
	position:absolute;
	top:0;
}
.header .boxs {
	text-align:center;
}
.header .menu .logo {
	width:200px;
}
.header .menu .logo img {
	width:100%;
}
.header .menu li {
	position:relative;
	margin-top:30px;
	cursor:pointer;
}
.header .menu li a {
	display:block;
	text-decoration: none;
}
.header .menu li a p {
	height:40px;
	line-height:40px;
	position:relative;
	margin-left:20px;
	padding-left:40px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:.2rem;
	z-index:20;
}
.header .menu li a:before {
	width:40px;
	height:40px;
	line-height:40px;
	position:absolute;
	top:50%;
	left:0;
	color:#000000;
	border:2px solid #000000;
	background:#2aff00;
	font-size:20px;
	font-family: 'Rubik';
	text-align:center;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.header .menu li:first-child a:before {
	content:"1";
}
.header .menu li:nth-child(2) a:before {
	content:"2";
}
.header .menu li:nth-child(3) a:before {
	content:"3";
}
.header .menu li:nth-child(4) a:before {
	content:"4";
}
.header .menu li:nth-child(5) a:before {
	content:"5";
}
.header .menu li:nth-child(6) a:before {
	content:"6";
}
.header .menu li:nth-child(7) a:before {
	content:"7";
}

.header .menu li:before {
	width:2px;
	height:60px;
	position:absolute;
	bottom:-60px;
	left:20px;
	content:"";
	background:#000000;
}
.header .menu li:last-child:before {
	width:0;
	height:0;
}
.contents {
	position:relative;
}
.icons {
	font-family:"FontAwesome";
}
.Rubik {
	font-family: 'Rubik';
}
.contents {
	margin:auto;
}
.contents > .top_boxs {
	margin-bottom:135px;
}
.contents > .top_boxs .title {
	text-align:center;
}
.contents > .top_about .title {
	margin-bottom:50px;
}
.contents > .top_boxs h2 {
	font-size:18px;
	letter-spacing:.2rem;
	text-align:center;
}
.contents > .top_boxs h2 span {
	font-size:32px;
	vertical-align:-3px;
}
.top_update .boxs h2 {
	padding:40px 0;
}
.top_update .boxs .sub .hour a {
	color:#000000;
}
.top_update .boxs .sub .hour .img {
	width:288px;
	height:288px;
	border:2px solid #000000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.top_update .boxs .sub .hour .text {
	position:relative;
}
.top_update .boxs .sub .hour .text .back {
	text-align:center;
}
.top_update .boxs .sub .hour .text .comments {
	position:absolute;
	top:0;
	left:69px;
	right:69px;
}
.top_update .boxs .sub .hour .text .comments .date {
	line-height:1.6;
	font-size:20px;
	text-align:center;
	font-weight:700;
}
.top_update .boxs .sub .hour .text .comments p {
	line-height:2.2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.top_about .boxs h2 {
	display:block;
	margin:30px auto 50px;
	font-weight:bold;
	line-height: 1.4;
	letter-spacing: 0.3em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	text-align: left;
	position: relative;
}
.top_about .boxs > .sub {
	margin-top:50px;
	border:2px solid #FFFFFF;
}
.top_about .boxs > .sub > div {
	padding:20px;
}
.top_about .boxs > .sub .company {
	position:relative;
	text-align:center;
}
.top_about .boxs > .sub .company h3 {
	font-size:18px;
}
.top_about .boxs > .sub .text p {
	line-height:2;
	font-weight:700;
}
.top_voice .boxs {
	display:inline-block;
}
.top_voice .boxs .sub .border {
	position:relative;
	display:inline-block;
}
.top_voice .boxs .sub .border .name {
	background:#ffa800;
}
.top_voice .boxs .sub .border .text {
	color:#ffa800;
	background:#000000;
}
.top_voice .boxs .comment {
	position:relative;
}
.top_voice .boxs .comment .back {
	text-align:center;
}
.top_voice .boxs .comment p {
	position:absolute;
	top:50%;
}
.top_voice .boxs .comment p.bold {
	font-weight:700;
	text-align:center;
}
.top_flow .boxs h2,
.top_flow .boxs h2 span {
	line-height:1.6;
	font-weight:700;
}
.top_flow .boxs h2 {
	margin:80px 0;
}
.top_flow .boxs h2 span {
	color:#FFFFFF;
}
.top_flow .boxs .text {
	margin-top:50px;
	text-align:center;
	border:2px solid #FFFFFF;
}
.top_flow .boxs .text h3 {
	margin-bottom:30px;
	font-size:16px;
}
.top_flow .boxs .text p {
	line-height:1.8;
}
.top_faq .boxs {
}
.top_faq .boxs .sub {
	margin-bottom:10px;
	border:2px solid #000000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.top_faq .boxs .sub > .text_q {
	padding:28px;
	position:relative;
}
.top_faq .boxs .sub > .text_q > .button {
	width:46px;
	height:46px;
	line-height:40px;
	position:absolute;
	top:50%;
	right:20px;
	font-size:38px;
	border:2px solid #000000;
	background:#FFA800;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.top_faq .boxs .sub.active > .text_q > .button {
	color:#FFA800;
	background:#000000;
}
.top_faq .boxs .sub > .text_q > .button:after {
	content:"+";
}
.top_faq .boxs .sub.active > .text_q > .button:after {
	content:"-";
}
.top_faq .boxs .sub > .text_q > .button {
}
.top_faq .boxs .sub p {
	line-height:1.8;
}
.top_faq .boxs .sub .text_q {
	border-bottom:2px solid #000000;
	background:#FFFFFF;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.top_faq .boxs .sub .text_q p {
	font-size:16px;
	font-weight:bold;
}
.top_faq .boxs .sub .text_a {
	height:0;
	display:none;
	padding:28px;
}
.top_faq .boxs .sub.active .text_a {
	height:auto;
	display:block;
}
.top_faq .boxs .sub .text_a p {
	font-size:14px;
}
.top_faq .boxs h2 {
	line-height:1.6;
	margin:80px 0 20px;
	font-weight:700;
}


.footer {
	text-align:center;
}


.slick-slide {
	margin: 0px 20px;
}

.slick-slide img {
	width: 100%;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}


.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}

.slick-current {
	opacity: 1;
}
.footer {
	position:relative;
}
.footer > .boxs {
	margin:auto;
	position:relative;
	z-index:10;
}
.footer > .boxs .sub {
	position:relative;
	z-index:30;
}
.footer > .boxs .sub > .tel {
	position:relative;
}
.footer > .boxs .sub > .tel a {
	width:100%;
	line-height:56px;
	position:relative;
	display:block;
	color:#000000;
	border-top:2px solid #000000;
	border-bottom:2px solid #000000;
	background:#ffa800;
	font-size:34px;
	font-weight:500;
	text-align:center;
	text-decoration:none;
	z-index:20;
}
.footer > .boxs .sub > .tel:before,
.footer > .boxs .sub > .tel:after {
	width:56px;
	height:56px;
	content:"";
	position:absolute;
	top:50%;
	border:2px solid #000000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index:10;
}
.footer > .boxs .sub > .tel:before {
	left:-28px;
}
.footer > .boxs .sub > .tel:after {
	right:-28px;
}
.footer > .boxs .sub > p {
	line-height:1.8;
	margin-bottom:20px;
	font-weight:700;
}
.footer > .copy {
	position:relative;
	display:inline-block;
	-webkit-transform: translate(0, -55%);
	transform: translate(0, -55%);
	z-index:100;
}
.footer > .copy:before,
.footer > .copy:after {
	width:24px;
	height:24px;
	content:"";
	position:absolute;
	top:50%;
	background:#000000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index:10;
}
.footer > .copy:before {
	left:-12px;
}
.footer > .copy:after {
	right:-12px;
}
.footer > .copy p {
	line-height:24px;
	position:relative;
	display:inline-block;
	padding:0 10px;
	color:#ffa800;
	background:#000000;
	z-index:20;
}

.top_voice .point-icon {
	text-align: center;
}

.top_voice .point-icon > img {
	margin: 0 auto;
	width: 113px;
}

@media screen and (max-width:1700px) {
	/***********************************************************/
	/***********************************************************/
	/***********************************************************/



	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
}


@media screen and (min-width:1025px) {
	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
	.sp {
		display:none;
	}
	.header {
		width:1200px;
		padding-left:200px;
	}
	.header .page_content {
		width:964px;
		margin-left:30px;
	}
	.header .page_content .center .slick-list {
		padding:0 40px 0 0!important;
	}

	.header .menu {
		position:fixed;
		top:120px;
		margin-left:-230px;
		z-index:9999;
	}
	.contents > .top_boxs > .title {
		width:1200px;
		margin:auto;
		padding-left:180px;
	}
	.contents > .top_boxs > .boxs {
		width:1100px;
		margin:auto;
		padding-left:180px;
	}
	.top_update .boxs .sub {
		display: -webkit-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.top_voice .boxs .comment p {
		width:33.8vw;
		line-height:2;
		font-size:1vw;
		left:50%;
		-webkit-transform: translate(-50%, -58%);
		transform: translate(-50%, -58%);
	}
	.top_voice .boxs .comment p.bold {
		font-size:2.2vw;
	}
	.top_voice .boxs .sub {
		width:27vw;
		margin:auto;
		margin-bottom:20px;
	}
	.top_voice .boxs .sub .border > div {
		width:11vw;
		line-height:1.56vw;
		position:relative;
		border-top:2px solid #000000;
		border-bottom:2px solid #000000;
		font-size:0.7vw;
		text-align:center;
		z-index:20;
	}
	.top_voice .boxs .sub .border {
		margin:0 0.98vw;
	}
	.top_voice .boxs .sub .border:before,
	.top_voice .boxs .sub .border:after {
		width:1.56vw;
		height:1.56vw;
		content:"";
		position:absolute;
		top:50%;
		border:2px solid #000000;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		z-index:10;
	}
	.top_voice .boxs .sub .border02:before,
	.top_voice .boxs .sub .border02:after {
		background:#000000;
	}
	.top_voice .boxs .sub .border:before {
		left:-0.78vw;
	}
	.top_voice .boxs .sub .border:after {
		right:-0.78vw;
	}

	.top_voice .slick-prev,
	.top_voice .slick-next {
		top: 70%;
	}
	.top_update .boxs .sub .hour .text .comments {
		height:122px;
		overflow:hidden;
	}
	.slider {
		margin: 100px auto;
	}
	.top_about .boxs h2 {
		font-size: 30px;
	}
	.top_about .boxs > p {
		line-height:2;
		font-weight:700;
		text-align:center;
	}
	.top_about .boxs > .sub {
		display: -webkit-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.top_about .boxs > .sub .company {
		width:40%;
	}
	.top_about .boxs > .sub .company h3 {
		width:100%;
		position:absolute;
		top:50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.top_about .boxs > .sub .text {
		width:60%;
	}
	.top_about .boxs {
		position:relative;
	}
	.top_about .boxs h2 {
		position:absolute;
		top:320px;
		left:50%;
	}
	.top_about .boxs .img {
		margin-bottom:350px;
	}

	.top_flow .boxs h2,
	.top_flow .boxs h2 span {
		font-size: 28px;
	}
	.top_flow .boxs .text {
		padding:40px;
	}
	.top_faq .boxs h2 {
		font-size: 28px;
	}
	.footer {
		width:1200px;
		margin:auto;
		padding-left:180px;
	}
	.footer > .boxs .sub {
		width:924px;
		display: -webkit-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin:auto;
		padding:40px 0 80px;
	}
	.footer > .boxs:before,
	.footer > .boxs:after {
		width:800px;
	}
	.footer > .boxs .sub .hour.mail {
		width:180px;
	}
	.footer > .boxs .sub .hour p {
		height:50px;
		line-height:1.6;
		margin-bottom:20px;
		font-size:16px;
		font-weight:500;
	}
	.footer > .boxs .sub .hour a {
		width:100%;
		line-height:60px;
		display:block;
		color:#000000;
		border:2px solid #000000;
		font-size:2rem;
		font-weight:500;
		text-decoration:none;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}
	.footer > .boxs .sub .hour.mail a {
		line-height:58px;
		color:#FFA800;
		background:#000000;
		font-size:3.8rem;
	}
	.footer > .boxs .sub .hour.mail a::before {
		display:inline-block;
		font-family:"FontAwesome";
		content:"\f003";
		vertical-align:5px;
	}
	.footer > .boxs .sub .hour.tel01,
	.footer > .boxs .sub .hour.tel02 {
		width:calc(50% - 110px);
	}
	.top_update .boxs {
		margin-bottom:40px;
	}
	.top_voice .sub_voice {
		width:1160px;
		margin-left:auto;
		margin-right:auto;
		padding-left:200px;
	}
	.top_voice  .slick-dotted.slick-slider {
		position:relative;
	}
	.top_voice .slick-next {
		right:24px !important;
	}
	.top_voice .slick-prev {
		left:0 !important;
	}
	.top_flow > .boxs > .sub {
		width:100%;
		position:relative;
		display: -webkit-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.top_flow > .boxs > .sub .hour {
		width:31.5%;
		position:relative;
		padding:80px 0 30px;
		border:2px solid #000000;
		text-align:center;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	.top_flow > .boxs > .sub .hour:before {
		width:70px;
		height:80px;
		line-height:80px;
		position:absolute;
		top:-40px;
		left:50%;
		padding-right:10px;
		border:2px solid #000000;
		background:#2aff00;
		font-size:48px;
		font-weight:500;
		font-style:oblique;
		font-family: 'Rubik';
		text-align:center;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.top_flow > .boxs > .sub .hour.flow01:before {
		width:65px;
		padding-right:15px;
		content:"1";
	}
	.top_flow > .boxs > .sub .hour.flow02:before {
		content:"2";
	}
	.top_flow > .boxs > .sub .hour.flow03:before {
		content:"3";
	}
	.top_flow > .boxs > .sub .hour .min h3 {
		margin-bottom:30px;
		font-size:20px;
		letter-spacing:.1rem;
	}
	.top_flow > .boxs > .sub .hour .min .img {
		height:260px;
	}
	.top_flow > .boxs > .sub .hour .min p {
		line-height:1.8;
		font-size:16px;
		font-weight:500;
	}
	.top_flow > .boxs > .sub .hour .min .tel {
		position:relative;
		padding:0 20px;
		margin:20px 30px 0;
	}
	.top_flow > .boxs > .sub .hour .min .tel a {
		height:44px;
		line-height:44px;
		position:relative;
		display:block;
		color:#000000;
		border-top:2px solid #000000;
		border-bottom:2px solid #000000;
		background:#FFFFFF;
		font-size:22px;
		font-weight:500;
		text-decoration:none;
		z-index:20;
	}
	.top_flow > .boxs > .sub .hour .min .tel:before,
	.top_flow > .boxs > .sub .hour .min .tel:after {
		width:40px;
		height:40px;
		content:"";
		position:absolute;
		top:50%;
		border:2px solid #000000;
		background:#FFFFFF;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		z-index:10;
	}
	.top_flow > .boxs > .sub .hour .min .tel:before {
		left:0;
	}
	.top_flow > .boxs > .sub .hour .min .tel:after {
		right:0;
	}

	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
}

@media screen and (min-width:1501px) {
	.menu_btn {
		display:none;
	}

}
@media screen and (max-width:1260px) {
	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
	.header .menu {
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		display:none;
		margin:0;
		background:rgba(255,168,0, .9);
		z-index:10000;
	}
	.header .menu .logo {
		margin:auto;
	}
	.header .menu li {
		margin-top:20px;
	}
	.header .menu .boxn {
		width:240px;
		position:absolute;
		left:50%;
		top:50%;
		margin:0;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index:10000;
	}
	.menu_btn {
		width:50px;
		height:40px;
		position:fixed;
		top:60px;
		right:60px;
		z-index:10001;
		overflow:hidden;
	}
	.menu_btn .subs {
		position:relative;
	}
	.menu_btn .subs > span {
		width:100%;
		height:4px;
		position:absolute;
		display:block;
		background:#000000;
		-webkit-transition-delay: 150ms;
		transition-delay: 150ms;
		-webkit-transition: all .7s cubic-bezier(.19,1,.22,1);
		transition: all .7s cubic-bezier(.19,1,.22,1);
		-webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
		transition-timing-function: cubic-bezier(.19,1,.22,1);
	}
	.menu_btn .subs > span:nth-child(1) {
		top:0;
	}
	.menu_btn .subs > span:nth-child(2) {
		top:18px;
		left:0;
	}
	.menu_btn .subs > span:nth-child(3) {
		top:36px;
	}
	.menu_btn.active .subs > span:nth-child(1) {
		top:18px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menu_btn.active .subs > span:nth-child(2) {
		left:50px;
	}
	.menu_btn.active .subs > span:nth-child(3) {
		top:18px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}


	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
}


@media screen and (max-width: 1400px) and (min-width: 1025px) {
	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
	.top_voice .boxs .comment p {
		width:80%;
		font-size:18px;
	}
	.top_voice .boxs .sub {
		width: 600px;
		margin: auto;
		margin-bottom: 20px;
	}
	.top_voice .boxs .sub .border > div {
		width: 270px;
		line-height: 30px;
		position: relative;
		border-top: 2px solid #000000;
		border-bottom: 2px solid #000000;
		font-size: 16px;
		text-align: center;
		z-index: 20;
	}

	.top_voice .boxs .sub .border:before, .top_voice .boxs .sub .border:after {
		width: 30px;
		height: 30px;
		content: "";
		position: absolute;
		top: 50%;
		border: 2px solid #000000;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		z-index: 10;
	}
	.top_voice .boxs .sub .border:before {
		left: -15px;
	}
	.top_voice .boxs .sub .border:after {
		right: -15px;
	}
	.top_voice .boxs .comment p.bold {
		font-size: 48px;
	}
	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
}

@media screen and (max-width:1024px) {
	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
	.pc {
		display:none !important;
	}
	.page {
		padding: 50px 0 50px;
	}
	.header {
		margin-bottom:80px;
	}
	.header .page_content {
		margin:0 20px;
	}
	.header .page_content .center {
		padding-top:11px;
		padding-bottom: 10px;
	}
	.header .page_content .slick-prev,
	.header .page_content .slick-next {
		top:33%;
	}

	.header .page_content .slick-next {
		right:12px !important;
	}
	.header .page_content .center .slick-list {
		padding:0 12px 0 0!important;
	}

	.header .page_content .frame img {
		width:100%;
	}
	.header .menu {
		padding:50px 0;
	}

	.header > .boxs img,
	.top_boxs .title img,
	.top_boxs > .boxs > .img img,
	.footer img {
		width:100%;
	}
	.header > .boxs {
		padding:0 20px;
	}

	.menu_btn {
		width:30px;
		height:28px;
		top:15px;
		right:15px;
		display:block;
	}
	.menu_btn .subs {
		width:30px;
		height:28px;
	}
	.menu_btn .subs > span:nth-child(1) {
		top:0;
	}
	.menu_btn .subs > span:nth-child(2) {
		top:10px;
		left:0;
	}
	.menu_btn .subs > span:nth-child(3) {
		top:20px;
	}
	.menu_btn.active .subs > span:nth-child(1) {
		top:13px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menu_btn.active .subs > span:nth-child(2) {
		left:30px;
	}
	.menu_btn.active .subs > span:nth-child(3) {
		top:13px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.contents > .top_boxs h2 span {
		font-size:18px;
	}
	.contents > .top_boxs h2 {
		letter-spacing: .1rem;
		font-size:12px;
	}
	.top_boxs .title {
		padding:0 20px;
	}
	.top_voice  > .title {
		margin-bottom:80px;
	}
	.top_voice .boxs .comment p {
		width:100%;
		line-height:1.8;
		left:50%;
		padding:15px;
		font-size:3.7vw;
		-webkit-transform: translate(-50%, -54%);
		transform: translate(-50%, -54%);
	}
	.top_voice .boxs .comment p.bold {
		font-size:6vw;
	}
	.top_voice .boxs .sub {
		width:90%;
		margin:auto;
		margin-bottom:20px;
	}
	.top_voice .boxs .sub .border {
		width:100%;
	}
	.top_voice .boxs .sub .border > div {
		width:100%;
		line-height:30px;
		position:relative;
		border-top:2px solid #000000;
		border-bottom:2px solid #000000;
		text-align:center;
		z-index:20;
	}
	.slider {
		overflow:hidden;
	}
	.top_about > .boxs {
		padding:0 20px;
	}
	.top_about .boxs h2 {
		font-size: 24px;
	}
	.top_about .boxs > p {
		line-height:2;
		font-weight:700;
	}
	.top_flow > .boxs {
		padding:0 20px;
	}
	.top_flow .boxs h2,
	.top_flow .boxs h2 span {
		font-size: 18px;
	}
	.top_flow .boxs .text {
		padding:20px;
	}
	.top_faq > .boxs {
		padding:0 20px;
	}
	.top_faq .boxs h2 {
		font-size: 22px;
	}
	.top_faq .boxs .sub .text_q p {
		font-size:14px;
	}
	.contents > .top_boxs {
		margin-bottom:80px;
	}
	.top_faq .boxs .sub > .text_q > .button {
		width:30px;
		height:30px;
		line-height:24.5px;
		position:absolute;
		top:50%;
		right:10px;
		font-size:28px;
		border:2px solid #000000;
		background:#FFA800;
		text-align:center;
		cursor:pointer;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.top_faq .boxs .sub > .text_q {
		padding:15px 50px 15px 20px;
	}
	.top_faq .boxs .sub .text_a {
		padding:20px;
	}
	.top_flow .boxs h2 {
		margin:40px 0;
	}
	.footer {
		padding:0 20px;
	}
	.footer > .boxs {
		padding-bottom:40px;
	}
	.footer > .boxs .sub {
		padding:20px 0;
	}
	.footer > .boxs .sub .hour {
		margin-bottom:20px;
	}
	.footer > .boxs .sub .hour p {
		line-height:1.4;
		margin-bottom:10px;
		font-size:14px;
		font-weight:500;
	}
	.footer > .boxs .sub .hour a {
		width:100%;
		line-height:46px;
		display:block;
		color:#000000;
		border:2px solid #000000;
		font-size:1.8rem;
		text-decoration:none;
		-webkit-border-radius: 23px;
		-moz-border-radius: 23px;
		border-radius: 23px;
	}
	.footer > .boxs .sub .hour.mail a {
		color:#FFA800;
		background:#000000;
	}
	.footer > .boxs .sub .hour.mail a::before {
		font-size:2rem;
		font-family:"FontAwesome";
		content:"\f003";
	}
	.footer > .copy {
		margin-top:20px;
	}
	.footer > .copy p {
		padding:0;
		font-size:3.1vw;
	}
	.slick-slide .hour {
		width:280px;
	}
	.top_update .boxs .sub .hour .img {
		width:240px;
		height:240px;
		margin:auto;
	}
	.top_update .boxs .sub .hour .text {
		width:200px;
		margin:auto;
		padding:0 15px;
	}
	.top_update .boxs .sub .hour .text .comments {
		left:25px;
		right:25px;
	}
	.top_update .boxs .sub .hour .text .comments .date {
		line-height:1.6;
		font-size:18px;
	}
	.top_update .boxs .sub .hour .text .comments p {
		width:150px;
		height:5em;
		line-height:1.8;
		font-size:13px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	.top_faq .boxs h2 {
		margin-top:30px;
	}
	.slick-prev,
	.slick-next {
		width:auto !important;
		height:auto !important;
		margin-top:40px;
	}
	.slick-prev {
		left: 10px !important;
	}
	.slick-next {
		right: 20px !important;
	}
	.slick-prev:before, .slick-next:before {
		font-size:36px !important;
	}
	.top_flow > .boxs > .sub {
		width:100%;
		position:relative;
	}
	.top_flow > .boxs > .sub .hour {
		position:relative;
		margin-top:80px;
		padding:80px 0;
		border:2px solid #000000;
		text-align:center;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	.top_flow > .boxs > .sub .hour:before {
		width:70px;
		height:80px;
		line-height:80px;
		position:absolute;
		top:-40px;
		left:50%;
		padding-right:10px;
		border:2px solid #000000;
		background:#2aff00;
		font-size:48px;
		font-weight:500;
		font-style:oblique;
		font-family: 'Rubik';
		text-align:center;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.top_flow > .boxs > .sub .hour.flow01:before {
		width:65px;
		padding-right:15px;
		content:"1";
	}
	.top_flow > .boxs > .sub .hour.flow02:before {
		content:"2";
	}
	.top_flow > .boxs > .sub .hour.flow03:before {
		content:"3";
	}
	.top_flow > .boxs > .sub .hour .min h3 {
		margin-bottom:30px;
		font-size:20px;
		letter-spacing:.1rem;
	}
	.top_flow > .boxs > .sub .hour .min .img {
		height:260px;
	}
	.top_flow > .boxs > .sub .hour .min p {
		line-height:1.8;
		font-size:16px;
		font-weight:500;
	}
	.top_flow > .boxs > .sub .hour .min .tel {
		position:relative;
		padding:0 20px;
		margin:20px 30px 0;
	}
	.top_flow > .boxs > .sub .hour .min .tel a {
		height:44px;
		line-height:44px;
		position:relative;
		display:block;
		color:#000000;
		border-top:2px solid #000000;
		border-bottom:2px solid #000000;
		background:#FFFFFF;
		font-size:22px;
		font-weight:500;
		text-decoration:none;
		z-index:20;
	}
	.top_flow > .boxs > .sub .hour .min .tel:before,
	.top_flow > .boxs > .sub .hour .min .tel:after {
		width:40px;
		height:40px;
		content:"";
		position:absolute;
		top:50%;
		border:2px solid #000000;
		background:#FFFFFF;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		z-index:10;
	}
	.top_flow > .boxs > .sub .hour .min .tel:before {
		left:0;
	}
	.top_flow > .boxs > .sub .hour .min .tel:after {
		right:0;
	}

	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
}

@media screen and (max-width:834px) {
	/***********************************************************/
	/***********************************************************/
	/***********************************************************/

	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
}

@media screen and (max-width:768px) {

	.top_voice .point-icon > img {
		width: 65px;
	}
	/***********************************************************/
	/***********************************************************/
	/***********************************************************/

	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
}

@media screen and (max-width:414px) {
	/***********************************************************/
	/***********************************************************/
	/***********************************************************/

	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
}

@media screen and (max-width:375px) {
	/***********************************************************/
	/***********************************************************/
	/***********************************************************/


	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
}

@media screen and (max-width:320px) {
	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
	.top_update .boxs .sub .hour .img {
		width:200px;
		height:200px;
		margin:auto;
	}

	/***********************************************************/
	/***********************************************************/
	/***********************************************************/
}