@charset "utf-8";

body{
	font-family: 'Noto Sans JP', sans-serif;
	color:#333;
}
a{text-decoration: none;transition : all 0.5s;}
.br_sp{display:none;}
.br_pc{}


/* */
header {
  background: #333;
  display: flex;
  color: #ddd;
  align-items: center;
  padding:5px 40px;
}
header h1{width:150px;margin-right:50px;}
header h1 img{width:100%;height:auto;}
header ul{display:flex;list-style:none;margin:0;padding:0;}
header a{display:inline-block;padding:20px;}
header a:link,
header a:visited{color:#ddd;}
header p{margin-left:auto;font-size:30px;}



footer{padding:60px 0;}
footer ul{margin:0;padding:0;display:flex;justify-content: center;list-style: none;}
footer a{display:inline-block;padding:5px 20px;}
footer a:link,
footer a:visited{color:#555;}
footer a:hover{color:#009696;}
footer p{font-size:0.8rem;color:#555;text-align:center;padding:20px 0 50px 0;}


/* */
.btn_center{text-align: center;margin:20px auto;}
.btn_center a {
  border: 1px solid #006969;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  background-color:rgba(255,255,255,0.4);
}
.btn_center a:link,
.btn_center a:visited{text-align: center;color:#006969;}
.btn_center a:hover{background:#006969;color:#fff;}

/* */
.mv {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  color:#668598;
}
.mv p img{width:100%;height:auto;}
.mv_over {
  position: absolute;
  padding: 20px;
  background: rgba(255, 255, 255, 0.5);
  display:flex;
  align-items: center;
  justify-content: space-between;
}
.mv_over_pict,
.mv_over_text{padding:40px;}
.mv_over h1{font-size:2.8rem;line-height:100%}
.mv_over h2{font-size:2.0rem;line-height:100%;font-weight:500;}
.mv_over h1{margin-bottom:10px;}
.mv_over h2{margin-bottom:20px;}
.mv_over p{font-size:1.2rem;}
.mv_over p img{width:540px;height:auto;}

/* */

.spec{width:960px;margin:0 auto;}
.spec_wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  padding:50px 0;
}
.spec_pict,
.spec_text{padding:40px;text-align:center;}
.spec_text h1{font-size:2.8rem;line-height:100%;margin-bottom:10px;}
.spec_text h2{font-size:2.0rem;line-height:100%;margin-bottom:20px; font-weight:500;}
.spec_text p{margin-bottom:10px;}
.spec_pict p{width:480px;}
.spec_pict p img{width:100%;height:auto;}

/* */
.mission{
  background-image:url(forest.jpg);
  background-size:cover;
  text-align:center;
  padding:150px 0;
}
.mission h1{font-size:2.6rem;margin-bottom:20px;}
.mission h2{font-size:1.6rem;}
.mission p{line-height:180%;font-size:1.1rem;}

/* */

.quality{text-align:center;padding:150px 0;}
.quality h1{font-size:2.3rem;margin-bottom:20px;color:#009696;}
.quality h2{font-size:1.6rem;}
.quality p{line-height:180%;font-size:1.1rem;width:720px;margin:20px auto;}
.quality p img{width:100%;height:auto;}
/* */
.bio{background:#f9f9f9;padding:100px 0;text-align: center;}
.bio h1{font-size:2.6rem;margin-bottom:20px;border-bottom:3px solid #009696;display: inline-block;}
.bio h2{font-size:1.1rem;margin-bottom:10px;}
.bio h3{font-size:1.1rem;background:#009696;color:#fff;font-weight:400;padding:5px 10px;display:inline-block;}

.bio p{line-height:180%;font-size:0.8rem;width:720px;margin:20px auto;}


/* */

.bnr{text-align:center;width:600px;margin:0 auto;}
.bnr img{width: 100%;height:auto;;}




/* */
.common{width:960px;margin:0 auto;padding:50px 0;}

.common h1{
  font-size: 2rem;
  text-align: center;
  font-weight: 500;
  color: #333;
  margin-bottom: 40px;
}
.common h1 span{border-bottom: 4px solid rgba(0, 150, 150, 0.7);}
.common h2{font-size:1.4rem;margin-bottom:30px;}
.common h3{font-size:1.3rem;margin-bottom:30px;margin-top:30px;}

.common p{line-height:200%;margin-bottom:20px;}
.common p span{font-weight:700;}
.common ol{
  margin-bottom: 20px;
  padding: 20px 50px 15px 50px;
  background: #f0f0f0;
}
.common li{
  font-size: 1.0rem;
  margin-bottom: 5px;
}


.about_shacho {
    width: 230px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.about_shacho img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}




/* */
.comp h2{font-size:1.1rem;border-bottom:1px solid #ddd;}




@media screen and (max-width:959px){
  .br_sp{display:block;}
  .br_pc{}
  header{display:block;padding:15px 5px 5px 5px;}
  header h1{margin:auto;}
  header a{padding: 10px 5px;}
  header ul{justify-content: center;}
  header p{margin-left:auto;margin-right:auto;font-size:30px;text-align:center;line-height:100%;}
  header p a{padding:3px 0 10px 0;}

  footer ul{display:none;}
  .mv,
  .mv_over{display:block;position:relative;padding:0;}
  .mv_over_pict p{text-align:center;}
  .mv_over_text{text-align:center;padding:0;}
  .mv_over p img {width: 100%;height:auto;}

  .spec{width:90%;margin:auto;}
  .spec_wrap{padding:0;}
  .spec_pict{display:none;}
  .spec_text h1,
  .spec_text h2{display:none;}
  .quality{padding:50px 0;}
  .quality p,
  .bio p{width:90%;margin:auto;}
  .bio p img{width: 100%;height: auto;} 
  .bnr{width:100%;}
  .bnr img{width:100%;height:auto;}

  .mission{padding:40px 0;}
  .section_inner h1{font-size:1.6rem;}
  .section_inner h2{font-size:1.1rem;}
  .section_inner{width:90%;margin:0 auto;}
  .spec_bottom{display:none;}


  .common{width:90%;margin:0 auto;}
  .about_shacho{float:none;width:70%;margin:auto;}



}