@charset "UTF-8";
/* 共通 */
.contents img{
    display: block;
    width: 100%;
    max-width: 100%;
}
.contents em{
    font-style: normal;
}
.contents h2{
    font-size: 1.375em;
    text-align: center;
}
.contents a {
	display: block;
	text-decoration: none;
	transition: 0.5s ease;
}
.contents .btn {
	padding: 16px 8px;
	border-radius: 100px;
	max-width: 400px;
	text-align: center;
	margin: auto;
    text-decoration: none;
	transition: 0.5s ease;
}
.cv02_btn {
	box-shadow: 0 3px 6px #00000029;
	border: 2px solid #fff;
	font-size: min(5vw, 20px);
	font-weight: bold;
	background: linear-gradient(#FFC107, #FFA000);
	color: #121212;
	width: 100%;
}
.contents .btn:hover {
    opacity: .8;
}
.contents .form_area {
    text-align: center;
    padding:20px;
    background: #4D88C5;
    margin: 0 0 24px;
}
.contents .form_area .intro{
    font-size: 1.25em;
    font-weight: bold;
    padding-bottom: 4px;
    color: #fff;
}

/* contents */
.contents_wrap{
    max-width: 750px;
    margin: auto;
}
.contents_wrap > .txt_box{
    padding: 20px;
}
.contents_wrap .txt_box p:not([class]){
    line-height: 1.8;
    margin-bottom: 8px;
}
.service_contents{
    padding: 32px 16px;
    background-color: #F0F4F7;
    border-radius: 24px;
    margin: 0 0 32px;
}
.service_contents h2{
    margin-bottom: 24px;
}
.service_contents .txt_box{
    margin: 0 0 24px;
}
.service_contents figure{
    border: 6px solid #fff;
    margin: 0 0 24px;
}
.service_contents ol{
    display: flex;
    flex-direction: column;
    gap:8px;
    padding: 0 20px;
}
.service_contents ol strong{
    display: block;
}
.contents_wrap .point_list{
    display: flex;
    flex-direction: column;
    gap:16px;
    padding: 0 20px;
    margin: 0 0 32px;
}
.contents_wrap .point_list li{
    padding: 16px 16px 16px 100px;
    border-radius: 16px;
    background: #F0F4F7 url(images/ico01.svg) no-repeat left 12px center / 70px;
}
.contents_wrap .point_list li:nth-child(2){
    background-image: url(images/ico02.svg);
}
.contents_wrap .point_list li:nth-child(3){
    background-image: url(images/ico03.svg);
}
@media screen and (min-width: 768px) {
    .contents_wrap{
        font-size: 18px;
    }
    .service_contents {
        padding: 40px 60px;
    }
    .contents_wrap .point_list{
	    flex-direction: row;
	}
	.contents_wrap .point_list li{
		flex:1;
	    background-position: top 10px center;
		padding: 90px 16px 16px;
	}
	.contents_wrap .point_list .ttl{
		text-align:center;
		font-size:1.1em;
	}
}