@charset "UTF-8";
/* CSS Document */
html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}

body {
	margin:0 auto;
	width:100%;
	padding: 0;
	text-align:center;
	color:#66403b;
	font-family: dnp-shuei-mgothic-std, sans-serif;	
	font-size:1.3vw;
	font-weight:400;
	line-height:100%;
	margin:0;
	padding:0;
}

p, div, h1, h2, h3, {
	margin:0;
	padding:0;}

p#copy {
	font-size: 0.4em;
}

img{
width:100%;
margin:0 auto;
padding:0;
}

.pconly{
	display:none;
}

.sponly{
	display:block;
}


@media screen and (min-width: 960px) {
	
body {
	font-size:10px;
}
	
.pconly{
	display:block;
}

.sponly{
	display:none;
}

	
	
}


/* ヘッダー */

header {
width:100%;
border-top:#ff7400 5px solid;
display:flex;
justify-content:space-between;
}

#logo{
width:33.8%;
margin-left:3%;
padding:3em 0;
}

#no1{
width:56%;
margin-right:2.5%;
padding:2em 0 0 0;
}

@media screen and (min-width: 960px) {
	
header {
border-top:#ff7400 7px solid;
align-items: center;
}

#logo{
width:12%;
min-width:130px;
margin-left:3%;
padding:0;
}

#no1{
width:22%;
min-width:323px;
margin-right:3%;
padding:1.3em 0 0 0;
}
	
}


/* トップパネル */

#toppanel{
	width:100%;
	background:#fffaf7;
	display:block;
	padding:2em 0;
}

.top-main{
	width:95%;
	margin:0 auto;
	padding-top:4em;
}

@media screen and (min-width: 960px) {
	
.top-inner{
	width:95%;
	max-width:1080px;
	margin:0 auto;
	display: flex;
	justify-content: space-around;
	align-items:flex-end;
}
	
.top-main{
	width:46%;
	max-width:500px;
	padding-top:1em;
}
	
}

/* トップパネル タイトル */

.top-main h1{
	font-size:7.8em;
	margin:0 auto;
	padding-bottom:0.5em;
}

.space{
	font-size:0.9em;
}

.top-main h1 p{
	font-size:0.4em;
	margin-bottom:2em;
}

.text-dot{
  background: top left / 1em .5em repeat-x radial-gradient(circle, #ff735a .15em, rgba(0,0,0,0) .15em) ;
  padding-top: .7em;
}

@media screen and (min-width: 960px) {
.top-main h1{
	font-size:4.8em;
}
	
.top-main h1 p{
	line-height:100%;
}
	
}

/* トップパネル メリット */

.merit{
	width:80%;
	margin:1em auto;
	display: flex;
	justify-content: space-between;
	font-size: 2.9em;
	font-weight:600;
	line-height:37%;
	color:white;
}

.merit1{width:31%;
border-radius: 20px;
padding:1em 0;
background-color:#e9a56d;}

.merit2{width:31%;
border-radius: 20px;
	padding:1em 0;
background-color:#d68e8e;}

.merit3{width:31%;
border-radius: 20px;
	padding:1em 0;
background-color:#c87364;}

@media screen and (min-width: 960px) {

.merit{
	width:90%;
	font-size: 2em;
}	
}
/* トップパネル イラスト */

.top-illust1{
	display:none;
}

.top-illust2{
	width:73%;
	margin:0 auto;
}

@media screen and (min-width: 960px) {
.top-illust1{
	display:block;
	width:27%;
}

.top-illust2{
	width:27%;
}
}

/* トップパネル CVボタン*/

.cv-copy { 
	color: #ef7c1f;
	font-weight: 800; 
	font-size: 2.0em; 
	text-align: center;
	margin-bottom: 1%;
	line-height: 1em;
	}

.top-btn-pc{
	display:none;
}

.top-btn-sp{
	width:90%;
	margin:4em auto 0;

}

.top-btn-sp .cv-copy{
	font-size:3em;
}


.top-btn-sp a{
	color: white;
	font-weight:600;
	display:block;
	padding:1% 0;
	border-radius:10%/50%;
  background: -moz-linear-gradient(left, #ff8c0a, #ff6c0a);
  background: -webkit-linear-gradient(left, #ff8c0a, #ff6c0a);
  background: linear-gradient(to right, #ff8c0a, #ff6c0a);
  -webkit-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(0px 5px 1px rgba(58, 8, 8, 0.336));	
	transform: translateZ(0);
	text-decoration:none;
}

.top-btn-sp a:hover{
  -webkit-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));
  -moz-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));
  -ms-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));
  filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));	
}

.top-btn-sp a p{
	width:97%;
	margin:0 auto;
	padding:1.6em 0;
	border:1px solid rgba(255,255,255,0.8);
		border-radius:10%/50%;
	font-size:3.5em;
}

.top-login-pc{
	display:none;
}

.top-login-sp{
	width:100%;
	font-size:2.2em;
	padding:2em 0;
}

.top-login-sp a:link{
	color:#3c1e1e;
	text-decoration:none;
}

.top-login-sp a:visited{
	color:#3c1e1e;
	text-decoration:none;
}

.top-login-sp a:hover{
	color:#3c1e1e;
	text-decoration:none;
}

@media screen and (min-width: 960px) {

.top-btn-pc{
	display:block;
	width:90%;
	margin:0 auto;
}
	
.top-btn-pc a{
	color: white;
	font-weight:600;
	display:block;
	padding:1.5% 0;
	border-radius:9%/45%;
	background: -moz-linear-gradient(left, #ff8c0a, #ff6c0a);
	background: -webkit-linear-gradient(left, #ff8c0a, #ff6c0a);
	background: linear-gradient(to right, #ff8c0a, #ff6c0a);
  -webkit-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));	
	transform: translateZ(0);
	text-decoration:none;
}

.top-btn-pc a:hover{
	opacity: 0.95;
  -webkit-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));
  -moz-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));
  -ms-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));
  filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));	
}

.top-btn-pc a p{
	width:97%;
	margin:0 auto;
	padding:1em 0;
	border:1px solid rgba(255,255,255,0.8);
	border-radius:9%/45%;
	font-size:2.6em;
}

.top-btn-sp{
	display:none;
}
	
.top-login-sp{
	display:none;
}
	
.top-btn-pc a p{
	padding:1.3em 0;
}
	
	.top-login-pc{
	display:block;
	width:100%;
	font-size:1.5em;
	padding:2em 0 1.5em 0;
}

.top-login-pc a:link{
	color:#3c1e1e;
	text-decoration:none;
}

.top-login-pc a:visited{
	color:#3c1e1e;
	text-decoration:none;
}

.top-login-pc a:hover{
	color:#3c1e1e;
	text-decoration:none;
}

	
}

/* 条件 */

#joken{
	background-color:#fff0f4;
	margin:0;
	padding:0 0 6em 0;
}

.joken-title{
	width:100%;
}

h2{
		background-color:white;
	border-radius:0 0 50% 50%/0 0 20% 20% ;
	width:100%;
	margin:0;
	font-size:3.9em;
	padding:1.8em 0 1.5em 0;
}

.joken-title .joken-illust{
	width:100%;
	margin:-7em auto 0 auto;
	text-align:right;
}

.joken-title .joken-illust img{
	width:13%;
	margin-right:7%;
}

#jyoken-wrap{
	width:94%;
	margin:0 auto;
	display: flex;
	justify-content: space-around;
	flex-wrap:wrap;
	padding-bottom:1em;
}

.jokenbox{
	width:48%;
	background:white;
	border-radius: 15px;
	padding:0;
	margin-bottom:3em;
}

.jokenbox h3{
	width:100%;
	font-size:2.7em;
	font-weight:600;
	color:white;
	border-radius: 15px 15px 0 0;
	margin:0;
	padding:1.3em 0;
}

.j1{
	background-color:#b792ce;
}

.j2{
	background-color:#6ec864;
}

.j3{
	background-color:#8bc6e5;
}

.j4{
	background-color:#ff859d;
}

.jokenbox .joken{
	width:90%;
	margin:0 auto;
	padding:0.5em 0;
	text-align:center;
	font-size:3.8em;
	font-weight:600;
	display: flex;
	justify-content: space-around;
	align-items: center; 
	line-height:100%;
}

.jokenbox .joken:first-of-type{
	border-bottom: 2px dotted #CCC;
}

.jokenbox .joken .j-img{
	width:35%;
}

.jokenbox .joken .j-text{
	width:65%;
}

.s-text1{
	font-size:50%;
	display:inline-block;
	width:1em;
	line-height:115%;
	margin-right:0.5em;
}

.s-text{
	font-size:50%;
}

.btn-m a{
	width:90%;
	margin:0 auto;
	color: white;
	line-height:150%;
	font-size:3.3em;
	font-weight:600;
	display:block;
	padding:1.25% 0;
	border-radius:11.5%/50%;
  background: -moz-linear-gradient(left, #ff8c0a, #ff6c0a);
  background: -webkit-linear-gradient(left, #ff8c0a, #ff6c0a);
  background: linear-gradient(to right, #ff8c0a, #ff6c0a);
  -webkit-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));	
	transform: translateZ(0);
	text-decoration:none;
}

.btn-m a:hover{
  -webkit-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));
  -ms-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));
  filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));	
	transform: translateZ(0);
	text-decoration:none;
}

.btn-m a p{
	width:97%;
	margin:0 auto;
	padding:0.55em 0;
	border:1px solid rgba(255,255,255,0.8);
	border-radius:10%/50%;
}

@media screen and (min-width: 960px) {

#joken{
	padding:0 0 3.5em 0;
}

h2{
	border-radius:0 0 50% 50%/0 0 25% 25% ;
	font-size:2.8em;
	padding:2em 0 1.5em 0;
}

.joken-title .joken-illust{
	width:100%;
	max-width:940px;
	margin-left:0 auto;
	margin-top:-6em;
}
	
	.joken-title .joken-illust img{
		width:80px;
	}

#jyoken-wrap{
	width:94%;
	max-width:940px;
	margin:0 auto;
	display: flex;
	justify-content: space-around;
	flex-wrap:wrap;
	padding-bottom:0em;
}

.jokenbox{
	width:23%;
	background:white;
	border-radius: 24px;
	padding:0;
	margin-bottom:3em;
}
	
.jokenbox .joken .j-img{
	width:30%;
}
	
.jokenbox h3{
	font-size:1.8em;
}
	
.jokenbox .joken{
	font-size:2.5em;
}
	
.btn-m a{
	width:90%;
	max-width:720px;
	font-size:2.5em;
	display:block;
	padding:0.5% 0;
	border-radius:7%/50%;
}
	
.btn-m a:hover{
	opacity:0.95;
}
	
.btn-m a p{
	width:98%;
	margin:0 auto;
	padding:0.8em 0;
	border-radius:6%/50%;
}

	
}


/* 案件 */
#job{
	background-color:#f0f5ff;
	margin:0;
	padding:0 0 6em 0;
}

#job-wrap{
	width:94%;
	margin:5em auto;
	display: flex;
	justify-content: space-around;
	flex-wrap:wrap;
}

.job-box{
	width:46%;
	background:white;
	border-radius: 15px;
	padding:2.5em 0;
	margin-bottom:3em;
	font-weight: 600;
}

.job-box:nth-child(5){
	margin-bottom:0em;
}

.job-box:nth-child(6){
	margin-bottom:0em;
}

.job-box p{
	width:70%;
	margin: 0 auto;
	display:block;
	color:white;
	font-size:2.8em;
	padding:1em 0;
	border-radius: 50px;
}

.job-box .j-title{
	margin:0 auto;
	padding:0.8em 0;
	font-size:3.5em;
}

.job-box img{
	display:block;
	width:90%;
}

.job-box .j-kyuyo{
	width:90%;
	margin:0 auto;
	border-radius: 15px;
	background-color:#fff8e5;
	padding:2.5em 0 2em 0;
}

.gekkyu{
	font-size:3.2em;
	color:#ff580a;
	padding-bottom:0.5em;
	line-height:100%;
}

.jikyuu{
	font-size:2.2em;
	padding:0.5em 0;
}

.uchiwake{
	padding:0.3em 0 0 0;
	font-size:3em;
}

.uchiwake span{
	display: inline-block;
	background-color:white;
	border-radius: 50%;
	padding:1.25em 0;
	width:3em;
}

@media screen and (min-width: 960px) {
	
#job{
	padding:0 0 3em 0;
}

#job-wrap{
	max-width:940px;
	margin:3em auto;
	display: flex;
	justify-content: space-around;
	flex-wrap:wrap;
}
.job-box{
	width:31%;
	border-radius: 20px;
	padding:1.5em 0;
}
	
.job-box:nth-child(4){
	margin-bottom:0em;
}
	
	.job-box p{
	font-size:2em;
	padding:0.8em 0;
}

.job-box .j-title{
	font-size:3em;
}

.job-box .j-kyuyo{
	border-radius: 20px;
	padding:1.5em 0 1.25em 0;
}

.gekkyu{
	font-size:2.8em;
}

.jikyuu{
	font-size:1.8em;
	padding:0.1em 0 0.3em 0;
}

.uchiwake{
	padding:0.3em 0 0 0;
	font-size:2.5em;
}

.uchiwake span{
	display: inline-block;
	background-color:white;
	border-radius: 50%;
	padding:1.25em 0;
	width:3em;
}

}


/* FAQ */

#faq{
	width:94%;
	margin:0 auto;
	padding:4em 0 0 0;
}

.faq-h2{
	width:100%;
	display: flex;
	justify-content: space-around;
	align-items:center;
	margin-bottom:4em;
}

.faq-h2 .h2-text{
	display:block;
	width:80%;
	font-size:4em;
	line-height:130%;
	font-weight:600;
}

.faq-h2 img{
	display:block;
	width:10%;
}

.q-wrap{
	width:100%;
	border-radius: 15px;
	background:#e9f7e8;
	display:flex;
	padding-top:2em;
	justify-content:space-between;
	margin-bottom:3em;
}

.q-illust{
	width:23%;
		display:flex;
	align-items: flex-end;
}

.q-illust img{
	width:130%;
	z-index:100;
}

.q-textbox{
	width:78%;
	background: white;
	border-radius: 15px;
	margin:0 2em 2em 2em;
	padding:3em 2em;
	display:flex;
	align-items: flex-start;
}

.q-textbox .q {
	font-weight:600;
	font-size:4em;
	line-height:100%;
	color:#6ec864;
	margin-right:0.3em;
}

.q-textbox .q-text {
	font-weight:600;
	font-size:3em;
	line-height:130%;
	text-align:left;
}


.a-textbox .a {
	font-weight:600;
	font-size:4em;
	line-height:100%;
	color:#ff770a;
	margin-right:0.3em;
}

.a-wrap{
	width:100%;
	border-radius: 15px;
	background:#fff8e5;
	display:flex;
	padding-top:2em;
	justify-content:space-between;
}

.a-textbox{
	width:80%;
	background: white;
	border-radius: 15px;
	margin:0 2em 2em 2em;
	padding:3em;
	display:flex;
	align-items: flex-start;
}

.a-textbox .a-text {
	font-weight:400;
	font-size:2.6em;
	line-height:140%;
	text-align:left;
}


.a-text span{
	color:#ff770a;
}


.a-illust{
	width:18%;
	display:flex;
	align-items: flex-end;
}

.a-illust img{
	width:170%;
	margin-left:-6.5em;
	z-index:100;
}

.btn-s a{
	width:100%;
	margin:1em auto 2em auto;
	color: white;
	line-height:150%;
	font-size:3.2em;
	font-weight:600;
	display:block;
	padding:1.5% 0;
	border-radius: 120px;
  background: -moz-linear-gradient(left, #ff8c0a, #ff6c0a);
  background: -webkit-linear-gradient(left, #ff8c0a, #ff6c0a);
  background: linear-gradient(to right, #ff8c0a, #ff6c0a);
  -webkit-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));	
	transform: translateZ(0);
	text-decoration:none;
}

.btn-s a:hover{
  -webkit-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));
  -ms-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));
  filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));	
}

.btn-s a p{
	width:97%;
	margin:0 auto;
	padding:1em 0;
	border:1px solid rgba(255,255,255,0.8);
	border-radius: 90px;
}

@media screen and (min-width: 960px) {
	
#faq{
	max-width:940px;
	padding:4em 0 0 0;
}

.faq-h2 .h2-text{
	width:70%;
	font-size:2.8em;
}

.faq-h2 img{
	display:block;
	width:5%;
}
	
.q-wrap{
	border-radius: 20px;
	padding-top:2em;
	margin-bottom:2em;
	padding-top:1.5em;
}

.q-illust{
	width:11%;
}

.q-illust img{
	width:130%;
	z-index:100;
}

.q-textbox{
	width:89%;
	border-radius: 20px;
	margin:0 1.5em 1.5em 1.5em;
	align-items: center;
}

.q-textbox .q {
	font-size:3em;
	line-height:100%;
}

.q-textbox .q-text {
	font-size:2em;
}
	
.a-textbox .a {
	font-size:3em;
}

.a-wrap{
	border-radius: 20px;
	justify-content:space-between;
	margin-bottom:2em;
	padding-top:1.5em;
}

.a-textbox{
	width:89%;
	border-radius: 20px;
	margin:0 1.5em 1.5em 1.5em;
}

.a-textbox .a-text {
	font-size:2em;
}

.a-illust{
	width:11%;
}

.a-illust img{
	width:150%;
	margin-left:-6em;
	z-index:100;
}

.btn-s a{
	width:60%;
	margin:1em auto 2em auto;
	font-size:2em;
	padding:0.5% 0;
	border-radius:7%/50%;
}

.btn-s a:hover{
	opacity: 0.95;
}

.btn-s a p{
	width:98%;
	margin:0 auto;
	padding:0.8em 0;
	border-radius:6%/50%;
}

}

/* まとめLWV */

#lwv{
	width:100%;
	background-color:#fff5f7;
	padding:5em 0 5em 0;
}

.lwv-wrap{
	width:100%;
	max-width:940x;
}

.lwv-item{
	width:100%;
}

.btn-last a{
	width:90%;
	margin:0 auto;
	color: white;
	line-height:150%;
	font-size:4em;
	font-weight:600;
	display:block;
	padding:1.5% 0;
	border-radius: 120px;
  background: -moz-linear-gradient(left, #ff8c0a, #ff6c0a);
  background: -webkit-linear-gradient(left, #ff8c0a, #ff6c0a);
  background: linear-gradient(to right, #ff8c0a, #ff6c0a);
  -webkit-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));	
	transform: translateZ(0);
	text-decoration:none;
}

.btn-last a:hover{
  -webkit-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));
  -ms-filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));
  filter:drop-shadow(0px 5px 1px rgba(0, 0, 0, 0.1));	
}

.btn-last a p{
	width:97%;
	margin:0 auto;
	padding:0.5em 0;
	border:1px solid rgba(255,255,255,0.8);
	border-radius: 90px;
}

.btn-last a p span{
	font-size:80%;
}

@media screen and (min-width: 960px) {

	#lwv{
	width:100%;
	background-image:none;
	background-color:#fff5f7;
	padding:4em 0;}
	
	.lwv-wrap{
		width:100%;
		margin:0 auto;
		max-width:940px;
	background-image:url(../img/kamifubuki-pc.png);
	background-position:top center;
	background-size:100%;
	background-repeat:no-repeat;
}

.lwv-text{
	width:75%;
	margin:0 auto;
	background-color:white;
	border-radius:15%/50%;
	padding:2.5% 0 2.5% 0;
	font-size:2.8em;
}

.last-illust{
	width:53%;
	margin:0 auto;
	margin-top:-5em;
}
	
.btn-last a{
	width:90%;
	max-width:720px;
	font-size:2.5em;
	display:block;
	padding:0.5% 0;
	border-radius:7%/50%;
}
	
.btn-last a:hover{
	opacity:0.95;
}
	
.btn-last a p{
	width:98%;
	margin:0 auto;
	padding:0.8em 0;
	border-radius:6%/50%;
}

.btn-last a p span{
		font-size:100%;
	}	
	
}



footer{
	width:100%;
	font-size:2.2em;
	line-height:180%;
	padding:2em 0;
}

footer a{
	color:#3c1e1e;
	text-decoration: none;
}

footer a:visited{
	color:#3c1e1e;
}

@media screen and (min-width: 960px) {
footer{
	font-size:1.5em;
}
}