@import "reset.css";
@charset "UTF-8";

body {
color: #060606;
font-family: sans-serif;
text-align: justify;
text-justify: distribute;
}

body a{
color: #060606;
text-decoration: none;
}

body .container {
max-width: 900px;
margin: 0 auto;
}

body img{
}

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


*, 
*:before, 
*:after { 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
} 





header {
margin: 0 auto;
border-top: 10px #353535 solid;
}
header .sitetitle img {
width: 20%;
float: left;
margin: 0 20px 0 0;
}

header .sitetitle h1 {
padding: 10px 0;
text-align: right;
font-size: 120%;
}
header .sitetitle h2 {
padding: 45px 0;
font-size: 300%;
}

header .headertop .sitetitle h1 {
padding: 60px 0 0;
font-size: 300%;
}
header .headertop .sitetitle h1 span {
margin: 0 20px 0 0;
font-size: 60%;
}
header .headertop p.counter {
padding: 30px 0 0;
text-align: right;
}

header .headertop .siteimg img {
margin: 5px 0;
width: 100%;
}






nav {
clear: left; 
background: #ffffff;
}

nav #menu {
max-width: 900px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

nav #menu li {
width: 150px;
font-size: 120%;
text-align: center;
border-top: 2px #333333 solid;
border-bottom: 2px #333333 solid;
border-right: 2px #333333 solid;
border-left: 0px #333333 solid;
}
nav #menu li.home {
border-left: 2px #333333 solid;
}
nav #menu li a{
display: block;
padding: 15px 0;
text-decoration: none;
color: #333333;
}
nav #menu li.flow a {
padding: 5px 0;
font-size: 93%;
}
nav #menu li a:hover{
background: #f3f3f3;
}
nav #toggle{ 
display: none;
}





section {
margin: 0 auto;
}



#top .mokuteki {
padding: 50px 20px 20px;
}
#top .mokuteki p {
line-height: 180%;
font-size: 200%;
}

#top .sien {
margin: 20px auto 0;
padding: 0;
width: 463px;
}
#top .sien p {
letter-spacing: 0.2em;
line-height: 180%;
font-size: 200%;
}
#top .sien p.dai {
text-align: center;
text-decoration: underline 1px; 
text-underline-offset: 0.2em;
line-height: 250%;
}




#chairman .container {
display: -webkit-flex;
display: flex;
}
#chairman img {
margin: 50px 40px;
}
#chairman p {
margin: 50px 40px;
font-size: 130%;
line-height: 150%;
}




#association table,
#association th,
#association td {
padding: 20px 10px;
border: 1px #7f7f7f solid;
line-height: 150%;
font-size: 110%;
}
#association table {
margin: 50px auto;
width: 80%;
}
#association th {
width: 20%;
text-align: left;
}






#access section.access {
margin: 30px auto;
padding: 20px 10px 30px;
border: 2px #555555 solid;
}
#access section.access p {
text-align: center;
line-height: 200%;
font-size: 220%;
}

#access img {
display: block;
margin: 50px auto;
width: 40%;
}

#access .map {
text-align: center;
}

#access .map a:hover {
text-decoration: underline;
}








#youtube .container {
display: -webkit-flex;
display: flex;
}
#youtube p {
margin: 50px 40px;
font-size: 130%;
line-height: 150%;
}
#youtube iframe {
display: block;
margin: 50px auto;
width: 80%;
height: 450px;
}





#chairman p.junbi,
#youtube p.junbi {
padding: 30px 0 300px;
text-align: center;
letter-spacing: 0.5em;
font-size: 250%;
}








#media section {
width: 800px;
margin: 50px auto;
border: 1px #d4d4d4 solid;
}
#media section img {
width: 100%;
}



#contact table caption {
padding: 0 0 5px 0;
text-align: left;
color: #dc4e4e;
}

#contact table {
margin: 60px auto 0;
width: 70%;
}
#contact th {
width: 30%;
background: #f4f4f4;
}
#contact th,
#contact td {
padding: 10px;
font-size: 95%;
line-height: 130%;
border: 1px #7f7f7f solid;
text-align: left;
vertical-align: top;
}

#contact td input {
width: 220px;
}
#contact td.jusyo input {
width: 120px;
}

#contact .send {
text-align: center;
}
#contact .sendtd {
background: #e9e9e9;
}
#contact .sendtd input {
width: 85px;
}


#contact .mfjusyowrap {
padding: 2px 0 0 1em;
}
#contact textarea.mfjusyo {
width: 69%;
height: 3em;
}
#contact textarea.mftoi {
width: 70%;
height: 10em;
}



#thanks section {
padding: 50px;
}
#thanks h3 {
font-weight: bold;
font-size: 130%;
line-height: 200%;
}
#thanks p {
font-size: 110%;
line-height: 180%;
}





footer {
margin: 150px 0 0;
padding: 15px 0 15px 0;
background: #060606;
border-top: 3px #e4e0da double;
border-bottom: 5px #725538 solid;
}

footer p {
padding: 15px 0 0 0;
text-align: center;
line-height: 130%;
font-size: 130%;
color: #ffffff;
}
footer p.sitetitle {
font-size: 220%;
}
footer p.sitetitle span {
padding: 0 20px 0 0;
font-size: 70%;
font-weight: normal;
}
footer p.cop {
padding: 50px 0 0 0;
line-height: 0%;
font-size: 85%;
}

/* 伊比さん保有機種のための処置設定 削除不可 */
footer p.tel a {
color: #ffffff;
}