@charset "utf-8";
/* CSS Document */
section.keyvisual{padding-bottom: 0;padding-top: 0;}
.keyvisual img{width: 100%}

section.sec_check{background:url("../img/pattern01.gif")repeat;padding-bottom: 0;padding-top: 0;}
section.sec_check .container{padding-top:4rem;padding-bottom:4rem;text-align: center}

.catch{text-align: center;margin: 0 auto 15px;font-size:clamp(1.375rem, 1.057rem + 1.59vw, 2.25rem); font-weight: 700;}
ul.check_list{display:inline-flex;flex-direction:column;margin:2em auto;position: relative}
ul.check_list li{text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff;text-align:left;font-feature-settings:"palt" 1;font-size:clamp(1rem,0.909rem + 0.45vw,1.25rem);position:relative;padding-left:1.5em;padding-bottom:0.5em}
ul.check_list li::before{content:'';display:inline-block;width:1.25em;height:1.25em;background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzEgMjkiPiAgPGRlZnM+IDxzdHlsZT4gLnN0MCB7IGZpbGw6ICMxNTQ4NTQ7IH0gLnN0MSB7IGZpbGw6ICMwMGE3OWQ7IH0gPC9zdHlsZT4gPC9kZWZzPiA8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTkuMiwyOUg0LjljLTIuNywwLTQuOS0yLjItNC45LTQuOXYtMTQuM2MwLTIuNywyLjItNC45LDQuOS00LjloMTQuM2MyLjcsMCw0LjksMi4yLDQuOSw0Ljl2MTQuM2MwLDIuNy0yLjIsNC45LTQuOSw0LjlaTTQuOSw2LjdjLTEuNywwLTMuMSwxLjQtMy4xLDMuMXYxNC4zYzAsMS43LDEuNCwzLjEsMy4xLDMuMWgxNC4zYzEuNywwLDMuMS0xLjQsMy4xLTMuMXYtMTQuM2MwLTEuNy0xLjQtMy4xLTMuMS0zLjFINC45WiIvPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzAuMiwwbC43LDEuNWMtMi42LDEuNi01LjEsMy44LTcuMiw2LTQuNiw0LjktNi42LDguOC05LjcsMTQuNS0xLjMsMi40LTMuNSwzLjMtNC45LjRzLTEuOC01LjctMy4yLTguMmwtMi0zLjdjLjUsMCwxLjItLjQsMS42LS40czEuNiwxLjQsMS45LDEuOGMxLDEuMywyLjIsMi45LDIuOSw0LjNzLjQsMSwuNywxLjUsMCwuMi4yLjJDMTYsMTAuNywyMi4yLDQsMzAuMSwwaC4xWiIvPjwvc3ZnPg==");background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;top:5px;left:0}
section.sec_check p{font-size:clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);background:url("../img/arrow.svg")no-repeat center top / 100% auto;max-width: 750px;padding-top: 50px;text-align: center;margin: 0 auto 50px; }

/*2段目*/
section.sec_catch{padding-top: 0;}
section.sec_catch ul{display: flex;flex-wrap: wrap;align-items: stretch;}
section.sec_catch ul li{width: 100%; box-sizing: border-box;display: flex;flex-wrap: wrap;align-items: center; padding: 30px 0 45px;justify-content: center}
section.sec_catch ul li:first-child{background:  url("../img/top_catch_left.png") no-repeat center center/cover; }
section.sec_catch ul li:last-child{background:  url("../img/top_catch_right.png") no-repeat center center/cover;}
section.sec_catch ul li:first-child .catch_inner,
section.sec_catch ul li:last-child .catch_inner{padding: 0 10px }
@media only screen and (min-width:768px){
    section.sec_catch ul{justify-content: space-between}
    section.sec_catch ul li{width: 50%;align-items: flex-start;}
    section.sec_catch ul li:first-child{padding-right: 2%;justify-content: flex-end;}
    section.sec_catch ul li:last-child{padding-left: 2%;justify-content: flex-start;}
}
@media only screen and (min-width:1025px){
    section.sec_catch ul li:first-child{padding-right: 5%;justify-content: flex-end;}
    section.sec_catch ul li:last-child{padding-left: 5%;justify-content: flex-start;}
}
section.sec_catch ul li .catch_inner{max-width:  100% }
section.sec_catch ul li h3{text-align: center;font-weight: 600;padding: 0 0 10px;line-height: 1.35;font-size: clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);color: var(--color-green)}
@media only screen and (min-width:768px){

section.sec_catch ul li:first-child .catch_inner{padding: 0 0 0 10px }   
section.sec_catch ul li:last-child .catch_inner{padding: 0 10px 0 0 }
}
@media only screen and (min-width:1025px){
section.sec_catch ul li .catch_inner{max-width:  450px; }
section.sec_catch ul li .catch_inner{padding: 0px!important } 
}

section.sec_catch ul li p{padding:30px 0px 0px;line-height:1.8;position:relative;
background: url(../img/arrow_white.svg) no-repeat center top / 100% auto;}

/*3段目*/
.sec_flow{text-align: center;padding-top: 0;}
.sec_flow ol{margin: 0 auto;display: flex;flex-direction: column;align-items: center}
.sec_flow ol li{position:relative;margin:1.5rem 0;padding:7px 10px;min-width:345px;width:100%;max-width:900px;  color:#555;font-size:16px;background:var(--color-blue04);display:flex;flex-direction: column-reverse}
.sec_flow ol li:before{content:"";position:absolute;top:100%;left:50%;margin-left:-25px;border:25px solid transparent;border-top:25px solid var(--color-blue04)}
.sec_flow ol li:last-child{margin:1.5rem 0 0;}
.sec_flow ol li:last-child:before{content: none;}
.sec_flow ol li .txt{width: 100%;text-align: center;}
.sec_flow ol li .txt span{font-family:Century Gothic, sans-serif;font-weight: bold;font-size: 110%;padding-right: 0.5em}
.sec_flow ol li .txt h4{font-size: clamp(1.375rem, 1.239rem + 0.68vw, 1.75rem);line-height: 2}
.sec_flow ol li figure{width: 100%}
.sec_flow ol li figure img{width: 100%}
@media only screen and (min-width:768px){
.sec_flow ol li{margin:2.5rem 0;}
.sec_flow ol li:before{left:25%;}
.sec_flow ol li:last-child{margin:2.5rem 0 0;}
.sec_flow ol li{flex-direction: row;align-items: center}
.sec_flow ol li .txt,.sec_flow ol li figure{width: 50%}
}

/*4段目*/

.sec_gallery{background: #fff;padding-top: 75px;padding-bottom: 75px; margin-bottom: 0px;}
.sec_gallery .gallery_photo{display: flex;flex-wrap: wrap;width:100%;max-width:900px;margin: 0 auto  }
.sec_gallery .gallery_photo img{flex-grow: 1;
  object-fit:contain;
  height: 300px;
  max-width: 400px;
  margin: 2.5px 2.5px 15px 2.5px;}