@charset "UTF-8";
/**************************************

commom.css

***************************************/

/*汎用*/
div{
	line-height: 1.5;
}

a{
	width: 100%;
}
a:hover{
	opacity: .6;
}

.c-inner{
	width: 71.74%;
	max-width: 980px;
	margin: 0 auto;
}
.c-innerSub{
	/*width: 64.42%;*/
	max-width: 880px;
	margin: 0 auto;
}
.c-inner03{
	max-width: 900px;
	width: 90%;
	margin: 0 auto;
}
.c-sec{
	margin: 0;
}
.c-tit{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	margin-bottom: 45px;
}
.c-lead{
	line-height: 1.75;
	font-size: 16px;
}
.c-circle{
	position: absolute;
    right: 0;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: 0;
    text-align: center;
	max-width: 130px;
	min-height: 130px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	border-radius: 75px;
}
/*.c-btn{
	@include fontsize(24);
	background: $accentColor03;
	border-radius: 20px;
	text-align: center;
	max-width: 569px;
	width: wCon(569,980);
	margin: 0 auto;
	line-height: 1;
}
a{
	color: $colorBase;
	font-weight: bold;
	padding: 38px 0;
}*/
.c-flex{
	display: flex;
	justify-content: space-between;
}


@media screen and (max-width: 1163px) {
	.c-inner{
		width: 89.33%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	.c-sec .c-inner, .c-sec .c-innerSub{
	   padding: 45px 0 40px;	
	}
	.c-innerSub{
		width: 89.33%;
		margin: 0 auto;
	}
	.c-inner03{
		width: 89.33%;
		margin: 0 auto;
	}
	.c-tit{
		font-size: 20px;
		margin-bottom: 30px;
	}
	.c-lead{
		/*font-size: 14px;*/
		line-height: 1.75;
	}
	.c-flex{display: block;
	}
	.c-circle{
		font-size: 16px;
	    max-width: 100px;
	    min-height: 100px;
	}
}

/*CVエリア
***************************************/
.cv{
	position: relative;
}
.cv .pic{
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    width: 63.7%;
	max-width: 172px;
    margin: 0 auto;
}
.cv .lead{
	font-size: 21px;
	font-weight: bold;	
	text-align: center;
}
.cv .lead span{
	font-size: 30px;
	font-weight: bold;	
	color: #E64847;
}
.cv__in .list{
	max-width: 920px;
	margin: 0 auto 40px;
}
.cv__in .tit{
font-size: 37px;
font-weight: bold;
text-align: center;
margin-bottom: 50px;
position: relative;
}
.cv__in .tit {
  font-size: 37px;
  font-size: 2.3125rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
}
.cv__in .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cv__in .list .box{
	width: 30.43%;
}
.cv__in .list .circle_width{
  background: #ffffff;
}
.cv__in .list .box p.benefits{
text-align: left;
font-size: 13px;
padding-left:1em;
text-indent:-1em;
margin-top: 14px;
}
@media screen and (max-width: 1280px) {
	.cv__in .tit{
	font-size: 22px;
	}
	.cv .lead span{
		font-size: 26px;
	}
}
@media screen and (max-width: 960px) {
	.cv__in .tit{
	font-size: 20px;
	}
	.cv .lead{
		font-size: 17px;		
	}
	.cv .lead span{
		font-size: 22px;
	}
}
@media screen and (max-width: 768px) {
	.cv__in .tit{
		font-size: 17px;
		margin-bottom: 20px;
	}
	.cv__in .list .circle_width{
		margin-bottom: 0px;
	}
	.cv .lead{
		font-size: 13px;
	}
	.cv .lead span{
		font-size: 18px;
	}
}
@media screen and (max-width: 540px) {
	.cv .pic{
		width:100%;
	}
	.cv__in .list{
		display: block;
		justify-content: center;
	}
	.cv .lead{
		font-size: 20px;
	}
	.cv .lead span{
		font-size: 22px;
	}
.cv__in .list .box{
	width: 100%;
	margin-top: 20px;
}
	.cv__in .list .box p.benefits{
		font-size: 12px;
	}
}
.circle_width {
border-radius: 50%;
}
.circle_height {
position: relative;
padding-top: 100%;
height: 0;
}
.circle_height p {
position: absolute;
top: calc((100% - -1em)/2);
left: 0;
right: 0;
margin: 0;
text-align: center;
}
@media screen and (max-width: 540px) {
.circle_width {
	width: 80%;
	max-width: 280px;
	margin: 0 auto;
}
.circle_width + .circle_width{
	margin-top: 20px;
}
.circle_height p{
    top: calc((100% - -3em) / 2);
}
}


/*ボタン
***************************************/
.c-btn{
    box-shadow: 0px 8px 0 0 #cb3747;
	position: relative;
	color: #000;
	vertical-align: middle;
	border-radius: 10px;
}
.c-btn::before{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.c-btn::before{
	right: 2rem;
	width: 10px;
	height: 10px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
	.c-btn{
		font-size: 18px;
		width: 100%;
		border-radius: 15px;
	}
	.c-btn a{
		padding: 24px 0;
	}
}

/*ボタン
***************************************/
#apply{
	margin-top: -100px;
	padding-top: 100px;
}