@charset "utf-8";
/* contents bg ----------------------------------*/
#sample_kyujin,
#reason,
#case,
#flow{
overflow:hidden;
padding:30px 0;
width:100%;
}
#sample_kyujin{background:#fff;}
#reason{background:#ffeaf1;}
#case{background:#fff;}
#flow{background:#d8f3ff;}
  /*格子柄*/
#feature,
#user_voice{
overflow:hidden;
padding:30px 0;
width:100%;
}
#feature{
background-color:#f5fcff;
background-image:linear-gradient(#daf3ff 1px, transparent 0),linear-gradient(90deg, #daf3ff 1px, transparent 0);
background-size:15px 15px;
}
#user_voice{
background-color:#fffcf1;
background-image:linear-gradient(#fffcf1 1px, transparent 0),linear-gradient(90deg, #fff5ca 1px, transparent 0);
background-size:15px 15px;
}

/* contents flag ----------------------------------*/
#sample_kyujin .icon_flag,
#feature .icon_flag,
#reason .icon_flag,
#case .icon_flag,
#user_voice .icon_flag,
#flow .icon_flag{
padding:0 0 20px 0;
text-align:center
}
#sample_kyujin .icon_flag img,
#feature .icon_flag img,
#reason .icon_flag img,
#case .icon_flag img,
#user_voice .icon_flag img,
#flow .icon_flag img{
max-width:27px;
height:auto
}

/* contents title ----------------------------------*/
#sample_kyujin h2,
#feature h2,
#reason h2,
#case h2,
#user_voice h2,
#flow h2{
color:#555;
font-size:31px;
font-weight:normal;
font-family:'Hiragino Maru Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.2em;
letter-spacing:0.2em;
text-align: center;
}
#feature h2.pattern2{padding:0 0 10px 0;font-size:29px;line-height:1.5em}

/* contents -----------------------------------------*/
#sample_kyujin #sample_kyujin_list{
overflow:hidden;
width:1130px;
margin:20px auto 0;
box-sizing:border-box
}
#sample_kyujin ul.owl-carousel li{
padding:7px 15px 15px;
background:#fff;
box-sizing:border-box;
border:solid 2px #dadada;
border-radius:5px;
box-shadow:0 3px 0 rgba(0,0,0,.1)
}
#sample_kyujin ul.owl-carousel li span.tag_gyousyu{
padding:2px 5px;
color:#6baffb;
font-size:13px;
line-height:2.5em;
border:solid 1px #6baffb;
border-radius:2px;
white-space:nowrap;
}
@media screen and (max-width:320px) {
	#sample_kyujin ul.owl-carousel li span.tag_gyousyu{
	line-height:2em;
	white-space:normal;
}
}
/*
#sample_kyujin ul.owl-carousel li span.tag_gyousyu.hospital{border:solid 1px #7bb5f7}
#sample_kyujin ul.owl-carousel li span.tag_gyousyu.kigyou{background:#b592ce}
#sample_kyujin ul.owl-carousel li span.tag_gyousyu.houmon{background:#6dc7d5}
#sample_kyujin ul.owl-carousel li span.tag_gyousyu.clinic{background:#84ae21}*/
#sample_kyujin ul.owl-carousel li span.sub_tag{
padding:2px 5px;
color:#ff7da3;
font-size:13px;
border:1px solid #ff7da3;
border-radius:2px;
}
#sample_kyujin ul.owl-carousel li span.tag_koyou{
padding:2px 5px;
color:#7a7a7a;
font-size:13px;
background:#efefef;
border-radius:2px;
}
@media screen and (max-width:320px) {
#sample_kyujin ul.owl-carousel li span.tag_koyou{white-space:normal;}
}
#sample_kyujin ul.owl-carousel li .img_wrap{margin:10px 0}
#sample_kyujin ul.owl-carousel li .img_wrap img{width:100%}
#sample_kyujin ul.owl-carousel li .text_area .address{
margin:10px 0;
color:#ff7da3;
font-size:13px;
font-weight:bold;
line-height:1.2;
}
#sample_kyujin ul.owl-carousel li .text_area .detail{
font-size:15px;
color:#555;
line-height:1.2;
margin:10px 0
}
#sample_kyujin ul.owl-carousel li .text_area .catch{
font-size:17px;
font-weight:bold;
line-height:1.2;
margin-bottom:5px
}
#sample_kyujin ul.owl-carousel li .text_area .salary{
background:#f5f5f5;
padding:10px;
font-weight:bold;
margin-top:5px;
text-align:center;
position:relative
}
#sample_kyujin ul.owl-carousel li .text_area .salary span{
color:#d90000;
font-size:17px
}
#sample_kyujin .sample_kyujin--hosoku{padding:0px 50px}
#sample_kyujin p.hosoku{
display:block;
padding:0 10px;
font-size:80%;
text-align:center
}


#feature .area_graph{
overflow:hidden;
width:830px;
margin:20px auto 0;
box-sizing:border-box
}
#feature .area_graph .graph_1{
float:left;
margin:0 0 20px 0;
}
#feature .area_graph .graph_2{
float:right;
margin:0 0 20px 0;
}
#feature .area_graph .graph_1 .graphTitle,
#feature .area_graph .graph_2 .graphTitle{
margin:0 0 20px 0;
padding:7px 27px;
color:#fff;
font-size:23px;
line-height:1.0em;
background:#61c505;
border-radius:100px;
text-align:center
}
#feature .area_graph .graph_1 .graphTitle br,
#feature .area_graph .graph_2 .graphTitle br{display:none}
#feature .area_graph .graph_1 .graph_pic,
#feature .area_graph .graph_2 .graph_pic{text-align:center}
#feature .area_graph .graph_1 .graph_pic img,
#feature .area_graph .graph_2 .graph_pic img{border-radius: 10px}
#feature .area_graph .graph_comment{
clear:both;
font-size:19px;
line-height:1.5em
}
#feature .area_graph .graph_comment strong{
color:#ff8d00;
font-weight:bold
}
#feature .area_info{
overflow:hidden;
width:830px;
margin:30px auto 0;
padding:40px 0 30px;
background-color:#fff;
border:solid 1px #ddd;
border-radius:10px;
box-shadow:0px 3px 3px rgba(0,0,0,.1);
}
#feature .area_info .info_map{
float:left;
width:49%;
margin:0 0 30px 0;
text-align:center;
}
#feature .area_info .office{
float:right;
width:45%;
margin:0 0 30px 0;
font-size:15px;
line-height:1.4em;
}
#feature .area_info .office img{
float:left;
margin:0 15px 15px 0;
}
#feature .area_info .office_comment{
clear:both;
font-size:19px;
line-height:1.5em;
text-align:center;
}


#reason .reason_cont{
overflow:hidden;
width:1050px;
margin:20px auto 0;
box-sizing:border-box
}
#reason .cont_wrap{
margin:0 auto 30px;
padding:50px 75px;
background:#fff;
box-shadow:0px 3px 3px rgba(0,0,0,.1);
border-radius:10px
}
#reason .reason_cont_inner {
	display: table;
	width: 100%;
	border-bottom: 1px solid #eee;
	margin-top: 40px
}
#reason .reason_cont_inner:first-child {
	margin-top: 0
}
#reason .reason_cont_inner:last-child {
	border-bottom: 0
}
#reason .reason_cont_wrap_left {
	display: table-cell;
	width: 55%;
	vertical-align: top
}
#reason .reason_cont_wrap p{
margin:0 0 20px 0;
font-size:15px;
line-height:1.5em;
}
#reason .reason_cont_wrap {
	margin-bottom: 50px
}
#reason .reason_cont_h3 {
	display: table;
	width: 100%;
	margin-bottom: 25px
}
#reason .reason_cont_h3 .img_wrap {
	display: table-cell;
	width: 25%
}
#reason .reason_cont_h3 .img_wrap img {
	width: 100%
}
#reason .reason_cont_h3 span{
display:table-cell;
width:75%;
margin:60px 0px 50px;
padding-left:15px;
color:#333;
font-size:21px;
font-weight:bold;
text-align:left;
line-height:1.3em;
letter-spacing:1px;
vertical-align:middle;
}
#reason .sub_ttl{
margin:0 0 10px 0;
color:#fe7da3;
display:block;
font-size:18px;
line-height:1.0em;
}
#reason .reason_cont_h3 span em{
color:#F53D84;
font-style:normal
}
#reason .sub_menu_cont_img_wrap {
	display: table-cell;
	width: 45%;
	padding-left: 30px;
	vertical-align: middle
}
#reason .sub_menu_cont_img_wrap img {
	width: 100%
}


#case ul.caseBox{
overflow:hidden;
width:1170px;
margin:0 auto 20px;
padding:50px 0 0 0;
box-sizing:border-box
}
#case ul.caseBox li.case{
float:left;
width:370px;
border:solid 3px #71dafe;
border-radius:25px;
position:relative;
}
#case ul.caseBox li.case .casehead{
width:100%;
padding:10px 0 10px;
background:#71dafe;
border-radius:23px 23px 0 0;
}
#case ul.caseBox li.case .casehead .profile{
color:#fff;
font-size:21px;
font-weight:bold;
line-height:1.0em;
text-align:center;
margin:0 0 5px 0;
}
#case ul.caseBox li.case .casehead .location{
color:#fff;
font-size:15px;
font-weight:normal;
text-align:center;
}
#case ul.caseBox li.case .casetable{
width:100%;
min-height:240px;
padding:15px 0 10px;
background:#fff;
border-radius:0 0 30px 30px;
}
#case ul.caseBox li.case .casetable .catchTtl{
width:90%;
margin:0 auto;
color:#ffae00;
font-size:17px;
font-weight:bold;
line-height:1.4em;
text-align:center;
}
#case ul.caseBox li.case .casetable .change{
width:90%;
margin:15px auto 0;
padding:10px 5px;
color:#fff;
font-size:17px;
font-weight:normal;
line-height:1.4em;
letter-spacing:0.1em;
text-align:center;
background:#71dafe;
border-radius:100px;
}
#case ul.caseBox li.case .casetable .casetxt{
width:90%;
margin:15px auto 0;
font-size:15px;
font-weight:normal;
line-height:1.5em;	
text-align:center;
}
#case ul.caseBox li.case .casepic_1,
#case ul.caseBox li.case .casepic_2{
position:absolute;
top:-51px;
left:0px;
}
/*在住地あるパターン*/
#case ul.caseBox li.case .casepic_1 img{
max-height:97px;
width:auto;
}
/*在住地無いパターン*/
#case ul.caseBox li.case .casepic_2 img{
max-height:97px;
width:auto;
}

#case ul.caseBox li:nth-child(2){margin:0 21px}


#user_voice .user_voice_wrap {
overflow:hidden;
width:1130px;
margin:20px auto 0;
box-sizing:border-box;
position: relative
}
#user_voice .item{
background:#fff;
border:1px solid #d1c0a5;
border-radius:6px;
box-shadow:0 3px 2px rgba(0,0,0,.1);
}
#user_voice .main_menu_voice{
display:table;
padding:20px 20px 15px;
margin:0px;
cursor:pointer;
font-weight:bold;
position:relative;
}
#user_voice .main_menu_voice .img_wrap{
display:table-cell;
width:30%;
padding:0 10px 0 0;
}
#user_voice .main_menu_voice .img_wrap img{
width:100%
}
#user_voice .main_menu_voice .ttl_wrap{
display:table-cell;
vertical-align:top;
text-align:left;
}
#user_voice .main_menu_voice .ttl_wrap .voice_ttl{
display: block;
font-size:17px;
line-height:1.3em;
margin:0 0 5px 0;
}
#user_voice .main_menu_voice .ttl_wrap .voice_dtl{
display:inline-block;
padding:5px;
color:#fff;
font-weight:normal;
font-size:13px;
line-height:1.0em;
background-color:#71dafe;
border-radius:5px;
}
#user_voice .sub_menu_voice{
padding:20px;
font-size:14px;
line-height:1.7em;
text-align:left;
}
#user_voice .sub_menu_voice p{
text-indent:1em;
margin-bottom:10px
}
#user_voice span.marker{
font-weight:bold;
background:#ffecf5;
}
#user_voice .sub_menu_voice span.marker{background:none}
#user_voice .sub_menu_voice p:last-child{margin-bottom: 0px}


#flow .kks-service-flow__body {
width:1130px;
margin:20px auto 0;
background: #fff;
box-sizing:border-box;
border-radius: 5px
}
#flow .kks-service-flow__body:after {
	content: "";
	display: block;
	clear: both
}
#flow .kks-service-list{
overflow:hidden;
padding: 20px;
}

#flow .kks-service-list__item {
	width: 23.0519480519%;
	position: relative;
	float: left
}
#flow .kks-service-item {
	padding: 0;
	margin: 0
}
#flow .kks-service-item__fig img {
	width: 100%;
	height: auto
}
#flow .kks-service-item__header {
	padding: 15px 0
}
#flow .kks-service-item__step {
	font-family: "Roboto Condensed", "Helvetica", ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fe7da3;
	font-size: 13px;
	letter-spacing: 3px;
	font-weight: 700
}
#flow .kks-service-item__step strong {
	font-family: "Roboto Condensed", "Helvetica", ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 22px;
	font-weight: bold
}
#flow .kks-service-item__txt {
	font-size: 18px;
	font-weight: 500
}
#flow .kks-service-item__lead {
	padding-top: 10px;
	border-top: 1px solid #cbcbcb;
	font-size: 14px;
	line-height: 1.7
}
#flow .kks-service-list__item+.kks-service-list__item:before {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 62px;
	left: -17px;
	border-style: solid;
	border-width: 14px 0 14px 12px;
	border-color: transparent transparent transparent #fe7da3;
	content: ' '
}
#flow .kks-service-list__item+.kks-service-list__item {
	margin-left: 2.5974025974%
}
#flow .kks-service-item__lead_strong{
	display:block;
	font-weight: bold;
	text-align:center;
	color:#fe7da3;
}

/*追尾ボタン*/
.follow_btn{position:fixed;bottom:0px;right:0px;display:block;width:100%;background-color:rgba(0,0,0,0.5);text-align:center;vertical-align:middle;z-index:10000;padding:5px 20px;box-sizing:border-box}

/*page top icon*/
#page-top{position:fixed;bottom:10px;right:10px;font-size: 77%;z-index:10000}
#page-top a{display:block;text-indent:-9999px;width:60px;height:60px;background:rgba(243,12,101,0.9);border-radius:4px;position:relative}
#page-top a:before{content:'';width:0;height:0;border:solid 9px transparent;border-bottom:solid 15px #fff;position:absolute;top:25%;right:35%}
#page-top a:hover{text-decoration:none;opacity:0.7}