body{margin:0px;font-feature-settings:"palt";font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;font-size:20px;line-height:2;}
img{border:none;margin:0px;padding:0px;display:block;max-width:100%;height:auto;}
a{text-decoration:none;color:black;}
a:hover, a img:hover{transform:translate(3px,3px);transition-duration:.1s;opacity:.75}
table{border-collapse:collapse;width:100%;}
ol,ul{margin:0px;padding:0px;list-style-type:none;}
.fadein{opacity:0;transform:translateY(100px);transition: all 1.5s;position:absolute;}
.fadeinL{opacity:0;transform:translateX(-200px);transition: all 1.5s;position:absolute;}
.fadeinR{opacity:0;transform:translateX(200px);transition: all 1.5s;position:absolute;}
img.fadeinN{opacity:0;transition: all 1.5s;position:absolute;}
p{margin:0px;padding:0px;line-height:1.5;}
h1,h2,h3,h4{margin:0px;padding:0px;}
.pc{display:block}
.sp{display:none!important}
h1 b{font-size:1.2em;}

nav,header,article,footer,ul.header_btn{width:100%;max-width:60em;display:block;margin:0 auto;padding:0px;overflow:hidden;}
section{width:100%;}

nav{background:white;position:fixed;height:3.5em;top:0;left:50%;transform:translateX(-50%);z-index:999}
nav ol{display:flex;flex-wrap:wrap}
nav ol > li:nth-of-type(1){width:43%;}
nav ol > li:nth-of-type(2){width:57%;}
nav ol > li > a{width:14em;position:absolute;left:.1em;top:50%;transform:translateY(-50%);}
nav ul.home_btn{position:absolute;top:.5em;left:14.5em;display:flex;width:14em}
nav ul.home_btn li{width:5.5em;}
nav ul li a img{width:100%;}

ul.header_btn{display:flex;flex-wrap:wrap;margin-top:.65em;}
ul.header_btn li{width:50%;}
ul.header_btn li:nth-of-type(1){background:black}
ul.header_btn li:nth-of-type(2){background:#db3321}
ul.header_btn li a{color:white;display:block;position:relative;box-sizing:border-box;font-size:1em;padding:.15em 1em;font-weight:bold;}
ul.header_btn li span{font-size:.75em;position:absolute;top:50%;transform:translateY(-50%);right:1em;}
ul.header_btn li span::after{content:"▶︎";font-size:1.5em;transform:scaleX(0.75) translateY(.1em);display:inline-block;font-family:YuGothic;}

header{margin-top:3.5em;}

.home header{position:relative;}
.home header h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;text-shadow:.0em .0em .2em rgba(0,0,0,1);width:100%;text-align:center;font-size:2.35em;letter-spacing:.1em;}

#main01{background:url(img/top_main01_back.jpg) no-repeat;background-size:cover;height:54.5em;padding-top:1em;}
#main01 div{height:26em;position:relative;}
#main01 div a{bottom:0em;}
#main01 div h1{font-size:1.9em;letter-spacing:.1em;padding-top:1em;}
#main01 .main0101 h1{margin-left:6.5em;}
#main01 .main0102 h1{margin-left:4em;}

#main02 h1{background:url(img/top_main02_title_back.jpg) no-repeat;background-size:contain;height:4.3em;text-align:center;color:white;}
#main02 h1 span{font-size:1.95em;letter-spacing:.1em;}
#main02 ul{display:flex;flex-wrap:wrap;margin:2em auto;width:90%;}
#main02 ul li{width:calc(100%/3 - 1.5em);margin:1em .75em;position:relative;box-shadow:.0em .0em .5em rgba(0,0,0,.5);border-right:2px solid black;border-bottom:2px solid black;box-sizing:border-box;}
#main02 ul li img{width:100%;}
#main02 ul li p{position:absolute;width:100%;box-sizing:border-box;background:rgba(255,255,255,.75);bottom:0;padding:.15em .5em;font-size:.825em;}
#main02 ul li img:hover{transform:translate(0px,0px);transition-duration:.1s;opacity:1}
#main02 ul li:hover{transform:translate(3px,3px);transition-duration:.1s;opacity:.75}

#main03{clear:both;background:url(img/top_main03_back.jpg) no-repeat;background-size:contain;height:63.5em;position:relative;}
#main03 iframe{position:absolute;background:#eee;width:42em;height:23.6em;left:13.5em;top:6.25em;border:none;z-index:2}
#main03::after{content:"";position:absolute;display:block;background:black;width:42em;height:23.6em;left:14.5em;top:7.25em;}
#main03 h1{position:absolute;left:13.5em;top:27em}
#main03 ul{position:absolute;top:45em;left:9em;}
#main03 ul img{width:37.6em;margin-bottom:2em;}

#article_bottom{margin:2em auto 0;}

footer{background:black;padding:.1em 0 2em;}
footer img.footer_logo{width:34.5em;margin:2em auto 0;}
footer a h1{color:white;text-align:center;font-size:1em;letter-spacing:.1em;}
footer ul{display:flex;flex-wrap:wrap;color:white;width:94%;margin:1em auto 0;justify-content: center;}
footer ul li{width:calc(100%/3 - 2em);margin:0 1em;}
footer ul li td,footer ul li p{font-size:.65em;font-weight:normal;padding:0 .25em .3em;line-height:1.2;vertical-align:top;}

.page header h1{background:url(img/top_main02_title_back.jpg) no-repeat;background-size:contain;height:2.15em;text-align:center;color:white;margin:0;font-size:2em;}

#check > img{width:24em;margin:3em auto 1em;}
#check ul{width:50em;margin:0 auto}
#check ul li{position:relative}
#check ul li img{box-shadow:.0em .0em .1em rgba(0,0,0,.75);border-right:1px solid black;border-bottom:1px solid black;box-sizing:border-box;}
#check ul li p{position:absolute;width:calc(100% - 20px);box-sizing:border-box;background:rgba(255,255,255,.75);bottom:1px;padding:.15em .25em;box-sizing:border-box;}
#check ul li img:hover{transform:translate(0px,0px);transition-duration:.1s;opacity:1}
#check ul li:hover{transform:translate(3px,3px);transition-duration:.1s;opacity:.75}

#shigoto_main{text-align:left;width:100%;}
#shigoto_main h1{border-bottom:1px solid black;margin:1em 0;font-size:2.5em;letter-spacing:.1em;line-height:1.3}
#shigoto_main p{font-size:1.5em;line-height:2}
#shigoto_main ul{display:flex;flex-wrap:wrap;width:100%;margin:2em auto;}
#shigoto_main ul li{width:calc(100%/2 - 1em);margin:0 .5em;}
#shigoto_main ul li img{width:100%;}

.page #oubo{background:url(imgs/oubo_back.jpg) no-repeat;background-size:contain;height:25.7em;position:relative;margin-top:3em;}
.page #oubo ul{position:absolute;top:7em;left:9em;}
.page #oubo ul img {width:37.6em;margin-bottom:2em;}

#shigoto_main ol{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:minmax(10em, auto);column-gap:.75em;row-gap:.75em;margin-top:3em;}
#shigoto_main ol li h2{border-bottom:1px solid white;margin-bottom:.5em;}
#shigoto_main ol li p{line-height:1.4}
#shigoto_main ol li{text-align:center;color:white;background:#e46559;border-radius:.5em;box-sizing:border-box;padding:.5em;}

#article_bottom a{display:table;padding:.25em 1em;margin:1em auto; 2em;box-shadow:.0em .0em .5em rgba(0,0,0,.5);font-weight:bold;}

.saiyou header{background:url(imgs/saiyou_head_back.jpg) no-repeat;background-size:contain;position:relative;height:21.75em;}
.saiyou header h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:.25em 1.5em;font-size:2.35em;letter-spacing:.1em;line-height:1.2em;}
.oubo header h1{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:white;padding:.25em 1.5em;font-size:2.35em;letter-spacing:.1em;line-height:1.2em;}
.oubo header h2{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);color:white;font-size:2.35em;letter-spacing:.1em;}

#naiyou ul{display:grid;grid-template-columns: 4em 1fr;column-gap:1em;row-gap:1.5em;width:90%;margin:3em auto 2em;}
#naiyou ul li:nth-of-type(2n){align-self:center;}
#naiyou ul li h2{text-align:center;color:white;background:#e46559;border-radius:.3em;box-sizing:border-box;padding:.5em .3em;font-size:1em;line-height:1.2;font-weight:normal;letter-spacing:.1em}
#naiyou ul li h2 span{font-size:.75em;border:1px solid white;display:block;}
#naiyou ul li h3{color:#db3321;border-bottom:1px solid #231815;margin-bottom:.5em;position:relative;}
#naiyou ul li h3 span{position:absolute;left:6.5em;color:black;font-weight:normal;}
#naiyou ul li p{line-height:1.2}
#naiyou ul li p span{font-size:.75em;}
#naiyou ul li > span{font-size:.65em;line-height:1.2;padding:0;margin:0 0 .5em;display:block;}

.oubo iframe{width:80%;margin:4em auto;border:none;background:#eee;}
.oubo iframe.pc{height:1100px;}

.saiyou #oubo a{width:39.5em;height:auto;margin:0 auto 4em;display:block;}

.saistart header{position:relative;}
.saistart header h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;text-shadow:.0em .0em .5em rgba(0,141,209,1);width:100%;text-align:center;font-size:3.25em;line-height:1.2;font-family: 'Noto Sans JP', sans-serif;}
.saistart header h1 b{font-size:1.5em;}
.saistart #saistart_main01{width:84%;margin:0 auto;}
.saistart #saistart_main01 h1{text-align:center;font-size:2em;margin:1em 0;}
.saistart #saistart_main01 .inn img{float:left;width:17.5em;margin:0 2em .5em 0em;}
.saistart #saistart_main01 .inn:nth-of-type(2) img{float:right;margin:0 0 .5em 2em;}
.inn h2{font-size:1.65em;line-height:1.3;border-bottom:1px solid black;padding-bottom:.25em;margin-bottom:.4em;letter-spacing:.1em;}
.inn h2::first-letter{color:#db3321}
.inn > img{box-shadow:.0em .0em .5em rgba(0,0,0,.35)}
.saistart .inn p{font-size:1.1em;padding-right:1em;;}
ul.saistart_thumb{clear:both;display:grid;grid-template-columns:repeat(3, 1fr);column-gap:3em;margin:1.5em 0 4em}
ul.saistart_thumb li img{width:100%;margin-bottom:.5em;}
ul.saistart_thumb li h3{text-align:center;color:white;background:#e46559;border-radius:.5em;box-sizing:border-box;padding:.5em .3em;font-size:1em;line-height:1.2;letter-spacing:0em}
.saistart #saistart_main01 img{box-shadow:.0em .0em .25em rgba(0,0,0,.5)}
.saistart #saistart_main02{position:relative;margin-bottom:2em;}
.saistart #saistart_main02 h1{background:url(imgs/saistart_main03_title_back01.png) no-repeat;background-size:contain;width:52.55em;height:8.25em;box-sizing:border-box;font-size:1em;padding:1.5em 4em 0 0;position:absolute;right:0;}
.saistart #saistart_main02 h1 span{color:white;text-align:right;font-size:2em;display:block;line-height:1.2em;}
.saistart #saistart_main02 img{width:25.25em;float:left;}
.saistart #saistart_main02 p{width:27em;float:right;padding:8em 3em 0 0;font-size:1.15em}
.saistart #saistart_main02 h2{clear:both;background:url(imgs/saistart_main03_title_back02.png) no-repeat;background-size:contain;width:52.55em;height:8.25em;box-sizing:border-box;font-size:1em;padding:0em 4em 0 2em;margin-top:-.3em;color:white;}
.saistart #saistart_main02 h2 b{font-size:2em;line-height:1}
.saistart #saistart_main02 h2 strong{font-size:1.5em;}
.saistart #saistart_main02 h2 span{font-size:.325em;font-weight:normal;display:block;line-height:1.5;}



.fukuri header{position:relative;}
.fukuri header h1{position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);color:white;text-shadow:.0em .0em .5em rgba(0,141,209,1);width:100%;text-align:center;font-size:4.75em;line-height:1.2;font-family: 'Noto Sans JP', sans-serif;letter-spacing:.1em;}

.fukuri #fukuri_main01{width:84%;margin:0 auto;}
.fukuri #fukuri_main01 h1{text-align:center;font-size:2em;margin:1em 0;}
.fukuri #fukuri_main01 .inn > img{float:left;width:17.5em;margin:0 2em 5em 0em;}
.fukuri #fukuri_main01 .inn{clear:both;}
.fukuri #fukuri_main01 h2 span{margin-left:7em;display:block;}
.fukuri #fukuri_main01 .inn:nth-of-type(2n) > img{float:right;margin:0 0 5em 2em;}
.fukuri #fukuri_main01 .inn ul{display:flex;flex-wrap:wrap;margin:.5em 0 3em;width:29em}
.fukuri #fukuri_main01 .inn ul li{width:calc(100%/4 - .75em);margin:0 .75em .75em 0;text-align:center;color:white;background:#e46559;border-radius:.5em;box-sizing:border-box;padding:.3em .15em;font-size:1em;line-height:1.2;letter-spacing:.05em;display:flex;justify-content: center;align-items: center;flex-wrap:wrap;}
.fukuri #fukuri_main01 .inn ul li img{width:3.5em;margin:0 auto;display:block}
.fukuri #fukuri_main01 .inn ul li h3{font-size:.95em;width:100%}
.fukuri #fukuri_main01 .inn ul li > span{font-size:12px;border:1px solid white;padding:.2em .5em;margin:0 auto .25em;display:table;}
.fukuri #fukuri_main01 .inn ul li p{font-size:.65em;line-height:1.2;display:block;}
.fukuri #fukuri_main01 .inn ul li h3 span{font-size:.8em;}
.fukuri #fukuri_main01 .inn:nth-of-type(3) ul li{width:calc(100%/3 - .75em)}
.fukuri #fukuri_main01 .inn:nth-of-type(3) ul li img{margin:0em;display:inline-block;vertical-align:middle;}
.fukuri #fukuri_main01 .inn:nth-of-type(3) ul li div{display:inline-block;vertical-align:middle;}
.fukuri #fukuri_main01 .inn ol{margin-bottom:1em;}
.fukuri #fukuri_main01 .inn ol li{line-height:1.5;}
.fukuri #fukuri_main01 .inn ol li::before{content:"●";color:#db3321;}
.fukuri #fukuri_main01 .inn img.graph{width:27em;box-shadow:none}

#fukuri_main02{position:relative;margin-bottom:2em;clear:both;height:}
#fukuri_main02 h1{background:url(imgs/saistart_main03_title_back01.png) no-repeat;background-size:contain;width:52.55em;height:8.25em;box-sizing:border-box;font-size:1em;padding:1.5em 4em 0 0;position:absolute;right:0;z-index:-1}
#fukuri_main02 h1 span{color:white;text-align:right;font-size:2em;display:block;line-height:1.2em;}
#fukuri_main02 img{width:25.25em;float:left;}
#fukuri_main02 p{width:27em;height:auto;float:right;padding:8em 3em 0 0;font-size:1.15em;}

@media all and (min-width: 0) and (max-width:1199px)  {
body{font-size:1.66vw;}
footer ul li{width:calc(100%/2 - 7em);margin:0 3.5em;font-size:1.2em;}
footer ul li .pc{display:none!important}
footer ul li .sp{display:block!important}
#check ul li p{position:absolute;width:calc(100% - 1px);font-size:1.2em;}


@media all and (min-width: 0) and (max-width: 749px)  {
body{font-size:1.66vw;}
p{font-size:max(1.66vw,10px)!important}
header,section,article,footer{width:100%;overflow:hidden;}
.pc{display:none!important}
.sp{display:block!important}
ul.header_btn li a{font-size:3.5em;}
header{margin-top:25em;}

nav{height:auto;}

nav ol > li:nth-of-type(1){width:100%;height:3.5em;}
nav ol > li:nth-of-type(2){width:100%;}

nav ol > li > a{width:50%;top:3.75em;left:1em}
nav ul.home_btn{position:absolute;top:.5em;left:55%;display:flex;width:45%}
nav ul.home_btn li{width:50%;}

ul.header_btn{margin-top:4em;}
ul.header_btn li{width:100%;}

#main02 ul li{width:calc(100%/2 - 1.5em);}
#main02 ul li p{font-size:1.5em;}
#main03 h1 span{font-size:1.4em;}
footer ul li{width:calc(100%/1 - 2em);}
footer ul li td:nth-of-type(1){width:8em;}
footer ul li td,footer ul li p{font-size:1.4em;}
.page header h1{font-size:2.1em;}
#shigoto_main{width:90%;margin:0 auto;}
#shigoto_main p{font-size:2em;line-height:2}
#check ul{width:90%;margin:0 auto}
#check ul li p{font-size:1.5em;}
#shigoto_main ol{grid-template-columns:repeat(2, 1fr);}

.oubo iframe.sp{height:1300px;width:90%;}

#naiyou ul{font-size:2em;}

.saistart #saistart_main02 h1{position:static;float:right;}
.saistart #saistart_main02 img{width:30%;float:left;margin-top:1em;}
.saistart #saistart_main02 p{width:65%;float:right;padding:1em 2% 3em 0;}

.fukuri #fukuri_main01 .inn > img{clear:both;float:none;width:100%;margin:5em auto 1em;}
.fukuri #fukuri_main01 .inn:nth-of-type(2n) > img{clear:both;float:none;width:100%;margin:3em auto .5em;}
.fukuri #fukuri_main01 .inn h2{clear:both;float:none;display:block;font-size:2.75em;}
.fukuri #fukuri_main01 h2 span{margin-left:7em;display:block;}
.fukuri #fukuri_main01 .inn ul{display:flex;flex-wrap:wrap;margin:.5em 0 3em;width:100%}
.fukuri #fukuri_main01 .inn ul li{width:calc(100%/3 - .75em)!important;min-height:12em;}
.fukuri #fukuri_main01 .inn ul li h3{font-size:1.8em;}
.fukuri #fukuri_main01 .inn ul li > span{font-size:10px;}
.fukuri #fukuri_main01 .inn ol li{font-size:max(1.66vw,10px)!important}
.fukuri #fukuri_main01 .inn ul li p{font-size:1em;}
.fukuri #fukuri_main01 .inn ul li h3 span{font-size:1em;}
#fukuri_main02 h1{position:static;float:right;}
#fukuri_main02 img{width:30%;float:left;margin-top:1em;}
#fukuri_main02 p{width:65%;float:right;padding:1em 2% 3em 0;}
.fukuri #fukuri_main01 .inn img.graph{width:100%;margin:0em 0 5em;}
}