/*
Theme Name: K-sys
*/
.site-footer .scroll-top{
    z-index:99;
}
/* addition for Reform page */
:root{
    --bk-linear-color: linear-gradient(to top right, #FAC553, #ED6D00);
    --header-color:#0a339c;
    --heading-color1:#019FD7;
    --heading-color2:#A1D9EF;
    --logo-color:#FBEA2A;
    --red-color:#fc357b;
    --btn-gradient-color1: linear-gradient(90deg, #ee6595 20%, #fc357b 80%);
    --btn-gradient-color2: linear-gradient(0deg, rgba(1, 157, 65, 1) 0%, rgba(6, 199, 85, 1) 50%, rgba(24, 235, 110, 1) 100%);
    --btn-gradient-color3: linear-gradient(90deg, #FAC553 20%, #ED6D00 80%);
    --flow-num-bkcolor:#019FD7;
    --flow-num-border-color:#A1D9EF;
    --delay-sec:0;
}
.page-section{
    margin: 0 calc(50% - 50vw);
	padding:40px 0;
	width:100vw;
}
.contains-frm{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.contains-wrap{
	width:100%;
	padding:0 20px;
}
.nodata{
    display:flex;
    justify-content:center;
}
.page-template-page-reform main{
    padding-bottom:0;
}
.nodata p{
    font-size:16px;
}
.viewmore-btn{
    margin-top:40px;
}
.viewmore-btn>a{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:16px;
    width:250px;
    height:45px;
    background:var(--bk-linear-color);
    color:#fff;
    text-decoration:none;
    position:relative;
    border-radius:23px;
    margin:0 auto;
    transition:all 0.3s;
}
.viewmore-btn>a:after{
    content:'＞';
    display:inline-block;
    position:absolute;
    line-height:1;
    top:51%;
    right:15px;
    transform:translateY(-50%);
    font-weight:700;
    transition:all 0.3s;
}
.viewmore-btn>a:hover{
    filter:brightness(1.1);
}
.viewmore-btn>a:hover:after{
    right:10px;
}
@media (min-width: 576px){
	.contains-frm{
		max-width:540px;
	}
}
@media (min-width: 768px){
	.contains-frm{
		max-width:720px;
	}
}
@media (min-width: 992px){
	.contains-frm{
		max-width:960px;
	}
}
@media (min-width: 1200px){
	.contains-frm{
		max-width:1140px;
	}
}
@media(min-width:641px){
    .site-header.changed .site-header__box{
/*        padding:45px 0;*/
        padding:35px 0 55px 0;

    }
    .site-header.changed .site-header__box .site-header__boxC2{
        top:10px;
    }
    .site-header.changed .site-header__box .site-header__boxR{
        top:10px;
    }
    .menu-pc-hidden{
        display:none;
    }
    .site-header .site-header__box{
        position:relative;
    }
    .reform-btn{
        position:absolute;
        bottom:10px;
        left:10%;
    }
    .reform-btn>a{
        display:flex;
        justify-content:center;
        align-items:center;
        background:var(--bk-linear-color);
        color:#fff;
        text-decoration:none;
        width:300px;
        height:40px;
        border-radius:20px;
        transition:all 0.3s;
        position:relative;
    }
    .reform-btn>a span br{
        display:none;
    }
    .reform-btn>a:after{
        content:'＞';
        display:inline-block;
        position:absolute;
        line-height:1;
        top:51%;
        right:15px;
        transform:translateY(-50%);
        font-weight:700;
        transition:all 0.3s;
    }
    .reform-btn>a:hover{
        box-shadow:none;
        filter:brightness(1.1);
    }
    .reform-btn>a:hover:after{
        right:10px;
    }
    .site-header.changed .reform-btn{
        position:absolute;
        bottom:10px;
        left:50%;
        transform:translateX(-50%);
    }
    .site-header.changed .reform-btn>a{
        font-size:14px;
        width:180px;
        line-height:1.2;
    }
    .site-header.changed .reform-btn>a span br{
        display:block;
    }
}
@media(min-width:992px){
    .reform-btn{
        position:absolute;
        bottom:10px;
        left:50%;
        transform:translateX(-50%);
    }
    .site-header.changed .reform-btn>a{
        width:300px;
    }
    .site-header.changed .reform-btn>a span br{
        display:none;
    }
}
/*
reform-topslide-sec
*/
.subvisual.page-header-reform{
    margin-top:110px;
}
@media(min-width:641px){
    .subvisual.page-header-reform{
        margin-top:305px;
    }
}
@media(min-width:735px){
    .subvisual.page-header-reform{
        margin-top:285px;
    }
}
/******************************************
reform-topslide-sec
*******************************************/
.site-contents .section-body.body-reform{
    padding-top:0;
    padding-bottom:0;
    overflow-x:hidden;
    max-width:none;
}
.reform-topslide-sec{
    padding:0;
    position:relative;
}
.topslide-wrap{
    width:100%;
    height: 70vh;
    position: relative;
    padding-top: 0;
    padding-bottom:0;
}
/* top_fv */
.fvimg_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.fvimg_wrap:before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:rgb(10, 51, 156, 0.2);
    z-index:10;
}
.fv-img {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: slider-1 36s linear infinite;
}
.fv-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.fv-img.img1{
    animation-delay: 0s;
}
.fv-img.img2{
    animation-delay: 6s;
}
.fv-img.img3{
    animation-delay: 12s;
}
.fv-img.img4{
    animation-delay: 18s;
}
.fv-img.img5{
    animation-delay: 24s;
}
.fv-img.img6{
    animation-delay: 30s;
}
@keyframes slider-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moztransform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    8.333% {
        opacity: 1;
    }
    16.667% {
        opacity: 1;
    }
    25% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        opacity: 0;
    }
}
.topslide-caption{
    display:flex;
    width:90%;
    position:absolute;
    top:60%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:20;
    color:#fff;
    opacity:0;
    transition:all 2s ease-in-out;
}
.topslide-caption.caption-active{
    opacity:1;
    top:50%;
    transform:translate(-50%, -50%);
}
.topslide-caption p{
    font-size:16px;
    text-shadow:
        -1px -1px 2px rgb(10, 51, 156, 0.2),
        1px -1px 2px rgb(10, 51, 156, 0.2),
        -1px 1px 2px rgb(10, 51, 156, 0.2),
        1px 1px 2px rgb(10, 51, 156, 0.2),
        -2px -2px 2px rgb(10, 51, 156, 0.2),
        2px -2px 2px rgb(10, 51, 156, 0.2),
        -2px 2px 2px rgb(10, 51, 156, 0.2),
        2px 2px 2px rgb(10, 51, 156, 0.2);
        font-weight:700;
}
.topslide-caption h2{
    margin-top:30px;
    font-size:24px;
    line-height:1.2;
    text-shadow:
        -1px -1px 2px rgb(10, 51, 156, 0.2),
        1px -1px 2px rgb(10, 51, 156, 0.2),
        -1px 1px 2px rgb(10, 51, 156, 0.2),
        1px 1px 2px rgb(10, 51, 156, 0.2),
        -2px -2px 2px rgb(10, 51, 156, 0.2),
        2px -2px 2px rgb(10, 51, 156, 0.2),
        -2px 2px 2px rgb(10, 51, 156, 0.2),
        2px 2px 2px rgb(10, 51, 156, 0.2);
}
@media(min-width:768px){
    .topslide-wrap{
        height:600px;
    }
    .topslide-caption p{
        font-size:18px;
    }
    .topslide-caption h2{
        margin-top:30px;
        font-size:32px;
        line-height:1.2;
    }
}
/******************************************
reform-issue-sec
*******************************************/
.reform-issue-sec{
    position:relative;
    background: linear-gradient(0deg, rgba(60, 60, 60, 1) 0%, rgba(120, 120, 120, 1) 100%);
}
.reform-issue-wrap{
    width:100%;
}
.ul-issue{
    display:flex;
    justify-content:center;
    flex-flow:row wrap;
    width:100%;
    margin:0 0 20px 0;
    padding:0;
    list-style: none;
}
.ul-issue>li{
    display:inline-block;
    width:50%;
}
.ul-issue>li .box{
    width:100%;
    padding-top:70%;
    position:relative;
}
.ul-issue>li .box img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transform:translateY(30px);
}
.ul-issue>li .box p{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    white-space:nowrap;
    text-align:center;
    font-weight:700;
    color:var(--header-color);
    transform-origin: top left;
    transform: rotate(5deg) translate(-50%, calc(-50% - 30px));
    opacity:0;
}
/* animation */
.ul-issue.scroll-in>li:first-of-type .box img{
    animation: step-fade-in 0.8s ease-in-out forwards;
    animation-delay:0.5s;
}
.ul-issue.scroll-in>li:first-of-type .box p{
    animation: step-fade-in2 0.8s ease-in-out forwards;
    animation-delay:1s;
}
.ul-issue.scroll-in>li:nth-of-type(2) .box img{
    animation: step-fade-in 0.8s ease-in-out forwards;
    animation-delay:1s;
}
.ul-issue.scroll-in>li:nth-of-type(2) .box p{
    animation: step-fade-in2 0.8s ease-in-out forwards;
    animation-delay:1.5s;
}
.ul-issue.scroll-in>li:nth-of-type(3) .box img{
    animation: step-fade-in 0.8s ease-in-out forwards;
    animation-delay:1.5s;
}
.ul-issue.scroll-in>li:nth-of-type(3) .box p{
    animation: step-fade-in2 0.8s ease-in-out forwards;
    animation-delay:2s;
}
.ul-issue.scroll-in>li:nth-of-type(4) .box img{
    animation: step-fade-in 0.8s ease-in-out forwards;
    animation-delay:2s;
}
.ul-issue.scroll-in>li:nth-of-type(4) .box p{
    animation: step-fade-in2 0.8s ease-in-out forwards;
    animation-delay:2.5s;
}
.ul-issue.scroll-in>li:last-of-type .box img{
    animation: step-fade-in 0.8s ease-in-out forwards;
    animation-delay:2.5s;
}
.ul-issue.scroll-in>li:last-of-type .box p{
    animation: step-fade-in2 0.8s ease-in-out forwards;
    animation-delay:3s;
}
@keyframes step-fade-in{
    0% {
        transform:translateY(30px);
        opacity:0;
    }
    100%{
        opacity:1;
        transform:translateY(0);
    }
}
@keyframes step-fade-in2{
    0% {
        opacity:0;
        transform: rotate(5deg) translate(-50%, calc(-50% - 30px));
    }
    100%{
        opacity:1;
        transform: rotate(5deg) translate(-50%, -50%);
    }
}
.h2issue{
    width:100%;
    font-size:18px;
    color:var(--logo-color);
    display:flex;
    justify-content:center;
    z-index:1;
    position:relative;
}
.line_marker{
    display: inline-block;
    position: relative;
    padding-bottom:2px;
    border-bottom:2px solid var(--logo-color);
    margin-bottom:6px;
    opacity:0;
    transform:translateY(30px);
}
.h2issue.scroll-in .line_marker{
    animation: step-fade-in 0.8s ease-out forwards;
    animation-delay:0.5s;
}
@media(min-width:768px){
    .ul-issue>li{
        display:inline-block;
        width:33.333%;
    }
    .ul-issue>li .box p{
        font-size:18px;
    }
    .h2issue{
        font-size:24px;
    }
}
@media(min-width:992px){
    .ul-issue>li{
        width:20%;
        padding:0 1px;
    }
    .ul-issue>li .box p{
        font-size:16px;
    }
}
@media(min-width:1200px){
    .reform-issue-sec .contains-frm{
        max-width:940px;
    }
}
/******************************************
reform-issue-sec
*******************************************/
.entrust-sec{
    position:relative;
    background:var(--header-color);
    padding:60px 0;
}
.entrust-wrap{
    width:100%;
}
.h2entrust{
    color:#fff;
    font-size:18px;
    position:relative;
}
.h2entrust span{
    opacity:0;
    transform:translateY(30px);
}
.entrust-logo{
    display:block;
    margin-bottom:10px;
}
.h2entrust.scroll-in span{
    animation: step-fade-in 0.8s ease-out forwards;
    animation-delay:0.5s;
}
@media(min-width:768px){
    .h2entrust{
        display:flex;
        flex-flow:row nowrap;
        justify-content:center;
        width:620px;
        margin:0 auto;
    }
    .h2entrust span{
        display:flex;
        align-items:center;
        font-size:24px;
    }
    .entrust-logo{
        display:inline-block;
        width:60%;
    }
    .entrust-text{
        width:40%;
        margin-left:10px;
    }
}
/******************************************
s-about-sec
*******************************************/
.s-about-sec{
	padding:40px 0;
	position:relative;
	background:#FFFADE;
}
.s-about-sec:after{
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 29.5px 0 29.5px;
    border-color: var(--header-color) transparent transparent transparent;
    position: absolute;
    top: -1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}
.s-about-wrap{
    width:100%;
}
.h2about{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	font-size:24px;
	color:#F58523;
	border:none;
	font-weight:700;
    text-align:center;
    opacity:0;
    transform:translateY(30px);
}
.h2about span{
    display:block;
}
.h2about.scroll-in{
    animation: step-fade-in 0.8s ease-out forwards;
    animation-delay:var(--delay-sec);
}
.s-about-wrap .wrap{
	width:100%;
}
.ul-s-about{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	width:100%;
}
.ul-s-about>li{
	margin:40px 0 0 0;
}
.ul-s-about>li:nth-of-type(2n+1){
    opacity:0;
    transform:translateX(-30px);
}
.ul-s-about>li:nth-of-type(2n){
    opacity:0;
    transform:translateX(30px);
}
.ul-s-about>li:nth-of-type(2n+1).scroll-in{
    animation: left-fade-in 1s ease-out forwards;
    animation-delay:var(--delay-sec);
}
.ul-s-about>li:nth-of-type(2n).scroll-in{
    animation: right-fade-in 1s ease-out forwards;
    animation-delay:var(--delay-sec);
}
@keyframes left-fade-in{
    0% {
        opacity:0;
        transform:translateX(-30px);
    }
    100%{
        opacity:1;
        transform:translateX(0);
    }
}
@keyframes right-fade-in{
    0% {
        opacity:0;
        transform:translateX(30px);
    }
    100%{
        opacity:1;
        transform:translateX(0);
    }
}
.ul-s-about .box{
    display:grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 60px 40px 180px;
}
.ul-s-about .box .point{
	display: flex;
    grid-column: 1/3;
    grid-row: 1/2;
    width: 160px;
    height: 39px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-size: 17px;
    color: #fff;
    background: #F58523;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;
}
.ul-s-about .box img{
	display:table;
    grid-column: 1/2;
    grid-row: 2/4;
	width:calc(100% - 5px);
	height:100%;
	margin:0 5px 0 auto;
    object-fit:contain;
    object-position:center center;
}
.h3about{
    display:flex;
    justify-content:center;
    align-items:center;
	font-size:20px;
	color:#000;
	margin:10px 0 10px 5px;
	font-weight:700;
    grid-column: 2/3;
    grid-row: 2/3;
}
.ul-s-about .box>div{
    grid-column: 2/3;
    grid-row: 3/4;
    margin-left:5px;
}
.ul-s-about .box>div>p{
	font-weight:500;
    text-align:justify;
    font-size:16px;
}
@media(min-width:768px){
	.h2about{
		display:table;
		margin:0 auto 20px auto;
		font-size:32px;
	}
    .h2about span{
        display:inline;
    }
	.ul-s-about .box{
		display:grid;
		grid-template-columns: 70% 30%;
		grid-template-rows: 60px 60px 100px;
	}
	.ul-s-about .box .point{
		grid-column: 1/2;
		grid-row: 1/2;
		margin:0 auto 0 0;
	}
    .ul-s-about .box img{
		grid-column: 2/3;
		grid-row: 1/4;
	}
	.h3about{
        justify-content:flex-start;
		grid-column: 1/2;
		grid-row: 2/3;
	}
	.ul-s-about .box>div{
		grid-column: 1/2;
		grid-row: 3/4;
	}
    .ul-s-about .box>div>p{
        font-size:16px;
        padding-right:1em;
    }
}
@media(min-width:992px){
    .ul-s-about .box{
		display:grid;
		grid-template-columns: calc(100% - 250px) 250px;
		grid-template-rows: 60px 60px 120px;
	}
    .ul-s-about .box>div>p{
        padding-right:4em;
    }
}
/******************************************
reform-case-sec
*******************************************/
.reform-case-sec{
    position:relative;
}
.reform-case-wrap{
    width:100%;
}
.ul-reform-case{
    display:flex;
    flex-flow:row wrap;
    margin:0;
    padding:10px;
    list-style:none;
    background:#fdf8ce;
    border-radius:10px;
    opacity:0;
    transform:translate(30px);
}
.ul-reform-case.scroll-in{
    animation: step-fade-in 0.8s ease-out forwards;
    animation-delay: 0.5s;
}
.ul-reform-case>li{
    padding-left:16px;
    position:relative;
    margin-bottom:8px;
    margin-right:20px;
    width:100%;
}
.ul-reform-case>li:before{
    content:'●';
    color:var(--header-color);
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
}
.dl-recorm-case{
    margin-top:10px;
    margin-bottom:20px;
    display:flex;
    flex-flow:row nowrap;
    width:100%;
}
.dl-recorm-case>dt{
    margin:0;
    display:flex;
    justify-content:center;
    width:50%;
    padding-right:5px;
}
.dl-recorm-case>dd{
    margin:0;
    display:flex;
    justify-content:center;
    width:50%;
    padding-left:5px;
}
.dl-recorm-case .pict{
    width:100%;
    padding-top:75%;
    position:relative;
    overflow:hidden;
}
.dl-recorm-case .pict img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover;
    object-position:center center;
}
@media(min-width:768px){
    .ul-reform-case>li{
        width:calc(50% - 20px);
    }
}
@media(min-width:992px){
    .ul-reform-case{
        padding:20px;
    }
    .ul-reform-case>li{
        font-size:16px;
    }
}
/******************************************
reform-works-sec
*******************************************/
.reform-works-sec{
    position:relative;
}
.reform-works-wrap{
    width:100%;
    opacity:0;
    transform:translateY(30px);
}
.reform-works-wrap.scroll-in{
    animation: step-fade-in 0.8s ease-in forwards;
    animation-delay:var(--delay-sec);
}
.reform-works-sec .reform-contact-after-heading{
    color:var(--header-color);
}
.ul-reform-works{
    display:flex;
    flex-flow:row wrap;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}
.ul-reform-works>li{
    width:100%;
    display:block;
    margin-bottom:20px;
}
.ul-reform-works>li>a{
    display:flex;
    flex-flow:row nowrap;
    width:100%;
    text-decoration:none;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
    transition:all 0.3s;
}
.ul-reform-works>li>a:hover{
    text-decoration:underline;
}
.ul-reform-works>li>a .pict{
    display:inline-block;
    width:35%;
    overflow:hidden;
}
.ul-reform-works>li>a .desc{
    display:inline-block;
    width:65%;
    padding:8px;
}
.ul-reform-works>li>a .pict img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    object-position:center center;
    transition:all 0.3s;
}
.ul-reform-works>li>a:hover .pict img{
    opacity:1;
    transform:scale(1.2);
    filter:brightness(1.2);
}
.ul-reform-works>li>a .desc h3{
    font-size:12px;
    margin-bottom:4px;
    line-height:1.2;
}
.ul-reform-works>li>a .desc .wrap p{
    font-size:10px;
    line-height:1.2;
}
@media(min-width:768px){
    .ul-reform-works>li{
        display:inline-block;
        width:33.333%;
        padding:0 5px;
    }
    .ul-reform-works>li>a{
        display:block;
    }
    .ul-reform-works>li>a .pict{
        display:block;
        width:100%;
    }
    .ul-reform-works>li>a .pict img{
        aspect-ratio:5/4;
    }
    .ul-reform-works>li>a .desc{
        display:block;
        width:100%;
        min-height:150px;
    }
    .reform-works-sec .reform-contact-after-heading{
        display:table;
        margin:0 auto 30px auto;
        position:relative;
    }
    .reform-works-sec .reform-contact-after-heading:before{
        content:'＼';
        display:inline-block;
        position:absolute;
        color:var(--red-color);
        bottom:0;
        left:-30px;
        font-size:20px;
        font-weight:700;
    }
    .reform-works-sec .reform-contact-after-heading:after{
        content:'／';
        display:inline-block;
        position:absolute;
        color:var(--red-color);
        bottom:0;
        right:-30px;
        font-size:20px;
        font-weight:700;
    }
}
@media(min-width:992px){
    .ul-reform-works>li{
        display:inline-block;
        width:33.333%;
        padding:0 10px;
    }
    .ul-reform-works>li>a .pict img{
        aspect-ratio:7/5;
    }
    .ul-reform-works>li>a .desc h3{
        font-size:16px;
        margin-bottom:8px;
    }
    .ul-reform-works>li>a .desc{
        min-height:200px;
    }
    .ul-reform-works>li>a .desc .wrap p{
        font-size:14px;
    }
}
/******************************************
reform-voices-sec
*******************************************/
.reform-voices-sec{
    position:relative;
    background:rgba(245,245,245);
}
.reform-voices-sec .reform-contact-after-heading{
    color:var(--header-color);
}
.reform-voices-wrap{
    width:100%;
    opacity:0;
    transform:translateY(30px);
}
.reform-voices-wrap.scroll-in{
    animation: step-fade-in 0.8s ease-in forwards;
    animation-delay:var(--delay-sec);
}
@media(min-width:768px){
    .reform-voices-sec .reform-contact-after-heading{
        display:table;
        margin:0 auto 30px auto;
        position:relative;
    }
    .reform-voices-sec .reform-contact-after-heading:before{
        content:'＼';
        display:inline-block;
        position:absolute;
        color:var(--red-color);
        bottom:0;
        left:-30px;
        font-size:20px;
        font-weight:700;
    }
    .reform-voices-sec .reform-contact-after-heading:after{
        content:'／';
        display:inline-block;
        position:absolute;
        color:var(--red-color);
        bottom:0;
        right:-30px;
        font-size:20px;
        font-weight:700;
    }
}
/******************************************
reform-faq-sec
*******************************************/
.reform-faq-sec{
    position:relative;
    background:var(--header-color);
}
.h2about.h2faq{
    color:var(--logo-color);
}
.reform-faq-sec .reform-contact-after-heading{
    color:#fff;
}
.contains-wrap .faq__inner-list {
    margin-top: 24px;
    opacity:0;
    transform:translateY(30px);
}
.contains-wrap .faq__inner-list.scroll-in {
    animation: step-fade-in 0.8s ease-in forwards;
    animation-delay:var(--delay-sec);
}
  .contains-wrap .faq__inner-list > .item:not(:first-of-type) {
    margin-top: 24px;
  }
  .contains-wrap .faq__inner-list > .item > dt {
    background: #fff;
    padding: 16px 29px 21px 11px;
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .contains-wrap .faq__inner-list > .item > dt::before {
    content: "";
    width: 12px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #000;
    transition: all 0.3s ease;
  }
  
  .contains-wrap .faq__inner-list > .item > dt::after {
    content: "";
    width: 1px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #000;
    transition: all 0.3s ease;
  }
  
  .contains-wrap .faq__inner-list > .item > dt.active::after {
    transform: translateY(-50%) rotate(90deg);
  }
  .contains-wrap .faq__inner-list > .item > dt > h3 {
    font-size: 16px;
    font-weight: 700;
    text-indent: -16px;
    padding-left: 16px;
    color: #0B3B97;
  }
  
  .contains-wrap .faq__inner-list > .item > dt > h3::before {
    content: "Q.";
    font-size: 16px;
  }
  
  .contains-wrap .faq__inner-list > .item > dd {
    background: #fff;
    padding: 12px 20px 21px 11px;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    display: none;
  }
  
  .contains-wrap .faq__inner-list > .item > dd > p {
    font-size: 16px;
    font-weight: 500;
    text-indent: 2px;
    padding-left:20px;
    text-align:justify;
    position:relative;
  }
  .contains-wrap .faq__inner-list > .item > dd > p::before {
    content: "A.";
    font-size: 16px;
    color: #F58523;
    font-weight: 700;
    position:absolute;
    top:-1px;
    left:-1px;
  }
  .faq__inner .is-active > dt::before {
    content: none;
  }
  .faq__inner .is-active > dt::after {
    content: "";
    width: 1px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
  }
 
/******************************************
reform-flow-sec
*******************************************/
.reform-flow-sec{
    position:relative;
}
.reform-flow-sec .reform-contact-after-heading{
    color:#000;
}
/* flow */
.flow-box{
	width:auto;
	position:relative;
    margin-left:20px;
    margin-right:20px;
}
.flow-box:after{
	content:'';
	width:5px;
	height:100%;
	background:var(--flow-num-border-color);
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
    z-index:1;
}
.dl-flow{
    width:100%;
	margin:0 0 60px 0;
	padding:0;
	position:relative;
    z-index:10;
}
.dl-flow:last-of-type{
	margin-bottom:0;
}
.dl-flow>dt,.dl-flow dd{
	border:0;
	margin:0;
	padding:0;
	background:#fff;
}
.dl-flow>dt{
	border:solid 1px #707070;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom:0;
    background:#E4F7F9;
}
.dl-flow>dd{
	border:solid 1px #707070;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top:0;
}
.dl-flow>dt .num{
	display:table;
	background:var(--flow-num-bkcolor);
	color:#fff;
	padding:3px 20px;
	font-size:16px;
	border-radius:30px;
	border:solid 5px var(--flow-num-border-color);
	position:absolute;
	top:-20px;
	left:50%;
	transform:translateX(-50%);
    font-style: italic;
    font-family: 'Roboto', sans-serif;
	z-index:2;
}
.dl-flow>dt .num span:last-of-type{
    font-size:1.2em;
}
.flow-img{
	width:100%;
	padding:30px 10px 10px 10px;
}
.flow-img figure{
	margin:0;
	width:100%;
	padding-top:75%;
	position:relative;
	overflow:hidden;
}
.flow-img figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
.dl-flow>dd .inner{
	padding:10px 10px 20px 10px;
}
.dl-flow>dd .inner h3{
	border:none;
	margin:0 0 10px 0;
	padding:0;
	font-size:20px;
	font-weight:700;
    color:var(--flow-ttl-color);
}
.dl-flow>dd .inner h3:after{
	border:none;
}
.dl-flow>dd .inner a{
    font-weight:700;
    text-decoration:underline;
    transition:all 0.3s;
}
.dl-flow>dd .inner a:hover{
    color:var(--font-color);
    text-decoration:none;
    opacity:0.6;
}
.dl-flow>dd .inner p.note{
    margin-top:20px;
    line-height:1.2;
}
.dl-flow>dd .inner h4{
    width:100%;
    font-weight:700;
    font-size:28px;
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    text-align:center;
    margin-top:10px;
}
.dl-flow>dd .inner h4 span{
    padding:10px 0;
    display:table;
    margin:0 auto;
}
.dl-flow>dd .inner .fa-mobile-screen-button{
    margin-right:10px;
}
.dl-flow>dd .inner h4 a{
    text-decoration:none;
    color:var(--font-color);
}
/* .flow01-content */
.flow01-content{
    width:100%;
}
.flow01-content p{
    font-size:14px;
    font-weight:500;
}
/* .flow02-content */
.flow02-content p{
    font-size:14px;
    font-weight:500;
}
/* .flow03-content */
.flow03-content p{
    font-size:14px;
    font-weight:500;
    margin-bottom:20px;
}
.flow03-content p:last-of-type{
    margin-bottom:0;
}
/* .flow04-content */
.flow04-content p{
    font-size:14px;
    font-weight:500;
}
.flow04-content>div{
    margin-top:20px;
}
.flow04-content>div>p{
    font-size:18px;
    color:var(--emphasis-color);
    font-weight:700;
    line-height:1.2;
}
.flow-wrap{
    width:100%;
    opacity:0;
    transform:translateY(30px);
}
.flow-wrap.scroll-in{
    animation: step-fade-in 0.8s ease-in forwards;
    animation-delay: var(--delay-sec);
}
@media(min-width:768px){
    .flow-wrap{
        margin-top:70px;
    }
	.dl-flow{
		display:flex;
		flex-flow:row nowrap;
		border:none;
		margin-bottom:80px;
		box-shadow:1px 1px 6px rgba(0,0,0,0.1);
	}
	.dl-flow dt{
		display:flex;
        align-items:center;
		width:50%;
		position: static;	/* change for step sign */
        border:none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        }
	.dl-flow dd{
		display:flex;
        align-items:center;
		width:50%;
		position:relative;
		padding-top:0;
		padding-left:20px;
        border:none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
	}
	.dl-flow>dt .num{
		top:-52px;
		left:50%;   
		transform:translateX(-50%);
		z-index:2;
        padding: 5px 40px;
        font-size:24px;
        line-height:1;
	}
	.flow-img{
		padding:0;
	}
    .flow-img figure{
        padding-top:100%;
    }
	.dl-flow>dd{
		border:solid 1px rgba(230,230,230);
	}
	.dl-flow>dd .inner{
		padding:10px;
		background:#fff;
	}
	.flow-box:after{
		position:absolute;
		top:-20px;
		left:50%;
		transform:translateX(-50%);
	}
    .dl-flow>dd .inner h4 a{
        pointer-events: none;
    } 
}
@media (min-width: 992px){
    .flow-wrap{
        margin-top:120px;
    }
    .flow-box:after{
		position:absolute;
		top:-80px;
		left:25%;
		transform:translateX(50%);
	}
	.dl-flow{
		box-shadow:none;
        margin-bottom:120px;
	}
	.dl-flow>dt .num{
		top:-80px;
		left:25%;
		z-index:2;
	}
    .flow-img figure{
        padding-top:60%;
    }
    .flow-img{
        box-shadow: 0 2px 6px rgba(0, 0, 0, 15%);
    }
	.dl-flow>dd{
		border:none;
		background:transparent;
	}
	.dl-flow>dd .inner h3{
		font-size:24px;
	}
	.dl-flow:nth-of-type(odd) dt{
		order:2;
	}
	.dl-flow:nth-of-type(odd) dd{
		order:1;
	}
	.dl-flow:nth-of-type(even) dd .inner{
		width:110%;
		padding:20px 25px;
		position:absolute;
		top:50%;
		left:-10%;
		transform:translateY(-50%);
		box-shadow:0 2px 6px rgba(0, 0, 0, 15%);
	}
	.dl-flow:nth-of-type(odd) dd .inner{
		width:110%;
		padding:20px 25px;
		position:absolute;
		top:50%;
		right:-10%;
		transform:translateY(-50%);
		box-shadow:0 2px 6px rgba(0, 0, 0, 15%);
	}
    /* .flow01-content */
    .flow01-content p{
        font-size:16px;
        line-height:1.4;
    }
    /* .flow02-content */
    .flow02-content p{
        font-size:16px;
        line-height:1.4;
    }
    /* .flow03-content */
    .flow03-content p{
        font-size:16px;
    }
    /* .flow03-content */
    .flow04-content p{
        font-size:16px;
        line-height:1.4;
    }
    .flow04-content>div>p{
        font-size:24px;
    }
}
/******************************************
reform-contact-sec
*******************************************/
.reform-contact-sec{
    position:relative;
    background:var(--header-color);
}
.h2about.h2contact{
    color:var(--logo-color);
}
.reform-contact-after-heading{
    color:#fff;
    margin-bottom:30px;
    text-align:justify;
    font-size:16px;
    opacity:0;
    transform:translateY(30px);
}
.reform-contact-after-heading.scroll-in{
    animation: step-fade-in 0.8s ease-in forwards;
    animation-delay:var(--delay-sec);
}
.reform-contact-wrap{
    width:100%;
    opacity:0;
    transform:translateY(30px);
}
.reform-contact-wrap.scroll-in{
    animation: step-fade-in 0.8s ease-in forwards;
    animation-delay:var(--delay-sec);
}
.ul-contact{
    display:flex;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
    flex-flow:row wrap;
}
.ul-contact>li{
    width:100%;
    margin-bottom:20px;
}
.reform-contact-tel{
    display:flex;
    flex-flow:row nowrap;
    width:280px;
    height:65px;
    background:var(--btn-gradient-color1);
    color:#fff;
    margin:0 auto;
    position:relative;
    justify-content:center;
    align-items:center;
    font-size:24px;
    text-decoration:none;
    font-weight:700;
    border-radius:33px;
    box-shadow:3px 3px 3px rgba(255,255,255,0.5);
    transition:all 0.3s;
    line-height:1.2;
    padding-left:10px;
}
.reform-contact-tel>img{
    width:30px;
    height:auto;
    position:absolute;
    top:50%;
    left:15px;
    transform:translateY(-50%);
}
.reform-contact-tel small{
    display:block;
    font-size:12px;
    color:#ffff00;
    text-align:center;
}
.reform-contact-tel:hover{
    transform:translate3d(2px,2px,2px);
    box-shadow:none;
}
.reform-contact-line{
    display:flex;
    flex-flow:row wrap;
    width:280px;
    height:65px;
    background:var(--btn-gradient-color2);
    color:#fff;
    margin:0 auto;
    position:relative;
    justify-content:center;
    align-items:baseline;
    font-size:20px;
    text-decoration:none;
    font-weight:700;
    border-radius:33px;
    box-shadow:3px 3px 3px rgba(255,255,255,0.5);
    transition:all 0.3s;
    line-height:1.2;
    padding-left:10px;
}
.reform-contact-line .line-btn{
    display:flex;
    flex-flow:row nowrap;
    width:100%;
    justify-content:center;
    align-items:center;
    position:relative;
    top:5px;
}
.reform-contact-line .line-btn img{
    width:30px; height:30px;
    object-fit:contain;
    object-position:center center;
    margin-right:5px;
}
.reform-contact-line .line-btn p{
    font-size:14px;
    line-height:1;
}
.reform-contact-line:hover{
    filter:brightness(1.1);
    transform:translate3d(2px,2px,2px);
    box-shadow:none;
}
.reform-contact-email{
    display:flex;
    flex-flow:row nowrap;
    width:280px;
    height:65px;
    background:var(--btn-gradient-color3);
    color:#fff;
    margin:0 auto;
    position:relative;
    justify-content:center;
    align-items:center;
    font-size:22px;
    text-decoration:none;
    font-weight:700;
    border-radius:33px;
    box-shadow:3px 3px 3px rgba(255,255,255,0.5);
    transition:all 0.3s;
    line-height:1;
    padding-left:20px;
}
.reform-contact-email>img{
    width:40px;
    height:auto;
    position:absolute;
    top:50%;
    left:20px;
    transform:translateY(-50%);
}
.reform-contact-email:hover{
    filter:brightness(1.1);
    transform:translate3d(2px,2px,2px);
    box-shadow:none;
}
.reform-contact-email>span{
    position:relative;
    top:3px;
}
@media(min-width:768px){
    .reform-contact-after-heading{
        text-align:center;
    }
    .reform-contact-tel{
        pointer-events:none;
    }
    .ul-contact{
        justify-content:center;
    }
    .ul-contact>li{
        display:inliine-block;
        width:50%;
    }
}
@media(min-width:992px){
    .ul-contact>li{
        display:inliine-block;
        width:33.333%;
    }
}
/******************************************
top banner ietate ranking
*******************************************/
.ietate-banner-sec{
    position:relative;
}
.ietate-banner-wrap{
    width:100%;
}
.pict-sp{
    display:block;
}
.pict-sp img{
    display:table;
    max-width:300px;
    margin:0 auto;
}
.pict-pc{
    display:none;
}
@media(min-width:768px){
    .pict-sp{
        display:none;
    }
    .pict-pc{
        display:block;
    }    
}
@media(min-width:992px){
    .pict-pc img{
        display:table;
        max-width:920px;
        margin:0 auto;
    }
}