@charset "utf-8";

h2 {
font-size: 1.8rem;
line-height: 1.6em;
text-align: center;
}

.about_wrap{
max-width: 100%;
margin: 0 auto;
padding-top:20px;
}

.aboutus-area1{
  background-color: #fff;
  text-align: center;
  color: #00B180;
}

.aboutus-area1 h2{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3.5rem;
  line-height: 1.3em;
  text-align: center;
  margin-bottom: 25px;
}

.aboutus-area1 h4{
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 20px;
  font-size: 2rem;
}

.aboutus-area1 img{
  width: 20%;
  min-width: 110px;
  vertical-align: middle;
  float: none;
  margin: 25px 5px 0;
}

.about-content {
display: flex;
flex-wrap: wrap;
/*flex-direction: column;*/
background-color: #EDFAF6;
width: 90%;
margin: 3% auto;
}
.mt0{margin-top: 0 !important;}
.mt50{margin-top: 6% !important;}

.about-content p{
padding: 0 8% 8%;
}

.about-content2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.about-content img {
width: 100%;
margin: 15px auto 25px;
}

.about-txt1 {
text-align: center;
padding-top: 10%;
border: 1px solid #fff;
}

.about-txt2 {
/*flex: 40%;*/
position: relative;
text-align: center;
padding-top: 10%;
border: 1px solid #fff;
}

.about-txt2a {
/*flex: 40%;*/
position: relative;
}

.about-txt2a h2{
display: table-cell;
vertical-align: middle;
margin: 0;
}

.about-txt2a img{
margin: 20px 0;
}

.about-txt3 {
/*flex: 25%;*/
position: relative;
text-align: center;
padding: 50px 3% 3% 5%;
border: 1px solid #fff;
}

.title-tab {
position: absolute;
display: inline-block;
top: 0;
left: 0;
padding: 5px 15px;
font-size: 2rem;
font-weight: bold;
color: #fff;
background-color: #00B180;
}

.textup{
font-size: 2.3em;
color: #00B180;
vertical-align: -0.15em;
line-height: 1em;
}

.imgsize1{min-width: 68px; width: 20%;}
.imgsize2{min-width: 200px; width: 37%;}
.imgsize3{min-width: 250px; width: 57%;}
.imgsize4{min-width: 125px; width: 33%;}
.imgsize5{min-width: 125px; width: 33%;}
.imgsize6{min-width: 95px; width: 25%;}
.imgsize7{min-width: 95px; width: 25%;}
.imgsize8{min-width: 95px; width: 25%;}

.imgsize10{min-width: 270px; width: 72%;}
.imgsize11{min-width: 128px; width: 34%;}
.imgsize12{min-width: 250px; width: 80%;}
.imgsize13{min-width: 87px; width: 23%;}
.imgsize14{min-width: 87px; width: 23%;}
.imgsize15{min-width: 50px; width: 15%;}

.sp-about {display: block;}
.pc-about {display: none;}
.tb-about {display: none;}


@media screen and (min-width:750px) {
.about_wrap{padding-top:84px;}
/*.aboutus-area1{padding: 55px 0 5px;}*/
.about_title1{
  max-width: 900px;
  width: 95%;
  margin: 0 auto;
}
.aboutus-area1 h2{font-size: 3.5rem;}
.aboutus-area1 h4{font-size: 1.7rem;}
/*.aboutus-area1 img{
  width: 150px;
  margin: -10px 5px 0;
}*/
/*.flo_l1{float: left !important; margin: 0;}*/
/*.flo_r1{float: right !important; margin: 0;}*/
.inner {max-width: 960px;}
.about-area{max-width: 800px;}
.about-content {
flex-direction: row;
margin: 20px auto;
}
.mt0{margin-top: 0 !important;}
.mt50{margin-top: 50px !important;}
.about-content p{padding: 0 80px 50px;}
.about-content img {margin: 20px auto 40px;}
.about-txt1{padding-top: 50px;}
.about-txt2{padding-top: 50px; flex: 40%;}
.about-txt2a {flex: 40%;}
.about-txt3 {flex: 25%;}
.fl35{flex: 35%;}
.fl63{flex: 63%;}

.imgsize1{max-width: 89px; width: 80%;}
.imgsize2{max-width: 236px; width: 80%;}
.imgsize3{max-width: 361px; width: 80%;}
.imgsize4{max-width: 180px; width: 80%;}
.imgsize5{max-width: 180px; width: 80%;}
.imgsize6{max-width: 191px; width: 80%;}
.imgsize7{max-width: 191px; width: 80%;}
.imgsize8{max-width: 191px; width: 80%;}
.imgsize9{width: 85%;}

.imgsize11{max-width: 207px; width: 80%;}
.imgsize12{max-width: 506px; width: 80%;}
.imgsize13{max-width: 145px; width: 80%;}
.imgsize14{max-width: 145px; width: 80%;}
.imgsize15{max-width: 87px; width: 80%;}

.sp-about {display: none;}
.pc-about {display: block;}
.tb-about {display: block;}

}


@media screen and (min-width:855px) {

.aboutus-area1{padding: 55px 0 5px;}
.about_title1{
  max-width: 900px;
  width: 95%;
  margin: 0 auto;
}
.aboutus-area1 h2{font-size: 3.5rem;}
.aboutus-area1 h4{font-size: 1.7rem;}
.aboutus-area1 img{
  width: 150px;
  margin: -10px 5px 0;
}
.aboutus-area1 img{
  width: 150px;
  margin: -10px 5px 0;
}
.flo_l1{float: left !important; margin: 0;}
.flo_r1{float: right !important; margin: 0;}

.sp-about {display: none;}
.pc-about {display: block;}
.tb-about {display: none;}

}



.about_con{
width:960px;
display:block;
text-align:center;
margin: 0 auto 20px;
padding: 50px 70px;
background-color: #EDFAF6;
}

.box{
  background-color: #EDFAF6;
  margin: 0 auto 20px;
}
.box h3{
  background: #00B180;
  color: #FFF;
  margin: 0;
  display:inline-block;
  padding: .3em;
}
.box .inner{
  padding: .5em;
}