#breadcrumb ul{
	display:flex;
	flex-wrap:wrap;
}
#breadcrumb ul li:not(:last-child):after{
	content:">";
	margin:0 5px;
}
.page_title{
	margin:20px 0;
	font-size:3.6vw;
	font-weight:bold;
	text-align:center;
	text-shadow:3px 3px 0 #fff,-3px 3px 0 #fff,-3px -3px 0 #fff,3px -3px 0 #fff,3px 0 0 #fff,0 3px 0 #fff,-3px 0 0 #fff,0 -3px 0 #fff,3px 3px 5px #555;
}
.link_design{
	width:95%;
	max-width:540px;
	margin:50px auto 0;
}
.link_design a{
	position:relative;
	display:block;
	padding:10px 0;
	background:#e50012;
	border:3px solid #fff;
	border-radius:20px;
	box-shadow:2px 2px 2px #777;
	color:#fff;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	text-shadow:2px 2px 0 #000;
}
.link_design a:after{
	content:"";
	position:absolute;
	left:10px;
	bottom:20px;
	width:20%;
	height:20px;
	background:url('../images/common/car_link.png') no-repeat bottom / contain;
}
.link_design a span{
	position:absolute;
	left:50%;
	top:-25px;
	transform:translateX(-50%);
	padding:5px;
	background:#003685;
	border:2px solid #fff;
	box-shadow:2px 2px 2px #777;
	font-size:18px;
	line-height:1;
	text-shadow:none;
	white-space:nowrap;
}
.link_design a span:before{
	content:"";
	position:absolute;
	left:50%;
	bottom:-21px;
	transform:translateX(-50%);
	border:10px solid transparent;
	border-top:10px solid #fff;
}
.link_design a span:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:-18px;
	transform:translateX(-50%);
	border:10px solid transparent;
	border-top:10px solid #003685;
}
.link_design.bg_red a{
	background:#e50112;
	color:#fff;
}
.link_design.bg_red a:after{
	height:55%;
	background:url('../images/common/car_link_red.png') no-repeat bottom / contain;
}
.link_design.bg_red a span{
	display:block;
	position:static;
	transform:none;
	padding:0;
	background:transparent;
	border:none;
	color:#ff0;
	font-size:22px;
	box-shadow:none;
}
.link_design.bg_red a span:before{
	display:inline-block;
	position:static;
	transform:rotate(45deg);
	transform-origin:right;
	width:20px;
	height:2px;
	margin-right:5px;
	background:#ff0;
	border:none;
}
.link_design.bg_red a span:after{
	display:inline-block;
	position:static;
	transform:rotate(-45deg) translateY(3px);
	transform-origin:left;
	width:20px;
	height:2px;
	margin-left:5px;
	background:#ff0;
	border:none;
}
.link_design a i{
	position:absolute;
	right:30px;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	font-size:30px;
	text-shadow:none;
}
.link_s_design{
	width:90%;
	max-width:300px;
	margin:30px auto;
}
.link_s_design a{
	display:block;
	padding:10px 0;
	background:linear-gradient(to right,#001d53,#1d4c92);
	color:#fff;
	font-size:20px;
	font-weight:300;
	text-align:center;
}
.link_design.flat{
	width:95%;
	max-width:540px;
	margin:50px auto 0;
	letter-spacing:-2px;
}
.link_design.flat a{
	position:relative;
	display:block;
	padding:10px 0;
	background:#e50012;
	border:3px solid #fff;
	border-radius:20px;
	box-shadow:2px 2px 2px #777;
	color:#fff;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	text-shadow:2px 2px 0 #000;
}
.link_design.flat a:after{
	content:none;
}
.link_design.flat a span{
	padding:5px 20px;
	border-radius:100px;
	color:#ff0;
	text-shadow:2px 2px 0 #000;
	letter-spacing:0;
}
.link_design.flat a span:before{
	content:"";
	position:absolute;
	left:50%;
	bottom:-21px;
	transform:translateX(-50%);
	border:10px solid transparent;
	border-top:10px solid #fff;
}
.link_design.flat a span:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:-18px;
	transform:translateX(-50%);
	border:10px solid transparent;
	border-top:10px solid #003685;
}

.slick-dots li{
	margin:0;
}
.slick-dots li button:before{
	color:#003685;
	opacity:1;
}
.slick-dots li.slick-active button:before{
	color:#E50012;
}

.sub_title{
	position:relative;
	padding:10px 0;
	margin-bottom:50px;
	margin-top:40px;
	background:#003685;
	color:#fff;
	font-size:24px;
	text-align:center;
}
.sub_title:before{
	content:"";
	position:absolute;
	top:-34px;
	right:5%;
	display:block;
	width:220px;
	height:40px;
	background:url(../images/common/car_illust.svg);
}
.sub_title:after{
	content:"";
	position:absolute;
	bottom:-34px;
	left:calc(50% - 10px);
	display:inline-block;
	border:10px solid transparent;
	border-top:24px solid #003685;
}
.popup{
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	cursor:pointer;
}
.popup .popup_inner{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:90%;
	max-height:95%;
	max-width:600px;
	background:#fff;
	border-radius:10px;
	overflow-y:auto;
	cursor:default;
}
.popup .popup_inner h3{
	padding:10px 0;
	margin:0;
	background:#003685;
	color:#fff;
	text-align:center;
}
.popup .popup_inner .contents{
	padding:30px;
}
.popup .popup_inner .contents li{
	margin-bottom:20px;
}
.popup_btn{
	cursor:pointer;
}

.card{
	display:flex;
	flex-wrap:wrap;
}
.card li{
	width:32.3%;
	margin-right:1.5%;
	margin-top:10px;
	margin-bottom:10px;
	padding:20px;
	border:2px solid #003685;
	border-radius:10px;
}
.card li:nth-child(3n){
	margin-right:0;
}
.card li a{
	display:block;
}
.card li .image{
	margin-bottom:20px;
}
.card li .image img{
	width:100%;
}
.card li .text{
	color:#003685;
}
.card li .text h3{
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.newyear {
	background-size: 40px 40px; /* repeating-conic-gradientが適用されるサイズ */
	background-image: repeating-conic-gradient(from 0deg,#fff 0deg 90deg, #fdfaf2 90deg 180deg); /* 90度ずつ色変更を360度まで繰返し（2回） */
	background-repeat: repeat;
}
.pt main{
	padding-top:160px;
}
.pt main.top{
	padding-top:0;
}
.nav-links ul{
	display:flex;
	margin-top:20px;
	justify-content:center;
}
.nav-links ul li{
	min-width:30px;
	margin:0 5px;
	text-align:center;
}
.nav-links ul li a{
	display:block;
	padding:10px;
	color:#fff;
}
.nav-links ul li span{
	display:block;
	padding:10px 0;
}


@media (max-width: 767px) {

.pt main{
	padding-top:80px;
}
.sub_title h2{
	padding:5px 0;
	font-size:5.5vw;
}
.sub_title{
	font-size:5.5vw;
}
.sub_title:before{
	top:-20px;
	width:120px;
	height:19px;
}
.link_design a{
	border-radius:10px;
	font-size:5.5vw;
}
.link_design a span{
	top:-18px;
	font-size:2.6vw;
}
.link_design a:after{
	bottom:15px;
	width:15%;
}

.link_design.bg_red a span{
	font-size:3.6vw;
}
.link_design.flat a{
	font-size:5vw;
}
.link_design.flat a span{
	font-size:3.2vw;
}

}

/*============================== TOP =============================*/


main.top .card li .text h3{
	font-size:24px;
}
main.top .ly_topBusiness{
	margin-bottom:70px;
}
main.top .ly_topBusiness.ly_sec .ly_inner{
	padding:0;
}

main.top .ly_sec .ly_inner{
	padding:50px 0;
}
main.top .ly_sec_ex{
	background:#fffeea;
}
main.top .ly_sec_ex .ly_inner{
	padding:40px 0 80px;
}
main.top .ly_sec_ex h2{
	position:relative;
	padding:10px 0;
	background:#d9e1ec;
	color:#003685;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
main.top .ly_sec_ex h2 span{
	position:absolute;
	bottom:0;
	width:15%;
}
main.top .ly_sec_ex h2 span.left{
	left:calc(50% - 600px);
}
main.top .ly_sec_ex h2 span.right{
	right:calc(50% - 600px);
}
main.top .ly_sec_ex .card li{
	background:#fff;
}

main.top .ly_check .ly_inner{
	padding:0;
}
main.top .ly_check .ly_inner .box{
	padding-bottom:50px;
}
main.top .ly_check h3{
	position:relative;
	color:#003685;
	font-size:24px;
	text-align:center;
}
main.top .ly_check h3:after{
	content:"";
	position:absolute;
	left:calc(50% - 15px);
	bottom:-26px;
	height:1px;
	width:30px;
	margin-bottom:20px;
	background:#003685;
}
main.top .ly_check .input_box_outer{
	position:relative;
	width:95%;
	max-width:540px;
	margin:0 auto 0;
	padding:8px;
	background:#98afce;
	border-radius:8px;
}
main.top .ly_check .input_box_outer #searchbox{
	display:none;
	position:absolute;
	z-index:99999;
	width:100%;
	padding:10px 20px;
	background:#fff;
	box-shadow:3px 3px 6px #aaa;
}
main.top .ly_check .input_box{
	display:flex;
	background:#fff;
	border-radius:8px;
}
main.top .ly_check .input_box label{
	width:100%;
	padding:5px 15px;
	border-radius:8px;
	cursor:text;
}
main.top .ly_check .input_box button{
	appearance:none;
	width:30px;
	background:transparent;
	border:none;
	cursor:pointer;
}
main.top .ly_check .input_box button i{
	color:#003685;
	font-size:20px;
}
main.top .ly_check .input_box label input{
	width:91%;
	padding:5px;
	font-size:16px;
}
main.top .ly_check .input_box label input:focus{
	outline:none;
}
main.top .ly_check .input_box label input::placeholder{
	color:#98afce;
}
main.top .ly_check .maker{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
main.top .ly_check .maker li{
	width:11.5%;
	margin-right:1.14%;
}
main.top .ly_check .maker li:nth-child(8){
	margin-right:0;
}
main.top .ly_check .maker li a{
	display:flex;
	flex-direction:column;
	height:100%;
	padding:10px;
	background:#eee;
	border-radius:10px;
}
main.top .ly_check .maker li span{
	display:block;
	margin-top:5px;
	color:#003685;
	font-size:14px;
	text-align:center;
}
main.top .ly_check .card li{
	border-width:4px;
	padding:0;
	overflow:hidden;
}
main.top .ly_check .card li a{
	display:block;
	overflow:hidden;
}
main.top .ly_check .card li a .name{
	padding:10px 0;
	color:#fff;
	font-size:22px;
	text-align:center;
}
main.top .ly_check .card a .image{
	margin:0;
	padding:5px;
}
main.top .ly_check .card a .info{
	padding:0 5px 5px;
	color:#003685;
	text-align:center;
}
main.top .ly_check .card a .info .fee{
	margin-bottom:10px;
	font-size:22px;
	line-height:1;
}
main.top .ly_check .card a .info .fee span{
	font-size:40px;
	font-weight:bold;
}
main.top .ly_check .card a .info .check{
	position:relative;
	margin-top:10px;
	padding:15px 0;
	color:#fff;
}
main.top .ly_check .card a .info .check i{
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
}


main.top .ly_about .flex{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
main.top .ly_about .flex .text{
	width:55%;
	color:#003685;
	font-size:16px;
	line-height:1.8;
}
main.top .ly_about .flex .image{
	width:40%;
}

main.top .ly_reason .card li{
	position:relative;
}
main.top .ly_reason .card li .icon{
	position:absolute;
	left:10px;
	top:-5px;
	width:25%;
}

main.top .ly_flow h2{
	margin-top:0;
}
main.top .ly_flow h3{
	color:#003685;
	text-align:center;
}
main.top .ly_flow h3 span{
	font-size:20px;
	font-weight:bold;
}
main.top .ly_flow li{
	position:relative;
	padding:15px;
}
main.top .ly_flow li .step{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	padding:15px;
	background:url('../images/top/bg_step.png') no-repeat center center / contain;
	color:#fff;
	font-size:14px;
	text-align:center;
}
main.top .ly_flow li .step.bg_o{
	background:url('../images/top/bg_step_o.png') no-repeat center center / contain;
}
main.top .ly_flow li .step.bg_g{
	background:url('../images/top/bg_step_g.png') no-repeat center center / contain;
}
main.top .ly_flow li .step.bg_r{
	background:url('../images/top/bg_step_r.png') no-repeat center center / contain;
}
main.top .ly_flow li .step span{
	display:block;
	font-size:24px;
	font-weight:bold;
	line-height:1;
}
main.top .ly_flow li p{
	padding:15px 15px 15px 80px;
	background:#fffeea;
	border-radius:100px;
}


main.top .ly_news ul{
	border-top:1px solid #003685;
}
main.top .ly_news ul li{
	padding:10px 0;
	border-bottom:1px solid #003685;
}
main.top .ly_news ul li .info span{
	padding:0 10px;
	margin-left:10px;
	background:#ccc;
	color:#555;
}


main.top .ly_sns ul{
	justify-content:space-between;
}

main.top .ly_sns ul li{
	width:49%;
}


@media (max-width: 1199px) {

main.top .ly_sec_ex h2 span.left{
	left:15px;
}
main.top .ly_sec_ex h2 span.right{
	right:15px;
}
main.top .ly_check .card a .info .fee{
	font-size:1.8vw;
}
main.top .ly_check .card a .info .fee span{
	font-size:3.8vw;
}
main.top .card li .text h3{
	font-size:20px;
}


}

@media (max-width: 767px) {

.page_title{
	font-size:8vw;
}
main.top{
	padding-top:80px;
}
main.top .ly_topBusiness{
	margin-bottom:30px;
}
main.top .ly_sec .ly_inner{
	padding:20px 0;
}

main.top .card li .text h3{
	font-size:4.5vw;
}
main.top .card li .text p{
	font-size:3.5vw;
}

main.top .ly_sec_ex h2{
	font-size:4.5vw;
}
main.top .ly_sec_ex h2 span{
	bottom:15px;
}

main.top .card li{
	width:100%;
	margin-right:0;
}
main.top .card li:nth-child(3n){
	margin-right:0;
}
main.top .ly_check h3{
	font-size:4vw;
}
main.top .ly_check .maker li{
	width:32%;
	margin-right:1.5%;
	margin-bottom:10px;
}
main.top .ly_check .maker li:nth-child(3n){
	margin-right:0;
}
main.top .ly_check .card li{
	width:49.5%;
	margin-right:1%;
	border-width:4px;
}
main.top .ly_check .card li:nth-child(2n){
	margin-right:0;
}
main.top .ly_check .card li a .name{
	font-size:3.4vw;
}
main.top .ly_check .card a .info{
	padding:0 8px 10px;
}
main.top .ly_check .card a .info .fee{
	font-size:2.6vw;
}
main.top .ly_check .card a .info .fee span{
	font-size:6.5vw;
}
main.top .ly_check .card a .info .bonus{
	font-size:3.5vw;
}
main.top .ly_about .flex .text{
	order:2;
	width:100%;
	font-size:16px;
}
main.top .ly_check .card a .info .check{
	padding:10px 0;
	font-size:4vw;
}
main.top .ly_about .flex .image{
	width:100%;
	margin-bottom:20px;
}

main.top .ly_flow li p{
	padding-left:50px;
	font-size:3.5vw;
}

main.top .ly_sns ul li{
	width:100%;
}


}


@media (max-width: 575px) {}



/*============================== ACCESS =============================*/

main.access .message .ly_inner{
	padding-bottom:50px;
}
main.access .message .image{
	width:30%;
}
main.access .message .text{
	width:65%;
	margin-left:5%;
	color:#003685;
}
main.access .message .text .ceo{
	margin-top:10px;
	text-align:right;
}


main.access .table_design{
	border:1px solid #ccc;
}
main.access .table_design li:not(:last-child){
	border-bottom:1px solid #ccc;
}
main.access .table_design dl dt{
	width:25%;
	padding:10px 0;
	background:#d9e1ed;
	color:#003685;
	text-align:center;
}
main.access .table_design dl dd{
	width:75%;
	padding:10px 20px;
	color:#003685;
}
main.access .map{
	margin-top:30px;
}
main.access .map iframe{
	width:100%;
	height:300px;
}



@media (max-width: 767.98px) {

main.access .message .image{
	width:100%;
	margin-bottom:10px;
}
main.access .message .text{
	width:100%;
	margin-left:0;
}

main.access .table_design dl dt{
	width:100%;
}
main.access .table_design dl dd{
	width:100%;
	padding:20px;
}

}


/*============================== STAFF =============================*/

main.staff_list .list li{
	padding:20px 0;
}
main.staff_list .list li:not(:last-child){
	border-bottom:1px solid #003685;
}
main.staff_list .list .image{
	width:30%;
}
main.staff_list .list .info{
	width:65%;
	margin-left:5%;
	font-size:14px;
}
main.staff_list .list .info h4{
	font-size:20px;
}
main.staff_list .list .info .kana{
	margin-bottom:10px;
}


@media (max-width: 767.98px) {


main.staff_list .list .image{
	width:100%;
	margin-bottom:20px;
}
main.staff_list .list .info{
	width:100%;
	margin-left:0;
	font-size:3.5vw;
}
main.staff_list .list .info h4{
	font-size:4vw;
}

}


/*============================== ABOUT =============================*/


main.about h3{
	position:relative;
	padding:15px 0;
	background:#f26e00;
	color:#fff;
	font-size:3.4vw;
	font-weight:bold;
	text-shadow:3px 3px 0 #f15000,-3px 3px 0 #f15000,-3px -3px 0 #f15000,3px -3px 0 #f15000,3px 0 0 #f15000,-3px 0 0 #f15000,0 3px 0 #f15000,0 -3px 0 #f15000,3px 3px 3px #555;
	text-align:center;
}
main.about h3:after{
	content:"";
	position:absolute;
	bottom:-34px;
	left:calc(50% - 10px);
	display:inline-block;
	border:10px solid transparent;
	border-top:24px solid #f26e00;
}
main.about section{
	padding-bottom:50px;
}
main.about .mv .mv_inner{
	background:#f26e00;
	padding:20px 0;
}
main.about .mv .mv_img{
	width:100%;
	max-width:1250px;
	margin: 0 auto;
}
main.about .mv .text{
	margin-top:-60px;
	color:#fff;
	font-size:42px;
	line-height:1.2;
	text-shadow:3px 3px 0 #f15000,-3px 3px 0 #f15000,-3px -3px 0 #f15000,3px -3px 0 #f15000,3px 0 0 #f15000,-3px 0 0 #f15000,0 3px 0 #f15000,0 -3px 0 #f15000,3px 3px 3px #555;
}
main.about .mv .text span{
	font-size:72px;
}
main.about .mv .info{
	padding:20px 0;
}
main.about .merit h3{
	padding:10px 0;
	background:#f26e00;
	border-radius:10px;
	box-shadow:0 0 5px #333;
	color:#fff;
	text-align:center;
}
main.about .merit h3:after{
	content:none;
}
main.about .merit ol{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
main.about .merit ol li{
	align-items:center;
	padding:15px;
	border:5px solid #f26e00;
	border-radius:15px;
	margin-right:1.33%;
	text-align:left;
	box-shadow: 2px 2px 5px #999;
}
main.about .merit ol li h4{
	font-size:22px;
	font-weight:bold;
}
main.about .merit ol li.md-half{
	width:49%;
	margin:10px .5%;
}
main.about .merit ol li:nth-child(4){
	margin-right:0;
}
main.about .merit ol li img{
	width:60%;
}
main.about .merit .include{
	position:relative;
	padding:50px 0;
	margin-top:50px;
	box-shadow:0 0 5px #333;
	background:#f26e00;
	border-radius:10px;
}
main.about .merit .include picture{
	display:block;
	width:80%;
	margin:0 auto;
}
main.about .merit .include p{
	position:absolute;
	top:-20px;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	text-shadow:3px 3px 0 #f15000,-3px 3px 0 #f15000,-3px -3px 0 #f15000,3px -3px 0 #f15000,3px 0 0 #f15000,-3px 0 0 #f15000,0 3px 0 #f15000,0 -3px 0 #f15000,3px 3px 3px #555;
	text-align:center;
}
main.about .merit .include p.big{
	top:inherit;
	bottom:-30px;
	font-size:48px;
}
main.about .reason1 .md-half{
	width:49%;
	margin:5px .5%;
}
main.about .reason1 .case_title{
	display:flex;
	align-items:center;
	margin-bottom:20px;
	line-height:1;
}
main.about .reason1 .case_title h4{
	width:calc(100% - 80px);
	line-height:1.2;
	font-size:3vw;
	font-weight:bold;
	text-shadow:3px 3px 0 #fff,-3px 3px 0 #fff,-3px -3px 0 #fff,3px -3px 0 #fff,3px 0 0 #fff,0 3px 0 #fff,3px 3px 5px #555;
}
main.about .reason1 .case_title h4 span.mini{
	display:block;
	font-size:1.6vw;
}
main.about .reason1 .case_title h4 span.big{
	font-size:4.6vw;
}
main.about .reason1 .point{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:80px;
	height:80px;
	margin-right:10px;
	border-radius:100%;
	color:#fff;
	line-height:.9;
	font-size:1.4vw;
	font-weight:bold;
}
main.about .reason1 .point:after{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	border:6px solid transparent;
	border-top:10px solid;
	transform:rotate(-40deg);
}
main.about .reason1 .point span{
	font-size:3vw;
	color:#fff;
}
main.about .reason1 .case1{
	padding:30px 0;
	background:#e0c5d2;
}
main.about .reason1 .case1 h4{
	color:#e85298;
}
main.about .reason1 .case1 .case_title h4 span.mini{
	display:inline-block;
}
main.about .reason1 .case1 .case_title h4 span.description{
	display:block;
	color:#000;
	font-size:14px;
	text-shadow:none;
}
main.about .reason1 .case1 .point{
	background:#e85298;
}
main.about .reason1 .case1 .point:after{
	border-top-color:#e85298;
}
main.about .reason1 .case1 .cont{
	margin-bottom:20px;
	background:#e85298;
	border:10px solid #e85298;
	border-radius:10px;
	box-shadow:3px 3px 5px #000;
}
main.about .reason1 .case1 h5{
	padding-bottom:10px;
	background:#e85298;
	color:#fff;
	font-size:36px;
	font-weight:bold;
	text-align:center;
}
main.about .reason1 .case1 li p{
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
main.about .reason1 .case1 li p span{
	display:block;
	color:#e85298;
}
main.about .reason1 .case2{
	padding:30px 0;
	background:#e6f3ff;
}
main.about .reason1 .case2 h4{
	color:#398dea;
}
main.about .reason1 .case2 h4 .mini{
	color:#000;
	text-shadow:none;
}
main.about .reason1 .case2 .point{
	background:#398dea;
}
main.about .reason1 .case2 .point:after{
	border-top-color:#398dea;
}
main.about .reason1 .case2 .cont{
	margin-bottom:20px;
	background:#398dea;
	border:10px solid #398dea;
	border-radius:10px;
	box-shadow:3px 3px 5px #000;
}
main.about .reason1 .case2 h5{
	padding-bottom:10px;
	background:#398dea;
	color:#fff;
	font-size:36px;
	text-align:center;
}
main.about .reason1 .case2 .cont ul{
	background:#fff;
}
main.about .reason1 .case3{
	padding:30px 0;
	background:#fff1f2;
}
main.about .reason1 .case3 h4{
	color:#FF1D25;
}
main.about .reason1 .case3 .point{
	background:#FF1D25;
}
main.about .reason1 .case3 .point:after{
	border-top-color:#FF1D25;
}
main.about .reason1 .case3 .course{
	width:32.3%;
	margin:0 .5%;
}
main.about .reason1 .case3 .course h5{
	position:relative;
	background:#FF1D25;
	padding:10px 0;
	margin-bottom:20px;
	color:#fff;
	font-size:1.6vw;
	text-align:center;
}
main.about .reason1 .case3 .course h5:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:-20px;
	border:10px solid transparent;
	border-top:10px solid #FF1D25;
	transform:translateX(-50%);
}
main.about .reason1 .case3 .course .item{
	margin-bottom:30px;
	border:1px solid #FF1D25;
}
main.about .reason1 .case3 .course .name{
	background:#FF1D25;
	padding:5px 0;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
main.about .reason1 .case3 .course .to_detail{
	position:relative;
	text-align:center;
}
main.about .reason1 .case3 .course .to_detail a{
	display:block;
	padding:10px;
	background:linear-gradient(to right,#0a007a 0%,#1c00be 100%);
	border:3px solid #fff;
	box-shadow:0 0 4px #aaa;
	color:#fff;
	font-size:20px;
	font-weight:bold;
}
main.about .reason1 .case3 .course .to_detail i{
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
}
main.about .reason1 .case4{
	padding:50px 0;
	background:#ebffe9;
}
main.about .reason1 .case4 h4{
	color:#65B95D;
}
main.about .reason1 .case4 .point{
	background:#65B95D;
}
main.about .reason1 .case4 .point:after{
	border-top-color:#65B95D;
}
main.about .reason1 .case4 li{
	position:relative;
	border:8px solid #65B95D;
	background:#fff;
	border-radius:10px;
}
main.about .reason1 .case4 li .choice{
	padding-bottom:10px;
	background:#65B95D;
	color:#fff;
	font-size:20px;
	text-align:center;
	text-shadow:3px 3px 0 #009245,-3px 3px 0 #009245,-3px -3px 0 #009245,3px -3px 0 #009245,3px 0 0 #009245,0 3px 0 #009245,-3px 0 0 #009245,0 -3px 0 #009245;
}
main.about .reason1 .case4 li .choice span{
	vertical-align:sub;
	margin-left:5px;
	font-size:30px;
}
main.about .reason1 .case4 li .inner{
	padding:5px 10px;
	background:#fff;
	border-radius:0 0 5px 5px;
}
main.about .reason1 .case4 li .inner .text{
	color:#65B95D;
}
main.about .reason1 .case4 li .inner .text h5{
	font-size:3vw;
	font-weight:bold;
}
main.about .reason1 .case4 li .inner .text p{
	font-size:1.8vw;
}
main.about .reason1 .case4 li .img{
	position:absolute;
	bottom:-5px;
	right:-5px;
	width:25%;
}
main.about .reason .md-half{
	width:49%;
	margin:20px .5%;
}
main.about .reason li{
	position:relative;
	background:#f26e00;
	border:8px solid #f26e00;
	border-radius:10px;
	box-shadow:2px 2px 5px #333;
	overflow:hidden;
}
main.about .reason li .icon{
	position:absolute;
	left:10px;
	top:-5px;
	width:20%;
}
main.about .reason li .image{
	margin-bottom:10px;
}
main.about .reason li .image img{
	width:100%;
}
main.about .reason li h4{
	width:75%;
	margin-left:25%;
	padding:10px 0 20px;
	background:#f26e00;
	color:#fff;
	font-size:34px;
	font-weight:bold;
	text-shadow:3px 3px 0 #f15000,-3px 3px 0 #f15000,-3px -3px 0 #f15000,3px -3px 0 #f15000,3px 0 0 #f15000,-3px 0 0 #f15000,0 3px 0 #f15000,0 -3px 0 #f15000,3px 3px 3px #555;
}
main.about .reason li .text{
	height:100%;
	background:#fff;
	padding:15px 25px;
}
main.about .compare .compare_main li{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:20px;
	padding:20px;
	border:5px solid;
	border-radius:10px;
	box-shadow:2px 2px 5px #333;
}
main.about .compare .compare_main li .img{
	width:36%;
}
main.about .compare .compare_main li .text{
	width:60%;
}
main.about .compare .compare_main li .text h4{
	margin-bottom:10px;
	font-size:2.2vw;
	font-weight:bold;
}
main.about .compare .compare_main li .text h4 span{
    display: inline-block;
	vertical-align:super;
    width: 65px;
    height: 65px;
	border:5px solid #fff;
    border-radius: 50%;
	box-shadow:0 0 5px #333;
    color: #fff;
    text-align: center;
    line-height: 55px;
}
main.about .compare .compare_main li .text h4 svg{
	width:calc(100% - 80px);
	margin-bottom:-8px;
}
main.about .compare .appeal .foreground {
	fill: #fff;
}
main.about .compare .compare_main li .text h4 .background {
	stroke: #fff;
	stroke-width: 5;
	stroke-linejoin: round;
	text-shadow:2px 2px 1px #111;
}
main.about .compare .compare_main li .text p{
	font-size:1.2vw;
}
main.about .compare .compare_main li:nth-child(1){
	background:#fff1f7;
	border-color:#e85298;
}
main.about .compare .compare_main li:nth-child(1) .text h4 .foreground {
	fill: #e85298;
}
main.about .compare .compare_main li:nth-child(1) .text h4 span {
	background: #e85298;
}
main.about .compare .compare_main li:nth-child(2){
	background:#ecf5ff;
	border-color:#398dea;
}
main.about .compare .compare_main li:nth-child(2) .text h4 .foreground {
	fill: #398dea;
}
main.about .compare .compare_main li:nth-child(2) .text h4 span {
	background: #398dea;
}
main.about .compare .compare_main li:nth-child(3){
	background:#ffeced;
	border-color:#FF1D25;
}
main.about .compare .compare_main li:nth-child(3) .text h4 .foreground {
	fill: #FF1D25;
}
main.about .compare .compare_main li:nth-child(3) .text h4 span {
	background: #FF1D25;
}
main.about .compare .compare_main li:nth-child(4){
	background:#f1ffef;
	border-color:#65B95D;
}
main.about .compare .compare_main li:nth-child(4) .text h4 .foreground {
	fill: #65B95D;
}
main.about .compare .compare_main li:nth-child(4) .text h4 span {
	background: #65B95D;
}
main.about .compare .appeal_gal{
	display:flex;
	align-items:center;
	margin-top:30px;
}
main.about .compare .appeal_gal .text{
	width:75%;
	font-size:32px;
}
main.about .compare .appeal_gal .text .big{
	font-size:48px;
	color:#f00;
}
main.about .compare .appeal_gal .text .mini{
	font-size:20px;
}
main.about .compare .appeal_gal .img{
	width:25%;
}
main.about .compare .appeal{
	background:#fedfc4;
	border:8px solid #ff6332;
	border-radius:10px;
	box-shadow:0 0 10px #333;
}
main.about .compare .appeal .title_box{
	position:relative;
	padding-top:5%;
	background:#ff6332;
	margin-bottom:30px;
}
main.about .compare .appeal svg {
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%) rotate(-2deg);
	display: inline-block;
	width: 75%;
	height: auto;
	font-weight:bold;
	overflow: visible;
}
main.about .compare .appeal .foreground {
	fill: #fff;
}
main.about .compare .appeal .background {
	stroke: #f15000;
	stroke-width: 5;
	stroke-linejoin: round;
	text-shadow:2px 2px 1px #111;
}
main.about .compare .appeal ul{
	padding:20px 20px 10px;
}
main.about .compare .appeal li{
	color:#ff6332;
	margin-bottom:10px;
	font-size:2.2vw;
}
main.about .compare .appeal li p{
	padding-left:20px;
}
main.about .compare .appeal li h6{
	font-size:2.2vw;
}
main.about .compare .appeal li h6:before{
	content:"▶";
}
main.about .compare .md-half{
	width:49%;
	margin:20px .5%;
}


@media (max-width: 1199.98px) {
	main.about h3{
		font-size:3.8vw;
	}
	main.about .mv .text{
		font-size:4.3vw;
	}
	main.about .mv .text span{
		font-size:6.5vw;
	}
	main.about .merit .include p{
		font-size:3.4vw;
	}
	main.about .merit .include p.big{
		font-size:5.2vw;
	}
	main.about .reason1 .point{
		font-size:1.6vw;
	}
	main.about .merit ol li h4{
		font-size:2vw;
	}
	main.about .reason1 .point span{
		font-size:4vw;
	}
	main.about .reason1 .case_title h4{
		font-size:4vw;
	}
	main.about .reason1 .case_title h4 span.mini{
		font-size:2.2vw;
	}
	main.about .reason1 .case_title h4 span.big{
		font-size:5.4vw;
	}
	main.about .reason1 .case1 h5{
		font-size:3.4vw;
	}
	main.about .reason1 .case2 h5{
		font-size:3.4vw;
	}
	main.about .reason1 .case3 .course h5{
		font-size:2vw;
	}
	main.about .reason li h4{
		font-size:2.8vw;
	}
	main.about .compare .compare_main li .text h4 span{
		width:50px;
		height:50px;
		line-height:40px;
	}
	main.about .compare .compare_main li .text h4 svg{
		width:calc(100% - 60px);
	}
	main.about .compare .compare_main li .text h4{
		font-size:2.8vw;
	}
	main.about .compare .compare_main li .text p{
		font-size:1.6vw;
	}
	main.about .compare .appeal h6{
		font-size:2.4vw;
	}
	main.about .compare .appeal li{
		font-size:2.4vw;
	}
	main.about .compare .appeal_gal .text{
		font-size:3.2vw;
	}
	main.about .compare .appeal_gal .text .big{
		font-size:5vw;
	}
	main.about .compare .appeal_gal .text .mini{
		font-size:2.2vw;
	}
}

@media (max-width: 767.98px) {
	main.about h3{
		font-size:6vw;
	}
	main.about .mv .text{
		margin-top:0;
		font-size:4.8vw;
	}
	main.about .mv .text span{
		font-size:8vw;
	}
	main.about .merit .include p{
		font-size:6.2vw;
	}
	main.about .merit .include p.big{
		font-size:9vw;
	}
	main.about .reason1 .point{
		font-size:4vw;
	}
	main.about .reason1 .point span{
		font-size:8.5vw;
	}
	main.about .reason1 .case_title h4{
		font-size:4.2vw;
	}
	main.about .reason1 .case_title h4 span.mini{
		font-size:3.7vw;
	}
	main.about .reason1 .case_title h4 span.big{
		font-size:7vw;
	}
	main.about .merit ol li.md-half{
		width:100%;
	}
	main.about .merit ol li h4{
		font-size:4.2vw;
	}
	main.about .reason li h4{
		font-size:5.2vw;
	}
	main.about .reason1 .md-half{
		width:100%;
		margin:20px 0;
	}
	main.about .reason1 .case1 h5{
		font-size:5.6vw;
	}
	main.about .reason1 .case1 li p{
		font-size:5vw;
	}
	main.about .reason1 .case2 h5{
		font-size:5.6vw;
	}
	main.about .reason1 .case2 .md-half{
		margin:0;
	}
	main.about .reason1 .case3 .course{
		width:100%;
		margin:20px 0 40px;
	}
	main.about .reason1 .case3 .item_box{
		display:flex;
	}
	main.about .reason1 .case3 .item_box .item{
		width:49%;
	}
	main.about .reason1 .case3 .course .to_detail a{
		font-size:6vw;
	}
	main.about .reason .md-half{
		width:100%;
		margin:20px 0;
	}
	main.about .compare .md-half{
		width:100%;
		margin:20px 0;
	}
	main.about .reason1 .case3 .course h5{
		font-size:5.5vw;
	}
	main.about .reason1 .case3 .course .to_detail{
		font-size:5.5vw;
	}
	main.about .reason1 .case4 li .inner .text h5{
		font-size:4.4vw;
	}
	main.about .reason1 .case4 li .inner .text p{
		font-size:3vw;
	}
	main.about .reason li .text h4{
		font-size:4.6vw;
	}
	main.about .compare .compare_main li{
		display:block;
	}
	main.about .compare .compare_main li .img{
		width:100%;
		margin-bottom:20px;
	}
	main.about .compare .compare_main li .text{
		width:100%;
	}
	main.about .compare .compare_main li .text h4{
		font-size:6.6vw;
	}
	main.about .compare .compare_main li .text p{
		margin-bottom:10px;
		font-size:4vw;
	}
	main.about .compare .compare_main li .text h4 span{
		vertical-align:middle;
	}
	main.about .compare .appeal .title_box{
		padding-top:10%;
		margin-bottom:10px;
	}
	main.about .compare .appeal svg{
		transform: translate(-50%,-89%) rotate(-2deg);
		width:90%;
	}
	main.about .compare .appeal h5{
		font-size:5vw;
	}
	main.about .compare .appeal li h6{
		font-size:3.9vw;
	}
	main.about .compare .appeal li p{
		font-size:3.9vw;
	}
	main.about .compare .appeal_gal .text{
		width:100%;
		padding:0 0 40px;
		font-size:5vw;
	}
	main.about .compare .appeal_gal .text .big{
		font-size:8vw;
	}
	main.about .compare .appeal_gal .text .mini{
		font-size:4vw;
	}
	main.about .compare .appeal_gal .img{
		display:none;
	}
	main.about .compare .appeal .background {
		text-shadow:1px 1px 1px #111;
	}
}

/*============================== VOICE =============================*/

main.voice .mv_box{
	padding:30px 0;
}
main.voice .mv_box .photo{
	border:10px solid #fff;
	box-shadow:3px 3px 5px #999;
}

@media (min-width: 768px) {
	main.voice .mv_box .photo{
		width:32.2%;
		margin-right:1.5%;
		border:10px solid #fff;
		box-shadow:3px 3px 5px #999;
	}
	main.voice .mv_box .photo:nth-child(3n){
		margin-right:0;
	}
	
}


@media (max-width: 767.98px) {
	main.voice .card li{
		width:100%;
		margin-right:0;
		margin-bottom:5px;
	}
}


/*=========== SINGLE ============*/

.single main.voice h2.single_title{
	margin-top:20px;
	margin-bottom:10px;
}
.single main.voice .date{
	margin-bottom:30px;
	text-align:right;
}
.single main.voice .contents>div{
	padding:20px;
}
.single main.voice .image{
	width:40%;
	margin-right:5%;
}
.single main.voice .image.order-2{
	margin-right:0;
	margin-left:5%;
}
.single main.voice .text{
	width:55%;
}
.single main.voice .text h4{
	margin-bottom:10px;
	font-size:24px;
	font-weight:bold;
}
.single main.voice .text p{
	margin-bottom:30px;
}
@media (max-width: 767.98px) {
	.single main.voice .image{
		width:100%;
	}
	.single main.voice .image.order-2{
		margin-right:0;
		margin-left:0;
	}
	.single main.voice .text{
		width:100%;
		padding:0;
		margin-bottom:40px;
	}
}


/*============================== ITEM =============================*/

main.item #recommend{
	position:relative;
	margin:100px 0 30px;
	padding:50px;
	background:#f8f8ff;
	border:3px solid #003685;
	border-radius:5px;
}
main.item #recommend h3{
	width:60%;
	padding:5px 10px;
	background:#003685;
	color:#fff;
	font-size:20px;
}
main.item #recommend ul li{
	margin:5px 0;
}
main.item #recommend ul li a{
	text-decoration:underline;
}
main.item #recommend .image{
	position:absolute;
	right:0;
	bottom:0;
	width:35%;
}
main.item #select_box dt{
	margin:20px 0;
	color:#003685;
	font-size:24px;
	text-align:center;
}
main.item #select_box dt span{
	cursor:pointer;
}
main.item #select_box div h3{
	padding:10px 0;
	margin-bottom:0;
	background:#d9e1ec;
	text-align:center;
}
main.item #select_box div ul{
	display:flex;
	flex-wrap:wrap;
	padding:15px;
}
main.item #select_box div ul li{
	width:16%;
	margin:0 .3%;
}
main.item #select_box div ul li input{
	display:none;
}
main.item #select_box div ul li span{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	padding:10px;
	background:#eee;
	border-radius:5px;
	text-align:center;
	cursor:pointer;
}
main.item #select_box div ul li input:checked+span{
	border:2px solid #003685;
}
main.item #select_box button{
	display:block;
	width:90%;
	max-width:300px;
	margin:10px auto;
	padding:15px 0;
	background:#003685;
	border-radius:5px;
	color:#fff;
}
main.item .condition{
	margin:20px 0;
}
main.item .item_box .box{
	padding-bottom:40px;
}
main.item .item_box .box h3{
	position:relative;
	padding:15px 0 20px;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
main.item .item_box .box h3 span{
	font-size:48px;
}
main.item .item_box .box h3 span.mini{
	font-size:16px;
}
main.item .item_box .box h3:after{
	content:"";
	position:absolute;
	bottom:-34px;
	left:calc(50% - 10px);
	display:inline-block;
	border:10px solid transparent;
	border-top:24px solid #000;
}
main.item .item_box li{
	padding:0;
	color:#003685;
	text-align:center;
}
main.item .item_box li .fee{
	font-size:18px;
}
main.item .item_box li .fee span{
	font-size:24px;
}
main.item .item_box .card li{
	padding:0;
	border-width:4px;
	overflow:hidden;
}
main.item .item_box .card li a{
	display:block;
	overflow:hidden;
}
main.item .item_box .card li a .name{
	padding:10px 0;
	color:#fff;
	font-size:22px;
	text-align:center;
}
main.item .item_box .card a .image{
	margin:0;
	padding:5x;
}
main.item .item_box .card a .info{
	padding:0 5px 5px;
	text-align:center;
}
main.item .item_box .card a .info .fee{
	margin-bottom:10px;
	font-size:22px;
	line-height:1;
}
main.item .item_box .card a .info .fee span{
	font-size:40px;
	font-weight:bold;
}
main.item .item_box .card a .info .check{
	position:relative;
	margin-top:10px;
	padding:10px 0;
	color:#fff;
}
main.item .item_box .card a .info .check i{
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
}
main.item .item_box #fee1 .card a .info{
	color:#003685;
}
main.item .item_box #fee1 .card li a .name{
	background:#003685;
}
main.item .item_box #fee1.box li{
	border-color:#003685;
	color:#003685;
}
main.item .item_box #fee1.box h3{
	background:#003685;
	color:#003685;
	text-shadow:3px 3px 0 #fff,-3px 3px 0 #fff,-3px -3px 0 #fff,3px -3px 0 #fff,3px 0 0 #fff,0 3px 0 #fff,-3px 0 0 #fff,0 -3px 0 #fff,3px 3px 3px #333;
}
main.item .item_box #fee1.box h3:after{
	border-top-color:#003685;
}
main.item .item_box #fee1.box .card a .info .check{
	background:#003685;
}
main.item .item_box #fee2 .card a .info{
	color:#0aa36a;
}
main.item .item_box #fee2 .card li a .name{
	background:#0aa36a;
}
main.item .item_box #fee2.box li{
	border-color:#0aa36a;
	color:#0aa36a;
}
main.item .item_box #fee2.box h3{
	background:#0aa36a;
	color:#0aa36a;
	text-shadow:3px 3px 0 #fff,-3px 3px 0 #fff,-3px -3px 0 #fff,3px -3px 0 #fff,3px 0 0 #fff,0 3px 0 #fff,-3px 0 0 #fff,0 -3px 0 #fff,3px 3px 3px #333;
}
main.item .item_box #fee2.box h3:after{
	border-top-color:#0aa36a;
}
main.item .item_box #fee2.box .card a .info .check{
	background:#0aa36a;
}
main.item .item_box #fee3 .card a .info{
	color:#f09005;
}
main.item .item_box #fee3 .card li a .name{
	background:#f09005;
}
main.item .item_box #fee3.box li{
	border-color:#f09005;
	color:#f09005;
}
main.item .item_box #fee3.box h3{
	background:#f09005;
	color:#f09005;
	text-shadow:3px 3px 0 #fff,-3px 3px 0 #fff,-3px -3px 0 #fff,3px -3px 0 #fff,3px 0 0 #fff,0 3px 0 #fff,-3px 0 0 #fff,0 -3px 0 #fff,3px 3px 3px #333;
}
main.item .item_box #fee3.box h3:after{
	border-top-color:#f09005;
}
main.item .item_box #fee3.box .card a .info .check{
	background:#f09005;
}

@media (max-width: 1199.98px) {
	main.item .item_box .card a .info .fee span{
		font-size:4.2vw;
	}
	main.item .item_box .card a .info .fee{
		font-size:1.6vw;
	}
}
@media (max-width: 767.98px) {
	main.item #recommend{
		margin:30px 0;
		padding:30px;
	}
	main.item #recommend h3{
		width:100%;
	}
	main.item #select_box div ul li{
		width:32.3%;
		margin:5px .5%;
	}
	main.item .card li{
		width:100%;
		margin-right:0;
	}
	main.item .item_box .card li a .name{
		font-size:5.4vw;
	}
	main.item .item_box .card a .info .fee{
		font-size:4.4vw;
	}
	main.item .item_box .card a .info .fee span{
		font-size:10.5vw;
	}
	main.item .item_box .card a .info .bonus{
		font-size:4.4vw;
	}
	main.item .item_box .box h3{
		font-size:6vw;
	}
	main.item .item_box .box h3 span{
		font-size:9vw;
	}
	main.item .item_box .box h3 span.mini{
		font-size:4vw;
	}
	main.item .item_box .card a .info .check{
		font-size:5vw;
	}
}

/*======== SINGLE =========*/

main.item #item_mv{
	margin:60px 0;
}
main.item #item_mv .inner_box h2{
	padding:15px 0;
	background:#003685;
	color:#fff;
	text-align:center;
}
main.item #item_mv .inner_box .image{
	width:48%;
} 
main.item #item_mv .inner_box .image .slider_thumb .item{
	opacity:.5;
	cursor:pointer;
}
main.item #item_mv .inner_box .image .slider_thumb .item.slick-current{
	opacity:1;
}
main.item #item_mv .inner_box .info{
	width:48%;
	margin-left:4%;
}
main.item #item_mv .inner_box .info_box{
	align-items:center;
	padding:20px;
}
main.item #item_mv .inner_box .info .extra{
	color:#fff;
	font-size:2vw;
}
main.item #item_mv .inner_box .info .fee{
	color:#fff;
	margin-bottom:20px;
	font-size:3vw;
	line-height:1;
}
main.item #item_mv .inner_box .info .fee span{
	font-size:6vw;
}
main.item #item_mv .inner_box .info .include{
	margin:20px 0 50px;
}
main.item #item_mv .inner_box .info .include p{
	margin-bottom:10px;
	font-size:1.6vw;
	text-align:center;
}
main.item #item_mv .inner_box .info .include p span{
	color:#f00;
	font-size:3vw;
}
main.item #item_mv .inner_box .info .include li{
	width:32%;
	margin:5px .5%;
	padding:3px 0;
	border-radius:100px;
	font-size:1.4vw;
	text-align:center;
}
main.item #item_mv .inner_box .info .popup_btn{
	position:relative;
	border:8px solid;
	border-radius:10px;
}
main.item #item_mv .inner_box .info .popup_btn .bg_white{
	padding:5px 0;
	background:#fff;
	border-radius: 8px 8px 0 0;
}
main.item #item_mv .inner_box .info .popup_btn .bg_white span{
	display:block;
	width:70%;
	margin-left:30%;
	font-size:24px;
}
main.item #item_mv .inner_box .info .popup_btn .img{
	position:absolute;
	left:0;
	bottom:-8px;
	width:25%;
}
main.item #item_mv .inner_box .info .popup_btn .big {
	position:relative;
	padding:10px 0;
}
main.item #item_mv .inner_box .info .popup_btn .big .foreground {
	fill: #fff;
}
main.item #item_mv .inner_box .info .popup_btn .big .background {
	stroke: #f15000;
	stroke-width: 5;
	stroke-linejoin: round;
	text-shadow:0 0 1px #111;
}
main.item #simulation li dl dt{
	margin-bottom:15px;
}
main.item #simulation #option li{
	width:32.3%;
	margin:5px .5%;
}
main.item #simulation #option li input{
	display:none;
}
main.item #simulation #option li input:checked+span{
	background:#003685;
}
main.item #simulation #option li span{
	display:block;
	padding:5px 0;
	background:#ccc;
	border-radius:5px;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
main.item #simulation button{
	display:block;
	width:90%;
	max-width:300px;
	padding:15px 0;
	margin:20px auto 20px;
	background:linear-gradient(to right,#001d53,#1d4c92);
	border-radius:100px;
	color:#fff;
	text-align:center;
}
main.item #simulation #total{
	display:none;
}
main.item #simulation #total .text{
	font-size:24px;
	text-align:center;
}
main.item #simulation #total .big{
	font-size:42px;
}
main.item #simulation #close{
	position:absolute;
	right:10px;
	top:50px;
	cursor:pointer;
}
main.item #appeal{
	margin-bottom:80px;
}
main.item #appeal .image{
	width:35%;
	margin-right:2%;
}
main.item #appeal .contents{
	width:63%;
}
main.item #appeal .contents div{
	border:2px solid #001d53;
}
main.item #appeal .contents div h3{
	padding:10px 0;
	margin:0;
	background:#d9e1ec;
	color:#001d53;
	font-size:2vw;
	font-weight:bold;
	text-align:center;
}
main.item .point{
	margin-bottom:20px;
}
main.item .recommend ul,main.item .point ul{
	padding:30px 20px;
}
main.item .recommend ul li,main.item .point ul li{
	margin-bottom:10px;
	font-size:1.6vw;
}
main.item .recommend ul i,main.item .point ul i{
	margin-right:20px;
	color:#f00;
}
main.item form dl{
	display:flex;
	margin:30px 0;
}
main.item form dl dt{
	width:250px;
}
main.item form dl dt span{
	padding:2px 10px;
	margin-right:10px;
	background:#f00;
	color:#fff;
}
main.item form dl dd{
	width:calc(100% - 250px);
}
main.item form dl dd ul{
	display:flex;
	flex-wrap:wrap;
}
main.item form dl dd ul li{
	width:50%;
	margin:5px 0;
}
main.item form dl dd input[type="text"]{
	width:100%;
	padding:8px 15px;
	box-shadow:0 0 3px 1px #777 inset;
	font-size:16px;
}
main.item form dl dd select{
	width:100%;
	padding:8px 15px;
	box-shadow:0 0 3px 1px #777 inset;
}
main.item form dl dd input[type="text"].w-50{
	width:40%;
	margin-right:2%;
}
main.item form dl dd span{
	display:block;
	color:#f00;
}
main.item form .btn{
	width:100%;
	max-width:320px;
	margin:0 auto;
}
main.item form .btn button{
	position:relative;
	display:block;
	width:100%;
	padding:10px;
	color:#fff;
}
main.item form .btn button:after{
	content:"";
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	display:inline-block;
	border:8px solid transparent;
	border-left:12px solid #fff;
}
main.item .form .appeal{
	font-size:30px;
	margin:50px 0 30px;
	text-align:center;
}
main.item #appeal_text{
	padding:50px 0;
}

@media (max-width: 767.98px) {
	main.item #item_mv .inner_box h2{
		font-size:5.5vw;
	}
	main.item #item_mv .inner_box  .info_box{
		padding:0;
	}
	main.item #item_mv .inner_box .image{
		width:100%;
	}
	main.item #item_mv .inner_box .info{
		width:100%;
		margin-top:10px;
		margin-left:0;
	}
	main.item #item_mv .inner_box .info .include li{
		width:32.3%;
	}
	main.item #item_mv .inner_box .info .extra{
		font-size:4vw;
	}
	main.item #item_mv .inner_box .info .fee{
		font-size:6.5vw;
	}
	main.item #item_mv .inner_box .info .fee span{
		font-size:14vw;
	}
	main.item #item_mv .inner_box .info .include p{
		margin-bottom:10px;
		font-size:4vw;
	}
	main.item #item_mv .inner_box .info .include p span{
		font-size:6.5vw;
	}
	main.item #item_mv .inner_box .info .popup_btn .bg_white span{
		font-size:4.4vw;
	}
	main.item #simulation #option li{
		width:49%;
	}
	main.item #simulation #total .text{
		font-size:24px;
		text-align:center;
	}
	main.item #simulation #total .big{
		font-size:42px;
	}
	main.item #appeal .image{
		display:none;
	}
	main.item #appeal .contents{
		width:100%;
	}
	main.item #appeal .contents div h3{
		font-size:4.5vw;
	}
	main.item .recommend ul li,main.item .point ul li{
		font-size:3.6vw;
	}
	main.item form dl{
		flex-direction:column;
	}
	main.item form dl dt{
		width:100%;
		margin-bottom:10px;
	}
	main.item form dl dd{
		width:100%;
	}
	main.item form dl dd ul li{
		width:100%;
		margin:5px 0;
	}
	main.item .form .appeal{
		font-size:5.5vw;
	}
}

/*============================== NEWS =============================*/

main.news .news_list li a{
	display:block;
	padding:10px 0;
	border-bottom:1px solid #003685;
}
main.news .news_list{
	border-top:1px solid #003685;
}
main.news .news_list li .info span{
	padding:0 10px;
	margin-left:10px;
	background:#ccc;
	color:#555;
}

@media (max-width: 767.98px) {
}

/*======== SINGLE =========*/

main.news .single-post{
	padding:50px 0;
}
main.news .single-post h2{
	border-bottom:2px solid #003685;
}
main.news .single-post .date{
	text-align:right;
	font-weight:bold;
}
main.news .single-post .contents{
	padding:30px 0 0;
}

/*============================== COLMUN =============================*/

/*=========== SINGLE ============*/

.single main.column h2.single_title{
	margin-top:20px;
	margin-bottom:10px;
}
.single main.column .date{
	margin-bottom:30px;
	text-align:right;
}
.single main.column .contents>div{
	padding:20px;
}
.single main.column .image{
	width:40%;
	margin-right:5%;
}
.single main.column .image.order-2{
	margin-right:0;
	margin-left:5%;
}
.single main.column .text{
	width:55%;
}
.single main.column .text h4{
	margin-bottom:10px;
	font-size:24px;
	font-weight:bold;
}
.single main.column .text p{
	margin-bottom:30px;
}
@media (max-width: 767.98px) {
	.single main.column .image{
		width:100%;
	}
	.single main.column .image.order-2{
		margin-right:0;
		margin-left:0;
	}
	.single main.column .text{
		width:100%;
		padding:0;
		margin-bottom:40px;
	}
}

/*============================== CONTACT =============================*/

main.contact form dl,main.document form dl{
	display:flex;
	margin:30px 0;
}
main.contact form dl dt,main.document form dl dt{
	width:250px;
}
main.contact form dl dt span,main.document form dl dt span{
	padding:2px 10px;
	margin-right:10px;
	background:#f00;
	border-radius:5px;
	color:#fff;
}
main.contact form dl dd,main.document form dl dd{
	width:calc(100% - 250px);
}
main.contact form dl dd ul,main.document form dl dd ul{
	display:flex;
	flex-wrap:wrap;
}
main.contact form dl dd ul li,main.document form dl dd ul li{
	width:50%;
	margin:5px 0;
}
main.contact form dl dd input[type="text"],main.document form dl dd input[type="text"]{
	width:100%;
	padding:8px 15px;
	box-shadow:0 0 3px 1px #777 inset;
	font-size:16px;
}
main.contact form dl dd select,main.document form dl dd select{
	width:100%;
	padding:8px 15px;
	box-shadow:0 0 3px 1px #777 inset;
	font-size:16px;
}
main.contact form dl dd span,main.document form dl dd span{
	display:block;
	color:#f00;
}
main.contact form .btn,main.document form .btn{
	width:100%;
	max-width:320px;
	margin:0 auto;
}
main.contact form .btn button,main.document form .btn button{
	position:relative;
	display:block;
	width:100%;
	padding:10px;
	color:#fff;
}
main.contact form .btn button:after,main.document form .btn button:after{
	content:"";
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	display:inline-block;
	border:8px solid transparent;
	border-left:12px solid #fff;
}
main.contact form dl dd input[type="text"].w-50,main.document form dl dd input[type="text"].w-50{
	width:40%;
	margin-right:2%;
}

main.contact_thanks .message{
	margin-top:50px;
	line-height:1.8;
	text-align:center;
}


@media (max-width: 767.98px) {
	main.contact form dl,main.document form dl{
		flex-direction:column;
	}
	main.contact form dl dt,main.document form dl dt{
		margin-bottom:10px;
	}
	main.contact form dl dd,main.document form dl dd{
		width:100%;
	}
	main.contact form dl dd ul li,main.document form dl dd ul li{
		width:100%;
		margin:5px 0;
	}
}




/*============================== Q&A =============================*/

main.faq .qalist{
	padding:30px 0;
}
main.faq .qalist li{
	margin-bottom:20px;
}
main.faq .qalist li dt{
	position:relative;
	padding:15px 50px 15px 15px;
	background:#000;
	color:#fff;
	cursor:pointer;
}
main.faq .qalist li dt:before{
	content:"";
	position:absolute;
	top:50%;
	right:15px;
	transform:translateY(-50%);
	display:inline-block;
	width:30px;
	height:5px;
	background:#fff;
}
main.faq .qalist li dt:after{
	content:"";
	position:absolute;
	top:50%;
	right:15px;
	transform:translateY(-50%);
	display:inline-block;
	width:30px;
	height:5px;
	background:#fff;
	transition:transform .5s ease;
}
main.faq .qalist li .active dt:after{
	transform:translateY(-50%) rotate(450deg);
}
main.faq .qalist li dd{
	display:none;
	padding:20px;
}

@media (max-width: 767.98px) {
}


/*============================== TROUBLE =============================*/

main.trouble .top .inner{
	padding:50px 0;
	background:#f26e00;
	max-width:none;
}
main.trouble .top .inner .description{
	color:#fff;
	font-size:24px;
	text-shadow:3px 3px 0 #f15000,-3px 3px 0 #f15000,-3px -3px 0 #f15000,3px -3px 0 #f15000,3px 0 0 #f15000,-3px 0 0 #f15000,0 3px 0 #f15000,0 -3px 0 #f15000,3px 3px 3px #555;
}
main.trouble .top .trouble_link ul{
	display:flex;
	flex-wrap:wrap;
	margin-top:50px;
}
main.trouble .top .trouble_link ul li{
	width:31.3%;
	margin:10px 1%;
	background:#fff;
	border:8px solid #ffddc1;
	border-radius:8px;
	box-shadow:0 0 5px #999;
}
main.trouble .top .trouble_link ul li a{
	display:block;
	padding:10px;
	text-align:center;
}

main.trouble #trouble_contents>div h3{
	padding:10px;
	font-size:2.2vw;
	font-weight:bold;
	text-align:center;
}
main.trouble #trouble_contents .cont{
	padding:50px 0 80px;
	justify-content:space-between;
}
main.trouble #trouble_contents .cont .text dt{
	display:none;
	padding:5px;
	border:2px solid;
	border-radius:10px;
	text-align:center;
}
main.trouble #trouble_contents .cont .text h4{
	margin-bottom:40px;
	font-size:2.6vw;
	font-weight:bold;
}
main.trouble #trouble_contents .cont .text p{
	font-size:1.4vw;
}
main.trouble #trouble_contents>div:nth-child(2n+1) h3{
	position:relative;
	background:repeating-linear-gradient(45deg,rgba(255,255,255,.2),rgba(255,255,255,.2) 10px,transparent 0,transparent 20px),#65b95d;
	color:#fff;
	text-shadow:3px 3px 0 #008535,-3px 3px 0 #008535,-3px -3px 0 #008535,3px -3px 0 #008535,3px 0 0 #008535,-3px 0 0 #008535,0 3px 0 #008535,0 -3px 0 #008535,3px 3px 3px #555;
}
main.trouble #trouble_contents>div:nth-child(2n+1) h3:after{
	content:"";
	display:inline-block;
	position:absolute;
	bottom:-35px;
	left:50%;
	transform:translateX(-50%);
	border:15px solid transparent;
	border-top:20px solid #65b95d;
}
main.trouble #trouble_contents>div:nth-child(2n+1) h4{
	color:#008535;
	text-shadow:3px 3px 0 #fff,-3px 3px 0 #fff,-3px -3px 0 #fff,3px -3px 0 #fff,3px 0 0 #fff,-3px 0 0 #fff,0 3px 0 #fff,0 -3px 0 #fff,3px 3px 3px #555;

}
main.trouble #trouble_contents>div:nth-child(2n) h3{
	position:relative;
	background:repeating-linear-gradient(45deg,rgba(255,255,255,.2),rgba(255,255,255,.2) 10px,transparent 0,transparent 20px),#f09005;
	color:#fff;
	text-shadow:3px 3px 0 #f15000,-3px 3px 0 #f15000,-3px -3px 0 #f15000,3px -3px 0 #f15000,3px 0 0 #f15000,-3px 0 0 #f15000,0 3px 0 #f15000,0 -3px 0 #f15000,3px 3px 3px #555;
}
main.trouble #trouble_contents>div:nth-child(2n) h3:after{
	content:"";
	display:inline-block;
	position:absolute;
	bottom:-35px;
	left:50%;
	transform:translateX(-50%);
	border:15px solid transparent;
	border-top:20px solid #f09005;
}
main.trouble #trouble_contents>div:nth-child(2n) h4{
	color:#f15000;
	text-shadow:3px 3px 0 #fff,-3px 3px 0 #fff,-3px -3px 0 #fff,3px -3px 0 #fff,3px 0 0 #fff,-3px 0 0 #fff,0 3px 0 #fff,0 -3px 0 #fff,3px 3px 3px #555;
}
main.trouble #trouble_contents>div:nth-child(2n) h5{
	margin-top:30px;
	color:#fff;
	font-size:42px;
	text-align:center;
	text-shadow:3px 3px 0 #f15000,-3px 3px 0 #f15000,-3px -3px 0 #f15000,3px -3px 0 #f15000,3px 0 0 #f15000,-3px 0 0 #f15000,0 3px 0 #f15000,0 -3px 0 #f15000,3px 3px 3px #555;
}
main.trouble #trouble1 ul{
	margin-top:50px;
}
main.trouble #trouble1 li.md-half{
	width:49%;
	margin:10px .5%;
}
main.trouble #trouble1 .box h4{
	color:#e85298;
}
main.trouble #trouble1 .box .case_title h4 span.mini{
	display:inline-block;
}
main.trouble #trouble1 .box .case_title h4 span.description{
	display:block;
	color:#000;
	font-size:14px;
	text-shadow:none;
}
main.trouble #trouble1 .box{
	margin-bottom:20px;
	background:#e85298;
	border:10px solid #e85298;
	border-radius:10px;
	box-shadow:3px 3px 5px #000;
}
main.trouble #trouble1 .box h5{
	padding-bottom:10px;
	background:#e85298;
	color:#fff;
	font-size:36px;
	font-weight:bold;
	text-align:center;
}
main.trouble #trouble1 li p{
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
main.trouble #trouble1 li p span{
	display:block;
	color:#e85298;
}
main.trouble #trouble4 picture{
	display:block;
	margin-top:30px;
}
main.trouble #trouble5 picture{
	display:block;
	margin-top:50px;
}

@media (max-width: 1199.98px) {
	main.trouble #trouble_contents>div h3{
		font-size:3vw;
	}
	main.trouble #trouble_contents .cont .text h4{
		font-size:3vw;
	}
	main.trouble #trouble_contents .cont .text p{
		font-size:2vw;
	}
	main.trouble .top .trouble_link ul li a{
		font-size:1.5vw;
	}
	main.trouble #trouble_contents>div:nth-child(2n) h5{
		font-size:4vw;
	}
}

@media (max-width: 767.98px) {
	main.trouble .top .trouble_link ul li{
		width:49.5%;
		margin-right:1%;
		margin-left:0;
	}
	main.trouble .top .trouble_link ul li:nth-child(2n){
		margin-right:0;
	}
	main.trouble .top .trouble_link ul li a{
		font-size:3.2vw;
	}
	main.trouble .top .inner .description{
		font-size:4vw;
	}
	main.trouble .top .trouble_link ul li a{
		padding:10px;
	}
	main.trouble #trouble_contents>div h3{
		font-size:6vw;
	}
	main.trouble #trouble_contents .cont .text{
		width:100%;
	}
	main.trouble #trouble_contents .cont .text dt{
		display:block;
	}
	main.trouble #trouble_contents .cont .text dd{
		display:none;
		padding-top:20px;
	}
	main.trouble #trouble_contents .cont .text h4{
		font-size:4.6vw;
	}
	main.trouble #trouble_contents .cont .text p{
		font-size:3.6vw;
	}
	main.trouble #trouble1 li.md-half{
		width:100%;
		margin:10px 0;
	}
	main.trouble #trouble1 .box h5{
		font-size:7vw;
	}
	main.trouble #trouble_contents>div:nth-child(2n) h5{
		font-size:10vw;
	}
}





/*-----------------------------
		ZOHOフォーム共通設定
------------------------------*/

.zcwf_lblLeft form .zcwf_title{
	display:none;
}
.zcwf_lblLeft form .zcwf_row{
	margin:1px 0;
}
.zcwf_lblLeft form .zcwf_row .zcwf_col_lab label{
	display:block;
	padding:10px 0;
	background:#d9e1ec;
	text-align:center;
}
.zcwf_lblLeft form .zcwf_col_lab{
	padding:0;
}
.zcwf_lblLeft form .zcwf_row .zcwf_col_fld input[type="text"]{
	width:100%;
	padding:5px 10px;
}
.zcwf_lblLeft form .zcwf_row .zcwf_col_fld input[type="reset"]{
	display:none;
}
.zcwf_lblLeft form .zcwf_row .zcwf_col_fld input[type="submit"]{
	position:relative;
	max-width:200px;
	padding:10px 60px;
	border:none;
	border-radius:0;
	color:#fff;
	font-size:1.6vw;
}



/*---------------------------------
  header,footerここから
---------------------------------*/

header.fixed{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:99999;
	transition:all .5s linear;
}
header.fixed.bg_white{
	background:#fff;
}

.header {
	padding-top: 20px;
}

.header__inner {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

.header-top {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	border-bottom: 1px solid #003685;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding-bottom: 16px;
}

.header-utilities {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: center;
	align-items: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.header-utilities .cta__btn {
	width: 182px;
}

.header-logo {
	width: 195px;
}

.header-utilities__tel {
	color: #003685;
	font-weight: bolder;
	line-height: 1.25;
	margin-right: 1em;
	position: relative;
}

.header-utilities__tel span {
	font-weight: normal;
}

.header-utilities__tel::before {
	-webkit-transform: translate(-2px, -40%);
	-ms-transform: translate(-2px, -40%);
	background-image: url(../images/common/tel_icon.svg);
	background-position-x: right;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 1.65em;
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translate(-2px, -40%);
	width: 1.65em;
}
.footer {
	background-color: #D9E1ED;
	margin-top: 52px;
	padding-bottom: 24px;
	padding-top: 24px;
}

.footer--border-top-gray {
	border-top: 1px solid #777;
}

.footer-logo {
	width: 165px;
}

.footer-address {
	font-size: 18px;
}

.footer-address__post {
	font-size: 19px;
}

.footer-info__name {
	font-size: 21px;
	margin-top: 18px;
}

.footer-address__post {
	margin-top: 12px;
}

.footer-address__place {
	line-height: 1.35;
}

.footer-address__tel {
	margin-top: 0.8em;
}

.footer-address__open {
	font-size: 17px;
}

.footer__inner {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

.footer-body {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	color: #003685;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.footer-info {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.footer nav {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
}

.footer-nav {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0;
}

.footer-nav__item {
	margin-right: 62px;
}

.footer-nav__item:last-of-type {
	margin-right: 82px;
}

.footer-nav__item > *:last-child {
	margin-bottom: 0;
}

.footer-nav__item:last-child .footer-nav__link::after {
	content: none;
}

.footer-nav__link {
	color: #003685;
	display: inline-block;
	font-size: 15px;
	margin-bottom: 6px;
	position: relative;
	text-decoration: none;
}

.footer-nav__link:focus,
.footer-nav__link:hover {
	text-decoration: underline;
}

.footer-nav__link:before {
	content: "\025b6";
	display: inline-block;
	font-size: 1em;
	position: absolute;
	right: calc(100% + 4px);
	top: 0;
}

.footer-child-nav {
	list-style-type: none;
	padding-left: 0;
}

.footer-child-nav__item {
	margin-bottom: 0px;
}

.footer-child-nav__link {
	color: #003685;
	display: block;
	font-size: 14px;
	text-decoration: none;
}

.footer-child-nav__link:focus,
.footer-child-nav__link:hover {
	text-decoration: underline;
}

.footer-copyright {
	color: #003685;
	display: block;
	font-size: 12px;
	text-align: center;
}

.footer-second-nav__link {
	font-size: 15px;
}

.cta { /*はじめは非表示*/
	background-color: #003685;
	bottom: -80px;
	display: none;
	left: 0;
	padding-bottom: 12px;
	padding-top: 8px;
	position: fixed;
	width: 100%;
	z-index: 2;
	transition:all .3s linear;
}
.cta.active { /*はじめは非表示*/
	bottom: 0;
}


.cta .cta__btn {
	display: block;
	text-align: center;
	width: calc(50% - 3px);
}

.cta__btn-list {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	width: 86%;
}

.cta__btn {
	-webkit-box-shadow: none;
	background-color: #003685;
	border-radius: 8px;
	box-shadow: none;
	color: #fff;
	font-size: 14px;
	padding: 1.5em 20px;
	text-align: center;
	width: auto;
}

.cta__btn.cta__btn--navy {
	background-color: #003685;
	margin-right: 0.8em;
}

.cta__btn.cta__btn--red {
	background-color: #E50012;
}

.cta__btn.cta__btn--white {
	background-color: #fff;
	color: #003685;
}

.header-utilities__tel {
	font-size: 22px;
}

.header-utilities__tel span {
	display: block;
	font-size: 14px;
}

.header-nav__list {
	-ms-flex-pack: distribute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0;
}

.header-nav__item {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center;
}

.header-nav__item .cta__btn {
	display: block;
}

.header-nav__btnitem .cta__btn {
	display: block;
	width: 172px;
}

.header-nav__link {
	-webkit-transition: .25s;
	border-bottom: 4px solid transparent;
	color: #003685;
	display: block;
	font-size: 14px;
	padding: 20px 5px;
	position: relative;
	text-decoration: none;
	transition: .25s;
}

.header-nav__link::after {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background-color: #003685;
	content: '';
	height: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

.header-nav__item:first-child .header-nav__link::before {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background-color: #003685;
	content: '';
	height: 20px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

/*---------------------------------
    humburger
  ---------------------------------*/

.openbtn {
	border-radius: 7px;
	cursor: pointer;
	display: none;
	height: 48px;
	position: relative;
	width: 48px;
	z-index: 9999;
}

.openbtn.active span {
	background: #fff;
}

.openbtn::before {
	-webkit-transition: 0.2s;
	background-color: transparent;
	content: "";
	height: calc(100% + 32px);
	position: absolute;
	right: -25px;
	top: -16px;
	transition: 0.2s;
	width: 92px;
}

.openbtn.active::before {
	background-color: #003685;
}

/*ボタン内側*/

.openbtn span {
	-webkit-transition: all 0.4s;
	background: #003685;
	border-radius: 2px;
	display: inline-block;
	height: 3px;
	left: 14px; /*アニメーションの設定*/
	position: absolute;
	transition: all 0.4s;
	width: 22px;
}

.openbtn span:nth-of-type(1) {
	top: 15px;
}

.openbtn span:nth-of-type(2) {
	top: 23px;
}

.openbtn span:nth-of-type(3) {
	top: 31px;
}

.openbtn.active span:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(-45deg);
	-ms-transform: translateY(6px) rotate(-45deg);
	left: 14px;
	top: 18px;
	transform: translateY(6px) rotate(-45deg);
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0; /*真ん中の線は透過*/
}

.openbtn.active span:nth-of-type(3) {
	-webkit-transform: translateY(-6px) rotate(45deg);
	-ms-transform: translateY(-6px) rotate(45deg);
	left: 14px;
	top: 30px;
	transform: translateY(-6px) rotate(45deg);
}

.mb8 {
	margin-bottom: 8px;
}

.mb16 {
	margin-bottom: 16px;
}

.pconly {
	display: block !important;
}

.sponly {
	display: none !important;
}

@media screen and (max-width: 1200px) {
.header__inner {
	padding-left: 15px;
	padding-right: 15px;
}
.footer__inner {
	padding-left: 15px;
	padding-right: 15px;
}

}

@media (max-width: 1199px) {
.header-utilities .cta__btn {
	width: 140px;
}

.cta__btn {
	font-size: 11px;
}

.header-utilities__tel {
	font-size: 17px;
}

.header-utilities__tel span {
	font-size: 11px;
}

.header-nav__link {
	font-size: 1.4vw;
}
	
.footer-address {
	font-size: 14px;
}

.footer-address__post {
	font-size: 15px;
}

.footer-info__name {
	font-size: 16px;
}

.footer-address__open {
	font-size: 13px;
}

.footer-nav__link {
	font-size: 12px;
}

.footer-child-nav__link {
	font-size: 11px;
}

.footer-second-nav__link {
	font-size: 12px;
}

}

@media (max-width: 767px) {

.header {
	background-color: #fff;
	padding-top: 14px;
	position: fixed;
	width: 100%;
	z-index: 9999;
}

.header__inner {
	padding-left: 25px;
	padding-right: 25px;
}

.header-top {
	border-bottom: 0px;
	padding-bottom: 12px;
}

.header-utilities {
	display: none;
}

.header-logo {
	width: 165px;
}

.cta__btn {
	font-size: 3.5vw;
	padding:10px 0;
}

.header-nav {
	-webkit-transition: all 0.6s;
	background-color: #003685;
	background-image: url(../images/common/car_illust_navy.svg);
	background-position: right 12px bottom 4%;
	background-repeat: no-repeat;
	background-size: 92px;
	height: calc(100vh - 72px);
	position: fixed;
	right: -120%;
	top: 79px;
	transition: all 0.6s;
	width: 100%;
	z-index: 999;
}

.header-nav .header-nav-wrapper {
	-webkit-overflow-scrolling: touch;
	height: 90vh;
	overflow: auto;
	position: fixed;
	width: 100%;
	z-index: 999;
}

.header-nav.active {
	right: 0;
	width: 60%;
}

.header-nav__list {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	display: block;
	left: 28px;
	padding-bottom: 10px; /*ナビゲーション天地中央揃え*/
	position: absolute;
	top: 260px;
	transform: translate(0, -50%);
	z-index: 999;
}

.header-nav__item {
	text-align: left;
}

.header-nav__link {
	color: #fff;
	font-size:4vw;
	padding: 8px 5px;
	padding-left: 1.8em;
}

.header-nav__link span:before {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	content: "\025b6";
	display: inline-block;
	font-size: 1em;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.header-nav__link::after {
	content: none;
}

.header-nav__item:first-child .header-nav__link::before {
	content: none;
}
.footer {
	background-image: url(../images/common/car_illust.svg);
	background-position: right 4% bottom 14%;
	background-repeat: no-repeat;
	background-size: 92px;
	padding-bottom: 62px;
}

.footer-logo {
	width: 127px;
}

.footer-address {
	font-size: 14px;
}

.footer-address__post {
	font-size: 15px;
}

.footer-info__name {
	font-size: 16px;
}

.footer-address__post {
	margin-top: 8px;
}

.footer-address__tel {
	margin-top: 8px;
}

.footer-address__open {
	font-size: 13px;
}

.footer__inner {
	padding-left: 25px;
	padding-right: 25px;
}

.footer-body {
	display: block;
	margin-bottom: 36px;
}

.footer nav {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 0.8em;
	margin-top: 1em;
	width: auto;
}

.footer-nav__item:last-of-type {
	margin-right: 0px;
}

.footer-nav__item {
	margin-right: 6.2vw;
}

.footer-nav__link {
	font-size: 12px;
}

.footer-nav__link:before {
	right: calc(100%);
}

.footer-child-nav__link {
	font-size: 11px;
}

.footer-second-nav {
	display: none;
}

.footer-second-nav__link {
	font-size: 12px;
}

.cta {
	display: block;
}

.openbtn {
	display: block;
}

.pconly {
	display: none !important;
}

.sponly {
	display: block !important;
}

}

@media (max-width: 575px) {

footer{
	background-position:right 4% bottom 8%;
}
.footer-logo{
	width:167px;
	margin:0 auto 20px;
}
.footer-info__name{
	font-size:4vw;
}
.footer-address{
	font-size:3.5vw;
}
.footer nav {
	display:block;
}

.footer-nav{
	display:block;
}
.footer-nav__item{
	margin-bottom:20px;
}
.footer-nav__link{
	font-size:4vw;
}
.footer-nav__link:before{
	top:50%;
	transform:translateY(-50%);
	font-size:.8rem;
}
.footer-child-nav{
	display:none;
}
.footer-child-nav__item{
	margin-bottom:5px;
}
.footer-child-nav__link{
	display:inline;
	font-size:3.5vw;
}

}