@charset "UTF-8";
/* 全ページ共通CSS */
/* -----------------------------------------------
リセット
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,p,th,td {
padding: 0;
margin: 0;
}
html {
height: 100%;
margin-bottom: 1px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border: 0;
vertical-align:bottom;
}
th,address {
font-style: normal;
font-weight: normal;
}
ul{
list-style: none;
}
th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
letter-spacing: 0.1em;
font-weight: normal;
}
.bold{
font-weight: bold;
}
br {
letter-spacing: 0;
}
a:focus {
outline:none
}
.boldnone{
font-weight: normal;
}


/* -----------------------------------------------
リンク
----------------------------------------------- */
a:link, a:visited{
text-decoration: none;
/*color: #c21b20;*/
color:#000000;
text-decoration: underline;
}
a:active
{
text-decoration: underline;
}
a:hover{ 
text-decoration: none;
color: #f0831e;
transition: opacity 0.3s ease-out;
opacity: 0.8;
}

a:hover img {
 opacity: 0.8;
}

a img {
 transition: opacity 0.3s ease-out;
}
/* -----------------------------------------------
共通レイアウト
----------------------------------------------- */
/*改行*/
@media screen and (min-width: 820px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 820px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}
/**/



body{
width:100%;
margin: 0px 0;
font-size:13px;
text-align: center;
letter-spacing: 1px;
line-height: 2em;
-webkit-text-size-adjust: 100%;
font-family:'Noto Sans JP', sans-serif;
}



header{
position:relative;
height: 80px;
}

header h1{
display: none;
}

/**/
header{
background:#FFFFFF;
}
header h1{
display:none;
}



/**/
header{
background:#fff;
position: fixed;
top: 0;
right: 0px;
width: 100%;
z-index:10;
}
header h2{
padding:10px 0;
left: 10px;
position:absolute;
}
#wrapper nav #menulist{
padding: 10px;
margin: 20px 20px;
}
#wrapper nav ul .manulist{
display:inline-block;
padding:0 30px;
}
#wrapper nav ul li a{
text-decoration:none;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
}
#wrapper .telno{
display:block;
width:15%;
background:#f78431;
padding:10px;
font:110%;
position:absolute;
right:0;
top:0;

}
#wrapper .telno a{
display:inline-block;
text-decoration:none;
color:#FFFFFF;
}
#wrapper .telno img{
display:inline-block;
vertical-align:middle;
padding-right:5px;
}

body {background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;}

article{
padding-bottom:30px;
margin:80px auto 0;

}



/*ドロップダウンメニュー*/
header .dropdwn_menu{
width: 15%;
display: none;
position: absolute;
margin-left: -5px;
margin-top: 5px;
background:#f78431;
	
}

header .dropdwn_menu li{
width:100%;
height:auto;
margin:0!important;
border-bottom:1px solid #FFFFFF;
}

header .dropdwn_menu li a{
font-size:90%!important;
color: #fff;
display:block;
padding:20px 0!important;
}
header .dropdwn_menu li a:hover{
background: rgb(200,200,200,0.3);
}

.mailform-footer dd {
margin:0 auto; 
padding:0 50px;
width:85%;
}
form p {margin-bottom:5px; }
.wpcf7 textarea {height: 150px; margin-bottom:25px; }



footer {
padding:70px 0 0;
}
footer #copyright p {
margin-bottom:0; 
}

footer #copyright {
font-size:11px;
padding: 10px;
background: #fff;
margin-top: 30px;
}




footer ul li{
display:inline-block;
margin:0 30px;
text-transform: uppercase;
letter-spacing: 1px;
}
footer ul li a{
text-decoration:none!important;
}
footer{
background:#e8e8e7;
}
footer ul{
padding:30px 0 50px 0;
}



.sp{
display:none;
}


/*各ページメイン*/
article #main h3{
font-size:200%;
padding-bottom:30px;
}

article h4{
text-transform: uppercase;
letter-spacing: 3px;
font-size:170%;
line-height:110%;
padding:30px 0;
}
article h4 .fontsize_s{
font-size:50%;
}

article #main{
padding:80px 0 30px 0;
color:#FFFFFF;
position:relative;
margin-bottom:50px;

}


article #main h3{
font-size:200%;
padding-bottom:30px;
}
article .contactBtn a{
display:block;
width:30%;
font-size:180%;
padding:20px 0;
color:#FFFFFF;
margin:10px auto 50px;
text-decoration:none;
border-radius: 5px;
}

article #main .main_text{
padding-bottom:50px;
z-index:3;
font-size:100%;
width:90%;
margin:0 auto;
}
article #main .alph{
font-size:120%;
}


/*スマホ*/
@media screen and (max-width: 820px) {
header h2{
padding:10px 0 30px 0;
}

#wrapper nav {
position: fixed;
top: 0;
right: -300px;
width: 300px;
height: 100%;
padding-top: 50px;
background:rgba(255,255,255,0.8);
box-sizing: border-box;
z-index: 2
}
#wrapper nav ul li{
display:block;
padding:0;
margin:20px;
}
 
#wrapper nav ul li a {
display:block;
text-decoration: none;
color: #000;
}
#wrapper .telno{
display:block;
width:100%;
background:rgba(254,133,62,0.8);
padding:10px 0;
font:100%;
position:relative;
right:0;
top:0;
}
 
#wrapper .btn-gnavi {
position: fixed;
top: 20px;
right: 20px;
width: 30px;
height: 24px;
z-index: 3;
box-sizing: border-box;
cursor: pointer;
-webkit-transition: all 400ms;
transition: all 400ms
}
 
#wrapper .btn-gnavi span {
position: absolute;
width: 30px;
height: 4px;
background: #666;
border-radius: 10px;
-webkit-transition: all 400ms;
transition: all 400ms
}
 
#wrapper .btn-gnavi span:nth-child(1) {
top: 0
}
 
#wrapper .btn-gnavi span:nth-child(2) {
top: 10px
}
 
#wrapper .btn-gnavi span:nth-child(3) {
top: 20px
}
 
#wrapper .btn-gnavi.open {
-webkit-transform: rotate(180deg);
    }
 
#wrapper .btn-gnavi.open span {
background: #666
}
 
#wrapper .btn-gnavi.open span {
width: 24px;
}
 
#wrapper .contents section:nth-child(odd) p {
    left: 10%
}
 
#wrapper .contents section:nth-child(even) p {
    right: 10%
}
article{
}


/**/
header .dropdwn_menu{
width: 100%;
display: none;
position:relative;
margin-left: -5px;
margin-top: 5px;
background:#fe853e;
}

header .dropdwn_menu li{
width:100%;
height:auto;
margin:0!important;
border-bottom:1px solid #FFFFFF;
}

header .dropdwn_menu li a{
font-size:90%!important;
color:#fff!important;
display:block;
padding:10px 0!important;
}
	
	
footer ul li{
clear:both;
display:block;
margin:0 30px;
font-size:90%;
}
footer ul{
padding:30px 0;
}

.pc{
display:none;
}
.sp{
display:block;
}

article #main{
padding:50px 0 30px 0;
margin-bottom: 20px;
}
article #main .illust{
position:absolute;
bottom:30px;
right:10px;
}

article .contactBtn a{
display:block;
width:80%;
font-size:140%;
padding:20px 0;
}

}


/**/