@charset "UTF-8";
*{
	margin:0;
	padding:0;
}
body{
    font-size:3.69vw;
	line-height:150%;
	font-weight:400;
	color:#555;
	font-family:"Rounded Mplus 1c","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
.bgi{
	background:url(images/share/bgi.png);
}
/*ChromeとOperaのみだけに適用されるCSSハック*/
_::content, _:future, body { 
	font-size:3.73vw;
}
/*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,
video{
	display:block;
	outline:none;
	width:100%;
	height:auto;
}
input{
	outline: none;
}
p{
}
a{
	color:#555;
	text-decoration:none;
}
a:hover{
}
iframe{
	border:none;
	width:100%;
}
table{
	border-collapse:separate;
	background:#ddd;
	border-spacing: 1px;
	width:100%;
}
th,td{
	font-weight:normal;
	vertical-align: top;
	padding:.5em;
	background:white;
}
th{
	text-align:left;
}
td{
	text-align:left;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
/*------------------------------------*/
#wrap {
    background: url(images/share/bodyback.png);
}
#shareheader{
	background:white;
}
#header-l{
	padding:.4em;
}
#headnav li{
	width:33.33%;
}
#headnav li a{
	color:white;
	display: block;
	line-height:300%;
	text-align: center;
}
#headnav li:nth-of-type(4) a{
    line-height: 348%;
}
#headnav li:nth-of-type(3n+2){
	width:33.34%;
}
#headnav li:nth-of-type(1){
	background: #14AEEB;
}
#headnav li:nth-of-type(2){
    background: #75CEEA;
}
#headnav li:nth-of-type(3){
    background: #B6E785;
}
#headnav li:nth-of-type(4){
    background: #F8BE08;
}
#headnav li:nth-of-type(5){
    background: #F4D4EF;
}
#headnav li:nth-of-type(6){
    background: #FF6AA3;
}
#sharetitle{
	font-size: 200%;
	padding: 1em 0;
	background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.5)),url(images/share/pagetitle.png)right 10% center no-repeat,url(images/front/slide1@2.jpg)center bottom -1.4em no-repeat;
	background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.5)),url(images/share/pagetitle.png)right 10% center no-repeat,url(images/front/slide1@2.jpg)center bottom -1.4em no-repeat;
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.5)),url(images/share/pagetitle.png)right 10% center no-repeat,url(images/front/slide1@2.jpg)center bottom -1.4em no-repeat;
	background-size: cover;
	border-bottom: .2em solid #E8E2C3;
}
#sharetitle h2{
	font-weight: bold;
    color: #08788c;
}
/*------------------------------------*/
#breadcrumb{
	padding:.4em;
}
/*------------------------------------*/
.pagearticle{
	padding:2em .8em;
}
/*------------------------------------*/
#m_slide{
	margin-bottom: 3em;
	border-bottom:.3em solid #E8E2C3;
	background:white;
	background:white url(images/front/loading.gif)center no-repeat !important;
}
#m_slideimg{
	background:white;
	display: none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
#m_slide0{
	opacity: 0;
}
#m_slideimg>p{
	position:absolute;
	left:0;
	top:0;
	opacity: 0;
	width:100%;
}
#m_slideimg>p:nth-of-type(1){
	position:relative;
}
#m_slide2{
	-moz-transition-delay:1s;-webkit-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;
}
#m_slide3{
	-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;
	transform:scale(.85);
}
#m_slide4{
	-moz-transition-delay:.6s;-webkit-transition-delay:.6s;-o-transition-delay:.6s;-ms-transition-delay:.6s;
	transform:scale(.75);
}
#m_slide5{
	-moz-transition-delay:1.4s;-webkit-transition-delay:1.4s;-o-transition-delay:1.4s;-ms-transition-delay:1.4s;
	transform:scale(.85);
}
#m_slide6{
	-moz-transition-delay:1.6s;-webkit-transition-delay:1.6s;-o-transition-delay:1.6s;-ms-transition-delay:1.6s;
	transform:scale(.75);
}
#m_slide7{
	-moz-transition-delay:3s;-webkit-transition-delay:3s;-o-transition-delay:3s;-ms-transition-delay:3s;
}
.slideon{
	opacity: 1 !important;
	transform:scale(1) !important;
	-webkit-transition-duration:1.8s;-moz-transition-duration:1.8s;-o-transition-duration:1.8s;-ms-transition-duration:1.8s;transition-duration:1.8s;
}
/*------------------------------------*/
#nuchigusui{
	margin-bottom:2em;
}
#nuchigusui h2 {
    margin-bottom: .4em;
}
#nuchigusui h2 span {
    font-size: 120%;
}
#f_news{
	padding:.4em;
}
#f_news h2 {
    margin-bottom: 2em;
    background: url(images/share/wood@2.png) center center no-repeat;
    background-size: auto 100%;
    line-height: 500%;
}
#f_news li {
    border-bottom: 1px solid #ddd;
    padding: .6em 0;
}
#f_news li time {
    padding-left: 1.8em;
    background: url(images/share/ball.png)left center no-repeat;
    background-size: auto 100%;
}
#f_news li p a{
    text-decoration: underline;
    color: #2F84CF;
}
#f_anshin {
    background: url(images/front/anshin.png)center top no-repeat,url(images/front/anshinbottom.png)right bottom no-repeat;
    background-size: 100% auto,90% auto;
    padding: 5em 0 4em;
	margin-bottom:3em;
}
#f_anshin li{
	width:50%;
	padding:.4em;
}
#f_anshin h2 {
    font-size: 120%;
    text-align: center;
    margin-bottom: .6em;
}
#f_anshin h2:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 1em;
    height: 100%;
    background: url(images/share/sunball.png)left center no-repeat;
    background-size: 100% auto;
}
#f_anshin h2:after {
    content: "";
    width: 100%;
    height: .4em;
    position: absolute;
    bottom: -.6em;
    left: 0;
    background: url(images/share/bordersora.jpg)center no-repeat;
    background-size: 100%;
}
#f_anshin p{
	font-size:76%;
	line-height: 150%;
}
#company h2 {
    background: url(images/share/wood.png) center no-repeat;
    background-size: auto 100%;
    line-height: 500%;
    margin: -1em 0 1em;
}
#company1{
	padding:0 1em;
}
#about #company1{
	padding:0;
}
#company1>div>div{
    border: 3px solid #c9bd97;
    border-radius: 2em;
    padding: 1em;
    margin-bottom: 1em;
}
#company table {
    border-spacing: 0;
    background: none;
}
#company th,
#company td {
    background: none;
    border-bottom: 2px dotted #aaa;
}
#company1 tr:nth-of-type(2) td{
    font-size: 1.2em;
    font-weight: bold;
    color:#646464;
}
#company1 th {
    width: 30%;
    position: relative;
    padding-left: 1.4em;
    vertical-align: middle;
}
#company1 th:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - .5em);
    border-radius: 50%;
    width: 1em;
    height: 1em;
}
#company1 td .f9{
    font-size: .9em;
}
#company1 tr:nth-of-type(1) th:before{background:#14AEEB;}
#company1 tr:nth-of-type(2) th:before{background:#75CEEA;}
#company1 tr:nth-of-type(3) th:before{background:#B6E785;}
#company1 tr:nth-of-type(4) th:before{background:#F8BE08;}
#company1 tr:nth-of-type(5) th:before{background:#ffe404;}
#company1 tr:nth-of-type(6) th:before{background:#F4D4EF;}
#company1 tr:nth-of-type(7) th:before{background:#ffbdbd;}
#company1 tr:nth-of-type(8) th:before{background:#FF6AA3;}
#company1 td{
    padding:.5em 0;
}
#company2{
	padding:1em;
    height:15em;
}
#company2 iframe{
    height:100%;
}
/*------------------------------------*/
#info>section{
	margin-bottom:3em;
}
#info1 h2 {
    margin-bottom: 2em;
    background: url(images/share/wood@2.png)left center no-repeat;
    background-size: auto 100%;
    font-size: 130%;
    padding: 1em 0 1em 5em;
}
#info1>div>div{
	padding-bottom:1em;
}
#info1>div:nth-of-type(2){
    background: url(images/info/info1back.png) right -16% center no-repeat;
    background-size:auto 77%;
}
#info1>div:nth-of-type(2) img{
	width:50%;
    margin-left: auto;
}
#info2 img {
    margin: 0 auto 1em;
    width: 70%;
}
#info2 h2,
#precruit3 h3{
    font-size: 140%;
    margin-bottom: 1em;
	padding-left: 2em;
}
#info2 h2:before,
#precruit3 h3:before{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 1em;
    height: 100%;
    background: url(images/share/sunball.png) left center no-repeat;
    background-size: 100% auto;
}
#info2 h2:after,
#precruit3 h3:after{
    content: "";
    width: 90%;
    height: .4em;
    position: absolute;
    bottom: -.6em;
    left: 0;
    background: url(images/share/bordersora.jpg)center no-repeat;
    background-size: 100%;
}
#info2>div>div{
	margin-bottom:3em;
}
#info2 p{
	margin-bottom:1em;
}
#keikaku a{
	color:#14AEEB;
}
/*------------------------------------*/
#about>section{
	margin-bottom:3em;
}
#about1 h2,
#stafreview h2{
    margin-bottom: 2em;
    background: url(images/share/wood@2.png) center no-repeat;
    background-size: auto 100%;
    line-height: 400%;
	font-size:140%;
    text-align: center;
}
#about2 li{
	margin-bottom:3em;
	padding-bottom: 3em;
	background:url(images/about/m_about1back@2.png)center bottom no-repeat;
	background-size:100% auto;
}
#about2 h2 {
    font-size: 140%;
    text-align: center;
    margin-bottom: 1em;
}
#about2 h2:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 1em;
    height: 100%;
    background: url(images/share/sunball.png) left center no-repeat;
    background-size: 100% auto;
}
#about2 h2:after {
    content: "";
    width: 90%;
    height: .2em;
    position: absolute;
    bottom: -.6em;
    left: 0;
    background: url(images/share/bordersora.jpg)center no-repeat;
    background-size: 100%;
}
#about2 li>div{
	width:100%;
}
#about2 li>div:nth-of-type(2){
	-webkit-order:-1;-ms-flex-order:-1;order: -1;
}
#about2 li>div:nth-of-type(2) img{
	width:70%;
	margin:0 auto 1em;
}
/*------------------------------------*/
#precruit>section{
	margin-bottom:2em;
}
.precruita h2{
    background: url(https://e-sola.jp/wp-content/themes/e-sola/images/bg_h02-1.png) left center no-repeat,url(https://e-sola.jp/wp-content/themes/e-sola/images/bg_h02-2.png) right center no-repeat;
	background-size: auto 100%;
    padding: 1em 0;
    width: 100%;
    margin-bottom: .5em;
    font-size: 130% !important;
    font-weight: bold;
}
#precruit2 h2 {
    display: inline-block;
    line-height: 200%;
    padding: 0 2em;
    color: white;
    border-radius: 1em 1em 0 0;
    font-size: 140%;
}
#precruit2>div:nth-of-type(1) h2 {
    background: skyblue;
}
#precruit2>div:nth-of-type(2) h2 {
    background: orange;
}
#precruit3{
	padding-bottom:4em;
	background: url(images/front/anshinbottom.png)right bottom no-repeat;
    background-size: 100% auto;
}
#precruit1>div{
	width:100%;
}
#precruit1>div:nth-of-type(2) img{
	width:70%;
	height:auto;
	margin:0 auto;
}
#precruit1 h3,
#precruit4 h3,
.precruita h3{
    margin-bottom: 1em;
    background: url(images/share/wood@2.png) center no-repeat;
    background-size: auto 100%;
    line-height: 600%;
    padding-left: 5.5em;
    font-size: 130%;
    font-weight: bold;
    color: #f3981d;
}
#precruit h2 a {
    text-align: center;
    display: inline-block;
    text-decoration: underline;
    color: #2F84CF;
    line-height: 150%;
}
#precruit2{
	margin-top:3em;
}
#precruit2 table{
	border-spacing: 0;
	background:rgba(255,255,255,.3);
}
#precruit2 th {
    position: relative;
    padding-left: 1.4em;
    vertical-align: middle;
    background: none;
	display: block;
	border-bottom:1px solid #ccc;
}
#precruit2 td {
	display: block;
    background: none;
	margin-bottom:2em;
}
#precruit2 th:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - .5em);
    border-radius: 50%;
    width: 1em;
    height: 1em;
}
#precruit2 tr:nth-of-type(7n+1) th:before {
    background: #14AEEB;
}
#precruit2 tr:nth-of-type(7n+2) th:before {
    background: #75CEEA;
}
#precruit2 tr:nth-of-type(7n+3) th:before {
    background: #B6E785;
}
#precruit2 tr:nth-of-type(7n+4) th:before {
    background: #F8BE08;
}
#precruit2 tr:nth-of-type(7n+5) th:before {
    background: #F4D4EF;
}
#precruit2 tr:nth-of-type(7n+6) th:before {
    background: #F8E2E2;
}
#precruit2 tr:nth-of-type(7n+7) th:before {
    background: #c4d3f9;
}
#precruit2 tr:nth-of-type(7n+1) th:before {
    background: #14AEEB;
}
#precruit>p {
    text-align: center;
}
#precruit>p>a {
    display: inline-block;
    padding: .4em 2em;
	margin:2em auto;
    font-size: 120%;
    border-bottom: 1px solid #ccc;
}
#precruit2 tr:nth-of-type(4) td div{
	margin-bottom:1em;
}
#precruit3 h2{
    font-size: 140%;
    margin-bottom: 2.4em;
    background: url(images/share/wood@2.png) left center no-repeat;
    background-size: auto 100%;
    line-height: 400%;
    padding-left: 4em;
    text-align: left;
}
#precruit3>p{
    font-size: 140%;
    margin: 1em 0 2em 3em;
}
#precruit3 h3{
    font-size: 100%;
    font-weight: bold;
}
/*
#precruit3 h3{
    background: url(https://e-sola.jp/wp-content/themes/e-sola/images/bg_h02-1.png) left center no-repeat,url(https://e-sola.jp/wp-content/themes/e-sola/images/bg_h02-2.png) right center no-repeat;
	background-size: auto 100%;
    padding: .5em 0;
    width: 100%;
    margin-bottom: .5em;
    color:black;
}
#precruit3 h3:before{
    content:"";
    position: absolute;
    left:50%;
    bottom:0;
    height:.1em;
    width:20em;
    background: orange;
    transform: translate(-50%,0);
}
*/
#precruit3>div {
    margin-bottom: 3em;
}
#precruit3>div p{
	margin-bottom:1em;
}
#stafreview h2 {
    padding-left: 3em !important;
    margin-bottom: 2em;
}
#stafreview>div>div {
    background: rgba(255,255,255,.4);
    border-radius: 3em;
    clear: both;
    margin-bottom: 2em;
}
#stafreview>div>div>p {
    width: 10em;
    margin: 1em;
}
#stafreview>div>div:nth-of-type(even)>p{
    float: right;
}
#stafreview>div>div:nth-of-type(odd)>p{
    float: left;
}
#stafreview>div>div>div {
    padding:1em;
}
#boshuswitch{
    margin-bottom: 6em;
}
#boshuswitch li{
	margin-bottom: 3em;
    background: url(images/share/wood@2.png) left center no-repeat;
    background-size: auto 100%;
    line-height: 400%;
    padding-left: 4em;
    font-size: 130%;
    font-weight: bold;
    color: #f3981d;
    cursor: pointer;
    transition-duration:0.4s;
}
#boshuswitch li:nth-of-type(1){
    color:skyblue;
    background-color: #cee9ff69;
}
#boshuswitch li:nth-of-type(2){
    color:orange;
    background-color: #ffe6ce69;
}
#boshuswitch li:before{
    content: "→ タップ ←";
    position: absolute;
    bottom: -1.5em;
    left: 0;
    width: 100%;
    line-height: 1.5em;
    text-align: center;
    color: white;
}
#boshuswitch li:nth-of-type(1):before{
    background: #87ceebb3;
}
#boshuswitch li:nth-of-type(2):before{
    background: #ffaa0087;
}
#boshuswitch li span{
    font-size:70%;
    color:#827664;
}
#precruit2 h3 {
    margin-bottom: 2em;
    padding-left: 3em;
    font-size: 120%;
    width: 55%;
}
#precruit2 h3:before {
    position: absolute;
    left: 1em;
    top: 0;
    content: "";
    width: 1em;
    height: 100%;
    background: url(images/share/sunball.png)left center no-repeat;
    background-size: 100% auto;
}
#precruit2 h3:after {
    content: "";
    width: 100%;
    height: 0.4em;
    position: absolute;
    bottom: -0.6em;
    left: 0;
    background: url(images/share/bordersora.jpg)center no-repeat;
    background-size: 100%;
}
#precruit2>div>div {
    padding: 3em 1em;
    border: 0.2em solid;
}
#precruit2>div:nth-of-type(1)>div {
    border-color: skyblue;
}
#precruit2>div:nth-of-type(2)>div {
    border-color: orange;
}
#precruit2>div:nth-of-type(1) {
    margin-bottom: 3em;
}
/*------------------------------------*/
#inquiry h2 {
    margin-bottom: 2em;
    background: url(images/share/wood@2.png) center no-repeat;
    background-size: auto 100%;
    line-height: 500%;
    padding-left: 4em;
    font-size: 100%;
    text-align: center;
}
.wpcf7{
	margin-bottom:2em;
	padding:0 .4em;
}
.wpcf7 table{
	border-spacing:1px;
	color:#333;
	width:100%;
	font-size:90%;
	background:none;
}
#inquiry1 table{
}
.wpcf7 th,
.wpcf7 td{
	font-weight:normal;
	text-align: left;
	padding:.5em;
	background:none;
}
#inquiry1 th,
#inquiry1 td{
	display: block;
	width:100%;
	box-sizing: border-box;
}
#inquiry1 th{
}
#inquiry1 td{
	margin-bottom:1em;
	padding:0;
}
#inquiry1 input:not([type="submit"]){
    border: 1px solid #ddd;
    font-size: 130%;
    line-height: 200%;
	padding-left:.4em;
	box-sizing: border-box;
}
.wpcf7 th{
	width:25%;
}
.wpcf7 td{
	width:75%;
}
.wpcf7 tr:last-child th{
	vertical-align: top;
}
.wpcf7 td input:not([type=radio]),
.wpcf7 td textarea{
	width:89%;
	font-size:100%;
	border:none;
}
.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;
}
.wpcf7 td textarea{
	border:1px solid #ccc;
}
.wpcf7-response-output{
	color:red;
	text-align: center;
}
.hissu,
.ninni{
	font-size:80%;
	padding:.2em;
	color:white;
	margin-left:.5em;
}
.hissu{
	background:red;
}
.ninni{
	background:#aaa;
}
#privacy h3{
	font-size:100%;
	font-weight:normal;
	color:#ff4500;
}
#privacy h3 span{
	font-size:90%;
	color:#333;
}
#privacy p:nth-of-type(2){
	height:4em;
	overflow:scroll;
	border:1px solid #aaa;
	padding:.3em;
	line-height:120%;
	color:#333;
	margin-bottom:2em;
	font-size:80%;
}
#inquiry form>p{
	text-align: center;
}
#inquiry input[type=checkbox]{
	cursor:pointer;
}
#inquiry input[type=submit]{
	font-size: 100%;
    padding: 0 2em;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 1px 1px 1px gray;
    margin-top: 2em;
	cursor:pointer;
    background: -moz-linear-gradient(#fff, #cecece);
    background: -webkit-linear-gradient(#fff, #cecece);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#cecece));
    background: -o-linear-gradient(#fff, #cecece);
    background: linear-gradient(#fff, #cecece);
}
#inquiry .screen-reader-response{
	color:red;
	margin-bottom:1em;
}
#inquiry .wpcf7-not-valid-tip{
	display:inline-block;
	font-size:90%;
	color:red;
}
#inquiry .wpcf7-validation-errors{
	text-align: center;
	color:red;
}
#inquiry .wpcf7 label{
	cursor:pointer;
}
.h3content>section>p{
	height:3em;
	overflow-y:scroll;
	border:1px solid #ddd;
	font-size:80%;
	margin-bottom:3em;
}
.screen-reader-response,
.wpcf7-not-valid-tip{
	display: inline-block;
	color:red;
	font-weight: bold;
}
/*------------------------------------*/
#review1 li{
	padding-bottom:6em;
	background: url(images/review/review1-1@2.png) right bottom 3em no-repeat;
    background-size: 200% auto;
}
#review1 li>div{
	width:100%;
}
#review1 li>div:nth-of-type(1) h2{
    margin-bottom: 2em;
    background: url(images/share/wood@2.png) left center no-repeat;
    background-size: auto 100%;
    line-height: 500%;
    padding-left: 5em;
}
#review1 li>div:nth-of-type(1) p{
	margin-bottom:1em;
}
#review1 li>div:nth-of-type(2){
	-webkit-order:-1;-ms-flex-order:-1;order: -1;
	background: url(images/front/anshin.png)left 10% top no-repeat,url(images/front/anshin.png)right 10% bottom no-repeat;
    background-size: auto 50%,auto 50%;
}
#review1 li>div:nth-of-type(2) img{
	width:70%;
	margin:0 auto 1em;
}
#review1 li>div>div{
	margin-bottom:2em;
}
/*------------------------------------*/
#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;
}
/*--------------------------------------------------------------------------*/
#footerinfo{
	background:white;
	padding:1em;
}
#footerinfo>.m_flex>div:nth-of-type(1){
    margin: 2em auto;
    display: block;
}
#footerinfo>.m_flex>div:nth-of-type(2){
    -webkit-order:-1;order: -1;
    width:100%;
}
#footerinfo a{
    margin:0 auto;
}
#copyright{
    padding-bottom: 6em;
    font-size: 70%;
	background: #65D0FF;
    color: white;
}
#footernav{
	position:fixed;
	bottom:-10em;
	left:0;
	line-height:300%;
	background:rgba(255,255,255,.95);
	z-index:9990;
	display:none;
	border-top:.2em solid #059bbd;
}
#footernav ul,
#m_menu{
	display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
}
#footernav ul:nth-of-type(1){
	padding-bottom:4.2em;
}
#m_menu{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	padding:.4em 0;
	display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
	z-index: 9999;
	background: #39aae0;
}
#footernav li{
    width: 50%;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#footernav li:nth-of-type(even){
	border-right:none;
}
#footernav li:last-of-type{
	border-bottom:none;
}
#footernav li a,
#m_menu li a{
	display: block;
}
#footernav li a{
	padding-left: 1em;
}
#footernav li a:before{
	content:"➾　";
}
#m_menu li{
    width: 18%;
    padding: 0px 1.3%;
    line-height: 120%;
}
#m_menu li a{
    text-align: center;
    color:white;
}
#m_menu li img{
    width:60% !important;
    margin:0 auto;
}
#m_menu li:last-of-type{
	width: 42%;
    border: .2em solid white;
    border-radius: 1.5em;
    margin-left: 3%;
    padding: 0;
}
#m_menu li:last-of-type:before{
	content: "メニュー";
    position: absolute;
    left: 3.8em;
    top: 0;
    line-height: 247%;
    font-size: 120%;
    color: white;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
    position: relative;
    width: 100%;
    height: 2.3em;
    border-radius: .5em;
    margin-top: 0.43em;
}
.menu-trigger span {
    position: absolute;
    left: 16%;
    width: 20%;
    height: .2em;
    background-color: #fff;
    border-radius: .1em;
}
.menu-trigger span:nth-of-type(1) {
	top: 18%;
}
.menu-trigger span:nth-of-type(2) {
	top: 46%;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 18%;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(.68em) rotate(-315deg);
	transform: translateY(.68em) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-.68em) rotate(315deg);
	transform: translateY(-.68em) rotate(315deg);
}
/*--------------------------------------------------------------------------*/
.mdn{display:none !important;}
.bold{font-weight: bold !important;}
.red{color:red !important;}
.m_txc{text-align: center !important;}
.m_txr{text-align: right !important;}
.m_flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;}
.m_flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.m_itemcenter{align-items: center;}
.m_itemend{align-items: flex-end;}
.m_itemend{align-items: flex-end;}
.m_justifyspace{-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.m_justifycenter{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;}
.mincho{font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}