/* shukatsu */

/* 共通
================================================== */
.pc_no{display:none!important;}
.text_center,
.text_pc_center{text-align:center}
img.img-w100{width:100%; height:auto}
.skt_contents_wp,
.skt_contents_sp100{
	width:90%;
	max-width:1030px;
	margin:0 auto;
	padding:60px 0;
}
.flex_box{
	display:flex;
	justify-content: space-between;
}
.flex_wrp{flex-wrap: wrap;}
.flex_center{align-items: center;}
.flex_end{align-items: flex-end;}
.ffstyle_serif{
	font-family:YakuHanJPs, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ＭＳ 明朝', 'MS Mincho', serif;
	color: rgb(22, 20, 84);	
	font-weight:bold;
}
.fc_purple{color:#19009a}

/* PC版
================================================== */
.shukatsu .main-visual-page img{
	width: 100%;
	height: 400px;
	object-fit: cover;
}
.shukatsu .main-visual-page .ttl-page {
	top: 30%;
	left:10%;
    text-align:left;
	color:#000;
	text-shadow:none;
}
.shukatsu .main-visual-page .ttl-page span {
    font-weight: 700;
}
.shukatsu .main-visual-page .ttl-page span.skttl_middle {font-size: 44px; display: block; letter-spacing: .06em;}
.shukatsu .main-visual-page .ttl-page span.skttl_large {font-size: 52px; display: block; letter-spacing: .06em;}
.shukatsu .main-visual-page .ttl-page span.skttl_small {font-size: 28px;}

@media screen and (max-width: 1100px) {
	.shukatsu .main-visual-page .ttl-page {left:5.5%;}
	.shukatsu .main-visual-page .ttl-page span.skttl_middle {font-size: 40px;}
	.shukatsu .main-visual-page .ttl-page span.skttl_large {font-size: 48px;}
	.shukatsu .main-visual-page .ttl-page span.skttl_small {font-size: 24px;}
}

.skt_text{width:52%}
.skt_img{width:43%}
.skt_text p{line-height:1.9em;}
h2.skt_title{	
	font-size:26px;
	margin-bottom:1.5em;
}
img.skt_illust01{
	width:80%;
	height:auto;
	display:block;
	margin:0 auto;
}
.bkg_purple{background:transparent url(../images/home/bg_houyou.png) center top/cover repeat;}
h2.skt_fuan-title{
	display:inline-block;
	background : url(../images/shukatsu/illust_02.png) no-repeat right center;
	background-size:90px auto;
	padding:15px 115px 15px 0;
	font-size:26px;
}
ul.fuan-list{
	width:100%;
	margin:30px auto;
	list-style: none;
}
ul.fuan-list li{
	margin-bottom:0.8em;
	display: flex;
	font-size:15px;
}
ul.fuan-list li::before{
  content: "●";
  color: #19009a;
  font-size: 15px;
  margin-right: 0.35em;
}
p.skt_fuan-text{font-size:18px; letter-spacing:-0.02em;}
.skt_support_title{
	width:100%;
	margin:20px auto 40px;
	text-align:center
}
h2.skt_subtitle{
	font-size:24px;
	border-bottom: 3px double #161454;
	display: inline-block;
	line-height:1.7em;
	padding: 15px 10px;
	margin-bottom:1.5em;
}
.skt_support_wp{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:90px 70px 50px;
}
.spt_box{
	width:47%;
	position:relative;
	background:#ffffff;
	border-radius:8px;
	box-shadow: 0px 9px 10px 1px rgba(114, 114, 114, 0.3);
}
.spt_first{padding:60px 5% 45px; margin-bottom:100px;}
.spt_basic{padding:60px 5% 30px; margin-bottom:90px;}
.spt_fullbox{
	width:100%;
	margin:0 auto 30px;
	background:#ffffff;
	border-radius:8px;
	box-shadow: 0px 9px 10px 1px rgba(114, 114, 114, 0.3);
}
.spt_full_text{
	width:55%;
	position:relative;
	padding:30px 0 30px 5%;
}
.spt_full_img{width:40%; padding:30px 3% 25px 0}
.spt_box img.spt_ic{
	width:165px;
	height:auto;
	position:absolute;
	top:-43px;
	left: 50%;
  	transform: translateX(-50%);
}
.spt_full_text img.spt_fullic{
	width:165px;
	height:auto;
	position:absolute;
	top:-43px;
	left: calc(50% - 6%);
  	transform: translateX(-50%);
}
.spt_box h3,
.spt_full_text h3{
	font-size:23px;
	font-weight:normal;
	text-align:center;
	margin-bottom:15px;
	color:#1d2a70;
	font-weight:bold;
}
.spt_full_text h3{padding-top:50px; padding-right:20%}
.spt_morebtn{
	position:absolute;
	bottom:-12px;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align:center;
}
.spt_morebtn a{
	padding:0.8em 3.5em 0.8em 2.5em;
	background : url(../images/shukatsu/btn_arrow.png) #332d7e no-repeat right 1.2em center;
	background-size: 20px auto;
	font-size: 14px;
	color:#ffffff!important;
	font-weight:bold;
	border-radius:8px;
}
.hjm_linkbtn a:hover{
	background : url(../images/shukatsu/btn_arrow.png) #130099 no-repeat right 1.2em center;
	background-size: 20px auto;
	color:#ffffff!important;
}
p.spt_info_text{
	width:90%;
	margin:30px auto 20px;
	text-align:center;
}
.skt_flow_wp{
	width:100%;
	margin:20px auto 70px;
	border:3px solid #1d2a70;
	padding:50px 80px;
	position:relative;
}
.skt_flow_wp h2{
	position:absolute;
	top:-40px;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
}
.skt_flow_wp h2 span{
	display: inline-block;
	background:#ffffff;
	padding:10px 35px;
	font-size:26px;
	color: #1d2a70;
}
ul.skt_flow{
	width:100%;
	margin:20px auto;
	list-style: none;	
}
ul.skt_flow li{
	background: -moz-linear-gradient(left, #9796b4 50px, #eef3f8 50px, #eef3f8 100%);
  	background: -webkit-linear-gradient(left, #9796b4 50px, #eef3f8 50px, #eef3f8 100%);
  	background: linear-gradient(to right, #9796b4 50px, #eef3f8 50px, #eef3f8 100%);
	border-radius:8px;
	margin-bottom:15px;
	display:flex;
	justify-content: space-between;
	padding:25px 40px 25px 30px;
}
.flow_title{width:40%;}
.flow_no1{
	background : url(../images/shukatsu/flow_no1.png) no-repeat left top 0.5em;
	background-size: 50px auto;
	padding:15px 0 13px 65px;
}
.flow_no2{
	background : url(../images/shukatsu/flow_no2.png) no-repeat left top 0.5em;
	background-size: 50px auto;
	padding:15px 0 13px 65px;
}
.flow_no3{
	background : url(../images/shukatsu/flow_no3.png) no-repeat left top 0.5em;
	background-size: 50px auto;
	padding:15px 0 13px 65px;
}
.flow_no4{
	background : url(../images/shukatsu/flow_no4.png) no-repeat left top 0.5em;
	background-size: 50px auto;
	padding:15px 0 13px 65px;
}
.flow_title h3{
	font-size:18px;
	font-weight:bold;
	padding:0 0.3em 0.2em;
	color:#1d2a70;
	border-bottom:1px solid #1d2a70;
}
.flow_text{width:53%;}
.flow_text p.tel{
	font-size:24px;
	font-weight:bold;
	background : url(../images/shukatsu/free_tel.png) no-repeat left center;
	background-size: 40px auto;
	padding-left:60px;
	margin-bottom:0.5em;
}
.flow_text p.tel a{color:#000; text-decoration: none;}
.skt_flow_wp img.flow_illust{
	width:25%;
	height:auto;
	position:absolute;
	right:-2%;
	bottom:-8%;
}
ul.skt_point_wp{
	width:100%;
	margin:20px auto;
	display:flex;
	justify-content: space-between;
}
ul.skt_point_wp li{width:32%;}
ul.skt_point_wp li .point_text{padding:15px 20px;}
ul.skt_point_wp li .point_text p{text-align:center}
.ptbk_01{background:#443496}
.ptbk_02{background:#19009a}
.ptbk_03{background:#1b32ad}
.point_text_inner{
	padding:0 0.5em 1em;
	border-bottom:1px solid #fff;
	color:#ffffff;
}
.point_text_inner p{font-size:20px;}
.point_text_inner p span.pt_large{font-size:23px;}
.point_text_inner p span.pt_middle{font-size:18px;}
.point_text_inner p span.pt_small{font-size:16px;}

.skt_faq_wp{
	width:85%;
	max-width:1000px;
	margin: 80px auto 120px;
	text-align:center;
}
.faq_wp{
	width:100%;
	margin: 20px auto 30px;
}
h2.faq_title span{
	border-left:2px solid #000;
	border-right:2px solid #000;
	line-height:1;
	padding:0 25px;
	margin:0 auto;
	font-size:20px;
	font-weight:bold;
}
.faq_wp ul.faq_list{
  width: 100%;
  margin:60px auto 40px;
	text-align:left;
}
.faq_wp ul.faq_list li{
  list-style:none;
  margin-top:15px;
}
.question{
 	 position: relative;
  	margin: 0;
  	padding: 0.5em 4em 0.5em 1em;
  	cursor: pointer;
  	background-color: #eef3f8;
	-webkit-transition: .4s;
	transition: .4s;	
}
.question:hover,
.question.open{
	background-color: #dae3f4;		
}

.question h3{
	background: url("../images/shukatsu/faq_q.png") no-repeat left 10px top 0.3em;
	background-size:30px;
	font-size:15px;
	font-weight:normal;
	padding: 0.5em 0 0.5em 3.5em;
}
.question:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 2px #1d2a70;
  border-right: solid 2px #1d2a70;  
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.question.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.answer{
	padding: 1.2em 3em 1.5em 1em;
	border-bottom:1px solid #ccc;
	background: url("../images/shukatsu/faq_a.png") #fff no-repeat left 23px top 1em;
	background-size:30px;
}
.answer p{
	padding-left:4em;
	margin-bottom:0.7em;
}
ul.answer_list{
	padding-left:4em;
	margin:10px 0;
}
ul.answer_list li{
	margin:0 0 0.2em 0.7em!important;
	list-style: disc!important;
}
/* SP版
================================================== */
@media screen and (max-width: 736px) {
	.pc_no{display:block!important;}
	.sp_no{display:none !important;}
	.text_pc_center{text-align:left}
	.flex_box{display:block;}
	.skt_contents_wp{padding:30px 0;}
	.skt_contents_sp100{width:100%;	padding:30px 0;}
	
	.shukatsu .main-visual-page img{height: 180px;}
	.shukatsu .main-visual-page .ttl-page span.skttl_middle {font-size: 23px;}
	.shukatsu .main-visual-page .ttl-page span.skttl_large {font-size: 27px;}
	.shukatsu .main-visual-page .ttl-page span.skttl_small {font-size: 16px; letter-spacing:0}

	.skt_text, .skt_img{width:100%;}
	.skt_text{margin-bottom:25px}
	h2.skt_title{	
		font-size:20px;
		margin-bottom:1.2em;
	}
	img.skt_illust01{max-width:450px;}
	h2.skt_fuan-title{
		background : url(../images/shukatsu/illust_02.png) no-repeat right bottom;
		background-size:65px auto;
		padding:0 65px 25px 0;
		font-size:20px;
	}
	@media screen and (max-width: 370px) {
		h2.skt_fuan-title{font-size:18px;}
	}
	ul.fuan-list{margin:10px auto 25px; padding-bottom:15px; border-bottom:1px solid #ccc}
	ul.fuan-list li{margin-bottom:1em;}
	p.skt_fuan-text{font-size:16px;}
	.skt_support_title{ width:90%; margin:0 auto 20px;}
	h2.skt_subtitle{
		font-size:18px;
		padding: 10px;
		margin-bottom:1.2em;
	}
	@media screen and (max-width: 370px) {
		h2.skt_fuan-title{font-size:18px;}
		h2.skt_subtitle{font-size:17px;}
	}
	.skt_support_title p{text-align:left;}
	.skt_support_wp{
		width:100%;
		margin:0 auto;
		padding:70px 25px 30px;
	}
	.spt_box{
		width:100%;
		max-width:450px;
	}
	.spt_first{padding:60px 30px 40px; margin:0 auto 80px;}
	.spt_basic{padding:60px 30px 30px; margin:0 auto 70px;}
	.spt_morebtn{bottom:-10px}
	.spt_full_text{
		width:100%;
		padding:60px 30px 20px;
	}
	.spt_full_img{width:100%; padding:0 5% 30px}
	.spt_box img.spt_ic,
	.spt_full_text img.spt_fullic{
		width:150px;
		top:-35px;
		left: 50%;
		transform: translateX(-50%);
	}
	.spt_box h3,
	.spt_full_text h3{font-size:20px;}
	.spt_full_text h3{padding:0}

	p.spt_info_text{
		width:95%;
		margin:25px auto 25px;
		text-align:left;
	}
	.skt_flow_wp{
		width:95%;
		margin:10px auto 40px;
		border:2px solid #1d2a70;
		padding:35px 15px;
	}
	.skt_flow_wp h2{top:-35px;}
	.skt_flow_wp h2 span{
		padding:10px 30px;
		font-size:20px;
	}
	ul.skt_flow{margin:20px auto 0}
	ul.skt_flow li{
		background: -moz-linear-gradient(left, #9796b4 25px, #eef3f8 25px, #eef3f8 100%);
		background: -webkit-linear-gradient(left, #9796b4 25px, #eef3f8 25px, #eef3f8 100%);
		background: linear-gradient(to right, #9796b4 25px, #eef3f8 25px, #eef3f8 100%);
		margin-bottom:15px;
		display:block;
		padding:10px 20px 25px 8px;
	}
	.flow_title{width:100%;}
	.flow_no1{
		background : url(../images/shukatsu/flow_no1.png) no-repeat left top 0.5em;
		background-size: 40px auto;
		padding:10px 0 10px 50px;
	}
	.flow_no2{
		background : url(../images/shukatsu/flow_no2.png) no-repeat left top 0.5em;
		background-size: 40px auto;
		padding:10px 0 10px 50px;
	}
	.flow_no3{
		background : url(../images/shukatsu/flow_no3.png) no-repeat left top 0.5em;
		background-size: 40px auto;
		padding:10px 0 10px 50px;
	}
	.flow_no4{
		background : url(../images/shukatsu/flow_no4.png) no-repeat left top 0.5em;
		background-size: 40px auto;
		padding:10px 0 10px 50px;
	}
	.flow_title h3{
		font-size:16px;
	}
	.flow_text{width:100%; padding-left:55px}
	.flow_text p.tel{
		font-size:20px;
		font-weight:bold;
		background : url(../images/shukatsu/free_tel.png) no-repeat left center;
		background-size: 30px auto;
		padding-left:40px;
		margin-bottom:0.5em;
	}
	.skt_flow_wp img.flow_illust{
		width:170px;
		height:auto;
		position:absolute;
		right:0;
		bottom:-50px;
	}
	ul.skt_point_wp{
		width:95%;
		margin:0 auto;
		display:block;
	}
	ul.skt_point_wp li{width:100%; margin-bottom:20px}
	.point_text_inner p{font-size:18px;}
	.point_text_inner p span.pt_large{font-size:22px;}
	.point_text_inner p span.pt_middle{font-size:17px;}
	.point_text_inner p span.pt_small{font-size:15px;}

	.skt_faq_wp{width:90%;	margin: 30px auto 50px;}
	.faq_wp{
		width:100%;
		margin: 30px auto 20px;
	}
	h2.faq_title span{font-size:16px;}
	.faq_wp ul.faq_list{
	  width: 100%;
	  margin:0 auto;
	}
	.faq_wp ul.faq_list li{
	  list-style:none;
	  margin-top:10px;
	}
	.question{	padding: 0.5em 4em 0.5em 0.5em;}
	.question h3{
		background: url("../images/shukatsu/faq_q.png") no-repeat left 0 top 0.3em;
		background-size:23px;
		padding: 0.3em 0 0.3em 2.5em;
		font-size:14px;
	}
	.question:after {
	  right: 15px;
	  top: 38%;
	  width: 8px;
	  height: 8px;
	  border-top: solid 1px #1d2a70;
	  border-right: solid 1px #1d2a70;  
	}
	.answer{
		padding: 2em 3em 2.5em 2em;
		border-bottom:1px solid #ccc;
		background: url("../images/shukatsu/faq_a.png") #fff no-repeat left 0.5em top 2em;
		background-size:23px;
	}
	.answer p{
		padding-left:1.2em;
		margin-bottom:0.7em;
	}
	ul.answer_list{
		padding-left:1.2em;
	}
	
}