@charset "UTF-8";
/* CSS Document */

main{margin: 0 auto;}
.skyblue{color:#448db0;}
.darkblue{color:#000e3d;}
.darkbeige{color:#808466}
.lightbeige{color: #eaeadb}

@media screen and (min-width:1051px) {
    
    #about{width:100%;margin: 0 auto;padding:0px 0 80px 0;}
    #about #title{width:100%;margin: 0 auto 80px auto;padding:80px 0 60px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 50%;background-size: 100% auto;}
    #about #title h2{margin: 0 auto 0px auto;padding: 0; font-size:38px;letter-spacing:3px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #about article{width:900px;margin: 0 auto;padding:0px 0;}
    #about article h3{margin: 0 auto 30px auto;padding:0px 0;font-size:30px;letter-spacing:3px ;font-weight: normal;text-align: center;color:#448db0;}
    #about article p{margin: 0 auto 40px auto;padding:0px 0;font-size:20px;letter-spacing:3px ;text-align: center;/*color:#448db0;*/}
    
    #about article #figure01{width:100px;margin: 0 auto 40px auto;padding: 0;}
    #about article #figure01 img{width:100%;}
    #about article #figure02{width:100%;margin: 0 auto 10px auto;padding: 0;}
    #about article #figure02 img{width:100%;height: 500px;object-fit:cover;object-position: 0 90%;}
    
    #about article ol{width:100%;margin: 0 auto;padding:0px 0;list-style: none}
    #about article ol li{width:288px;height: 530px;margin: 0 12px 0 0;padding:0px 0 0px 0px;/**/border-top: 2px solid #448db0;border-bottom: 1px solid #448db0;background: #eff6f5;/*text-indent: -30px; *//*list-style-position: inside;*/float: left;}
    #about article ol li:last-of-type{margin:0;}
    #about article ol li p{width:90%; margin: 0 auto;padding:0px 0 0px 0px;font-size:16px;letter-spacing:1px ;line-height: 32px;text-align: left;}
    #about article ol li p span{display: block;width: 68px;height:50px;margin: 0 auto 10px auto;padding: 18px 0 0 0; text-align: center;color:white;background:  #448db0; font-size:36px;letter-spacing:1px ;/*border: 2px solid #448db0;*/border-radius: 40px;}
    #about article ol li #figure02{width:100%;margin: 0 auto 20px auto;padding: 0;}
    #about article ol li #figure02 img{width:100%;height: 260px;object-fit:cover;object-position: 0 90%;}
    
    #works{width:100%;margin: 0 auto;padding:0px 0 80px 0;}
    #works #title{width:100%;margin: 0 auto 80px auto;padding:80px 0 60px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 50%;background-size: 100% auto;}
    #works #title h2{margin: 0 auto 0px auto;padding: 0; font-size:38px;letter-spacing:3px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #works article{width:900px;margin: 0 auto;padding:0px 0;}
    #works article section{padding:50px 0 20px 0; border-bottom:1px solid #448db0;}
    #works article section:first-of-type{padding:0px 0 20px 0;}
    #works article section:last-of-type{border-bottom: none}
    #works article section h3{margin: 0 auto 10px auto;padding: 0 0 0 16px; font-size:18px;letter-spacing:1px ;color:#448db0;border-left:4px solid #448db0}
    #works article section h4{margin: 0 auto 10px auto;padding: 0; font-size:26px;letter-spacing:2px ;font-weight: normal;}
    #works article section figure{margin:0 auto 10px auto;padding:0px 0;text-align: center;}
    #works article section figure img{width:100%;}
    #works article section .figure01{width:700px}
    #works article section .figure01 img{height:350px;object-fit:cover;object-position: 0 30%}
    #works article section .figure02{width:900px}
    #works article section .figure02-2{width:900px}
    #works article section .figure03{width:900px;}
    #works article section .figure04{margin: 0 auto 20px auto;padding: 0;list-style: none}
    #works article section .figure04 li{width: 32%; margin:0px 0.5% 0 0.5%;padding: 0;float: left;}
    #works article section .figure04 li figure{width:100%}
    #works article section .figure04 li figure img{height:250px;object-fit:cover;object-position: 0 30%}
    #works article section .figure05{margin: 0 auto 20px auto;padding: 0;list-style: none}
    #works article section .figure05 li{width: 49%; margin:0px 0.5% 0 0.5%;padding: 0;float: left;}
    #works article section .figure05 li figure{width:100%}
    #works article section .figure05 li figure img{height:250px;object-fit:cover;object-position: 0 30%}
    #works article section .figure06-1{margin: 0 auto 20px auto;padding: 0;list-style: none}
    #works article section .figure06-1 li{width: 49%; margin:0px 0.5% 0 0.5%;padding: 0;float: left;}
    #works article section .figure06-1 li figure{width:100%}
    #works article section .figure06-1 li figure .img01{height:250px;object-fit:cover;object-position: 0 40%}
    #works article section .figure06-1 li figure .img02{height:250px;object-fit:cover;object-position: 0 30%}
    #works article section .figure06-2{width:900px;}
    #works article section figure figcaption a{display: block;width:160px;margin: 0 auto 0 0;padding: 10px 0;text-align: center;font-size:14px;letter-spacing: 0px;text-decoration: none;color:white;background: #808466; border-radius: 5px;}
    #works article section figure figcaption a .fa-search-plus{margin-right: 10px; font-size: 20px;color:white}
    #works article section figure figcaption a:hover{background: #448db0; }
    
    #company{width:100%;margin: 0 auto;padding:0px 0 80px 0;}
    #company #title{width:100%;margin: 0 auto 80px auto;padding:80px 0 60px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 50%;background-size: 100% auto;}
    #company #title h2{margin: 0 auto 0px auto;padding: 0; font-size:38px;letter-spacing:3px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #company article{width:800px;margin: 0 auto;padding:0px 0;}
    #company article dl{display:flex; flex-wrap: wrap;width:96%;margin: 0 auto 0px auto;font-size: 16px;letter-spacing: 1px; line-height: 24px;}
    #company article dl dt{width:15%; height:auto; margin:0px auto 0px 0;padding:20px 0;border-top:1px solid #448db0;color:#448db0}
    #company article dl dt:first-of-type{border-top:none;}
    #company article dl dd{width:85%; height:auto; margin:0px 0 0px auto;padding:20px 0%;border-top: 1px solid #448db0;}
    #company article dl dd:first-of-type{border-top:none;}
    #company article dl dd figure{width:100%;margin: 0 auto 0px 0;padding: 0;}
    #company article dl dd figure img{width:100%;}    
    #company article dl dd div{width:100%;margin:0 auto 0px auto;}
    #company article dl dd div {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
    #company article dl dd div iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:0}
    #company article dl dd div iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:0}
    
    #recruit{width:100%;margin: 0 auto;padding:0px 0 80px 0;}
    #recruit #title{width:100%;margin: 0 auto 80px auto;padding:80px 0 60px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 50%;background-size: 100% auto;}
    #recruit #title h2{margin: 0 auto 0px auto;padding: 0; font-size:38px;letter-spacing:3px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #recruit article{width:900px;margin: 0 auto;padding:0px 0;}
    #recruit article h3{width:30%;margin: 0 auto 20px auto;padding:12px 0; font-size:24px;letter-spacing:3px ;font-weight: normal;color:white;background:#808466; text-align: center;border-radius: 40px;}
    #recruit article dl{display:flex; flex-wrap: wrap;width:100%;margin: 0 auto 80px auto;font-size: 16px;letter-spacing: 1px; line-height: 24px;}
    #recruit article dl dt{width:25%; height:auto; margin:0px auto 0px 0;padding:20px 0;border-bottom:1px solid #448db0;color:#448db0}    
    #recruit article dl dd{width:75%; height:auto; margin:0px 0 0px auto;padding:20px 0%;border-bottom: 1px solid #448db0;}
    #recruit article dl dd ul{width:96%;margin: 5px 0 0px auto;padding: 0;}
    #recruit article dl dd ul li{width:100%;margin: 0 auto 5px 0;padding: 0;}    
    #recruit article div{width:100%;margin:0 auto 0px auto;}
    #recruit article h4{width:60%;margin: 0 auto 30px auto;padding:12px 0; font-size:20px;letter-spacing:1px ;font-weight: normal;color:white;background:#808466; text-align: center;border-radius: 40px;}
    #recruit article div{width:100%;margin: 0 auto 80px auto;}
    #recruit article div a{display: block; width:49%;height: 55px; margin:0 auto 0px 0;padding:25px 0 0 0;text-align: center;font-size: 22px;letter-spacing: 1px;text-decoration: none;color:#808466;border: 1px solid #abad9b;float: left}
    #recruit article div a .fa-envelope{color:#abad9b;padding-right:  15px;font-size:26px;line-height: 26px;}
    #recruit article div a:hover{background:#71abc1;color: white}
    #recruit article div a .fa-envelope:hover{color: white}
    #recruit article div section{width:49%;height: 70px; padding:10px 0 0 0px;border: 1px solid #abad9b;float: right}    
    #recruit article div section p{width:80%; margin:0px auto;padding:10px 0% 0 0%;text-align: center;font-size:13px;letter-spacing: 1px;line-height: 26px; background: url("../img/line.png") no-repeat;background-position: 12% 0%;background-size: 40px auto;}    
    #recruit article div section p span{font-size:20px;color:#448db0;font-weight: bold;letter-spacing: 0;}    
    
    #form{width:100%;margin: 0 auto;padding:0px 0 80px 0;}
    #form #title{width:100%;margin: 0 auto 80px auto;padding:80px 0 60px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 50%;background-size: 100% auto;}
    #form #title h2{margin: 0 auto 0px auto;padding: 0; font-size:38px;letter-spacing:3px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #form article{width:900px;margin: 0 auto;padding:0px 0;}   
    
    #form article div{width: 60%; margin: 0 auto 30px auto;padding:20px 0 14px 0;background: ;border:2px solid #448db0;border-radius:10px;}
    #form article div #text01{margin: 0 auto 0px auto;padding: 0; font-size:14px;letter-spacing:2px ;text-align: center;}
    #form article div #text02{margin: 0 auto 10px auto;padding: 0; font-size:28px;letter-spacing:2px ;text-align: center;font-weight: bold;color:#448db0;}
    #form article div #text03{width:40%;margin: 0 auto 0px auto;padding:10px 0; font-size:20px;letter-spacing:0px ;text-align:right;font-weight: bold;color:#448db0;background: url("../img/line.png") no-repeat;background-position: 0% 50%;background-size:35px auto;}
    #form article > p{margin: 0 auto 30px auto;padding: 0; font-size:16px;letter-spacing:2px ;text-align: center;}
    #form article .mark{display: inline-block;color:white;background: lightcoral;padding: 6px 10px;text-align: center;font-size: 12px;letter-spacing: 0px;margin-left: 10px;}
    #form article form{width:900px;margin: 0 auto;padding:0px 0 0px 0;}    
    #form article form dl{display:flex; flex-wrap: wrap;width:100%;margin: 0 auto 20px auto;}
    #form article form dl dt{width:27%; height:auto; margin:0 0 2px 0;padding:20px 0 20px 3%;font-size: 16px;letter-spacing: 0px;/*color:#abad9b;*/font-weight: bold;border-bottom: 1px solid #abad9b;}
    #form article form dl dt:last-of-type{border-bottom:none}
    #form article form dl dd{width:66%; height:auto; margin:0 0 2px 0;padding:20px 2%;font-size: 14px;letter-spacing: 0px;border-bottom: 1px solid #abad9b;}
    #form article form dl dd:last-of-type{border-bottom:none}
    #form article form button{display:block;border:0;width:50%;margin:0 auto 30px auto;padding: 24px 0;color: white;font-size:22px;letter-spacing:1px; background:#808466;}
    #form article form button:hover{cursor: pointer;background: #448db0;}
    
    input[type="text"],input[type="email"],textarea {margin: 0 auto 0 0;padding:12px 1% 12px 2%;font-size:16px;letter-spacing:1px;border-radius:3px;background:#eaeadb;border:none; outline: none;}
    .input01,textarea{width:97%;}
    .input02{width:15%;}
    input[type="text"]:focus,input[type="email"]:focus,textarea:focus{ background: #448db0;color: white;}
    textarea{height:100px;} 
    
    #conf{width:100%;margin: 0 auto;padding:0px 0 80px 0;}
    #conf #title{width:100%;margin: 0 auto 80px auto;padding:80px 0 60px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 50%;background-size: 100% auto;}
    #conf #title h2{margin: 0 auto 0px auto;padding: 0; font-size:38px;letter-spacing:3px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #conf article{width:900px;margin: 0 auto;padding:0px 0;}   
    #conf article h3{width:30%;margin: 0 auto 20px auto;padding:12px 0; font-size:24px;letter-spacing:3px ;font-weight: normal;color:white;background:#808466; text-align: center;border-radius: 40px;}
    #conf article p{margin: 0 auto 30px auto;padding: 0; font-size:16px;letter-spacing:2px ;text-align: center;}
    #conf article dl{display:flex; flex-wrap: wrap;width:100%;margin: 0 auto 20px auto;}
    #conf article dl dt{width:27%; height:auto; margin:0 0 2px 0;padding:20px 0 20px 3%;font-size: 16px;letter-spacing: 0px;/*color:#abad9b;*/font-weight: bold;border-bottom: 1px solid #abad9b;}
    #conf article dl dt:last-of-type{border-bottom:none}
    #conf article dl dd{width:66%; height:auto; margin:0 0 2px 0;padding:20px 2%;font-size: 14px;letter-spacing: 0px;border-bottom: 1px solid #abad9b;}
    #conf article dl dd:last-of-type{border-bottom:none}
    #conf article form section{text-align:center}
    #conf article form section input[type="button"] {display:inline-block;width:48%;margin:0 ;padding: 24px 0;color: white;font-size:22px;letter-spacing:1px; background:#808466;border:none; outline: none;}
    #conf article form section input[type="submit"] {display:inline-block;width:48%;margin:0 ;padding: 24px 0;color: white;font-size:22px;letter-spacing:1px; background:#808466;border:none; outline: none;}
    #conf article form section input[type="button"]:hover,#conf article form section input[type="submit"]:hover{ background: #448db0;color: white;cursor: pointer}
    
    #thx{width:100%;margin: 0 auto;padding:0px 0 80px 0;}
    #thx #title{width:100%;margin: 0 auto 80px auto;padding:80px 0 60px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 50%;background-size: 100% auto;}
    #thx #title h2{margin: 0 auto 0px auto;padding: 0; font-size:38px;letter-spacing:3px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #thx article{width:900px;margin: 0 auto;padding:0px 0;}   
    #thx article h3{width:30%;margin: 0 auto 50px auto;padding:12px 0; font-size:24px;letter-spacing:3px ;font-weight: normal;color:white;background:#808466; text-align: center;border-radius: 40px;}
    #thx article p{width:80%;margin: 0 auto 50px auto;padding: 0; font-size:16px;letter-spacing:2px;line-height: 32px;}
    #thx article a{display: block;width:50%;margin: 0 auto 0px auto;padding:24px 0; font-size:18px;letter-spacing:1px ;text-align: center;color:#808466;border:1px solid #808466;text-decoration: none;}
    #thx article a:hover{ border:1px solid #448db0;background: #448db0;color: white;cursor: pointer}
    
}
    
@media screen and (max-width:1050px) {
    
    #about{width:100%;margin: 0 auto;padding:0px 0 50px 0;}
    #about #title{width:100%;margin: 0 auto 20px auto;padding:40px 0 40px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 0%;background-size: 130% auto;}
    #about #title h2{margin: 0 auto 0px auto;padding: 0; font-size:24px;letter-spacing:2px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #about article{width:80%;margin: 0 auto;padding:0px 0;}
    #about article h3{margin: 0 auto 10px auto;padding:0px 0;font-size:20px;letter-spacing:1px ;font-weight: normal;text-align: center;color:#448db0;}
    #about article p{margin: 0 auto 30px auto;padding:0px 0;font-size:16px;letter-spacing:1px ;text-align: center;/*color:#448db0;*/}    
    #about article #figure01{width:10%;min-width: 50px; margin: 0 auto 10px auto;padding: 0;}
    #about article #figure01 img{width:100%;}    
    #about article ol{width:100%;margin: 0 auto;padding:0px 0;list-style: none}
    #about article ol li{width:100%;margin: 0 0px 10px 0;padding:0px 0 20px 0px;/**/border-top: 2px solid #448db0;border-bottom: 1px solid #448db0;background: #eff6f5;/*text-indent: -30px; *//*list-style-position: inside;*/}
    #about article ol li:last-of-type{margin:0;}
    #about article ol li p{width:90%; margin: 0 auto;padding:0px 0 0px 0px;font-size:14px;letter-spacing:0px ;line-height:24px;text-align: left;}
    #about article ol li p span{display: block;width: 50px;height:38px;margin: 0 auto 10px auto;padding: 12px 0 0 0; text-align: center;color:white;background:  #448db0; font-size:24px;letter-spacing:0px ;/*border: 2px solid #448db0;*/border-radius: 25px;}
    #about article ol li #figure02{width:100%;margin: 0 auto 10px auto;padding: 0;}
    #about article ol li #figure02 img{width:100%;height: 150px;object-fit:cover;object-position: 0 90%;}
    
    #works{width:100%;margin: 0 auto;padding:0px 0 0px 0;}
    #works #title{width:100%;margin: 0 auto 30px auto;padding:40px 0 40px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 0%;background-size: 130% auto;}
    #works #title h2{margin: 0 auto 0px auto;padding: 0; font-size:24px;letter-spacing:2px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #works article{width:80%;margin: 0 auto;padding:0px 0;}
    #works article section{padding:30px 0 20px 0; border-bottom:1px solid #448db0;}
    #works article section:first-of-type{padding:0px 0 20px 0;}
    #works article section:last-of-type{border-bottom: none}
    #works article section h3{margin: 0 auto 10px auto;padding: 0 0 0 10px; font-size:16px;letter-spacing:0px ;color:#448db0;border-left:4px solid #448db0}
    #works article section h4{margin: 0 auto 10px auto;padding: 0; font-size:18px;letter-spacing:0px ;font-weight: normal;}
    #works article section figure{margin:0 auto 10px auto;padding:0px 0;text-align: center;}
    #works article section figure img{width:100%;}
    #works article section .figure01{width:80%}
    #works article section .figure01 img{height:100px;object-fit:cover;object-position: 0 30%}
    #works article section .figure02{width:100%}
    #works article section .figure02-2{width:100%}
    #works article section .figure03{width:100%;}
    #works article section .figure04{margin: 0 auto 0px auto;padding: 0;list-style: none}
    #works article section .figure04 li{width:49%; margin:0px 0.5% 0px 0.5%;padding: 0;float: left}
    #works article section .figure04 li figure{width:100%}
    #works article section .figure04 li figure img{height:100px;object-fit:cover;object-position: 0 50%}
    #works article section .figure05{margin: 0 auto 0px auto;padding: 0;list-style: none}
    #works article section .figure05 li{width:49%; margin:0px 0.5% 0px 0.5%;padding: 0;float: left}
    #works article section .figure05 li figure{width:100%}
    #works article section .figure05 li figure img{height:100px;object-fit:cover;object-position: 0 50%}
    #works article section .figure06-1{margin: 0 auto 10px auto;padding: 0;list-style: none}
    #works article section .figure06-1 li{width:49%; margin:0px 0.5% 0px 0.5%;padding: 0;float: left}
    #works article section .figure06-1 li figure{width:100%}
    #works article section .figure06-1 li figure .img01{height:100px;object-fit:cover;object-position: 0 40%}
    #works article section .figure06-1 li figure .img02{height:100px;object-fit:cover;object-position: 0 30%}
    #works article section .figure06-2{width:100%;}
    #works article section figure figcaption a{display: block;width:100%;margin: 0 auto;padding: 10px 0;text-align: center;font-size:14px;letter-spacing: 0px;text-decoration: none;color:white;background: #808466; border-radius: 5px;}
    #works article section figure figcaption a .fa-search-plus{margin-right: 10px; font-size: 20px;color:white}
    #works article section figure figcaption a:hover{background: #448db0; }
    
    #company{width:100%;margin: 0 auto;padding:0px 0 50px 0;}
    #company #title{width:100%;margin: 0 auto 0px auto;padding:40px 0 40px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 0%;background-size: 130% auto;}
    #company #title h2{margin: 0 auto 0px auto;padding: 0; font-size:24px;letter-spacing:2px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #company article{width:80%;margin: 0 auto;padding:0px 0;}   
    #company article dl{display:flex; flex-wrap: wrap;width:100%;margin: 0 auto 0px auto;font-size: 15px;letter-spacing: 1px; line-height: 24px;}
    #company article dl dt{width:100%; height:auto; margin:0px auto 0px 0;padding:14px 0 2px 0;color:#448db0}    
    #company article dl dd{width:100%; height:auto; margin:0px 0 0px auto;padding:0px 0% 14px 0;border-bottom: 1px solid #448db0;}
    #company article dl dd:last-of-type{border-bottom:none;}
    #company article dl dd figure{width:100%;margin: 0 auto 0px 0;padding: 0;}
    #company article dl dd figure img{width:100%;}    
    #company article dl dd div{width:100%;margin:0 auto 0px auto;}
    #company article dl dd div {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
    #company article dl dd div iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:0}
    #company article dl dd div iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:0}
    
    #recruit{width:100%;margin: 0 auto;padding:0px 0 50px 0;}
    #recruit #title{width:100%;margin: 0 auto 20px auto;padding:40px 0 40px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 0%;background-size: 130% auto;}
    #recruit #title h2{margin: 0 auto 0px auto;padding: 0; font-size:24px;letter-spacing:2px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #recruit article{width:80%;margin: 0 auto;padding:0px 0;} 
    #recruit article h3{width:100%;margin: 0 auto 10px auto;padding:12px 0; font-size:18px;letter-spacing:1px ;font-weight: normal;color:white;background:#808466; text-align: center;border-radius: 40px;}
    #recruit article dl{display:flex; flex-wrap: wrap;width:100%;margin: 0 auto 50px auto;font-size: 14px;letter-spacing: 1px; line-height: 22px;}
    #recruit article dl dt{width:100%; height:auto; margin:0px auto ;padding:14px 0 2px 0;color:#448db0}    
    #recruit article dl dd{width:100%; height:auto; margin:0px auto;padding:0 0 14px 0%;border-bottom: 1px solid #448db0;}
    #recruit article dl dd ul{width:94%;margin: 5px 0 0px auto;padding: 0;}
    #recruit article dl dd ul li{width:100%;margin: 0 auto 5px 0;padding: 0;}    
    #recruit article div{width:100%;margin:0 auto 0px auto;}
    #recruit article h4{width:100%;margin: 0 auto 20px auto;padding:12px 0; font-size:17px;letter-spacing:0px ;font-weight: normal;color:white;background:#808466; text-align: center;border-radius: 40px;}
    #recruit article div{width:100%;margin: 0 auto 0px auto;}
    #recruit article div a{display: block; width:98%;height: 44px; margin:0 auto 10px auto;padding:20px 0 0 0;text-align: center;font-size: 18px;letter-spacing: 1px;text-decoration: none;color:#808466;border: 1px solid #abad9b;}
    #recruit article div a .fa-envelope{color:#abad9b;padding-right:  15px;font-size:26px;line-height: 26px;}
    #recruit article div a:hover{background:#71abc1;color: white}
    #recruit article div a .fa-envelope:hover{color: white}
    #recruit article div section{width:98%;height: 59px;  margin:0 auto;padding:5px 0 0 0px;border: 1px solid #abad9b;} 
    #recruit article div section p{width:100%; margin:0px auto;padding:0px 0% 0 0%;text-align: center;font-size:12px;letter-spacing:0px;line-height: 20px;/* background: url("../img/line.png") no-repeat;background-position: 28% 0%;background-size: 35px auto;*/}    
    #recruit article div section p::before{ content:'';display: inline-block;width: 30px;height:30px; margin: 0 5px 0 0;padding: 0 ; background: url("../img/line.png") no-repeat;background-position: 50% 0%;background-size:100% auto;}
    #recruit article div section p span{font-size:18px;color:#448db0;font-weight: bold;letter-spacing: 0;}
    
    #form{width:100%;margin: 0 auto;padding:0px 0 50px 0;}
    #form #title{width:100%;margin: 0 auto 30px auto;padding:40px 0 40px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 0%;background-size: 130% auto;}
    #form #title h2{margin: 0 auto 0px auto;padding: 0; font-size:24px;letter-spacing:2px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #form article{width:80%;margin: 0 auto;padding:0px 0;}   
    #form article div{width:92%; margin: 0 auto 10px auto;padding:20px 3% 14px 3%;background: ;border:2px solid #448db0;border-radius:10px;}
    #form article div #text01{margin: 0 auto 0px auto;padding: 0; font-size:13px;letter-spacing:0px ;text-align: center;}
    #form article div #text02{margin: 0 auto 10px auto;padding: 0; font-size:22px;letter-spacing:1px ;text-align: center;font-weight: bold;color:#448db0;}
    #form article div #text03{width:25%;min-width: 200px; margin: 0 auto 0px auto;padding:10px 0; font-size:18px;letter-spacing:0px ;text-align:right;font-weight: bold;color:#448db0;background: url("../img/line.png") no-repeat;background-position: 0% 50%;background-size:35px auto;}
    #form article > p{margin: 0 auto 20px auto;padding: 0; font-size:14px;letter-spacing:0px ;text-align: center;}
    #form article .mark{display: inline-block;color:white;background: lightcoral;padding: 6px 10px;text-align: center;font-size: 12px;letter-spacing: 0px;margin-left: 6px;}
    #form article form{width:100%;margin: 0 auto;padding:0px 0 0px 0;}    
    #form article form dl{display:flex; flex-wrap: wrap;width:100%;margin: 0 auto 0px auto;}
    #form article form dl dt{width:100%; height:auto; margin:0 0 0px 0;padding:20px 0 0px 0%;font-size: 15px;letter-spacing: 0px;/*color:#abad9b;*/font-weight: bold;}
    #form article form dl dd{width:100%; height:auto; margin:0 0 2px 0;padding:5px 0 20px 0%;font-size: 12px;letter-spacing: 0px;border-bottom: 1px solid #abad9b;}
    #form article form dl dd:last-of-type{border-bottom:none}
    #form article form button{display:block;border:0;width:100%;margin:0 auto 0px auto;padding: 24px 0;color: white;font-size:20px;letter-spacing:1px; background:#808466;}
    #form article form button:hover{cursor: pointer;background: #448db0;}
    
    input[type="text"],input[type="email"],textarea {margin: 0 auto 0 0;padding:12px 1% 14px 2%;font-size:16px;letter-spacing:1px;border-radius:3px;background:#eaeadb;border:none; outline: none;}
    .input01,textarea{width:98%;}
    .input02{width:30%;}
    input[type="text"]:focus,input[type="email"]:focus,textarea:focus{ background: #448db0;color: white;}
    textarea{height:100px;} 
    
    #conf{width:100%;margin: 0 auto;padding:0px 0 0px 0;}
    #conf #title{width:100%;margin: 0 auto 30px auto;padding:40px 0 40px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 0%;background-size: 130% auto;}
    #conf #title h2{margin: 0 auto 0px auto;padding: 0; font-size:24px;letter-spacing:2px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #conf article{width:80%;margin: 0 auto;padding:0px 0;}   
    #conf article h3{width:100%;margin: 0 auto 20px auto;padding:12px 0; font-size:20px;letter-spacing:1px ;font-weight: normal;color:white;background:#808466; text-align: center;border-radius: 40px;}
    #conf article p{margin: 0 auto 0px auto;padding: 0; font-size:14px;letter-spacing:0px ;}
    #conf article dl{display:flex; flex-wrap: wrap;width:100%;margin: 0 auto 0px auto;}
    #conf article dl dt{width:100%; height:auto; margin:0 0 2px 0;padding:16px 0 0px 0%;font-size: 14px;letter-spacing: 0px;/*color:#abad9b;*/font-weight: bold;}
    #conf article dl dd{width:100%; height:auto; margin:0 0 2px 0;padding:0 0 16px 0%;font-size: 14px;letter-spacing: 0px;border-bottom: 1px solid #abad9b;}
    #conf article dl dd:last-of-type{border-bottom:none}
    #conf article form section{text-align:center}
    #conf article form section input[type="button"] {display:inline-block;width:49%;margin:0 ;padding: 24px 0;color: white;font-size:20px;letter-spacing:1px; background:#808466;border:none; outline: none;-webkit-appearance: none;border-radius: 0;}
    #conf article form section input[type="submit"] {display:inline-block;width:49%;margin:0 ;padding: 24px 0;color: white;font-size:20px;letter-spacing:1px; background:#808466;border:none; outline: none;-webkit-appearance: none;border-radius: 0;}
    #conf article form section input[type="button"]:hover,#conf article form section input[type="submit"]:hover{ background: #448db0;color: white;cursor: pointer}
    
    #thx{width:100%;margin: 0 auto;padding:0px 0 0px 0;}
    #thx #title{width:100%;margin: 0 auto 30px auto;padding:40px 0 40px 0;background: url("../img/title_backgrond.jpg") no-repeat;background-position: 50% 0%;background-size: 130% auto;}
    #thx #title h2{margin: 0 auto 0px auto;padding: 0; font-size:24px;letter-spacing:2px ;font-weight: normal;color:#000e3d;text-align: center;text-shadow:0px 0px 6px white;}
    #thx article{width:80%;margin: 0 auto;padding:0px 0;}   
    #thx article h3{width:100%;margin: 0 auto 20px auto;padding:12px 0; font-size:20px;letter-spacing:1px ;font-weight: normal;color:white;background:#808466; text-align: center;border-radius: 40px;}
    #thx article p{width:100%;margin: 0 auto 30px auto;padding: 0; font-size:14px;letter-spacing:1px;line-height: 22px;}
    #thx article a{display: block;width:100%;margin: 0 auto 0px auto;padding:24px 0; font-size:18px;letter-spacing:0px ;text-align: center;color:#808466;border:1px solid #808466;text-decoration: none;}
    #thx article a:hover{ border:1px solid #448db0;background: #448db0;color: white;cursor: pointer}
    
}