@charset "UTF-8";

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

	complete

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

.main_head{
	width: auto;
	padding: 63px 0 0;
}

.head_image{
	width: 100%;
	height: 475px;
	background: url('/assets/images/complete/header_complete.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.webp .head_image{
	background: url('/assets/images/complete/header_complete.webp') no-repeat 50% 50%;
}

.head_sub_title{
	height: 60px;
    background: var(--subcolor01);
    position: relative;
}

.head_sub_title p{
	font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    padding-left: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.head_sub_title p::before {
    content: '';
    width: 36px;
    height: 42px;
    display: inline-block;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/assets/images/complete/icon_header_complete.png);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.head_sub_title p::before {
    background-image: url(/assets/images/complete/icon_header_complete.webp);
}

.cont_box{
	width: 980px;
	margin: 80px auto 60px;
	text-align: center;
}

.cont_box .title{
	font-size: 28px;
	font-weight: bold;
	color: var(--subcolor01);
	line-height: 1;
	margin-bottom: 36px;
}

.cont_box .caption p{
	line-height: 1.875;
	font-weight: bold;
	margin-bottom: 1em;
}

.cont_box .caption p:last-child{
	margin-bottom: 0;
}

.cont_box .caption p strong{
	color: var(--maincolor02);
}

.cont_box .caption p .phone a,
.cont_box .caption p .phone{
	color: var(--subcolor01);
	font-weight: bold;
}

.link{
	width: 350px;
	margin: 0 auto 80px;
}

.link a{
	display: block;
	height: 66px;
	line-height: 56px;
	box-sizing: border-box;
	border: 5px solid var(--maincolor02);
	text-align: center;
	font-size: 21px;
	color: var(--maincolor02);
	font-weight: bold;
	text-decoration: none;
	background: #fff;
	border-radius: 40px;
	position: relative;
}

.link a::after {
    content: '';
    display: inline-block;
    width: 32px;
    height: 10px;
    background: url(/assets/images/complete/allow.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translate(0, -50%);
    transition: all 0.2s linear;
}

.link a:hover::after {
    right: 9px;
}


/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1080px){

.main_head{
	padding: 5.833333vw 0 0;
}

.head_image{
	height: 43.981481vw;
}

.head_sub_title{
	height: 5.555556vw;
}

.head_sub_title p{
	font-size: 2.592593vw;
    padding-left: 5.185185vw;
}

.head_sub_title p::before {
    width: 3.333333vw;
    height: 3.888889vw;
}

.cont_box{
	width: 90.740741vw;
	margin: 7.407407vw auto 5.555556vw;
}

.cont_box .title{
	font-size: 2.592593vw;
	margin-bottom: 3.333333vw;
}

.link{
	width: 32.407407vw;
	margin: 0 auto 7.407407vw;
}

.link a{
	height: 6.111111vw;
	line-height: 5.185185vw;
	font-size: 1.944444vw;
	border-radius: 3.703704vw;
}

.link a::after {
    width: 2.962963vw;
    height: 0.925926vw;
    right: 1.759259vw;
}

.link a:hover::after {
    right: 0.833333vw;
}



}



/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:414px){

.main_head{
	padding: 14.666667vw 0 0;
}

.head_image{
	height: 34.666667vw;
}

.head_sub_title{
	height: 10.666667vw;
}

.head_sub_title p{
	font-size: 5.6vw;
    padding-left: 8.533333vw;
}

.head_sub_title p::before {
    width: 5.6vw;
    height: 6.666667vw;
}

.cont_box{
	margin: 8vw auto 6.666667vw;
}

.cont_box .title{
	font-size: 4.266667vw;
	margin-bottom: 4.266667vw;
}

.cont_box .caption p{
	font-size: 2.933333vw;
	line-height: 2.0;
}

.link{
	width: 56vw;
	margin: 0 auto 7.466667vw;
}

.link a{
	height: 10.666667vw;
	line-height: 9.066667vw;
	border: 0.8vw solid var(--maincolor02);
	font-size: 3.466667vw;
	border-radius: 5.333333vw;
}

.link a::after {
    width: 6.4vw;
    height: 2.4vw;
    right: 5.066667vw;
}

.link a:hover::after {
    right: 2.4vw;
}




}