@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
/*================== ○○○○.html =================*/
.cont_3 .wrap .box {
    width: 30.89431% !important;
    margin-left: 2.43902%;
}
.flexbox_01{
    justify-content: space-between;
    background: #f3f3f3;
    padding: 40px;
}
.flexbox_01 h3{
    font-size: 20px;
    font-weight: bold;
    color: #ed3535;
    margin-bottom: 1em;
}
.flexbox_01 .box:first-child{
    width: 66%;
}
.flexbox_01 .box:nth-child(2){
    width: 30%;
}
#nav_global >ul >li{
    position: relative;
}
li.dropparent{
    font-weight: bold;
    cursor: pointer;
}
.drop{
    position: absolute;
    top:100%;
    left: 0;
    width: 100%;
    z-index: 10;
}
.drop ul{
    flex-direction: column;
    background: rgba(255,255,255,0.9);
}
.drop ul li a{
    padding: 15px 0 !important;
}

.marker_line80{
    background: linear-gradient(transparent 0%, #ffff01 0%); 
}

hr {
  border-top: 1px dashed #bbb;
}
.check-01 ul li::before{
    content: "";
    background:url("../images/home/check.png") center center / contain ;
    width: 24px;
    height: 24px;
}
.tel2 a{
    color: #fff !important;
}
#header .flxR{
    gap: 10px;
}
.bt_confirm {
    width: 210px;
}
.bt_send {
    width: 210px;
    background: url(../images/common/bt_send2.png) center / cover no-repeat;
}
.submit {
    width: 370px;
}
.formtext{
    display: block;
    text-align: center;
    padding: 20px 0 0;
    color: #000;
    font-weight:bold;
    font-size: 14px;
}
.formtext span {
    color: red; 
    font-size: 40px;
    animation:blink .8s ease-in-out infinite alternate;
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@media screen and (max-width: 834px){
    .drop{
        position:static;
        margin-top: 25px;
    }
    .drop ul{
        background: none;
    }
    .drop ul li a{
        padding: 20px 0 !important;
    }
    #hednav .wrap .navwrap #nav_global ul li ul li a {
        color: #333 !important;
    }
    .flexbox_01{
        padding: 25px;
    }
    .flexbox_01 .box:first-child{
        width: 56%;
    }
    .flexbox_01 .box:nth-child(2){
        width: 40%;
    }
    li.dropparent{
        padding: 24px 36px;
        text-align: left;
        line-height: 1;
        display: block !important;
        width: 100%;
    }
    .formtext span {
        font-size: 30px;
    }

}

@media only screen and (max-width: 640px){
	.cont_3 .wrap .box {
    width: 48% !important;
    margin-left: 0;
    }
    .flexbox_01{
        flex-direction: column-reverse !important;
        padding: 15px;
    }
    .flexbox_01 .box:first-child{
        width: 100%;
        margin-top: 15px;
    }
    .flexbox_01 .box:nth-child(2){
        width: 100%;
    }
    .formtext{
        margin-top: 120px;
    }
    .formtext span {
        font-size: 24px;
    }
}

.midashi002 h2 {
    letter-spacing: 0.15em;
    padding: 20px 15px;
    font-weight: 700;
    color: #111;
    background: #f4f4f4;
    border-left: solid 5px #ed3535;
    border-bottom: solid 3px #d7d7d7;
    font-size: 26px;
}

@media screen and (max-width: 834px){
.midashi002 h2 {
    letter-spacing: 0.15em;
    padding: 20px 15px;
    font-weight: 700;
    color: #111;
    background: #f4f4f4;
    border-left: solid 5px #ed3535;
    border-bottom: solid 3px #d7d7d7;
    font-size: 20px;
}
}

.zikan{
    font-size: 15px
}

.flxR-sp {
	display: none;
}

@media screen and (max-width: 640px){
	#global_header {
    	padding-top: 0!important;
    }

	#header {
		flex-wrap: nowrap;
    	padding: 14px;
    	position: fixed;
    	width: 100%;
	}
    #header .flxL {
	    width: 48%;
	    display: flex;
	}
	#header .flxL #siteID {
		height: auto;
    	width: 100%;
    	position: static;
    }
    #header .flxL #siteID a {
	    display: flex;
	    justify-content: flex-start;
	    height: auto;
	}
	#header .flxL #siteID img {
    	max-width: 80%;
	}
	.flxR-sp {
		display: flex;
    	width: 80%;
    	justify-content: flex-end;
    	align-items: stretch;
        gap:10px;
	}
	.flxR-sp .tel2 {
		padding: 10px;
    	background: #ed3535;
    	font-weight: 700;
    	color: #fff;
    	vertical-align: middle;
    	line-height: 1;
    	display: flex;
    	align-items: center;
	}
	.flxR-sp .tel-in  {
		font-size: 14px;
	}

	.flxR-sp .zikan  {
		font-size: 13px;
    	margin-top: 4px;
    	line-height: 1.3;
	}
	.flxR-sp .cont {
		display: flex;
        min-width: 100px;
	}
	.flxR-sp .cont a {
		opacity: 1;
	    padding: 30px 14px;
	    background: Green;
	    font-weight: 700;
	    color: #fff;
	    vertical-align: middle;
	    line-height: 1;
	    display: block;
	    align-items: center;
	    justify-content: center;
	}
    .flxR-sp .cont a span{
        font-size: 10px;
        display: block;
        margin-bottom: 5px;
    }
	#hednav {
    	display: none;
	}
	.banner-sp {
		margin-top: 104px;
	}
}

.step-table .step-td01 img {
	object-position: center;
}
.step-table .step-td02 {
	padding: 3.45% 10px 10px 10px!important;
}
@media screen and (max-width: 1000px){
	.step-table .step-td02 {
		padding: 3% 10px 10px 10px!important;
	}
}
@media screen and (max-width: 834px){
	.step-table .step-td02 {
		padding: 2.8% 10px 10px 10px!important;
	}
}