@charset "utf-8";

*{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:160%;
	font-family:"游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", Verdana, sans-serif;
	color:#000000;
	font-weight:500;
}
body{
	margin:0;
	padding:0;
	font-family:"游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", Verdana, sans-serif;
	color:#000000;
	background:#ffffff;
	font-size:14px;
}
header, section, article, footer, nav, main, aside{
	display:block;
}
h1{
	font-size:200%;
	line-height:130%;
}
h2{
	font-size:150%;
	line-height:130%;
}
h3{
	font-size:125%;
	line-height:130%;
}
h4{
	font-size:110%;
	line-height:140%;
}
h5{
	font-size:105%;
	line-height:150%;
}
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *{
	font-feature-settings : "palt" 1;
}
br{
	line-height:100%;
}
a img {
	border:none;
}
.clear{
	float:none;
	clear:both;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
/*
:-moz-selection{
	background:#60b631;
	color:#ffffff;
}
:selection{
    background:#60b631;
	color:#ffffff;
}
::-moz-selection{
    background:#60b631;
	color:#ffffff;
}
::selection{
    background:#60b631;
	color:#ffffff;
}
*/

/*
	poppins
	light : 300
	regular : 400
	medium : 500
	bold : 700
*/


.wrapper{
	max-width:1300px;
	margin:0 auto;
	padding: 0 20px;
}
#container{
	width:100%;
	overflow:hidden;
}

/* ------------ HEADER ------------ */
#header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:90px;
	z-index:6;
}
#header .wrapper{
	background:#ffffff;
	height:90px;
	position:relative;
	padding-left:340px;
	padding-right:216px;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	overflow:hidden;
}
#header #logo{
	position:absolute;
	left:30px;
	top:26px;
	height:32px;
	display:block;
	font-size:157.14%;
}
#header #logo a{
    display: block;
    height: 32px;
    line-height: 28px;
    display: table-cell;
    vertical-align: middle;
}
#header #logo span{
	font-weight:700;
	line-height:33px;
	height:27px;
	display:inline-block;
	vertical-align:middle;
}
#header #logo img.ifPc{
	display:inline-block !important;
	vertical-align:middle;
	margin-right:15px;
}
#header #logo img.ifSp{
	display:none !important;
}
#header #nav ul{
	list-style:none;
	text-align:right;
}
#header #nav ul li{
	display:inline-block;
	text-align:left;
	padding-right:14px;
	line-height:100%;
}
#header #nav ul li a{
	display:block;
	text-align:center;
	padding:39px 10px 29px 10px;
	text-decoration:none;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	font-size:114.29%;
	border-bottom:solid 6px #ffffff;
	line-height:100%;
}
#header #nav ul li.current a{
	border-bottom: solid 6px #bea16f;
}
.contact_link{
	display:block;
	width:180px;
	text-decoration:none;
	color:#ffffff;
	height:46px;
	line-height:46px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:#8fc31f;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	font-size:114.29%;
	letter-spacing:1px;
	text-align:center;
	position:absolute;
	right:30px;
	top:24px;
}

/* ------------ TOP SLIDER ------------ */
.pc #top_slider,
.pc #top_slider .sliderInner,
.pc #top_slider .sliderContainer,
.pc #top_slider .sliderElement,
.pc #top_slider .element{
	height:100vh !important;
	min-height:500px;
}
#top_slider .element{
	position: relative;
	display:none;
	z-index: -1;
}
#top_slider .element:first-of-type{
	display:block;
}
#top_slider .element:after{
	background: rgba(0, 0, 0, .16);
	/* background: #000; */
	content: "";
	display:block;
	height: 100%;
	left: 0;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
#top_slider .element .relative{
	position:relative;
	width:100%;
	height:100%;
	background-position: center top;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	padding-top:90px;
}
#top_slider .element .relative.element1{
	background-image:url(img/slide1.jpg);
}
/*#top_slider .element .relative.element2{
	background-image:url(img/slide2.jpg);
}
#top_slider .element .relative.element3{
	background-image:url(img/slide3.jpg);
}*/
/*
#top_slider .element .relative:before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-image:url(img/grid_grey.png);
	background-position:center center;
	background-repeat:repeat;
	z-index:0;
}*/
#top_slider .element .relative .caption{
	position:absolute;
	width:100%;
	line-height:170%;
	text-align:center;
	display:block;
	left:0;
	top:50%;
	font-weight:700;
	color:#ffffff;
	font-size:285.71%;
	margin-top:-50px;
	letter-spacing:1px;
	padding:0 60px;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	z-index: 2;
}
#top_visual .pagination{
	position:absolute;
	right:30px;
	height:150px;
	list-style:none;
	top:50%;
	margin-top:-75px;
	z-index:3;
	width:22px;
}
#top_slider .pagination li{
	padding-bottom:42px;
	display:block;
	position:relative;
}
#top_slider .pagination li:after{
	content:'';
	display:block;
	width:1px;
	background:#ffffff;
	height:30px;
	position:absolute;
	left:11px;
	top:28px;
}
#top_slider .pagination li:last-of-type{
	padding-bottom:0;
}
#top_slider .pagination li:last-of-type:after{
	display:none;
}
#top_slider .pagination li a{
	display:block;
	height:22px;
	width:22px;
	line-height:22px;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	background:transparent;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	font-size:66.43%;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition:background 0.4s, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	transition:background 0.4s, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	-webkit-transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
}
#top_slider .pagination li.current a{
	background:#bea16f;
}
#top_visual{
	position:relative;
	width:100%;
}
#top_visual:after{
	content:'';
	position:absolute;
	left:50%;
	bottom:-30px;
	width:1px;
	background:#000000;
	display:block;
	height:30px;
}
#top_visual .scroll{
	position:absolute;
	display:block;
	width:72px;
	height:95px;
	left:50%;
	bottom:0;
	margin-left:-36px;
}
#top_visual .scroll a{
	display:block;
	text-align:center;
	text-decoration:none;
	line-height:100%;
	font-family: "Times New Roman", Georgia, Serif;
	font-style:italic;
	color:#ffffff;
	position:relative;
	font-size:128.57%;
	letter-spacing:1px;
}
#top_visual .scroll a:after{
	content:'';
	position:absolute;
	left:50%;
	top:34px;
	width:1px;
	background:#ffffff;
	display:block;
	height:60px;
}
#top_visual #top_slider .element .caption span{
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 23px;
}


/* ------------ MAIN CONTENTS ------------ */
.shuwatto .hidden{
	display:inline-block;
	color:transparent;
	position:relative;
}
.shuwatto .hidden:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:0;
	display:block;
	height:100%;
	background:#bea16f;
/*	-webkit-transition:  width 0.5s ease-out;
	transition: width 0.5s ease-out;*/
	-webkit-transition:  width 0.5s ease-out;
	transition: width 0.5s ease-out;
}
.shuwatto .hidden.step1:after{
	width:100%;
}
.shuwatto .hidden.step2:after{
	left:inherit;
	right:0;
	width:0;
}
.shuwatto.reverse .hidden:after{
	left:inherit;
	right:0;
}
.shuwatto.reverse .hidden.step2:after{
	right:inherit;
	left:0;
}
.section .section_head .title span.step1:after{
	background:#bea16f;
}
.section .section_head .title span.step2{
	color:#bea16f;
}
.section .section_head .subtitle span:after{
	background:#8fc31f;
}
.section .section_head .subtitle span.step2{
	color:#8fc31f;

}
/*
.mission1 .blue_box .hidden{
	background:#ffffff;
}
*/
.blue_box .hidden{
	display:block;
}
.mission1 .blue_box .hidden:after{
	background:#ffffff;
}
.mission2 .blue_box .hidden:after{
	background:#ffffff;
}
.mission1 .blue_box .step2 p,
.mission1 .blue_box .step2 p strong,
.mission2 .blue_box .step2 p,
.mission2 .blue_box .step2 p strong{
	color:#ffffff;
	/*background:#bea16f;*/
	background: #bea16f;
}
.mission1 .blue_box  p:before{
	content:'';
	display:block;
	width:39px;
	height:54px;
	position:absolute;
	left:40px;
	top:-22px;
	background-image:url(img/plum.png);
	background-repeat:no-repeat;
	background-position:left top;
	-webkit-transition: -khtml-opacity 0.5s ease-out, opacity 0.5s ease-out;
	transition:-khtml-opacity 0.5s ease-out, opacity 0.5s ease-out;
	-khtml-opacity:0;
	opacity:0;
}
.mission2 .blue_box  p:before{
	content:'';
	display:block;
	width:56px;
	height:39px;
	position:absolute;
	left:49px;
	top:-21px;
	background-image:url(img/plum2.png);
	background-repeat:no-repeat;
	background-position:left top;
	-webkit-transition: -khtml-opacity 0.5s ease-out, opacity 0.5s ease-out;
	transition:-khtml-opacity 0.5s ease-out, opacity 0.5s ease-out;
	-khtml-opacity:0;
	opacity:0;
}
.mission1 .blue_box .step3 p:before{
	-khtml-opacity:1;
	opacity:1;
}
.mission2 .blue_box .step3 p:before{
	-khtml-opacity:1;
	opacity:1;
}
.section{
	padding-top:70px;
}
.section .section_head{
	text-align:center;
	padding-bottom:45px;
}
.section .section_head .title{
	display:block;
	line-height:100%;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	font-size:171.43%;
	padding-bottom:12px;
	color:#bea16f;
}
.section .section_head .title span{
	line-height:100%;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	font-size:97%;
	color:transparent;
}
.section .section_head .subtitle{
	display:block;
	font-weight:700;
	font-size:285.71%;
	color:#8fc31f;
	letter-spacing:1px;
	padding-bottom:20px;
}
.section .section_head .subtitle span{
	font-weight:700;
	color:transparent;
	letter-spacing:3px;
}
.section .section_head p{
	display:block;
	letter-spacing:1px;
	line-height:190%;
}
.section .section_contents{
	padding:70px 0 78px 0;
	background-image:url(img/grid_grey.gif);
	background-position:center top;
	background-repeat:repeat;
	width:100%;
	/*min-height:600px;*/
	min-height:335px;
}
.mission{
	max-width:1110px;
	margin:0 auto;
}
.mission1{
	max-width:1055px;
	position:relative;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	/* min-height:273px; */
	/* padding-right:580px; */
	/*margin-bottom:36px;*/
	align-items: center;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.mission1 .illust{
	/* float:left; */
	display: block;
	/* border: 1px solid #ddd; */
}
.mission .illust .relative{
	position:relative;
	max-width:429px;
	padding-left: 40px;
}
.mission .illust .relative img{
	display:block;
	width:100%;
}
.mission .illust .relative img.moove{
	position:absolute;
	left:0;
	bottom:0;
	width:50%;
	-webkit-transition:  left 1.3s ease-out;
	transition: left 1.3s ease-out;
}
.mission .illust.launch .relative img.moove{
	left:40.08%;
}
.mission .blue_box{
	/* height:260px; */
	/* position:absolute; */
	/* top:0; */
}
.mission1 .blue_box{
	/* right:0; */
	/* padding-top:13px; */
	margin-left: 66px;
}
.mission2 .blue_box{
	padding-top:40px;
}
.mission .blue_box p{
	display:block;
	display:table-cell;
	vertical-align:middle;
	/*color:#ffffff;
	/*background:#bea16f;*/
	color:transparent;
	background-color: transparent;
	max-width:520px;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	padding:10px 52px;
	font-size:114.29%;
	height:330px;
	line-height:180%;
	position:relative;
	/* margin-left: auto; */
	/* margin-right: auto; */
}
.mission .blue_box p strong{
	display:block;
	font-weight:700;
	color:#ffffff;
	padding-bottom:6px;
}
.mission2{
	max-width:1070px;
	position:relative;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	min-height:304px;
	padding-left:580px;
	margin:0 0 0 auto;
}
.mission2 .illust{
	float:right;
}
.mission2 .illust .relative{
    max-width: 488px;
    position: relative;
}
.mission2 .illust img.icon{
	position:absolute;
	width:12.29%;
	left:0;
	bottom:0;
}
.mission2 .illust img.icon.icon1{
    bottom: 43%;
    left: 9%;
}
.mission2 .illust img.icon.icon2{
    bottom: 20%;
    left: 23%;
}
.mission2 .illust img.icon.icon3{
    bottom: 46%;
    left: 76%;
}
.mission2 .illust img.icon.icon4{
    bottom: 36%;
    left: 57%;
}
.mission2 .illust img.icon.icon5{
    bottom: 42%;
    left: 38%;
}
.mission2 .illust img.icon.icon6{
    bottom: 16%;
    left: 79%;
}
.mission2 .illust img.icon.hide{
	-khtml-opacity:0;
	opacity:0;
	margin-bottom:-15px;
	-webkit-transition:margin-bottom 0.3s ease-out, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	transition:margin-bottom 0.3s ease-out, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
}
.mission2 .illust img.icon{
	margin-bottom:0px;
	-khtml-opacity:1;
	opacity:1;
	-webkit-transition:margin-bottom 0.3s ease-out, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	transition:margin-bottom 0.3s ease-out, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
}
.mission2 .blue_box{
	left:0;
}
#service{
	position: relative;
/*	background-image:url(img/service_bg.jpg);
	background-position:center 99px;
	background-size:100% auto;
	background-repeat:no-repeat;
	overflow:hidden;
	position:relative;
	padding-top:63px;
	padding-bottom:20px;

	padding-bottom:100px;*/
}
#service #particles-js{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:100px;
	z-index:-1;
}
#service .absolute_title small{
	display:inline-block;
	font-weight:700;
	font-size:25.71%;
	line-height:100%;
	vertical-align:16px;
	line-height:100%;
	color:#bea16f;
	margin-left:22px;
	letter-spacing:2px;
}
#service .absolute_title span small{
    color:transparent;
}
#service .absolute_title span.step2,
#service .absolute_title span.step2 small{
    color: #bea16f;
}
#service .absolute_title span.step1:after,
#service .absolute_title span.step1 small:after{
	background-color: #bea16f;
}
/*.service_header{
    height:calc(35vw - 156px);
    min-height:308px;
    height:calc(35vw - 50%);
    padding-bottom:50px;
}*/
.service_header{
	background-image:url(img/service_bg.jpg);
	background-position:center 99px;
	background-size:100% auto;
	background-repeat:no-repeat;
	overflow:hidden;
	position:relative;
	padding-top:63px;
	padding-bottom:20px;

	padding-bottom:100px;
}
.service_header .wrapper{
	max-width:1000px;
	padding:0 30px;
}

.service_header .txt_area >.launch:nth-child(2) p br {
	display: none;
}

@media (max-width: 800px) {

	.service_header .wrapper {		
		margin-top: 100px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 480px) {

	.service_header .txt_area >.launch:nth-child(2) p br {
		display: block;
	}
}

@media (max-width: 375px) {

	.service_header .txt_area >.launch:nth-child(2) p br {
		display: none;
	}
}

.service_header .title{
	display:block;
	line-height:100%;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	color:#bea16f;
	font-size:500%;
	margin-bottom:35px;
}
.service_header .title span{
	line-height:100%;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	color:#bea16f;
}
.service_header p{
	display:inline-block;
	color:#ffffff;
	padding:3px 10px;
	background:#8fc31f;
	font-size:142.86%;
	font-weight:700;
}
.service_header p span{
	color:#ffffff;
	font-weight:700;
}
.service_header .sep{
	padding-bottom:10px;
}
.grey_text{
	background:#f8f8f8;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}
.grey_text .text_title{
	margin-top:-18px;
	margin-bottom:18px;
	display:block;
	line-height:100%;
	font-weight:300;
	font-family: 'Poppins', sans-serif;
	color:#bea16f;
	font-size:285.71%;
}
.grey_text .text_title b{
	font-weight: 700;
	color:inherit;
	font-size:inherit;
	line-height: 100%;
}
.grey_text p{
	display:block;
	font-size:114.29%;
	line-height:170%;
}
.grey_text p strong{
	display:block;
	font-weight:700;
	/* padding-bottom:8px; */
	margin: 8px 0;
}
.reservation{
	padding:0 0 90px 0;
	margin:0 auto;
	position:relative;
	min-height:325px;
}
.reservation .grey_text{
	position:absolute;
	left:calc(50% - 20px);
	max-width:520px;
	width:calc(50% + 20px);
	bottom:15px;
	min-height:288px;
	padding:0 44px 30px 72px;
}
.reservation img{
	display:block;
	width:50%;
	position:relative;
	z-index:1;
}
.contents{
	max-width:1300px;
	margin:0 auto;
	padding-right:30px;
	padding-left:30px;
	padding-bottom: 110px;
}
.contents .sep{
	padding-top:40px;
}
.media{
	margin:0 0 0 auto;
	position:relative;
	display:table-cell;
	vertical-align:middle;
	width:1300px;
	height:517px;
	height:386px;
}
.media .grey_text{
	position:absolute;
	max-width:500px;
	width:50%;
	top:50%;
	margin-top:-147px;
	min-height:236px;
	padding:0 49px 30px 49px;
}
.media.left .grey_text{
	right:50%;
}
.media.right .grey_text{
	left:50%;
}
.media img{
	display:block;
	width:50%;
	position:relative;
	z-index:1;
	float: left;
}
.site_logos{
	max-width:1000px;
	margin:0 auto;
	padding-left:30px;
	padding-right:30px;
	padding-top: 40px;
	padding-bottom:0;
}
.site_logos .title{
	color: #bea16f;
	font-weight: 700;
	font-size: 114.285%;
	display: inline-block;
	padding-bottom: 15px;
}
.site_logos ul{
	list-style:none;
	margin-left:-8px;
}
.site_logos ul li{
	display:block;
	width:12.5%;
	float:left;
	padding-left:8px;
	padding-bottom:10px;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}
.site_logos ul li img{
	display:block;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	border:solid 1px #e0e0e0;
}
#about{
	/*padding-top:80px;*/
	padding-top:0;
}
#about .bg{
	background-color:#e8ebee;
	background-image:url(img/grid_white.png);
	background-position:center center;
	background-repeat:repeat;
	z-index:0;
	padding: 0 20px 60px 20px;
}
#about .wrapper{
	max-width:1110px;
	margin:0 auto;
	position:relative;
	padding:0;
}
#about .absolute_title{
	display:block;
	font-weight:700;
	font-size:500%;
	line-height:100%;
	position:absolute;
	left:56px;
	top:-38px;
	font-family: 'Poppins', sans-serif;
	color:#bea16f;
	letter-spacing:2px;
}
#about .absolute_title small{
	display:inline-block;
	font-weight:700;
	font-size:25.71%;
	line-height:100%;
	vertical-align:16px;
	line-height:100%;
	color:#bea16f;
	margin-left:22px;
	letter-spacing:2px;
}
#about .about{
	padding-top:58px;
	padding-left:56px;
	padding-right:100px;
	padding-right: 56px;
}
#about .group{
	padding-top:60px;
	padding-right:56px;
	padding-left:100px;
}
#about .border{
	background:#ffffff;
	padding:30px 60px;
	/* max-width:860px; */
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}
#about .group .border{
	padding:116px 60px 80px 60px;
	margin-left:auto;
	position:relative;
}
#about .about_table{
	width:100%;
	border-collapse:collapse;
}
#about .about_table  th,
#about .about_table td{
	vertical-align:top;
	text-align:left;
	font-size:92.86%;
	line-height:180%;
}
#about .about_table  th{
	font-weight:700;
}
#about .about .about_table  th,
#about .about .about_table td{
	border-bottom:solid 1px #e0e0e0;
	padding-top:14px;
	padding-bottom:14px;
}
#about .about .about_table  th{
	padding-left:20px;
	width:100px;
}
#about .about .about_table  tr:last-of-type th,
#about .about .about_table tr:last-of-type td{
	border-bottom:none;
}
#about .group .about_table  th,
#about .group .about_table td{
	padding-top:8px;
	padding-bottom:8px;
}
#about .group .about_table  th{
	padding-left:20px;
	width:120px;
	border-right:solid 4px #bea16f;
}
#about .group .about_table  td{
	padding-left:50px;
}

#about .group .about_table  tr:first-of-type th,
#about .group .about_table tr:first-of-type td{
	padding-top:0;
}
#about .group .about_table  tr:last-of-type th,
#about .group .about_table tr:last-of-type td{
	padding-bottom:0;
}

#about .absolute_subtitle{
	display:block;
	font-weight:700;
	font-size:357%;
	line-height:100%;
	position:absolute;
	left:-66px;
	top:36px;
	font-family: 'Poppins', sans-serif;
	color:#bea16f;
	letter-spacing:2px;
}
#about .absolute_subtitle small{
	display:inline-block;
	font-weight:700;
	font-size:36%;
	line-height:100%;
	vertical-align:9px;
	line-height:100%;
	color:#bea16f;
	margin-left:25px;
	letter-spacing:2px;
}
#recruit{
	padding-left:30px;
	padding-right:30px;
	/*max-width:1216px;*/
	margin:0 auto;
	padding-bottom:70px;
    background-image: url(img/grid_grey2.png);
    background-position: center center;
    background-repeat: repeat;
}
#recruit .wrapper{
	max-width:1216px;
	margin:0 auto;
}

#flipContainer{
	margin-left:-30px;
	padding-bottom:80px;
}
.oneFlip{
	width:33.33333%;
	float:left;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:auto;
	overflow:visible;
	position:relative;
	padding: 0 30px;
	-khtml-opacity:0;
	opacity:0;
	margin-top:80px;
	margin-bottom:-80px;
	-webkit-transition: -khtml-opacity 0.6s ease-out, opacity 0.6s ease-out, margin-top 0.6s ease-out, margin-bottom 0.6s ease-out;
	transition: -khtml-opacity 0.6s ease-out, opacity 0.6s ease-out, margin-top 0.6s ease-out, margin-bottom 0.6s ease-out;
}
.oneFlip:nth-of-type(4){
	display:none;
}
.oneFlip .newIcon{
	display:block;
	position:absolute;
	left:7.5%;
	top:0;
	width:76px;
	height:76px;
	background-image:url(img/new_icon.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.oneFlip.ready {
	margin-top:0;
	margin-bottom:0;
	-khtml-opacity:1;
	opacity:1;
}
.oneFlip .flipTrigger{
	width:100%;
	height:auto;
	position: relative;
}
.oneFlip .flipTrigger img{
	display:block;
	width:100%;
}
.oneFlip .flipTrigger img.hidden{
	position:absolute;
	width:97%;
	-khtml-opacity:0;
	opacity:0;
	left:1.5%;
	top:1.5%;
}
.oneFlip .title{
	position:absolute;
	right:0;
	bottom:-20px;
	width:180px;
	height:180px;
	z-index:5;
	display:block;
	text-decoration:none;
}
.oneFlip .title .relative{
	position:relative;
	width:180px;
	height:180px;
	display:block;
	left:0;
}
.oneFlip .title .relative .circle{
	width:31px;
	height:31px;
	position:absolute;
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
    left: 71px;
    top: 126px;
}
.oneFlip .title .relative .circle .inside_circle{
	position:absolute;
	left:0;
	top:0;
	width:31px;
	height:31px;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(img/inside_arrow_white.png);
}
.oneFlip.sales .title .relative{
	background-color:#b22f92;
}
.oneFlip.engineer .title .relative{
	background-color:#1f87c3;
}
.oneFlip.creator .title .relative{
	background-color:#e1af17;
}
.oneFlip.planner .title .relative{
	background-color:#49a98a;
}
.oneFlip.sales .title .relative .circle{
	background-image:url(img/circle_white1.png);
}
.oneFlip.engineer .title .relative .circle{
	background-image:url(img/circle_white2.png);
}
.oneFlip.creator .title .relative .circle{
	background-image:url(img/circle_white3.png);
}
.oneFlip.planner .title .relative .circle{
	background-image:url(img/circle_white4.png);
}
.oneFlip .title .relative span{
	position:absolute;
	display:block;
	width:100%;
	color:#ffffff;
	top:50px;
	line-height:100%;
	text-align:center;
	font-weight:700;
}
.oneFlip .title .relative .number{
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	font-size:257.14%;
    left:6px;
    padding-left:26px;
    top:-21px;
	text-align:left;
}
.oneFlip .title .relative .number:before{
    content:'#';
    font-size:60%;
    left:6px;
    line-height:100%;
    position:absolute;
    top:2px;
}
.oneFlip .title .relative .position{
	font-size:110%;
	top:28px;
}
.oneFlip .title .relative .name{
	top:58px;
	font-family:'Poppins', sans-serif;
	font-size:171.42%;
	font-weight:500;
}
.oneFlip .title .relative .name.long{
	font-size:128.57%;
	line-height:120%;
}
.oneFlip .title .relative .name.veryLong{
	font-size:110%;
	line-height:120%;
}
.oneFlip .title .relative .enter{
	top:95px;
	font-size:85.71%;
}
.recruit_title{
	display:block;
	line-height:100%;
	font-weight:700;
	font-size:277.71%;
	color:#bea16f;
	padding-bottom:50px;
	font-family:'Poppins', sans-serif;
	text-align:center;
}
.recruit_link{
	display:block;
	margin:0 auto;
	text-decoration:none;
	width:280px;
	height:60px;
	line-height:60px;
	color:#ffffff;
	font-weight:700;
	font-size:128.57%;
	text-align:center;
	background:#bea16f;
	-webkit-transition: -khtml-background-color 0.3s ease-out, background-color 0.3s ease-out;
	transition: -khtml-background-color 0.3s ease-out, background-color 0.3s ease-out;
}
#map{
	position:relative;
	padding-bottom:40px;
    background-image: url(img/grid_grey2.png);
    background-position: center center;
    background-repeat: repeat;
}
/*
#map:before{
	content:'';
	background-color:#ffffff;
    background-image: url(img/grid_grey2.png);
    background-position: calc(50vw - 223px) center;
    background-repeat: repeat;
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:420px;
	width:100px;
	z-index:2;
}*/
#map_canvas{
	z-index:1;
	width:100%;
	height:420px;
}
.map_link{
	display:block;
	width:300px;
	height:74px;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-150px;
	font-weight:700;
	font-family: 'Poppins', sans-serif;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
	font-size:200%;
	z-index:2;
	background:#8fc31f;
	line-height:74px;
	-webkit-border-radius:36px;
	border-radius:36px;
	letter-spacing:2px;
	-webkit-transition: -khtml-background-color 0.3s ease-out, background-color 0.3s ease-out;
	transition: -khtml-background-color 0.3s ease-out, background-color 0.3s ease-out;
}
.map_link span{
	display:inline-block;
	padding:0 30px;
	height:74px;
	line-height:76px;
	font-weight:700;
	font-family: 'Poppins', sans-serif;
	color:#ffffff;
	background-image:url(img/contact_link_arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
	letter-spacing:2px;
}
.service_header .title span{
	color:transparent;
}
.service_header .title span.step1:after{
	background-color: #bea16f;
}
.service_header .title span.step2{
	color: #bea16f;
}
.service_header p{
	color:transparent;
	background:transparent;
}
.service_header .shuwatto p:after{
	background:#8fc31f;
}
.service_header p.step2{
	color:white;
	background:#8fc31f;
}
.service_header .txt_area_wrap{
	position: relative;
}
.service_header .txt_area{
	/*float: left;*/
	width: 100%;
	max-width: 650px;
}
.service_header .coupon{
	position: absolute;
	top: -30px;
	right: 0;
	max-width: 384px;
	width: 40%;
}
.service_header .coupon img{
	display: block;
	width: 100%;
}
.grey_text .text_title span{
    color: transparent;
    font-family: "Poppins",sans-serif;
    font-weight: 300;
    line-height: 100%;
}
.grey_text .text_title span.step2{
    color: #bea16f;
}
#about .absolute_title span{
    color:transparent;
    font-family: "Poppins",sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 100%;
}
#about .absolute_title span small{
    color:transparent;
}
#about .absolute_title span.step2,
#about .absolute_title span.step2 small{
    color: #bea16f;
}
#about .absolute_title span.step1:after,
#about .absolute_title span.step1 small:after{
	background-color: #bea16f;
}
.recruit_title span{
    color: transparent;
    font-family: "Poppins",sans-serif;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1px;
}
.recruit_title span.step2{
    color: #bea16f;
}
.media img{
	float:none;
	width:100%;
}
.resaImg{
    display: block;
    position: relative;
    width: 50%;
    z-index: 1;
}
.media.left .resaImg{
	float:right;
}
.media.right .resaImg{
	float:left;
}
.resaImg img{
    display: block;
    width: 100%;
	-khtml-opacity:0;
	opacity:0;
}
.resaImg .hidden{
	display:block;
}
.resaImg .hidden:after{
	background:#f8f8f8;
	z-index:3;
}
.resaImg .step2 img{
	-khtml-opacity:1;
	opacity:1;
}
.news_title{
	color: #bea16f;
    display: block;
    font-family: "Poppins",sans-serif;
    font-size: 171.43%;
    font-weight: 700;
    line-height: 100%;
    padding-bottom: 20px;
    text-align: center;
}
.news_title span{
    color: transparent;
    font-family: "Poppins",sans-serif;
    font-weight: 700;
    line-height: 100%;
}
.news_title span.step1:after{
    background-color: #bea16f;
}
.news_title span.step2{
    color: #bea16f;
}
#news{
    background-image: url(img/grid_grey2.png);
    background-position: center center;
    background-repeat: repeat;
    padding-top: 68px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:80px;
}
.news_list{
	list-style:none;
	max-width:860px;
	margin:0 auto;
	border-top:solid 1px #e0e0e0;
}
.news_list li{
	display:block;
	position:relative;
	padding:15px 20px 15px 141px;
	border-bottom:solid 1px #e0e0e0;
}
.news_list li .date{
	display:block;
	position:absolute;
	width:95px;
	left:20px;
	top:15px;
	font-weight:700;
}
.news_list li .td{
	display:block;
	text-decoration:none;
}

#toTop{
	position:fixed;
	right:30px;
	bottom:80px;
	display:block;
	width:53px;
	height:53px;
	background-image:url(../../../img/to_top.png);
	background-position:left top;
	background-repeat:no-repeat;
	z-index:6;
	-webkit-transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
}

#toTop.hidden{
	-khtml-opacity:0;
	opacity:0;
}


/* ------------ CONTACT ------------ */
#title_visual img{
	display:block;
	width:100%;
    background-image: url(img/grid_grey2.png);
    background-position: center center;
    background-repeat: repeat;
}
#contact{
	padding-top:100px;
	background-image: url(img/grid_grey2.png);
	background-position: center top;
	background-repeat: repeat;
	padding-bottom:80px;
	position: relative;
}
#contact .bg{
	background-color:#e8ebee;
	background-image: url(img/grid_white.png);
	background-position: center center;
	background-repeat: repeat;
	padding-bottom:60px;
	padding-top: 60px;
}
#contact .wrapper{
	position:relative;
	/* padding-top:60px; */
	padding-left:20px;
	padding-right:20px;
	max-width:1000px;
	margin:0 auto;
}
#contact .absolute_title{
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	font-size:500%;
	line-height:100%;
	color:#bea16f;
	display:block;
	position:absolute;
	left:20px;
	top: -95px;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
#contact .absolute_title span{
	line-height:100%;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	color:#bea16f;
}

#contact .absolute_title small{
	display:inline-block;
	font-weight:700;
	font-size:25.71%;
	line-height:100%;
	vertical-align:16px;
	line-height:100%;
	color:#bea16f;
	margin-left:22px;
	margin-top: -8px;
	letter-spacing:2px;
	vertical-align: middle;
}
#contact .inside_container{
	background:#ffffff;
	padding: 35px 60px 60px;
}
.inside_container{
	background:#ffffff;
	padding: 60px 60px 60px;
}
.form_container{
	background:#ffffff;
	padding:60px;
}
.contact_title{
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	font-size:500%;
	line-height:100%;
	color:#bea16f;
	display:block;
	position:absolute;
	left:20px;
	top:-36px;
}

.contact_table{
	width:100%;
	border-bottom:solid 1px #e0e0e0;
	border-spacing: 0;
}
.contact_table th{
	font-weight:700;
	padding:25px 0 25px 20px;
	border-top:solid 1px #e0e0e0;
	text-align:left;
	vertical-align:middle;
	width:140px;
}
.contact_table tr:nth-child(1) th,
.contact_table tr:nth-child(1) td{
	border-top:none;
}
.contact_table th small{
	font-weight:400;
	font-size:78.57%;
}
.contact_table th sup{
	font-weight:400;
	color:#a3bee3;
}
.contact_table td{
	padding:25px 20px;
	border-top:solid 1px #e0e0e0;
	text-align:left;
}
.contact_table td .title{
	display:inline-block;
	padding-bottom:20px;
	padding-top:5px;
	line-height:100%;
	font-weight:700;
	font-size:100%;
}
.contact_table td .title sup{
	font-weight:400;
	color:#a3bee3;
}
.contact_table td p{
	display:block;
	line-height:160%;
}

.contact_table input{
	display:inline-block;
	vertical-align:middle;
	border:solid 1px #e8ebee;
	background:#e8ebee;
	padding:2px 8px;
	max-width:240px;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.contact_table select{
	font-weight:700;
	display:inline-block;
	vertical-align:middle;
	border:solid 2px #e8ebee;
	background:#ffffff;
	font-size:95%;
	padding:3px 8px;
	/*max-width:240px;*/
	/*width:100%;*/
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.contact_table select.error{
	background:#ffffff;
	border-color:#b61919;
	outline:none !important;
	box-shadow:none !important;
}
.contact_table input.very_small{
	max-width:100px;
	margin-left:10px;
	margin-right:20px;
}
.contact_table input.full{
	max-width:100%;
}
.contact_table input:focus{
	background:#ffffff;
}
.contact_table input.valid{
	background:#ffffff;
}
.contact_table input.error{
	background:#ffffff;
	border:solid 1px #b61919;
	outline:none !important;
	box-shadow:none !important;
}
.contact_table span.error_txt{
	display:none;
	vertical-align:middle;
	color:#b61919;
	font-size:85.71%;
	margin-left:10px;
}
.contact_table .required.error + span + span.error_txt{
	display:inline-block;
}
.contact_table textarea.error + span + span.error_txt{
	display:inline-block;
}
.contact_table .smaller input{
	max-width:200px;
}
.contact_table .sep{
	display:block;
	width:100%;
	height:20px;
}
.contact_table textarea{
	display:block;
	border:solid 1px #e8ebee;
	background:#e8ebee;
	padding:2px 8px;
	width:100% !important;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	min-height:200px;
	height:300px;
	max-height:600px;
	max-width:818px;
	min-width:100%;
}
.contact_table textarea:focus{
	background:#ffffff;
}
.contact_table textarea.valid{
	background:#ffffff;
}
.contact_table textarea.error{
	background:#ffffff;
	border:solid 1px #e8ebee;
	outline:none !important;
	box-shadow:none !important;
}
.contact_table td .parent{
	position:relative;
}
button#send{
    background: #8fc31f;
    border-radius: 30px;
    color: #ffffff;
    display: block;
    font-size: 114.29%;
    font-weight: 700;
    height: 46px;
    letter-spacing: 1px;
    line-height: 46px;
    text-align: center;
    width: 180px;
	cursor:pointer;
	border:none;
	margin:0 auto;
	background-color:
	-webkit-transition: -khtml-background-color 0.3s ease-out, background-color 0.3s ease-out;
	transition: -khtml-background-color 0.3s ease-out, background-color 0.3s ease-out;
}
.thanks_link{
	text-decoration:none;
    background: #8fc31f;
    border-radius: 30px;
    color: #ffffff;
    display: block;
    font-size: 114.29%;
    font-weight: 700;
    height: 46px;
    letter-spacing: 1px;
    line-height: 46px;
    text-align: center;
    width: 180px;
	cursor:pointer;
	border:none;
	margin:0 auto;
	-webkit-transition: -khtml-background-color 0.3s ease-out, background-color 0.3s ease-out;
	transition: -khtml-background-color 0.3s ease-out, background-color 0.3s ease-out;
}
.thanks_text{
	display:block;
	padding-top:35px;
	padding-bottom:60px;
	font-weight:700;
	line-height:200%;
	text-align:center;
}
.contact_table .must{
	display:inline-block;
	margin-left:15px;
	margin-right:20px;
	width:40px;
	height:22px;
	line-height:22px;
	color:#ffffff;
	background:#c63345;
	text-align:center;
	font-size:85.71%;
}
.agreements{
	padding-top:40px;
}
.agreements p{
	display:block;
}
.agreements p small{
	font-size:78.57%;
}
.agreements .title{
	font-size:100%;
	font-weight:700;
	padding-bottom:15px;
}
.agreements ul{
	list-style:none;
	padding-bottom:20px;
}
.agreements ul li{
	display:block;
	padding-left:16px;
	position:relative;
	padding-bottom:15px;
}
.agreements ul li a{
	text-decoration: none;
	color: #8fc31f;
	-webkit-transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
}
.agreements ul li:before{
	content:'';
	display:block;
	width:3px;
	height:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#000000;
	left:6px;
	top:9px;
	position:absolute;
}
.privacy_box{
	padding:40px 0 15px 0;
	text-align:center;
}
.privacy_box input{
	vertical-align:middle;
}
.privacy_box .checkbox_desc{
	font-size:85.71%;
	margin-left:10px;
	vertical-align:middle;
}
.privacy_box .checkbox_desc.red{
	color:#b61919;
	font-weight:700;
}


/* ------------ PRIVACY / POLICY ------------ */
#inside_section{
	padding-top:45px;
    background-image: url(img/grid_grey2.png);
    background-position: center center;
    background-repeat: repeat;
	padding-bottom:80px;
}
#inside_section .bg{
	background-color:#e8ebee;
    background-image: url(img/grid_white.png);
    background-position: center center;
    background-repeat: repeat;
	padding-bottom:60px;
}
#inside_section .wrapper{
	padding-left:20px;
	padding-right:20px;
	max-width:1000px;
	margin:0 auto;
}
#inside_section .bg .wrapper{
	position:relative;
	padding-top:60px;
}
#inside_section .inside_title{
	padding-bottom:38px;
}

#inside_section .inside_title .title{
	display:block;
	line-height:100%;
	font-family: 'Poppins', sans-serif;
	color:#bea16f;
	font-size:271.43%;
	font-weight:700;
	text-align:center;
	padding-bottom:18px;
	padding-bottom:14px;
}
#inside_section .inside_title .subtitle{
	display:block;
	line-height:100%;
	font-size:100%;
	font-weight:500;
	text-align:center;
}
.bordered_title{
	padding-bottom:5px;
	border-bottom:solid 1px #e0e0e0;
	margin-bottom:25px;
}
.bordered_title .title{
	display:block;
	border-left:solid 4px #8fc31f;
	padding-left:10px;
	font-size:114.29%;
	font-weight:500;
}
.privacy_policy .head-box{
	position: relative;
	right: 0;
	top: 0;
	text-align: right;
	padding-bottom: 30px;
}

.privacy_policy{
	position: relative;
	padding-bottom:40px;
}
.privacy_policy:last-of-type{
	padding-bottom:0;
}
.privacy_policy .privacy_policy_article{
	padding-left:20px;
	padding-right:20px;
	font-size:96.5%;
}
.privacy_policy p{
	display:block;
	line-height:170%;
	padding-bottom:26px;
}
.privacy_policy p.small_pad{
	padding-bottom:20px;
}
.privacy_policy p.sign{
	text-align:right;
	padding-top:10px;
	font-size:90%;
	padding-bottom:0;
}
.privacy_policy p.sign.big{
	font-size:100%;
	padding-top:15px;
}
.privacy_policy p:last-of-type{
	padding-bottom:0;
}
.second .privacy_policy p:last-of-type{
	padding-bottom:0;
}
.second .privacy_policy p{
	padding-bottom:20px;
}
.second .privacy_policy p.has_pad{
	padding-bottom:35px;
}
.privacy_policy p.has_pad{
	padding-bottom:35px;
}
.privacy_policy table.has_pad{
	margin-bottom: 35px;
}
.second .privacy_policy p.has_small_pad{
	padding-bottom:20px;
}
.second .privacy_policy p.has_small_pad.last{
	padding-bottom: 0;
}
.privacy_policy ol{
	padding-left:55px;
	padding-right:40px;
}
.privacy_policy ol li{
	padding-bottom:20px;
}
.privacy_policy ol li ol{
    padding-left:40px;
	padding-top:20px;
}
.privacy_policy ol li ol li{
    list-style-type: lower-alpha;
}
.privacy_policy table{
	width:100%;
	border-collapse:collapse;
	border-bottom:solid 1px #e0e0e0;
	border-right:solid 1px #e0e0e0;
}
.privacy_policy table th{
	border-top:solid 1px #e0e0e0;
	border-left:solid 1px #e0e0e0;
	font-weight:700;
	font-size:100%;
	text-align:left;
	vertical-align:middle;
	padding:15px 20px;
}
.privacy_policy table tbody th{
	width:210px;
}
.privacy_policy table thead th{
	text-align:center;
}
.privacy_policy table td{
	border-top:solid 1px #e0e0e0;
	border-left:solid 1px #e0e0e0;
	font-size:100%;
	text-align:left;
	vertical-align:middle;
	padding:15px 20px;
}
.privacy_policy ol.has_pad_top{
	padding-top:35px;
}
.second .privacy_policy ol{
	padding-left:23px;
	padding-left:16px;
	padding-right:20px;
}
.second .privacy_policy ul li,
.second .privacy_policy ol li{
	padding-bottom:15px;
}
.second .privacy_policy ul li:last-of-type,
.second .privacy_policy ol li:last-of-type{
	padding-bottom:0;
}
.second .privacy_policy ol li ol{
    padding-left:40px;
	padding-top:20px;
}
.second .privacy_policy ol li ol li{
	padding-bottom:15px;
}
.second .privacy_policy ol li ol li:last-of-type{
	padding-bottom:0;
}
.second .privacy_policy table ul,
.second .privacy_policy table ol{
	padding-left:23px;
	padding-right:0;
}
.privacy_policy table ol li{
	padding-bottom:8px;
}
.privacy_policy table ol li:last-of-type{
	padding-bottom:0;
}
.second .privacy_policy .circle_area{
	margin-bottom: 20px;
}
.second .privacy_policy .circle_area .circle_ul{
	margin-left: 55px;
	margin-bottom: 20px;
}
.second .privacy_policy .circle_area .circle_ul li{
	padding-bottom: 0;
}
.second .privacy_policy .circle_area .txt{
	padding-bottom: 0;
}
.second .privacy_policy .circle_area .txt_sub{
	padding-bottom: 0;
	margin-left: 25px;
}


.privacy_policy .privacy_text_box{
	padding-left:40px;
}
.privacy_policy p strong{
	display:block;
	font-weight:700;
}
.privacy_policy p .circle{
	display:block;
	position:relative;
	padding-left:34px;
	margin-top:10px;
}
.privacy_policy p .circle.noCircle:before{
	display:none;
}
.privacy_policy p .circle:before{
	content:'○';
	position:absolute;
	left:20px;
	top:0;
}
.privacy_policy p a{
	color:#8fc31f;
}
.privacy_title{
	display:block;
	font-weight:700;
	font-size:114.29%;
	text-align:center;
	padding-bottom:40px;
}
.image_logo a{
	display:inline-block;
}
.image_logo img{
	display:block;
}



/* ------------ FOOTER ------------ */
#footer{
	background: #bea16f;
	padding-top:57px;
	padding-bottom:26px;
}
#footer_nav{
	padding-bottom:47px;
	text-align:center;
}
#footer_nav ul{
	list-style:none;
	text-align:center;
	display:inline-block;
}
#footer_nav ul li{
	display:inline-block;
	text-align:center;
	padding-right:25px;
	padding-left:25px;
	line-height:100%;
}
#footer_nav ul li a{
	display:block;
	text-align:center;
	text-decoration:none;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	font-size:128.57%;
	line-height:100%;
	color:#ffffff;
	letter-spacing: 1px;
	-webkit-transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
}
.foot_sub_nav{
	list-style:none;
	text-align:center;
	padding-bottom:18px;
}
.foot_sub_nav li{
	display:inline-block;
	padding:0 15px;
	height:12px;
	border-right:solid 1px #ffffff;
	line-height:12px;
}
.foot_sub_nav li:last-of-type{
	border-right:none;
}
.foot_sub_nav li a{
	display:block;
	text-decoration:none;
	color:#ffffff;
	height:12px;
	line-height:12px;
	font-size:85.71%;
	-webkit-transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	transition: -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
}
#copyrights{
	display:block;
	color:#ffffff;
	font-size:85.71%;
	line-height:220%;
	text-align:center;
}

.ifTablet{
	display:none !important;
}
.ifSp{
	display:none !important;
}
.ifPc{
	display:block !important;
}
br.ifTablet{
	display:none !important;
}
br.ifSp{
	display:none !important;
}
br.ifPc{
	display:inline !important;
}

/* PC SIZE */
@media screen and (min-width: 1126px){
	#header.scrolled{
		height:60px;
	}
	#header.scrolled .wrapper{
		height:60px;
	}
	#header.scrolled #logo{
		top: 15px;
	}
	#header.scrolled #nav ul li a{
		padding-top: 23px;
		padding-bottom: 15px;
	}
	#header.scrolled .contact_link{
		height: 38px;
		top: 10px;
		line-height: 38px;
	}
	#header #nav ul li a:hover,
	#toTop:hover,
	.agreements ul li a:hover,
	#footer_nav ul li a:hover,
	.foot_sub_nav li a:hover,
	#top_slider .pagination li a:hover{
		opacity: 0.7;
	}
	.contact_link:hover,
	.map_link:hover,
	button#send:hover,
	.thanks_link:hover{
		background-color: #bea16f;
	}
	.recruit_link:hover{
		background-color: #8fc31f;
	}

	.news_list li a{
		-webkit-transition: -khtml-opacity 0.3s, opacity 0.3s;
		transition:-khtml-opacity 0.3s, opacity 0.3s;
	}
	.news_list li a:hover{
		-khtml-opacity:0.5;
		opacity:0.5;
	}



	#header{
		-webkit-transition: -khtml-height 0.3s ease-out, height 0.3s ease-out;
		transition: -khtml-height 0.3s ease-out, height 0.3s ease-out;
	}
	#header .wrapper{
		-webkit-transition: -khtml-height 0.3s ease-out, height 0.3s ease-out;
		transition: -khtml-height 0.3s ease-out, height 0.3s ease-out;
	}
	#header #logo{
		-webkit-transition: -khtml-top 0.3s ease-out, top 0.3s ease-out;
		transition: -khtml-top 0.3s ease-out, top 0.3s ease-out;
	}

	#header #nav ul li a{
		-webkit-transition: border 0.4s, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out, -khtml-padding-top 0.3s ease-out, padding-top 0.3s ease-out, -khtml-padding-bottom 0.3s ease-out, padding-bottom 0.3s ease-out;
		transition: border 0.4s, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out, -khtml-padding-top 0.3s ease-out, padding-top 0.3s ease-out, -khtml-padding-bottom 0.3s ease-out, padding-bottom 0.3s ease-out;
	}

	.contact_link{
		-webkit-transition: -khtml-background-color 0.3s ease-out, background-color 0.3s ease-out, -khtml-height 0.3s ease-out, height 0.3s ease-out, -khtml-top 0.3s ease-out, top 0.3s ease-out, -khtml-line-height 0.3s ease-out, line-height 0.3s ease-out;
		transition:  -khtml-background-color 0.3s ease-out, background-color 0.3s ease-out, -khtml-height 0.3s ease-out, height 0.3s ease-out, -khtml-top 0.3s ease-out, top 0.3s ease-out, -khtml-line-height 0.3s ease-out, line-height 0.3s ease-out;
	}
}


@media screen and (max-width: 1250px){
	#header #nav ul li {
		padding-right: 0;
	}
	#header #logo img.ifPc{
		width: 95%;
	}
	.service_header{
		background-size:auto;
	}
}
/* LARGE TABLET SIZE */
@media screen and (max-width: 1125px){
	.ifPc{
		display:none !important;
	}
	.ifSp{
		display:none !important;
	}
	.ifTablet{
		display:block !important;
	}
	br.ifPc{
		display:none !important;
	}
	br.ifSp{
		display:none !important;
	}
	br.ifTablet{
		display:inline !important;
	}

	#header{
		height:50px;
	}
	#header .wrapper{
		height:50px;
		padding:0;
		padding-right:60px;
	}
	#header #logo{
		top:inherit;
		height:50px;
		position:relative;
		left:inherit;
		padding-left:20px;
		font-size:92.86%;
		display: table-cell;
		vertical-align: middle;
	}
	#header #logo a{
		/* height:50px; */
		/* line-height:50px; */
		/* max-width:240px; */
	}
	#header #logo img.ifPc{
		display:none !important;
	}
	#header #logo img.ifSp{
		float:left;
		display:block !important;
		margin-right:15px;
	}
	#header #logo span{
		line-height:50px;
		float:left;
		display:block;
		height:50px;
	}
	#header #nav{
		display:none;
	}

	#sp_menu{
		display:none;
	}
	#sp_menu .wrapper{
		position:relative;
		padding:50px 20px;
	}
	.sp_main_menu{
		list-style:none;
		text-align:center;
	}
	.sp_main_menu li{
		padding-bottom:30px;
	}
	.sp_main_menu li a{
		color: #ffffff;
		display: block;
		font-family: "Poppins",sans-serif;
		font-size: 150%;
		font-weight: 500;
		line-height: 100%;
		text-align: center;
		text-decoration: none;
	}
	#sp_menu .sp_sub_nav{
		padding-top:20px;
		list-style:none;
		text-align:center;
	}
	#sp_menu .sp_sub_nav li{
		display: inline-block;
		height: 12px;
		line-height: 12px;
		padding: 0 15px;
	}
/*	#sp_menu .sp_sub_nav li:first-of-type{
		border-right: 1px solid #ffffff;
	}*/
	#sp_menu .sp_sub_nav li:last-of-type{
		display:block;
		padding-top:15px;
	}
	#sp_menu .sp_sub_nav li a{
		color: #ffffff;
		display: block;
		font-size: 85.71%;
		height: 12px;
		line-height: 12px;
		text-decoration: none;
	}


	#sp_menu #close_menu{
		position:absolute;
		top:16px;
		right:22px;
		width:18px;
		height:18px;
		background-image:url(../../../img/sp/close_menu.png);
		background-size:18px auto;
		background-position:center center;
		background-repeat:no-repeat;
	}

	.menu_open{
		/*background:#bea16f;*/
		background-color: #bea16f;
	}
	.menu_open #header,
	.menu_open #main,
	.menu_open #footer{
		height:0;
		padding:0;
		margin:0;
		overflow:hidden;
	}
	.menu_open #toTop{
		display:none;
	}
	.menu_open #sp_menu{
		display:block;
	}
	.menu_open #container{
		padding-top:0;
	}

	/* #container{
		padding-top:50px;
	} */

	#open_menu{
		display:block;
		position:absolute;
		right:0;
		top:0;
		height:50px;
		width:60px;
		background-image:url(../../../img/sp/open_menu.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		background-size:60px 50px;
	}


	.pc #top_slider,
	.pc #top_slider .sliderInner,
	.pc #top_slider .sliderContainer,
	.pc #top_slider .sliderElement,
	.pc #top_slider .element{
		height:calc(100vh - 50px) !important;
		min-height:500px;
	}
	#top_slider .element .relative .caption{
		font-size:250%;
		line-height:140%;
		margin-top:-60px;
		padding-right:10px;
		padding-left:10px;
	}
	#top_visual .pagination{
		display:none;
	}
	#service{
		background-size:1106px auto;
		/*padding-bottom:70px;*/
	}
	.contact_link{
		width:182px;
		height:45px;
		left:50%;
		margin-left:-91px;
		right:inherit;
		top:50%;
		margin-top:110px;
	}
	.contact_link span{
		color: #ffffff;
		display: inline-block;
		font-family: "Poppins",sans-serif;
		font-weight: 700;
		height: 46px;
		letter-spacing: 1px;
		line-height: 46px;
		padding-right:20px;
		padding-left:20px;
		background-image:url(img/sp/contact_link_arrow.gif);
		background-position:right 17px;
		background-repeat:no-repeat;
		background-size:7px auto;
	}


	#top_visual .scroll{
		height:64px;
	}
	#top_visual .scroll a{
		height:64px;
	}
	#top_visual .scroll a:after{
		height:30px;
		top:inherit;
		bottom:0;
	}

	.reservation .grey_text{
		bottom:0;
	}
	.service_header .title{
		margin-bottom: 50px;
	}
/*	.service_header{
		padding-bottom: 0;
	}
*/
	.service_header .coupon{
		width: 32%;
	}
	.service_header p{
		font-size: 125%;
	}

}

/* MEDIUM TABLET SIZE */
@media screen and (max-width: 1000px){
	.mission1{
		padding:0;
		max-width:100%;
		min-height:auto;
		margin-bottom:0;
		/*padding-bottom:60px;*/
	}
	.mission2{
		padding:0;
		max-width:100%;
		min-height:auto;
		margin-bottom:0;
		padding-bottom:0;
	}

	.mission .illust{
		width:47%;
	}
	.mission .blue_box{
		position:relative;
		/* margin:0 auto; */
		top:inherit;
		right:inherit;
		left:inherit;
		float:right;
		height:auto;
		width:50%;
		padding:0;
	}
	.mission .blue_box p{
		max-width:100%;
		height:auto;
		padding:50px 25px 30px 25px;
	}
	.mission2 .blue_box{
		float:left;
	}
	.site_logos ul li{
		width:16.66666%;
	}
}

/* SMARTPHONES SIZE */
@media screen and (max-width: 800px){
	.ifPc{
		display:none !important;
	}
	.ifTablet{
		display:none !important;
	}
	.ifSp{
		display:block !important;
	}
	br.ifPc{
		display:none !important;
	}
	br.ifTablet{
		display:none !important;
	}
	br.ifSp{
		display:inline !important;
	}

	#mission > .wrapper:nth-child(1){
		display: none;

	}

	#top_slider .element .relative .caption{
		font-size:178.57%;
		line-height:140%;
		margin-top:-70px;
	}
	#top_visual #top_slider .element .caption span{
		color: #fff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-size: 1;
		font-size: 1;
	}
	#top_visual .scroll{
		height:48px;
	}
	#top_visual .scroll a{
		font-size:78.57%;
		height:48px;
	}

	#top_slider .element .relative.element1{
		background-position: 80% top;
		background-image:url(img/sp/slide1.jpg);
	}
	/*#top_slider .element .relative.element2{
		background-position: top center;
		background-image:url(img/sp/slide2.jpg);
	}
	#top_slider .element .relative.element3{
		background-image:url(img/sp/slide3.jpg);
	}*/

	#top_slider .element .relative:before{
		background-image:none;
		background-size:428px auto;
	}

	#top_visual:after{
		height:15px;
		bottom:-15px;
	}
	.section{
		padding-top: 0;
	}
	.section .section_contents{
		padding-top:40px;
		min-height:inherit;
	}
	.section .section_head{
		padding-bottom:30px;
	}
	.section .section_head .title{
		font-size:121.43%;
		padding-bottom:15px;
	}
	.section .section_head .subtitle{
		font-size:150%;
		padding-bottom:20px;
	}
	.section .section_head p{
		font-size:92.86%;
	}
	.mission .illust{
		float:none;
		width: 100%;
		padding-bottom:30px;
	}
	.mission .blue_box{
		width: 100%;
	}
	.mission1{
		display: block;
	}
	.mission1 .illust .relative{
		max-width:522px;
		max-width: none;
		padding-left: 0;
	}
	.mission2 .illust .relative{
		max-width:592px;
	}
	.mission .blue_box p{
		padding:25px 20px;
		font-size:92.86%;
	}
	.mission1 .blue_box p:before{
		background-image:url(img/sp/plum.png);
		background-size:27px 37px;
		left:inherit;
		right:25px;
		width:27px;
		height:37px;
		top:-22px;
	}
	.mission2 .illust{
		float:right;
	}
	.mission2 .blue_box p:before{
		background-image:url(img/sp/plum2.png);
		background-size:38px 26px;
		width:38px;
		height:26px;
	}
	.section .section_contents{
		background-image: url(img/sp/grid_grey.gif);
		background-size:74px auto;
		padding-bottom:40px;
		padding-bottom: 20px;
	}
	#service .absolute_title small{
		font-size: 37.71%;
		margin-left: 12px;
		vertical-align: 5px;
	}
	#service{
		/*padding-top:50px;*/
		margin-top: -20px;
		position:relative;
		/*background:none;*/
	}
	.service_header{
		height:auto;
		min-height:auto;
		margin-top: 20px;
		/*padding-bottom:30px;*/
		/*background: none;*/
		background-position: center 51px;
		padding-top: 0;
		padding-bottom: 50px;
	}
	.service_header .service_bg{
		width:100%;
	}
	.service_header .title{
		position:absolute;
		left:20px;
		top: 30px;
		font-size:250%;
	}
	.service_header p{
		font-size:92.86%;
		padding:10px 15px;
	}
	.service_header .green_box{
		position:absolute;
		left:20px;
		top:80px;
		width:40%;
		width: calc(100% - 40px);
	}
	.service_header .coupon{
		width: 45%;
		top: 80px;
		right: 20px;
	}
	.service_header .txt_area_wrap{
		position: static;
	}
	.site_logos .title{
		padding-bottom: 5px;
	}
	.reservation,
	.media {
		min-height:auto;
		padding:0;
	}
	.reservation .resaImg,
	.media .resaImg {
		width:90%;
		width: 100%;
		padding-bottom:40px;
		float:none;
	}
	.contents{
		padding-top:10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#service #particles-js{
		height:0;
		width:0;
		overflow:hidden;
	}
	.reservation .grey_text,
	.media .grey_text{
		max-width:100%;
		width:95%;
		width: 100%;
		padding:25px 14px 20px 14px;
		position:relative;
		min-height:auto;
		left:inherit;
		bottom:inherit;
		top:inherit;
		right:inherit;
		float:right;
		margin:0;
	}
	.media .grey_text {
		left: 0 !important;
		right: 0 !important;
	}
	.grey_text .text_title{
		margin:0;
		position:absolute;
		left:14px;
		top:-10px;
		font-size:171.43%;
	}
	.grey_text p{
		font-size:92.76%;
		line-height:180%;
	}
	.grey_text p strong{
		padding-bottom:0;
	}
	.site_logos{
		padding: 50px 0 0 0;
	}
	.contents .sep{
		padding-top:30px;
		/* padding-top: 50px; */
	}
	#about .bg{
		background-image: url(img/sp/grid_white.png);
		background-size:428px auto;
		padding-bottom:40px;
	}

	#recruit{
		background-image:url(img/sp/grid_grey2.png);
		background-size:428px auto;
	}
	#news{
		background-image:url(img/sp/grid_grey2.png);
		background-size:428px auto;
	}
	#map:before{
		display:none;
	}
	#map .wrapper{
		padding:0;
	}
	#map_canvas{
		height:250px;
	}
	#about{
		padding-top: 70px;
	}
	#about .about{
		padding-left:0;
		padding-right: 0;
		padding-top:35px;
	}
	#about .group{
		padding-left:40px;
		padding-right:0;
		padding-top:40px;
	}
	#about .absolute_title{
		font-size:250%;
		letter-spacing:0;
		left:0;
		top:-20px;
	}
	#about .absolute_title span{
		letter-spacing:0;
	}
	#about .absolute_title small{
		font-size: 37.71%;
		margin-left: 12px;
		vertical-align: 5px;
	}

	#about .border{
		padding:10px 20px 15px 20px;
	}
	#about .group .border{
		padding:72px 20px 15px 20px;
	}
	#about .about .about_table,
	#about .about .about_table tbody,
	#about .about .about_table tr,
	#about .about .about_table tr th,
	#about .about .about_table tr td,
	#about .group .about_table,
	#about .group .about_table tbody,
	#about .group .about_table tr,
	#about .group .about_table tr th,
	#about .group .about_table tr td{
		display:block;
		padding:0;
		width:auto;
		border:none;
	}
	#about .about .about_table tr,
	#about .group .about_table tr{
		padding:6px 5px;
		border-bottom:solid 1px #e0e0e0;
	}
	#about .about .about_table tr:last-of-type,
	#about .group .about_table tr:last-of-type{
		border-bottom:none;
	}

	#about .absolute_subtitle{
		font-size:214.59%;
		letter-spacing:0;
		top: 29px;
		left:-21px;
	}
	#about .absolute_subtitle span{
		letter-spacing:0;
	}
	#about .absolute_subtitle small{
		font-size: 47%;
		margin-left: 17px;
		vertical-align: 4px;
	}


	#flipContainer .ifSp a{
		display:block;
		width:50%;
		float:left;
		padding:0 3px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin-bottom:79px;
		position:relative;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	#flipContainer .ifSp .flipTrigger{
		position:relative;
		width:100%;
	}
	#flipContainer .ifSp .flipTrigger img{
		display:block;
		width:100%;
	}
	#flipContainer .ifSp .flipTrigger img.back{
		display:block;
		width:100%;
		position:absolute;
		left:0;
		top:0;
	}
	#flipContainer .ifSp .title{
		display:block;
		width:100%;
		padding:0 10px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		position:absolute;
		left:0;
		bottom:-55px;
	}
	#flipContainer .ifSp .title .relative{
		display:block;
		width:100%;
		height:84px;
	}

	#flipContainer .ifSp .sales .title .relative{
		background:#b22f92;
	}
	#flipContainer .ifSp .engineer .title .relative{
		background:#1f87c3;
	}
	#flipContainer .ifSp .creator .title .relative{
		background:#e1af17;
	}
	#flipContainer .ifSp .planner .title .relative{
		background:#49a98a;
	}
	#flipContainer .ifSp .title .number{
		display:block;
		color:#ffffff;
		padding-left:20px;
		line-height:100%;
		font-weight:700;
		font-size:191.66%;
		font-family: "Poppins",sans-serif;
		font-weight: 500;
		position:absolute;
		left:0;
		top:-16px;
	}
	#flipContainer .ifSp .title .number:before{
		content:'#';
		font-size:60%;
		left:6px;
		line-height:100%;
		position:absolute;
		top:2px;
	}
	#flipContainer .ifSp .title .position{
		display:block;
		width:100%;
		color:#ffffff;
		padding-top:13px;
		text-align:center;
		line-height:100%;
		font-weight:700;
	}
	#flipContainer .ifSp .title .name{
		display:block;
		width:100%;
		color:#ffffff;
		padding-top:8px;
		padding-bottom:12px;
		text-align:center;
		line-height:100%;
		font-size:133.33%;
		font-weight:700;
	}
	#flipContainer .ifSp .title .name.long{
		padding-top:11px;
		padding-bottom:13px;
		font-size:95%;
	}
	#flipContainer .ifSp .title .name.veryLong{
		padding-top:12px;
		padding-bottom:14px;
		font-size:80%;
	}
	#flipContainer .ifSp .title .enter{
		display:block;
		width:100%;
		color:#ffffff;
		text-align:center;
		line-height:100%;
		font-size:83.33%;
	}
	#flipContainer .ifSp .newIcon{
		display:block;
		position:absolute;
		left:3px;
		top:0;
		width:50px;
		height:50px;
		background-image:url(img/sp/new_icon.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px 50px;
	}
	#flipContainer{
		margin:0;
		padding-bottom:10px;
	}
	#recruit{
		padding-right:0;
		padding-left:0;
		padding-bottom:45px;
	}
	.recruit_title{
		font-size:190%;
		padding-bottom:30px;
	}
	.recruit_link{
		width:95%;
		max-width:230px;
		height:45px;
		line-height:45px;
		font-size:100%;
	}
	#map{
		padding-bottom:22px;
	}
	.map_link{
		line-height:45px;
		margin-left:-90px;
		height: 45px;
		left: 50%;
		margin-left: -91px;
		width: 182px;
		font-size:121.43%;
	}
	.map_link span{
		background-image: url(img/sp/contact_link_arrow.gif);
		background-position: right 17px;
		background-repeat: no-repeat;
		background-size: 7px auto;
		color: #ffffff;
		display: inline-block;
		font-family: "Poppins",sans-serif;
		font-weight: 700;
		height: 46px;
		letter-spacing: 1px;
		line-height: 46px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.news_list li .date{
		position:relative;
		left:inherit;
		top:inherit;
		width:100%;
	}
	.news_list li .td{
		padding-top:2px;
	}
	.news_list li{
		padding:10px 5px;
	}
	.news_title{
		font-size:171.43%;
	}

	.news_list{
		padding-bottom:25px;
	}
	#news{
		padding-top: 45px;
		padding-bottom:25px;
	}


/* --------　CONTACT -------- */

	#contact .bg{
		background-image: url(img/sp/grid_white.png);
		background-size:428px auto;
		padding-top: 0;
	}
	#contact{
		background-image:url(img/sp/grid_grey2.png);
		background-size:428px auto;
		padding-top:45px;
		padding-bottom:0;
	}
	#contact .wrapper{
		padding-top:30px;
	}
	#contact .absolute_title{
		font-size:250%;
		top: -19px;
	}
	#contact .absolute_title small{
		font-size: 37.71%;
		margin-left:12px;
		margin-top: -2px;
	}
	#contact .inside_container{
		padding:40px 25px 60px;
	}
	.inside_container{
		padding:20px 15px 30px 15px;
	}
	.form_container{
		padding:20px 15px 30px 15px;
	}
	.contact_table,
	.contact_table tbody,
	.contact_table tr,
	.contact_table tr th,
	.contact_table tr td{
		display:block;
		border:none;
		padding:0;
		width:100%;
		-webkit-box-sizing: border-box;
		box-sizing:border-box;

	}
	.contact_table{
		border-bottom:1px solid #e0e0e0;
	}
	.contact_table tr{
		padding-top:15px;
		/* padding-top: 0; */
		padding-bottom:15px;
		position:relative;
		border-top:1px solid #e0e0e0;
		border-top: none;
	}
	.contact_table tr th{
		padding-right:50px;
		padding-bottom:10px;
	}
	.contact_table .must{
		position:absolute;
		right:0;
		top:15px;
		margin:0;
	}
	.contact_table input{
		width:100%;
		max-width:100%;
	}
	.contact_table span.error_txt{
		margin-left:0;
		padding-top:5px;
	}
	.contact_table select.select.required{
		width:100%;
	}
	.agreements .title{
		font-size:92.86%;
		padding-bottom:7px;
	}
	.agreements ul li{
		font-size:85.71%;
	}
	.agreements p{
		font-size:85.71%;
	}
	.agreements p small{
		display:block;
		font-size:84.61%;
		padding-top:5px;
	}
	.privacy_box {
		padding-top:10px;
	}
	button#send{
		font-size:100%;
	}
	.thanks_text{
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.thanks_link{
		font-size:100%;
	}
	.contact #toTop{
		height:90px;
	}
	.inside #toTop{
		height:90px;
	}


/* ------------ PRIVACY / POLICY ------------ */
	#inside_section{
		background-image:url(img/sp/grid_grey2.png);
		background-size:428px auto;
		padding-top:28px;
		padding-bottom:0;
	}
	#inside_section .bg .wrapper{
		padding-top:30px;
	}
	#inside_section .inside_title{
		padding-bottom:28px;
	}
	#inside_section .inside_title .title{
		font-size:171.43%;
		padding-bottom:8px;
	}
	#inside_section .inside_title .subtitle{
		font-size:92.86%;
	}
	.privacy_title{
		padding-bottom:30px;
		font-size:100%;
	}
	.bordered_title{
		margin-bottom:12px;
	}
	.bordered_title .title{
		font-size:100%;
		line-height:180%;
		line-height:156%;
	}

	.privacy_policy .head-box{
		font-size: 92.86%;
		padding-bottom: 20px;
	}
	.privacy_policy p{
		padding-left:0;
		padding-right:0;
		padding-bottom:15px;
		font-size:92.86%;
		line-height:180%;
	}
	.second .privacy_policy p{
		padding-left:0;
		padding-right:0;
		padding-bottom:15px;
		font-size:92.86%;
		line-height:180%;
	}
	.inside .inside_container{
		padding-top:30px;
	}
	.privacy_policy ol{
		padding-left:17px;
		padding-right:0;
	}
	.privacy_policy ol li{
		padding-bottom:15px;
		font-size:92.86%;
		line-height:180%;
	}
	.privacy_policy{
		padding-bottom:30px;
	}
	.privacy_policy .privacy_policy_article{
		padding:0;
		font-size:100%;
	}
	.privacy_policy table thead{
		display:none;
	}
	.privacy_policy table,
	.privacy_policy table tbody,
	.privacy_policy table tbody tr,
	.privacy_policy table tbody tr th,
	.privacy_policy table tbody tr td{
		/* display:block; */
		/* border:none; */
		/* padding:0; */
		/* width:100%; */
		/* -webkit-box-sizing: border-box; */
		/* box-sizing:border-box; */
	}
	.privacy_policy table.with_head:before{
		content:'個人情報の種類';
		display:block;
		padding-bottom:10px;
		font-weight:700;
		font-size:14px;
	}
	.privacy_policy table tbody tr{
		cursor:pointer;
	}
	.privacy_policy table tbody tr:last-of-type{
		border-bottom:1px solid #e0e0e0;
	}
	.privacy_policy table tbody tr td{
		/* display:none; */
		font-size:92.86%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.privacy_policy table tbody tr.opened td{
		/* display:block; */
		padding-bottom:10px;
		padding-top:10px;
		padding-right:10px;
		padding-left:10px;
	}
	.privacy_policy table.with_head tbody tr.opened td:before{
		content:'利用目的';
		display:block;
		padding-bottom:8px;
		font-weight:700;
	}
	.privacy_policy table tbody tr th{
		border-top:1px solid #e0e0e0;
		padding-left:10px;
		padding-right:34px;
		padding-right: 10px;
		font-weight:500;
		padding-top:12px;
		padding-bottom:12px;
		font-size:92.86%;
		/* cursor:pointer; */
		/* background-image:url(img/sp/table_closed.gif); */
		/* background-position:right center; */
		/* background-repeat:no-repeat; */
		/* background-size:29px auto; */
	}
	.privacy_policy table tbody tr.opened th{
		border-bottom:1px solid #e0e0e0;
		/* background-image:url(img/sp/table_opened.gif); */
	}

	.second .privacy_policy table ol{
		padding-left:20px;
	}
	.second .privacy_policy table ol li{
		font-size:12px;
		padding-bottom:10px;
		line-height:160%;
	}
	.second .privacy_policy ol{
		padding-left: 17px;
		padding-right: 0;
	}
	.second .privacy_policy ol li ol{
		padding-left:17px;
		padding-top:10px;
	}
	.second .privacy_policy ol li ol li{
		font-size:100%;
		padding-bottom:10px;
	}
	.second .privacy_policy p.noPadSp{
		padding-bottom:0;
	}
	.second .privacy_policy p.has_pad{
		padding-bottom:20px;
	}
	.privacy_policy p.has_pad{
		padding-bottom:20px;
	}
	.privacy_policy ol.has_pad_top{
		padding-top:20px;
	}
	.second .privacy_policy ol li{
		padding-bottom:10px;
		line-height:160%;
	}
	.privacy_policy .privacy_text_box{
		padding-left:15px;
	}
	.privacy_policy p .circle{
		padding-left:15px;
	}
	.privacy_policy p .circle:before{
		left:0;
	}
	.image_logo img{
		width:60px;
	}
	.privacy_policy p.sign{
		font-size:86%;
	}
	.privacy_policy p.sign.big{
		padding-top: 5px;
	}

/* --------FOOTER -------- */
	#toTop{
		position:relative;
		right:inherit;
		bottom:inherit;
		width:100%;
		height:42px;
		background-image:url(../../../img/sp/to_top.jpg);
		background-position:center center;
		background-size:17px auto;
	}
	#footer{
		padding-top:15px;
	}
	#footer_nav{
		text-align:left;
		padding:0;
		padding-bottom:30px;
	}
	#footer_nav ul{
		width:50%;
		margin-right:-4px;
		text-align:left;
		vertical-align:top;
	}
	#footer_nav ul li{
		display:block;
		width:100%;
		text-align:left;
		padding:25px 10px 0 10px;
		-webkit-box-sizing: border-box;
		box-sizing:border-box;

	}
	#footer_nav ul li a{
		text-align:left;
	}
	.foot_sub_nav{
		padding-top:20px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		border-top:solid 1px #ffffff;
		border-bottom:solid 1px #ffffff;

	}
	.foot_sub_nav li{
		display:block;
		padding:0;
		text-align:left;
		padding-bottom:20px;
		border:none;
	}

	#copyrights{
		padding-top:30px;
		line-height:180%;
	}

}
/* MEDIUM SMARTPHONES SIZE */
@media screen and (max-width: 600px){
	.site_logos ul{
		margin-left:-5px;
	}
	.site_logos ul li{
		width:20%;
		padding-left:5px;
		padding-bottom:5px;
	}
	#about .about{
		/* padding-right:30px; */
	}

}
/* SMALL SMARTPHONES SIZE */
@media screen and (max-width: 480px){

	#header #logo img.ifSp{
	margin-right: 0;
	width: 100%;
	width: 240px;
	}
}
@media screen and (max-width: 400px){
	#header #logo{
		display: table-cell;
		vertical-align: middle;
	}
	#header #logo img.ifSp{
		/* width:95%; */
		/* height: auto; */
		/* max-width: 244px; */
	}
/*	.service_header{
		height:240px;
	}*/
	.site_logos ul li{
		width:25%;
	}
	#about .about{
		/* padding-right:15px; */
	}
	#flipContainer .ifSp .title .relative {
		height: 104px;
	}
	#flipContainer .ifSp .title{
		bottom:-75px;
	}
	#flipContainer .ifSp a{
		margin-bottom:100px;
	}

}
@media screen and (max-width: 370px){
	.service_header .green_box{

	}
}






.privacy_policy table tbody td.width-right,
.privacy_policy table tbody th.width-right{
	width:30%;
}


.banner {
	margin: 0 auto;
	padding-top: 40px;
	max-width: 998px;
}
.banner .pc {
	display: block;
}
.banner .sp {
	display: none;
}
.banner img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 800px) {
	.banner {
		padding-top: 20px;
	}
	.banner .pc {
		display: none;
	}
	.banner .sp {
		display: block;
	}
}