@charset "UTF-8";
*{
	margin:0;
	padding:0;
}
.grecaptcha-badge { visibility: hidden; }
body{
	line-height:150%;
	font-weight:normal;
	font-family: "Lato", "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*ChromeとOperaのみだけに適用されるCSSハック*/
_::content, _:future, body { 
	font-size:4.14vw;
}
/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
  body {
    font-size:4.10vw;
  }
}
h1,h2,h2,h3,h5,h6{
	font-size: 100%;
	font-weight:300;
	line-height: 150%;
}
header,footer,article,section,nav,small,aside,div,ul,li,h1,h2,h3,h4,h5{
	display:block;
	box-sizing:border-box;
	position:relative;
}
li{
	list-style:none;
}
img{
	display:block;
	outline:none;
	border:none;
	width:100%;
	height:auto;
}
a{
	text-decoration:none;
	color: #084800;
}
a:hover{
	color:green;
}
iframe{
	border:none;
}
table{
	border-collapse:separate;
}
th,td{
	font-weight:normal;
}
th{
	text-align:left;
}
td{
	text-align:left;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
strong{
	font-weight: bold;
}
/*------------------------------------*/
#wrap{
	width:100%;
}
#wrap>div{
	padding-top:4.5em;
}
.shareheader{
    align-items: center;
    padding: .5em;
    height: 4.5em;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
	background:white;
	border-bottom: 2px solid #aaa;
}
.shareheader h1{
	width: 55%;
	margin-right: 1em;
}
.shareheader>p{
	width: 13%;
	margin-right: auto;
}
.shareheader nav{
    margin: .5em .5em 0 0;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
    width: 2.3em;
    height: 2.3em;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: .2em;
	background-color: #aaa;;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: calc(50% - .1em);
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger span:nth-of-type(1) {
	-webkit-animation: menu-bar01 .75s forwards;
	animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
	0% {-webkit-transform: translateY(1.05em) rotate(45deg);}
	50% {-webkit-transform: translateY(1.05em) rotate(0);}
	100% {-webkit-transform: translateY(0) rotate(0);}
}
@keyframes menu-bar01 {
	0% {transform: translateY(1.05em) rotate(45deg);}
	50% {transform: translateY(1.05em) rotate(0);}
	100% {transform: translateY(0) rotate(0);}
}
.menu-trigger span:nth-of-type(2) {
	transition: all .25s .25s;
	opacity: 1;
}
.menu-trigger span:nth-of-type(3) {
	-webkit-animation: menu-bar02 .75s forwards;
	animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
	0% {-webkit-transform: translateY(-1.05em) rotate(-45deg);}
	50% {-webkit-transform: translateY(-1.05em) rotate(0);}
	100% {-webkit-transform: translateY(0) rotate(0);}
}
@keyframes menu-bar02 {
	0% {transform: translateY(-1.05em) rotate(-45deg);}
	50% {transform: translateY(-1.05em) rotate(0);}
	100% {transform: translateY(0) rotate(0);}
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-animation: active-menu-bar01 .75s forwards;
	animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
	0% {-webkit-transform: translateY(0) rotate(0);}
	50% {-webkit-transform: translateY(1.05em) rotate(0);}
	100% {-webkit-transform: translateY(1.05em) rotate(45deg);}
}
@keyframes active-menu-bar01 {
	0% {transform: translateY(0) rotate(0);}
	50% {transform: translateY(1.05em) rotate(0);}
	100% {transform: translateY(1.05em) rotate(45deg);}
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-animation: active-menu-bar03 .75s forwards;
	animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
	0% {-webkit-transform: translateY(0) rotate(0);}
	50% {-webkit-transform: translateY(-1.05em) rotate(0);}
	100% {-webkit-transform: translateY(-1.05em) rotate(-45deg);}
}
@keyframes active-menu-bar03 {
	0% {transform: translateY(0) rotate(0);}
	50% {transform: translateY(-1.05em) rotate(0);}
	100% {transform: translateY(-1.05em) rotate(-45deg);}
}
.shareheader ul{
    display: none;
    position: fixed;
    top: 4.5em;
    left: 0;
    background: rgba(107, 170, 204, 0.9);
    width: 100%;
    height: calc(100% - 4.5em);
    z-index: 9998;
}
.shareheader li{
	margin:1em;
}
.fglobalnav ul {
    display: none;
    position: fixed;
    top: 4.5em;
    left: 0;
    background:rgba(27, 97, 11, 0.9);
    width: 100%;
    height: calc(100% - 4.5em);
    z-index: 9998;
}
.fglobalnav li {
}
.fglobalnav li:before {
    content: "→";
    position: absolute;
    left: 1em;
    top: .5em;
    color: white;
}
.fglobalnav li a{
    padding: .5em 3em;
    color: white;
    display: block;
}
.navslideoff{
	transform: translate(-10%,0);
	-webkit-transform: translate(-10%,0);
	opacity:0;
}
.navslide{
	opacity: 1.0 !important;
	transform: translate(0,0) !important; 
	-webkit-transform: translate(0,0) !important;
}
/*------------------------------------*/
#breadcrumb{
    text-align: center;
    margin: 2em 0;
    font-size:14px;
}
/*------------------------------------*/
#topimage{
	overflow: hidden;
	height:7em;
}
#topimage img{
	transform:scale(1.4);
	animation:name 10s forwards;
}
@-webkit-keyframes name{100%{transform:scale(1)}}
@-moz-keyframes name{100%{transform:scale(1)}}
@keyframes name{100%{transform:scale(1)}}

/*------------------------------------*/
#front>ul{
	padding:0 1em;
    margin-top:2em;
}
#front>ul>li{
    margin-bottom: 2em;
}
#front>ul>li p:nth-of-type(2){
    text-align: right;
    padding-right: 1em;
    font-size: 1.5em;
    line-height: 2em;
    background: linear-gradient(162deg, transparent 25%, rgba(0, 50, 0, .8) 95%);
    color: white;
    font-weight: 200;
    position: absolute;
    width: 100%;
    bottom: 3em;
    box-sizing: border-box;
}
.btn{
	text-align: center;
	box-shadow: 0em 1em 1em -1em black;
	border: 1px solid #aaa;
	width: 58%;
    margin: 1em auto;
}
.btn a{
	display:block;
	background:white;
    line-height: 260%;
}
.frontlogob{
	width:40%;
	margin: 0 auto;
}
#taiyoubanner{
    padding:0 1em;
    box-shadow: 0 1em 1em -1em grey;
}
#front3 .frontlogob{
	width:70%;
}
.frontlogoa{
	display:none;
}
.fronturl{
	font-size:80%;
	margin: 1em 0;
	background: linear-gradient(#866e0c,black,#866e0c);
    color: white;
}
.fronturl a{
	color:white !important;
}
/*------------------------------------*/
#front4{
	padding: 2em 0 0;
}
#news ul{
}
#news li{
	padding:.8em;
	background:white;
	border-bottom:1px solid #aaa;
	margin-bottom:.6em;
}
#news li:last-of-type{
	margin-bottom:0;
}
#news li a{
	text-decoration: underline;
}
/*------------------------------------*/
#footer-u{
	background: -webkit-linear-gradient(top left, #153100, #3d691b);
	background: -o-linear-gradient(top left, #153100, #3d691b);
	background: linear-gradient(to bottom right, #153100, #3d691b);
}
#footer-u li{
    width: 50%;
    padding: .5em 0;
    border-bottom: 1px solid #446944;
}
#footer-u li:nth-of-type(odd){
	border-right:1px solid #446944;
}
#footer-u li:nth-of-type(4){
    -webkit-order:-2;
    order: -2;
	border-right:1px solid #446944;
}
#footer-u li:nth-of-type(3){
    -webkit-order:-1;
    order: -1;
    border-right:none;
}
#footer-u li:nth-of-type(2){
    -webkit-order:-3;
    order: -3;
}
#footer-u li:nth-of-type(1){
    -webkit-order:-4;
    order: -4;
}
#footer-u a{
	display:block;
	color:white;
}
#footer-u a:hover{
	text-decoration: underline;
}
#copyright{
	font-size: 60%;
    padding: .4em 0;
}
/*------------------------------------*/
#fixbanner p{
	width:50%;
}
#ichiritsu,
#fm a{
    display: block;
    margin: 1em;
    box-shadow: 0 1em 1em -1em grey;
}
/*------------------------------------*/
.pagearticle header{
    padding:2em 0;
    margin: 0 auto;
    width: 100%;
    border-bottom: .1em solid #ddd;
    margin-bottom: 3em;
}
.pagearticle header h1{
	font-size: 140%;
    text-align: center;
}
.pagearticle>section{
    padding:0 1em;
}
.title {
    margin: 0 0 1em;
    background: #f1f1f1;
    color: #333;
    padding: .5em;
    font-weight: 300;
    font-size: 1.5em;
}
.pagearticle h3{
    font-size:1.5em;
    font-weight: 400;
    color:green;
    margin-bottom:.5em;
}
.pagearticle>section li{
    margin-bottom:3em;
}
.pagea>section>div{
    margin-bottom:3em;
}
.li2,.li3,.li4{
    margin-top:1em;
}
.li2 li,.li3 li, .li4 li {
    aspect-ratio:1/1;
    margin-bottom:1em;
    margin-right:5%
}
.li2 li,.li4 li{
    width:47%;
}
.li3 li{
    width:30%;
}
.li2 li:last-of-type{
    margin-right:auto;
}
.li3 li:last-of-type,.li4 li:nth-of-type(2n+2){
    margin-right:0;
}
.li2 li{
}
.pageb li img{
    height:100%;
    object-fit: cover;
}
.fadein{
	opacity:0;
}
.shousai a{
    display: block;
    text-align: center;
    white-space: nowrap;
    padding: .5em;
    border: 1px solid #466608;
    box-shadow: 0 1em .5em -1em #555;
    font-weight: 400;
    line-height: 1.5em;
    margin:1em auto 3em;
    
}
/*------------------------------------*/
/*drone*/
#drone li p:nth-of-type(1){
    margin-bottom:0;
}
#drone li p:nth-of-type(3) img{
    height:2em;
    width:auto;
    margin:0 auto;
}
#drone li p:nth-of-type(2){
    font-size: 80%;
    margin-bottom: 2em;
    background: linear-gradient(#866e0c, black, #866e0c);
    color: white;
}
/*------------------------------------*/
/*taiyou*/
#taiyou h2{
    font-size:1.5em;
}
#taiyou>section>div{
    margin-bottom:3em !important;
}
#taiyou li{
    width:100% !important;
}
#taiyou h2+p{
    margin-top:1em;
    color:#777;
}
#taiyou>section>div{
    margin-bottom:5em;
}
#taiyou h3{
    font-size:1.2em;
    background:#f1f1f1;
    padding:1em;
    color: #00599f;
    margin: 2em auto 1em;
}
/*------------------------------------*/
#company1{
	width:80%;
	margin:0 auto;
	padding-bottom:1em;
}
#company1 h2{
	width:100%;
}
#company1 div{
	padding:1em 0;
	line-height:180%;
}
#company1 div p span{
	display:block;
}
#company1 div p span:nth-of-type(1){
	width:10%;
}
#company1 div p span:nth-of-type(2){
	width:90%;
}
#company2{
	background:#fafafa;
	padding:3em 0;
}
#company2 h2{
	width:90%;
	margin:0 auto 1em;
}
#company2>p,
#company2>div{
	width:90%;
	margin:0 auto;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#company2>div{
	line-height:180%;
	font-size: 80%;
}
#company3{
	padding:3em 0;
}
#company3 h2{
	width:90%;
	margin:0 auto 1em;
}
#company3 table{
	width:90%;
	margin:0 auto;
}
#company3 th,
#company3 td{
	padding:.4em;
	display:block;
}
#company3 th{
	vertical-align: top;
}
#company3 th:before{
	content:"■ ";
}
#company3 td{
	border-bottom:1px solid #ddd;
	margin-bottom:1em;
}
#company3 td p{
	margin-bottom:.5em;
}
#company3 tr:last-of-type td>span{
	display: block;
}
/*------------------------------------*/
#csr>header h1 span{
	font-size:60%;
}
#csr>div>*{
	width:90%;
	margin:0 auto;
	line-height:180%;
}
#csr h2{
	margin-bottom:1em;
}
#csr>div{
	padding:3em 0;
}
#csr>div>div{
	font-size:80%;
}
#csr>div:last-of-type{
	padding-bottom:6em;
}
#csr>div:nth-of-type(odd){
	background:#f7f7f7;
}
/*------------------------------------*/
#inquiry1 h2{
	width:80%;
	margin:0 auto;
}
.wpcf7>form>p{
	width:90%;
	margin:1em auto;
}
.wpcf7 table{
	width:90%;
	margin:2em auto;
	border-spacing:1px;
	border-spacing:1px;
}
.wpcf7 th,
.wpcf7 td{
	font-weight:normal;
	text-align: left;
	position:relative;
	display:block;
}
.wpcf7 th{
	vertical-align: top;
}
.wpcf7 td{
	color:#777;
	margin-bottom:2em;
	padding:.5em 0;
}
.wpcf7 tr:last-child th{
	vertical-align: top;
}
.wpcf7 td input:not([type=radio]),
.wpcf7 td textarea{
	font-size:90%;
	border:1px solid #aaa;;
	color:black;
	padding:.5em;
	width: calc(100% - 1em);
}
.wpcf7 td textarea{
    border: .3em solid #788a78;
    box-sizing: border-box;
    box-shadow: 0 0 0.2em #778978;
}
#freedays{
	padding:.4em;
}
.wpcf7 td input[type=checkbox]{
	width:auto;
	margin-right:.4em;
}
.wpcf7 td label{
	display:block;
}
#freedays .hissu{
	position:absolute;
    right: 2.2em;
    top: 1em;
}
input[name="address1"],
input[name="address2"]{
	width: 73.4% !important;
	margin-bottom:.2em;
}
input[name="address3"]{
	width: 70.4% !important;
	margin-bottom:.2em;
}
input[name="your-postno"]{
	width:22% !important;
	margin-bottom:.2em;
}
.wpcf7 td .wpcf7-form-control-wrap{
	width:100%;
}
.wpcf7 td span.wpcf7-form-control>span:not(:first-child) input[type=radio]{
	margin:0 0 0 2em;
	font-size:90%;
}
.wpcf7-response-output{
	color:red;
	text-align: center;
}
.hissu,
.ninni{
	font-size:80%;
	padding:.2em;
	color:white;
	margin-left:.5em;
}
.hissu{
	background:red;
	margin-right:1em;
}
.ninni{
	background:#aaa;
	margin-right:1em;
}
.schoolwpcf7 form>p{
	text-align: center;
}
input[type=checkbox]{
	cursor:pointer;
	transform:scale(1.3);
}
input[type=radio]{
	margin-right:.3em !important;
}
input[type=submit]{
    font-size: 100%;
    padding: .2em 3em;
    cursor: pointer;
    margin: 3em 0 6em;
    border: 1px solid #aaa;
	background:white;
	-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
input[type=submit]:hover{
	background: #808200;
	color:white;
}
.screen-reader-response{
	color:red;
}
.screen-reader-response ul{
	display:none !important;
}
.wpcf7-not-valid-tip{
	display:inline-block;
	font-size:90%;
	color:red;
}
.wpcf7-validation-errors{
	text-align: center;
	color:red;
}
.wpcf7 label{
	cursor:pointer;
}
.wpcf7 label:hover{
	color:#a50000;
}
.privacy-policy a{
	color: #aec300;
	text-decoration: underline;
}
.screen-reader-response{
	text-align: center;
}
.doui{
	font-size:90%;
}
/*------------------------------------*/
#privacy{
	margin-bottom:5em;
}
#privacy>p{
	width:90%;
	margin:0 auto;
}
#privacy1{
	padding:3em 0;
}
#privacy1 li{
	padding:3em 5%;
}
#privacy1 li:nth-of-type(odd){
	background:#fafafa;
}
#privacy1 li h2{
	margin-bottom:1em;
}
#privacy1 li p{
	font-size:80%;
}
/*------------------------------------*/
.border{
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid black;
}
.fadein{
	opacity:0;
}
/*------------------------------------*/
.mdn{display:none !important;}
.red{color:red !important;font-weight: bold !important;}
.green{color:#4b9409 !important;}
.bold{font-weight: bold !important;}
.txc{text-align: center !important;}
.txr{text-align: right !important;}
.m_flex{display:-ms-flexbox;display:-webkit-flex;display:flex;}
.m_flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.m_justifyspace{-webkit-justify-content:space-between;-ms-flex-pack: justify;justify-content:space-between;}
.m_justifycenter{-webkit-justify-content:center;-ms-flex-pack: center; justify-content:center;}
.m_justifyaverage{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;}
/*------------------------------------*/
.button_line004{
    text-align: center;
}
.button_line004 a {
    position: relative;
    transition: 0.3s ease-in-out;
    display: inline-block;
    color: black;
    margin:2em auto 0;
    padding:.2em 1.5em;
}
.button_line004 a:before,
.button_line004 a:after {
    content: '';
    border:1px solid #aaa;
    box-sizing: border-box;
    display: block;
    position: absolute;
    transition: all 0.3s ease-in-out;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
}
.button_line004 a:before {
	top: -6px;
	left: -6px;
	border-width: 1px 0 0 1px;
	z-index: 5;
}
.button_line004 a:after {
	bottom: -6px;
	right: -6px;
	border-width: 0 1px 1px 0;
}
.button_line004 a:hover:before,
.button_line004 a:hover:after {
	width: calc(100% + 12px);
	height: calc(100% + 12px);
}