@charset "UTF-8";
@charset "UTF-8";

  *{
margin:0;
padding:0;
}
body{
line-height:150%;
font-weight:400;
font-family:"M PLUS Rounded 1c","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
h1,h2,h2,h3,h5,h6{
font-size: 100%;
font-weight:600;
line-height: 150%;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}
header,footer,article,section,nav,small,aside,div,ul,li,h1,h2,h3,h4,h5,p{
display:block;
box-sizing:border-box;
position:relative;
line-height:150%;
}
li{
list-style:none;
}
img,
video{
display:block;
outline:none;
width:100%;
height:auto;
}
input{
outline: none;
}
p{
}
a{
color:#007094;
}
a:hover{
color:#1584e8;
}
iframe{
border:none;
width:100%;
height:100%;
}
table{
border-collapse:collapse;
border-spacing: 0;
width:100%;
font-size:95%;
}
table thead tr:nth-of-type(1) th{
border-top:1px solid #777;
}
table thead th{
position:-webkit-sticky;
position: sticky;
top:0;
z-index: 1;
text-align: center;
vertical-align: middle;
}
table thead tr:nth-of-type(2) th{
top: calc(1.5em + 4px);
}
th,td{
font-weight:normal;
vertical-align: top;
padding:.1em .5em;
border-left:1px solid #777;
border-bottom:1px solid #777;
}
th:last-of-type,
td:last-of-type{
border-right:1px solid #777;
}
tbody tr:nth-of-type(1)>*{
border-top:1px solid #777;
vertical-align: middle;
}
th{
text-align:left;
}
thead th{
background:#cadfb9;
}
tbody th{
background:#e2e6e9;
}
td{
text-align:left;
background:white;
}
#pagebody tbody tr:nth-of-type(even)>*{
background:#f5f5f5;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
@media screen and (max-width:1000px) {
body {
overscroll-behavior: none;
}
}
.logged-in-as,
.comment-form-comment label{
display: none;
}
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
.m1,
.m2,
.m3,
.r1,
.l1{
opacity: 0;
transition-duration:0.8s;
}
.m1{transform: translate(2em,0) scale(.8);}
.m2{transform:translate(0,2em) scale(.8);}
.m3{transform:translate(0,5em);}
.r1{transform:translate(2em,0);}
.l1{transform:translate(-2em,0);}
.mv1,
.mv2,
.mv3,
.rv1,
.lv1{
opacity: 1.0;
transform: translate(0,0) scale(1);
}
.zv1{
transform:scale(1.1);
}
.grecaptcha-badge { visibility: hidden; }

html {
font-size: 62.5%;
-webkit-font-smoothing: antialiased;
}
body{
font-size:clamp(14px, .96vw, 26px);
}
*{
-ms-overflow-style: none; scrollbar-width: none; }
*::-webkit-scrollbar { display:none;
}
h2{
font-size:1.5em;
margin-bottom:1.5em;
padding:0 2em;
}
.border{
display: inline-block;
}
.border::before{
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 0;
transition-duration: 1s;
}
.borderin:before {
width: 100%;
background: #119aab;
}
.thum{
cursor: pointer;
transition-duration:0.8s;
aspect-ratio: 4 / 3;
}
.thum:hover{
opacity: .8;
}
.thum img{
object-fit: cover;
height: 100%;
}
.nothum{
aspect-ratio:4/3;
background:#dedede;
color:white;
font-size:1.5em;
font-weight: bold;
}
.overlay{
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
background: rgba(0,0,0,.8);
left: 0;
top: 0;
display: none;
}
.overlay>div{
width:100%;
height:100%;
}
.overlay img{
height: 60vh;
width: auto;
}
.overlay span{
position: absolute;
top: -1.4em;
right: 0;
color: white;
font-size: 1.5em;
background: red;
border-radius: 0.2em;
padding: 0.2em;
line-height: .87em;
opacity: .9;
cursor: pointer;
}
.m3:nth-of-type(4n+1){
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
.m3:nth-of-type(4n+2){
-webkit-transition-delay:.4s;
transition-delay:.4s;
}
.m3:nth-of-type(4n+3){
-webkit-transition-delay:.6s;
transition-delay:.6s;
}
.m3:nth-of-type(4n+4){
-webkit-transition-delay:.8s;
transition-delay:.8s;
}
.morebtn a,
input[type="submit"]{
display: inline-block;
padding:0.5em 4em .5em 3em;
border-radius: 2em;
background: #5dbed1;
margin: 0 auto 5em;
color: white;
letter-spacing: .2em;
transition-duration:0.8s;
position: relative;
}
.morebtn a:hover{
background:#195952;
}
.morebtn a::before{
content: "";
position: absolute;
right: 0.2em;
top: 7%;
border-radius: 50%;
height: 86%;
aspect-ratio: 1 / 1;
background:rgba(255,255,255,.5);
}
.morebtn a::after{
content: "";
border-top: 1.5px solid;
border-right: 1.5px solid;
transform: rotate(45deg);
position: absolute;
right: 1em;
top: .85em;
width: .8em;
height: .8em;
}
.shade::before,
.shade::after{
content:"";
height:100%;
width:100%;
position: absolute;
background:rgba(255,255,255,.9);
top:0;
transition-duration:0.8s;
z-index: 1;
}
.shade::before{
left:0;
}
.shade::after{
right:0;
}
.shadew:before,
.shadew:after{
width:0 !important;
}
.ontgt{
cursor: pointer;
transition-duration:0.8s;
}
.ontgt:hover{
opacity: .8;
}
.tgt{
padding-top:5em;
}
.tgt:nth-of-type(1){
padding-top:0;
}
h2 span:nth-of-type(1),
#page h3 span:nth-of-type(1){
display: inline-block;
transition-duration:0.8s;
}
h2 span:nth-of-type(2),
#page h3 span:nth-of-type(2){
display: block;
color:#999;
font-size:.5em;
font-weight: normal;
}
#posttitle h2{
font-size:2em;
padding: 1em 0;
}
.border3{
margin:8em auto 4em;
padding:1em 0;
border-top:3px double #aaa;
border-bottom:3px double #aaa;
} #navi{
padding: 0 7em;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
}
#navi::before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background:linear-gradient(-40deg,#09aac2c4 20%,rgb(255 255 255) 50%);
}  #frontnavi{
padding: 1em 0;
}
#frontnavi li a{
color: black;
display: block;
transition-duration: 1.2s;
margin: 0 .5em;
}
#frontnavi li a:before{
content:"";
position: absolute;
left:0;
bottom:0;
height:1px;
width:0;
transition-duration:0.4s;
}
#frontnavi li:nth-of-type(2) a{
-webkit-transition-delay:.1s;
transition-delay:.1s;
}
#frontnavi li:nth-of-type(3) a{
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
#frontnavi li:nth-of-type(4) a{
-webkit-transition-delay:.3s;
transition-delay:.3s;
}
#frontnavi li:nth-of-type(5) a{
-webkit-transition-delay:.4s;
transition-delay:.4s;
}
#frontnavi li:nth-of-type(6) a{
-webkit-transition-delay:.5s;
transition-delay:.5s;
}
#frontnavi li:nth-of-type(7) a{
-webkit-transition-delay:.6s;
transition-delay:.6s;
}
#frontnavi li a:hover{
color:#119aab;
transition-duration:0s;
-webkit-transition-delay:0s;
transition-delay:0s;
}
#frontnavi li a:hover:before{
width:100%;
background:#119aab;
}
#frontnavi li:nth-of-type(1){
width:22vw;
min-width: 20em;
}
#frontnavi li:nth-of-type(2){
margin-left:auto;
}
#frontnavi li:last-of-type{
font-weight: 600;
margin-left:1em;
}
#frontnavi li:last-of-type a{
color:white;
}
#frontnavi li:last-of-type a:hover:before{
background:white;
} #page,
#archive{
padding-top:5em;
} #concept{
background: white;
border-top: .5em solid rgb(16 166 189);
}
#concept>div>div{
width:50%;
}
#concept>div>div:nth-of-type(2){
overflow: hidden;
}
#concept>div>div:nth-of-type(2) video{
height: 100%;
object-fit: cover;
}
#concept p{
margin-bottom:1em;
}
@media screen and (min-width: 700px){
#concept>div>div:nth-of-type(1){
padding:10em 0;
}
}
@media screen and (max-width:699px){
#concept>div>div:nth-of-type(1){
padding:5em 0;
}
} #ayumi{
padding: 5em 0;
background:#03abc4e6;
color: white;
}
#ayumi h1{
font-size:140%;
font-weight:600;
margin-bottom:1em;
}
#ayumi h2 span:nth-of-type(2){
color:white;
}
#ayumi h2.border::before{
background:#81ccd3;
}
#ayumi a{
margin-top:4em;
color:white;
transition-duration:0.8s;
display: block;
position: relative;
}
#ayumi a::before{
content:"";
width:9em;
left:50%;
bottom:0;
position: absolute;
height:1px;
background:white;
transform:translate(-50%,0);
}
#ayumi a:hover{
opacity: .7;
} #fabout{
padding:5em 0 8em;
background: white;
}
#fabout>div:nth-of-type(1){
margin-bottom: 3em;
}
#fabout>div>div:nth-of-type(1){
width:30%;
background: gray;
}
#fabout>div>div:nth-of-type(2){
width:68%;
padding: 10em 0;
}
#fabout li{
width: 24%;
background: white;
padding: 1em;
transition-duration:1.2s;
}
#fabout h3{
margin:1em 0;
}
#fabout li div{
overflow: hidden;
}
#fabout li img{
transition-duration:0.8s;
}
#fabout li img:hover{
transform: scale(1.1);
}
#fabout .morebtn a{
margin:4em auto 0;
} #vision h2 span{
color:white;
}
#vision p{
margin-bottom:1em;
}
#visionmask{
background:rgb(0 69 143 / 65%);
color:white;
padding:5em 0;
}  #topmovie{
background: url(//murayamakensetu.co.jp/wp-content/themes/mk/images/loading.gif) center no-repeat;
background-size: 20em auto;
position: fixed;
}
#topmovie video{
width:100%;
height:100%;
object-fit: cover;
}
@media screen and (min-width: 700px){
#frontspace{
aspect-ratio: 20 / 9;
}
#topmovie{
width: 100vw;
height: 100vh;
}
}
@media screen and (max-width:699px){
#frontspace{
height:50vh;
}
#topmovie{
height:50vh;
}
} #fscr{
background:white;
overflow: hidden;
}
#fscr>div>div{
width: 46%;
margin:8em auto;
overflow: hidden;
}
#fscr>div>div:nth-of-type(1){
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
#fscr>div>div:nth-of-type(2){
-webkit-transition-delay:.6s;
transition-delay:.6s;
}
#fscr>div>div p{
transition-duration:1.2s;
}
#fscr>div>div:hover p{
transform:scale(1.2);
}
#fscr h2{
position: absolute;
bottom: 0;
background: #170d44;
color: white;
padding: 0.5em 0em;
width: 100%;
left: 0;
z-index: 1;
margin: 0;
transition-duration:0.4s;
}
#fscr h2::before{
width: 90%;
background: white;
bottom: 0.5em;
left: 5%;
}
#fscr>div>div:hover h2{
background:#6aabb9;
} #frecruit{
overflow: hidden;
}
#frecruitbg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#frecruitbg video{
position: absolute;
left:0;
bottom:-40%;
}
#frecruit>div:nth-of-type(2) h2+p{
text-shadow: 1px 1px 1px black;
letter-spacing: .05em;
}
#frecruit>div:nth-of-type(2){
padding:8em 1em;
color: white;
background: rgba(0, 0, 0, .3);
}
#frbtn a{
display: inline-block;
padding:.5em 4em .5em 3em;
border-radius: 2em;
background:white;
transition-duration:0.8s;
margin:2em auto 0;
position: relative;
}
#frbtn a:hover{
background:#3298bd;
box-shadow:none;
color:white;
}
#frbtn a::before{
content: "";
position: absolute;
right: 0.2em;
top: 6%;
border-radius: 50%;
height: 86%;
aspect-ratio: 1 / 1;
background:rgba(255,255,255,.5);
}
#frbtn a::after{
content: "";
border-top: 1.5px solid;
border-right: 1.5px solid;
transform: rotate(45deg);
position: absolute;
right: 1em;
top: .85em;
width: .8em;
height: .8em;
}
@media screen and (max-width:699px){
#frecruitbg img{
object-fit: cover;
height: 100%;
}
}  #about1 li{
width:25%;
}
#about1 h3{
font-size:1.5em;
padding: 1em 0;
display: inline-block;
margin-bottom:1em;
}
#about2 ul{
width:100%;
display: grid;
}
#about2 li>div:nth-of-type(1){
padding: 1em 0;
}
#about2 .address,
#about2 .days{
color:#777;
font-size:.8em;
}
#about2 .txtabout{
font-size:.9em;
}
#about2 .catname{
font-size:.8em;
}
#about2 .catname span{
position: relative;
}
#about2 .catname span::before{
content:"";
position: absolute;
bottom:0;
left:0;
height:1px;
width:0;
transition-duration:0.8s;
background:#1584e8;
}
#about2 .catname:hover span::before{
width:100%;
}
#about2 h3{
background: #11264d;
color: white;
line-height: 2em;
font-weight: normal;
margin-bottom:.5em;
}
#about2 .tgt .morebtn a{
margin-bottom:0;
}
@media screen and (min-width: 700px){
#about2 ul{
gap: 2em;
grid-template-columns:repeat(5, 1fr);
margin-bottom: 5em;
}
#about2{
margin-bottom:8em;
}
}
@media screen and (max-width:699px){
#about2 ul{
gap: 1em;
grid-template-columns:repeat(2, 1fr);
margin-bottom: 3em;
}
#about2{
padding:1em;
}
} #koujinav li{
display: inline-block;
padding: 0.3em 2em;
margin: 2em auto;
background: #5a8c9c;
color: white;
} #kouken1{
background:linear-gradient(45deg,#f1f9ff,white);
}
#kouken1>div>div{
width:50%;
}
#kouken1 .content{
padding:2em;
}
#kouken1 h3{
font-size:1.5em;
margin-bottom:1.5em;
}
#kouken1 p{
font-size:.9em;
}
#kouken2{
margin-bottom:8em;
}
#kouken2 li{
margin-bottom:3em;
}
#kouken2 li img{
object-fit: cover;
height:100%;
}
#kouken2 li 
#kouken2 h3{
margin-top:6em;
font-size:1.5em;
}
#kouken2 h4{
line-height: 2em;
margin:1.5em auto;
font-size:1.1em;
font-weight: 500;
}
@media screen and (min-width: 700px){
#kouken2 li{
width:48%;
}
#kouken2 li .flex>p{
width:49%;
}
}
@media screen and (max-width:699px){
#kouken2 li .flex>p{
padding:.2em;
}
} #gaiyou1 .content{
position: absolute;
left:0;
top:4em;
width: 100%;
color:white;
}
#gaiyou1 .content h2 span:nth-of-type(2){
color:white;
}
#gaiyou2{
padding:8em 0;
}
#gaiyou2>div>div:nth-of-type(1){
width:60%;
padding-top:3em;
padding-right:1em;
}
#gaiyou2>div>div:nth-of-type(2){
width:30%;
}
#gaiyou2 h3{
margin-bottom:1em;
}
#gaiyou2>div>div:nth-of-type(1) p{
margin-bottom:1em;
}
.ceoname{
margin-top:2em;
text-align: right;
font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#gaiyou3>div>div{
width:48%;
}
#gaiyou3 th{
width:25%;
}
#gaiyou3 h3{
margin-top:0;
}
#map{
margin:5em auto 10em;
}
#map h3{
margin:6em auto 4em;
}
#map iframe{
height:30em;
}
#gaiyou4>div{
margin-bottom:5em;
}
#gaiyou4 h2{
margin-bottom:2em;
}
#gaiyou4 h2+p{
margin-bottom:4em;
}
#gaiyou4 h3{
background: #11274D;
color: white;
padding: .5em 6em;
margin: 0 auto 3em;
width: 20em;
text-align: center;
}
#gaiyou4 li{
margin-bottom:2em;
}
#souko li,
#kuruma li{
width:30%;
}
#juuki li{
width:23%;
} #saiyou1{
padding: 7em 0;
background: url(//murayamakensetu.co.jp/wp-content/themes/mk/images/saiyou1.jpg)center bottom no-repeat;
background-size: cover;
color: white;
}
#saiyou1 h2 span{
color:white;
}
#saiyou3>div>div{
width:48%;
}
#saiyou3 #rmap iframe{
height:21em;
}
#saiyou3 h3{
margin-top:0;
}
#saiyou4{
margin-bottom:8em;
}
#saiyou4 ul{
position: relative;
}
#saiyou4 li{
width:14%;
}
#saiyou4 li>p>span{
display: block;
position: relative;
}
#saiyou4 li p span:nth-of-type(1){
line-height: 3em;
margin-top:.5em;
}
#saiyou4 li p span:not(:nth-of-type(1)){
font-size:.8em;
color:#aaa;
}
#saiyou4 li p span:nth-of-type(3){
line-height: 1em;
}
#saiyou4 li:nth-of-type(even){
margin-top:3em;
}
.form{
background:#09aac2c4;
padding:5em 0;
}
.form h2{
margin-bottom: 3em;
font-size: 1em;
color:white;
}
#submit{
margin: 5em auto 0;
padding-left: 12em;
}
#submit input[type="submit"]{
padding: 0.5em 4.5em 0.5em 5.5em;
letter-spacing: 1em;
border: 1px solid white;
transition-duration:0.8s;
}
#submit input[type="submit"]:hover{
background:#337d8b;
border:1px solid #164e43;
}
.wpcf7{
padding-right: 7em;
}
.wpcf7 table{
width: 50em;
margin: 0 auto;
}
.wpcf7 th,
.wpcf7 td{
background:none !important;
border:none !important;
padding: 0.3em 0.5em;
}
.wpcf7 th{
text-align: right;
width:20%;
vertical-align: middle;
}
.wpcf7 th.bikou{
vertical-align: top;
}
.wpcf7 td{
}
.wpcf7 input:not([type="submit"]):not([type="file"]),
.wpcf7 textarea{
width:100%;
background:white;
border-radius: 3em;
padding:.5em 1em;
}
.wpcf7 textarea{
border-radius: 1.5em;
height: 10em;
}
.doui{
margin: 2em 0 0 8em;
}
.doui a{
color:#2347a8;
text-decoration: underline;
} #contact1{
padding:4em 0 1em;
}
#contact1 h2{
font-size:1em;
font-weight: normal;
}
#contact1 div>div{
margin:4em 2em;
border-bottom:1px solid #ddd;
}
#contact1 .number{
font-size:2em;
line-height: 1em;
}
#contact1 div div p:nth-of-type(2){
font-size: .8em;
color: #aaa;
line-height: 1em;
position: absolute;
width: 100%;
bottom: -1.5em;
} #privacy1{
padding:4em 0;
background:url(//murayamakensetu.co.jp/wp-content/themes/mk/images/privacy.jpg)center no-repeat;
background-size:cover;
color:white;
}
#privacy1 p{
background: rgba(0,0,0,.6);
padding: 1em 0;
}
#pr{
margin-bottom:8em;
}
#pr>section{
margin:4em auto;
}
#pr h3{
display: block;
margin-bottom:1em;
}
#pr li{
list-style: disc;
list-style-position: inside;
display: list-item;
}  #notfound{
padding:0 10%;
margin:5em auto;
}
#notfound header{
margin-bottom:2em;
}
#notfound>div:not(#breadcrumb){
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;
}
#notfound>div>div:nth-of-type(1){
margin-right:3em;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(1){
font-size: 800%;
line-height: 100%;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(2){
font-size:300%;
}
#notfound>div>div:nth-of-type(2) p:nth-of-type(1){
margin-bottom:3em;
}  footer{
background:white;
}
#footernavi{
border-bottom:1px solid #aaa;
}
#footernavi li a{
display: block;
margin: 1em;
font-size: .8em;
}
#footernavi li a:hover{
text-decoration: underline;
}
#copyright a{
color:black;
}
#finfo{
padding-top:5em;
}
#finfo>p:nth-of-type(1){
width: 15em;
margin:0 auto 1em;
}
#finfo>p:nth-of-type(2){
font-size:.8em;
}
#copyright{
padding: 0.5em 0 5em;
} .ym{display: none;}
.y0{display:table-row;}
.dpc{display: contents !important;}
.red{color:red !important;}
.black{color:black !important;}
.bold{font-weight:bold !important;}
.bw{background:white !important;color:#777;}
.fs80{font-size:80%;}
.bgwhite{background:white !important;}
.bo td{background:orange !important;}
.bn{border:none !important;}
.txl{text-align: left !important;}
.txc{text-align: center !important;}
.txr{text-align: right !important;}
@media screen and (min-width:700px){
#wrap,#navi{min-width:1092px;}
.ddn{display:none !important;}
.minwidth7{width:70%;margin:0 auto;min-width:1092px;}
.minwidth8{width:80%;margin:0 auto;min-width:1092px;}
.minwidth9{width:90%;margin:0 auto;min-width:1092px;}
.flexcenter{display:-webkit-box;display:flex;align-items:center;-webkit-justify-content:center;justify-content:center;}
.flex{display:-webkit-box;display:flex;}
.flexwrap{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.itemstart{align-items: flex-start;}
.itemcenter{align-items: center;}
.itemend{align-items: flex-end;}
.justifyspace{-webkit-justify-content:space-between;justify-content:space-between;}
.justifyaround{-webkit-justify-content:space-around;justify-content:space-around;}
.justifycenter{-webkit-justify-content:center;justify-content:center;}
}
@media screen and (max-width:699px){
body{
font-size:14px;
}
.mdn{display:none !important;}
#navi{
position: fixed;
top:0;
left:0;
width:100%;
z-index: 9000;
height:4em;
}
#navi{
padding: 0;
}
#navi ul{
height:100%;
}
#navi li{
display: none;
}
#navi li:nth-of-type(1){
display: block;
top:50%;
left:1em;
transform:translate(0,-50%);
mix-blend-mode: multiply;
}
#frontnavi li a{
padding: 0;
margin: 0;
}
.flex>div,
video{
width:100% !important;
}
.flex>li:not(.nomflex){
width:50% !important;
}
#fscr>div>div{
margin:0;
}
#frecruitbg video{
height:120% !important;
width:auto !important;
bottom:0;
}
#fscr h2{
text-decoration: underline;
}
#footernavi{
position: fixed;
left:0;
top:4em;
width:100%;
height:calc(100% - 4em);
background:white;
z-index: 9999;
padding-top:4em;
display: none;
}
#footernavi li{
margin: 1em auto;
text-align: center;
border-bottom: 1px solid #aaa;
}
#page,
#archive{
padding-top:4em;
}
#about h3,
#about2 .catname{
font-size:1em;
}
#about1 li{
margin-bottom:3em;
}
#about li div p{
padding:0 1em;
}
#about2 li{
margin-right:0;
}
#koujinav li{
margin:0;
padding:0;
text-align: center;
border-bottom:1px solid white;
line-height:2em;
}
#koujinav li:nth-of-type(even){
border-left:1px solid white;
}
#kouken1>div:nth-of-type(1)>div:nth-of-type(2){
-webkit-order:-1;order: -1;
}
#kouken2 li{
margin-bottom:5em;
padding:1em;
}
#kouken2 li h4+p{
padding:0 1em;
}
#kouken2 h3{
margin-top:2em !important;
}
#saiyou3 table{
margin:0 auto 4em;
}
#saiyou3 th,
#saiyou3 td{
box-sizing: border-box;
}
#saiyou3 td{
white-space: normal;
}
#kouken1 .content{
padding:2em 1em;
}
#gaiyou1 .content{
position: relative;
color:black;
top:0;
margin-top:4em;
}
#gaiyou2{
background: #fafafa;
padding: 4em 0;
margin-top: 6em;
}
#gaiyou2>div>div:nth-of-type(1){
padding:0 1em;
}
#gaiyou2 h3{
font-size:1.2em;
text-align: center;
}
#gaiyou3 table,
#saiyou3 table{
width:95%;
margin:0 auto 4em;;
}
#gaiyou4 li{
padding:.5em;
}
#souko li{
width:33% !important;
padding:0 !important;
}
.floatr{
float: right;
width:30%;
margin-left:1em;
}
.wpcf7{
padding-right:0;
}
.wpcf7 table{
width:95%;
margin:0 auto;
}
.wpcf7 th,
.wpcf7 td{
display: block;
background:none;
border:none;
}
.wpcf7 th{
width:100%;
text-align: left;
}
.wpcf7 td{
margin-bottom:1em;
}
.doui{
margin:0;
}
#submit {
padding-left: 6em;
}
#pr{
padding:0 1em;
}
#contact1 div>div{
margin:4em auto;
width: 90% !important;
}
.border3{
margin-top:0 !important;
}
.m_flexcenter{display:-webkit-box;display:flex;align-items:center;-webkit-justify-content:center;justify-content:center;}
.m_flex{display:-webkit-box;display:flex;}
.m_flexwrap{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.m_itemstart{align-items: flex-start;}
.m_itemcenter{align-items: center;}
.m_itemend{align-items: flex-end;}
.m_justifyspace{-webkit-justify-content:space-between;justify-content:space-between;}
.m_justifyaround{-webkit-justify-content:space-around;justify-content:space-around;}
.m_justifycenter{-webkit-justify-content:center;justify-content:center;}
.menu-trigger,
.menu-trigger span{
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
position: absolute;
height: 3.6em;
width: 3.6em;
border-radius: 0.5em;
right: 0.5em;
top: 0.2em;
}
.menu-trigger span {
position: absolute;
left: 0.3em;
width: calc(100% - 0.6em);
height: 0.2em;
background-color: white;
border-radius: 0.1em;
}
.menu-trigger span:nth-of-type(1) {
top: 12%;
}
.menu-trigger span:nth-of-type(2) {
top: 46%;
}
.menu-trigger span:nth-of-type(3) {
bottom: 12%;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(1.3em) rotate(-315deg);
transform: translateY(1.3em) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-1.25em) rotate(315deg);
transform: translateY(-1.25em) rotate(315deg);
}
}