@media screen and (max-width:1100px){body{background-size:30%}}#wrap{position:relative;height:auto;overflow:hidden}#container{padding:120px 0;background-color:#fff}@media screen and (max-width:1400px){#container{padding:40px 0 80px}}@media screen and (max-width:1100px){#container{padding:40px 0}}#pankuzu{background:#f2f2f2}#pankuzu .inner{padding:8px 0}@media screen and (max-width:520px){#pankuzu .inner{margin-bottom:24px}}#pankuzu .inner ul{display:flex;justify-content:flex-start}#pankuzu .inner ul li{margin-right:16px;font-size:1.4rem}#pankuzu .inner ul li a{font-size:1.4rem;display:inline-block}#global_header{width:100%;position:absolute;z-index:10}#global_header .inner{position:relative;background:rgba(255,255,255,.6);height:100px}#global_header .inner .haikei{width:100%;z-index:200;position:absolute;background-size:auto;bottom:-3%;display:block}@media screen and (max-width:520px){#global_header .inner .haikei{display:none}}#global_header .inner .haikei.sp{display:none}@media screen and (max-width:520px){#global_header .inner .haikei.sp{display:block;bottom:-7px}}#global_header .inner .haikei img{width:100%;height:30px;vertical-align:bottom}#global_header .inner h1{position:absolute;width:300px;margin-left:20px;top:20%}@media screen and (max-width:520px){#global_header .inner h1{width:70%;top:25%}}@media screen and (max-width:320px){#global_header .inner h1{margin-left:10px}}#global_header .inner h1 a{display:inline-block}#global_header .inner h1 a img{width:100%}@media screen and (max-width:1100px){#global_header .inner #global_navi{display:none}}.sub-key-visual{width:100%;height:600px;position:relative}.sub-key-visual .sub-key-visual{width:100%;height:100%;object-fit:cover}.sub-key-visual .key-nami{width:100%;height:60px;position:absolute;bottom:0;left:0;z-index:10}.sub-key-visual .title-box{position:absolute;top:60%;left:50%;text-align:center;transform:translate(-50%,-50%)}.sub-key-visual .title-box .en-keytitle{font-size:60px;font-family:bokutoh-rera,sans-serif;font-weight:400;font-style:normal;color:#fff}@media screen and (max-width:768px){.sub-key-visual .title-box .en-keytitle{font-size:40px}}@media screen and (max-width:480px){.sub-key-visual .title-box .en-keytitle{font-size:30px}}.sub-key-visual .title-box .jp-keytitle{font-size:20px;font-family:bokutoh-rera,sans-serif;font-weight:400;font-style:normal;color:#fff}@media screen and (max-width:360px){.sub-key-visual .title-box .jp-keytitle{font-size:18px}}.sub-key-visual .pankuzu{position:absolute;bottom:3%;left:260px;z-index:30}@media screen and (max-width:650px){.sub-key-visual .pankuzu{left:4%}}.sub-key-visual .pankuzu .list{color:#fff}.sub-key-visual .pankuzu .list a{color:#fff}#key_top{width:100%;height:90vh;position:relative;top:10%;margin-bottom:0;background:url(//katow.co.jp/wp-content/themes/katokougyou_wp/css/../images/key_top.png) no-repeat;background-size:cover}@media screen and (max-width:1100px){#key_top{overflow:hidden;height:65vh}}#key_top .inner{width:100%;height:100%;position:relative;z-index:10;display:grid;place-items:center}#key_top .inner img{width:70%;height:auto;vertical-align:bottom}@media screen and (max-width:520px){#key_top .inner img{position:relative;top:30px}}#key_sub{height:85vh;position:relative}#key_sub .inner{width:1440px;height:100%;margin:0 auto;position:relative;z-index:10}@media screen and (max-width:1440px){#key_sub .inner{width:100%}}#key_sub .inner .info{height:100%;display:grid;place-items:center}#key_sub .inner .info img{filter:drop-shadow(0 0 5px rgba(0,0,0,.15))}@media screen and (max-width:1440px){#key_sub .inner .info img{filter:drop-shadow(0 0 6px rgba(255,255,255,.75));position:relative;width:80%}}#key_sub .pic{position:absolute;right:0;top:0;z-index:1;height:100%}#key_sub .pic img{width:auto;height:100%}#key_sub .key_overlay{position:absolute;top:0;right:0;z-index:100;width:100%;height:100%;background:linear-gradient(to left,#a74974,#d87ba6,#ffa75c);transition:all .4s ease .6s}#key_sub .key_overlay:before{position:absolute;top:0;right:0;z-index:101;width:100%;height:100%;background:#fff;content:"";transition:all .4s ease .3s}#key_sub .key_overlay.active{width:0}#key_sub .key_overlay.active:before{width:0}#key_single{position:relative;background:#ffdbc7;height:240px;display:grid;place-items:center}@media screen and (max-width:520px){#key_single{height:180px}}#key_single .key_inner h2{text-align:center;color:#ff6400;font-size:3.5rem;font-weight:700;line-height:1}#key_single .key_inner p{font-size:1.7rem;text-align:center}#global-footer{position:relative;width:100%;padding:40px 0 0;background-color:#fff}#global-footer #footer_wave{width:100%;position:absolute;bottom:-10px;left:0;z-index:1}#global-footer #footer_wave #wave_canvas{width:100%;height:100%}#global-footer .footer_inner{width:1400px;margin:0 auto 32px;position:relative;z-index:10}@media screen and (max-width:1400px){#global-footer .footer_inner{width:90%}}#global-footer .footer_inner .footer_logo{margin-bottom:12px;padding-top:88px}@media screen and (max-width:520px){#global-footer .footer_inner .footer_logo{width:80%}}#global-footer .footer_inner .footer_logo a{display:inline-block}@media screen and (max-width:520px){#global-footer .footer_inner .footer_logo a img{width:100%;height:auto;vertical-align:bottom}}#global-footer .footer_inner .footer_in{display:flex;justify-content:space-between}@media screen and (max-width:1400px){#global-footer .footer_inner .footer_in{width:95%}}@media screen and (max-width:768px){#global-footer .footer_inner .footer_in{display:block}}@media screen and (max-width:520px){#global-footer .footer_inner .footer_in{width:100%}}#global-footer .footer_inner .footer_in .in_left{width:60%}@media screen and (max-width:520px){#global-footer .footer_inner .footer_in .in_left{width:100%;margin-bottom:16px}}#global-footer .footer_inner .footer_in .in_left .in_left_title{font-weight:700;font-size:2.2rem;font-family:vdl-v7gothic,sans-serif;font-weight:800;font-style:normal;color:#46a8af;margin-bottom:8px}#global-footer .footer_inner .footer_in .in_left .mainoffice{padding-left:12px;border-left:2px solid #fff;margin-bottom:18px}#global-footer .footer_inner .footer_in .in_left .mainoffice li{font-family:vdl-v7gothic,sans-serif;font-weight:500;font-style:normal;font-size:1.4rem;margin-bottom:4px;color:#fff}#global-footer .footer_inner .footer_in .in_left .mainoffice li:last-child{margin-bottom:0}@media screen and (max-width:520px){#global-footer .footer_inner .footer_in .in_left .mainoffice li:last-child{margin-bottom:4px}}#global-footer .footer_inner .footer_in .in_left .mainoffice li br{display:none}@media screen and (max-width:520px){#global-footer .footer_inner .footer_in .in_left .mainoffice li br{display:block}}#global-footer .footer_inner .footer_in .in_left .branchoffice{padding-left:12px;border-left:2px solid #e6e6e6}#global-footer .footer_inner .footer_in .in_left .branchoffice li{color:#f2f2f2;font-family:vdl-v7gothic,sans-serif;font-weight:500;font-style:normal;font-size:1.4rem;margin-bottom:4px}#global-footer .footer_inner .footer_in .in_left .branchoffice li:last-child{margin-bottom:0}#global-footer .footer_inner .footer_in .in_right{width:40%}@media screen and (max-width:768px){#global-footer .footer_inner .footer_in .in_right{width:90%}}#global-footer .footer_inner .footer_in .in_right .in_right_title{font-weight:700;font-size:2.2rem;font-family:vdl-v7gothic,sans-serif;font-weight:800;font-style:normal;color:#46a8af;margin-bottom:8px}#global-footer .footer_inner .footer_in .in_right ul{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center}#global-footer .footer_inner .footer_in .in_right ul li{width:38%;margin-bottom:12px}#global-footer .footer_inner .footer_in .in_right ul li:last-child{margin-bottom:0}@media screen and (max-width:400px){#global-footer .footer_inner .footer_in .in_right ul li{width:50%}}#global-footer .footer_inner .footer_in .in_right ul li a{display:inline-block;padding-left:20px;background:url(//katow.co.jp/wp-content/themes/katokougyou_wp/css/../images/fnavi_icon.svg) no-repeat left center;color:#fff;font-family:vdl-v7gothic,sans-serif;font-weight:700;font-style:normal;font-size:1.6rem}#global-footer .copy{background:rgba(105,208,215,.25);position:relative;z-index:20;padding-bottom:8px}#global-footer .copy small{display:block;width:1400px;margin:0 auto;font-size:1.3rem;color:#fff}@media screen and (max-width:1400px){#global-footer .copy small{width:90%}}#content-area{width:1400px;margin:0 auto}@media screen and (max-width:1400px){#content-area{width:90%}}.area{width:100%;flex-wrap:wrap;display:flex}.area .tab_class{font-family:bokutoh-rera,sans-serif;font-weight:400;font-style:normal;color:#295f77;margin:0 20px 50px 0;width:calc(30% / 3);height:50px;background-color:#b6e6e9;line-height:50px;font-size:15px;text-align:center;display:block;float:left;order:-1;transition-duration:.5s}@media screen and (max-width:520px){.area .tab_class{width:calc(100% / 3);margin:0 0 30px;border-right:1px solid #fff}.area .tab_class:last-child{border-right:none}}.area input[name=tab_name]{display:none}.area input[name=tab_name]:checked+.tab_class{background-color:#6495ed;color:#f0f8ff}.area .content_class{display:none;width:100%}.area input:checked+.tab_class+.content_class{display:block}.pagination{text-align:center}.pagination ul{display:inline-block;padding:0;margin:0;list-style:none}.pagination ul li{display:inline;margin:0 5px}.pagination ul li .current{color:#fff;text-decoration:none;padding:5px 10px;border:1px solid #2867bb;border-radius:3px;font-size:14px;background-color:#2867bb;font-family:zen-maru-gothic,sans-serif;font-weight:400;font-style:normal}.pagination ul li a{color:#333;text-decoration:none;padding:5px 10px;border:1px solid #ddd;border-radius:3px;font-size:14px;font-family:zen-maru-gothic,sans-serif;font-weight:400;font-style:normal}.list-box{display:grid;grid-template-columns:23.5% 23.5% 23.5% 23.5%;column-gap:2%;row-gap:50px;margin-bottom:40px}@media screen and (max-width:1100px){.list-box{grid-template-columns:32% 32% 32%}}@media screen and (max-width:768px){.list-box{grid-template-columns:49% 49%}}@media screen and (max-width:520px){.list-box{display:block;margin-bottom:30px}}.list-box .list{transition:all .6s ease;position:relative;opacity:0;top:64px;cursor:pointer;background-color:#e9f3f4}.list-box .list.js-on{opacity:1;top:0}.list-box .list:hover{filter:drop-shadow(3px 3px 5px #ccc)}@media screen and (max-width:520px){.list-box .list{margin-bottom:50px}}.list-box .list .photo-box{position:relative;width:100%;height:200px}.list-box .list .photo-box .main{width:100%;height:100%;object-fit:cover;vertical-align:top}.list-box .list .photo-box .dokan{position:absolute;width:50px;top:70%;left:0}.list-box .list .un-block{padding:10px 20px}.list-box .list .un-block .data-box{display:flex;align-items:center;margin-bottom:8px}.list-box .list .un-block .data-box .ymd{font-size:18px;font-family:zen-maru-gothic,sans-serif;font-weight:400;font-style:normal;color:#999;margin-right:30px}.list-box .list .un-block .data-box .category{font-size:14px;font-family:zen-maru-gothic,sans-serif;font-weight:400;font-style:normal;color:#2867bb}.list-box .list .un-block .sentence{font-size:14px;font-family:zen-maru-gothic,sans-serif;font-weight:400;font-style:normal}.data-box{display:flex;margin-bottom:10px}.data-box .ymd{color:#888;margin-right:20px;font-size:14px}.data-box .category{color:#3f97be;font-size:14px}.toukou-title{font-size:18px;color:#295f77;margin-bottom:50px}.samune{width:100%;height:400px;text-align:center;margin-bottom:40px}.samune .aicatch{width:100%;height:100%;object-fit:cover}.sentence-long{width:100%;margin:0 auto 60px}.sentence-long p{font-size:12px}.return{text-align:center;width:80px;margin:0 auto;border:1px solid #3f97be;border-radius:100px;padding:8px 10px}.return a{color:#3f97be;font-family:bokutoh-rera,sans-serif;font-weight:400;font-style:normal}