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

main_containder 

************************************/
#page #main_container{
margin-bottom: 0;
}
/************************************

about slide

************************************/
#mainslide{
position:relative;
}
#mainslide .slick{
width:100%;
}
#mainslide .slick img{
width:100%;
}
#mainslide .pagetitle{
position:absolute;
top:10%;
left:0;
right:0;
margin:auto;
width:100px;
font-family: 'こぶりなゴシック W6 JIS2004';
}
#mainslide .pagetitle h1{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align: left;
font-size:190%;
line-height: 1.8;
letter-spacing: 0.07em;
color:#fff;
}
#mainslide .lead{
margin:80px 0;

}
#mainslide .lead p{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align: left;
display:inline-block;
line-height: 2.5;
font-size: 110%;
white-space: nowrap;
font-family: 'こぶりなゴシック W3 JIS2004';
}
#mainslide .lead p br.onlyssp{

}
@media only screen and (max-width:960px){
#mainslide .pagetitle{
width:70px;
}
#mainslide .pagetitle h1{
font-size:130%;
}
#mainslide .lead p{
line-height: 2.2;
font-size: 100%;
}
}
@media only screen and (max-width:480px){
#mainslide .lead p{
line-height: 2;
font-size: 100%;
}

}
@media only screen and (max-width:413px){
#mainslide .lead p br.notssp413{
display:none;
}

}
@media only screen and (max-width:374px){
#mainslide .lead p br.notssp374{
display:none;
}
}
/************************************

about point

************************************/
#about section.point{
margin:0 auto 80px;
text-align: left;
}
#about section.point .image{
width:45%;
float:left;
}
#about section.point .midashi{
width:50%;
float:left;
}
#about section.point .text{
width:50%;
float:left;
}
#about section.point.img_r .image{
float:right;
}
#about section.point.img_l .midashi{
float:right;
}
#about section.point.img_l .text{
float:right;
}
#about section.point .midashi{
padding-top:50px;
background-image: url(../images/foot_logo.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 110px;
}
#about section.point .midashi .no{
position:relative;
font-family: Helvetica,Arial, "sans-serif";
font-weight: bold;
font-size:24px;
line-height: 1;
padding:0 12px;
margin:0 0 0 35px;
display:inline-block;
border-left:1px solid #000;
border-right:1px solid #000;
}
#about section.point .midashi h2{
font-size:190%;
margin:10px 0 50px;
letter-spacing: 0.05em;
font-family: 'こぶりなゴシック W6 JIS2004';
}
#about section.point .text p{
line-height: 2;
margin:0 0 1em;
font-family: 'こぶりなゴシック W1 JIS2004';
}
#about section.point .text ul{
margin:0 0 20px 20px;
font-family: 'こぶりなゴシック W1 JIS2004';
}
#about section.point .text ul li{
line-height: 1.7;
margin:0 0 10px;
list-style: disc;
}
#about section.point .text ul li a{
text-decoration: underline;
}
#about section.point .text .bt a{
color:#fff;
background: #000;
display:inline-block;
padding:10px 40px 10px 30px;
position:relative;
font-weight: bold;
font-size:90%;
line-height: 1;
}
#about section.point .text .bt a::before{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right: 12px;
color: #fff;
font-size: 14px;
font-family: 'FontAwesome';
content: "\f0da";
}
@media only screen and (max-width:960px){
#about section.point{
margin:0 5% 50px;
}
#about section.point .midashi{
padding-top:40px;
background-size: 80px;
}
#about section.point .midashi .no{
font-size:18px;
margin:0 0 0 23px;
}
#about section.point .midashi h2{
font-size:150%;
margin:5px 0 25px;
letter-spacing: 0;
}
#about section.point .text p{
line-height: 1.8;
}
}
@media only screen and (max-width:480px){
#about section.point{
margin:0 0 50px;
}
#about section.point .image{
width:68%;
float:right;
margin:0 0 20px;
}
#about section.point .midashi{
width:30%;
float:left;
margin:0 0 20px;
}
#about section.point .text{
width:90%;
margin:0 auto;
float:none;
clear: both;
}
#about section.point.img_r .image{
float:left;
}
#about section.point.img_r .midashi{
float:right;
}
#about section.point.img_l .midashi{
float:left;
}
#about section.point.img_l .text{
float:none;
}
#about section.point .midashi{
padding-top:35px;
background-size: 70px;
background-position: center top;
text-align: center;
}
#about section.point .midashi .no{
margin:0 auto 0 ;
}
#about section.point .midashi h2{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
width:20px;
margin:7px auto 0;
font-size:130%;
line-height: 1;
}
#about section.point .text .bt{
text-align: center;
}
}
/************************************

#other_link

************************************/
#other_link{
background:url(../images/about_link_back.jpg);
padding:45px 0;
}
#other_link .list{
width:100%;
}
#other_link .list article{
background: #fff;
padding:13px;
width:31%;
margin:0;
}
#other_link .list article:nth-child(2){
margin:0 3.3%;
}
#other_link .list article a{
display:block;
}
#other_link .list article p{
margin:10px 0 0;
font-weight: bold;
position: relative;
}
#other_link .list article p::before{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right: 0px;
color: #000;
font-size: 16px;
font-family: 'FontAwesome';
content: "\f0da";
}
@media only screen and (max-width:480px){
#other_link{
padding:20px 0;
}
#other_link .list{
width:94%;
margin:0 auto;
}
#other_link .list article{
background: #fff;
padding:3px;
width:32.5%;
margin:0;
}
#other_link .list article:nth-child(2){
margin:0 1%;
}
#other_link .list article p{
margin:5px 0 0;
font-size: 70%;
}
#other_link .list article p::before{
content: "";
}
}
/************************************

contact kv

************************************/
#contact{
max-width:705px;
margin:0 auto 60px;
text-align: left;
}
#contact #kv{
margin:0 0 80px;
}
#contact #kv .title{
width:100%;
height:0;
padding-top:56.73%;
background-image: url(../images/contact_pagetitle_back.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position:relative;
margin:0 0 20px;
}
#contact #kv h1 {
position:absolute;
top:45px;
left:0;
right:0;
margin:auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
background-image:url(../images/contact_pagetitle.png);
background-repeat: no-repeat;
background-position: left top;
background-size:contain;
display: block;
height: 200px;
width: 30px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#contact #kv .title{
background-image: url(../images/contact_pagetitle_back@2x.jpg);
}
#contact #kv h1 {
background-image:url(../images/contact_pagetitle@2x.png);
}
}
p.sen{
font-size:100%;
line-height: 40px;
background-image: url("../images/sen_green.jpg");
padding:0 5px 5px;
}
@media only screen and (max-width:960px){
#contact{
max-width:90%;
}
#contact #kv{
margin:0 0 50px;
}
#contact #kv .title{
padding-top:40%;
}
#contact #kv h1 {
top:0;
bottom:0;
height: 166px;
width: 25px;
}
p.sen{
font-size:90%;
line-height: 32px;
background-size:560px;
padding:0 5px 5px;
}
}
@media only screen and (max-width:480px){
#contact #kv .title{
padding-top:60%;
}

}

/************************************

contact form

************************************/
#contact #form .logo{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
background-image:url(../images/foot_logo.png);
background-repeat: no-repeat;
background-position: left top;
background-size:contain;
display: block;
height: 70px;
width: 150px;
margin:0 auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#contact #form .logo{
background-image:url(../images/foot_logo@2x.png);
}
}
#contact #form h2{
font-size:120%;
text-align: center;
margin:0 0 40px;
}

.hyo dl{
border-bottom:1px solid #000;
padding:20px 5px;
}
.hyo dl:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.hyo dl dt{
float:left;
width:25%;
}
.hyo dl dd{
float:left;
width:73%;
}
input[type="text"],input[type="email"]{
padding:15px;
font-size:100%;
}
.input_m{
width:100%;
}
textarea{
padding:15px;
width:100%;
height:250px;
font-size:100%;
}
.selectstyle {
position: relative;
display: inline-block;
background: #fefefe;
background: linear-gradient(
to bottom,
#ffffff 0%,
#fff 60%,
#eee 100%);
border-radius: 3px;
font-size: 1em;
overflow: hidden;
z-index: 0;
padding-right:0px;
}
/* 下三角の表示 */
.selectstyle:after {
     position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  right: 15px;
  color: #666;
  font: 16px 'FontAwesome';
  content: "\f107";
}
/* selectタグのスタイル */
.selectstyle select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .4em 2em .4em 1.5em;
    color: #000;
    background: transparent;
    
    border-radius: 3px;
    font-size: 100%;
    outline: none;
}

/* IEの下三角非表示 */
.selectstyle select::-ms-expand {
    display: none;
}
/* Firefoxの点線非表示 */
.selectstyle select::-moz-focus-inner {
    border: 0;
}
.email_confirm{
margin:5px 0 0;
}
.form_bt{
padding:20px 0 0;
text-align: center;
}
input[type="submit"]{
	background-color:#000;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-size:100%;
	font-weight: bold;
	padding:10px 30px;
	display:inline-block;
	margin:0 10px;
	cursor:pointer;
	position: relative;
}
input[type="submit"].back{
	background-color:#999;
}
@media only screen and (max-width:480px){
.hyo dl dt{
float:none;
width:100%;
font-weight: bold;
margin:0 0 5px;
}
.hyo dl dd{
float:none;
width:100%;
}
}


/** confirm ***/
.confirmpage{
display:none;
}
.mw_wp_form_confirm .confirmpage{
display:block;
}
.mw_wp_form_confirm .inputpage{
display:none;
}
#contact #form .confirmpage h2{
margin:0 0 20px;
}
#contact #form .confirmpage p.sen{
margin:0 auto 40px;
}
.mw_wp_form_confirm .email_confirm{
display:none;
}
.mw_wp_form_confirm .selectstyle {
background:none;
border-radius: 0px;
}
.mw_wp_form_confirm .selectstyle:after {
  content: "";
}
@media only screen and (max-width:960px){

}

/*** thanks ***/
.bt_home{
text-align: center;
padding:50px 0;
}
.bt_home a{
background: #000;
color:#fff;
padding:12px 50px;
display:inline-block;
font-weight: bold;
position: relative;
}
.bt_home a::before{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right: 10px;
color: #fff;
font-size: 14px;
font-family: 'FontAwesome';
content: "\f105";
}