@charset "utf-8";


.page_title {
    padding: 30px 0;
    background-color: #fff !important;
}


.titbox{background-image: url("../images/bg1.jpg");background-repeat: no-repeat;background-position: center top;background-size: cover;
text-align: center;padding: 25px 0 10px 0;}

.titbox p{color: #fff;width: 1095px;margin-left: auto;margin-right: auto;text-align: right;font-size: 1.6rem;padding: 5px 0 10px 0; position: relative;}
.titbox p:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 820px;
  height: 1px;
  content: '';
  background: #fff;
}
.titbox p span.line{ position: relative;
  background-color: rgba(255, 255, 255, 0);}
  
.bg2{background-image: url("../images/bg2.jpg");background-repeat: no-repeat;background-position: center top;background-size: cover;}

.bg2in{width: 750px;margin-left: auto;margin-right: auto;background-color: #fff;color: #000;}
.bg2inin{width: 700px;margin-left: auto;margin-right: auto;}

.bg2inin h2{color: #188248;font-size: 4.0rem;font-weight: normal;line-height: 1.3;
padding: 40px 0;
text-align: center;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.bg2inin h2 .tyosei01{letter-spacing: -0.05em;}
.bg2inin h2 .tyosei02{letter-spacing: -0.1em;}

.bg2inin .leadcopy{font-size: 1.8rem;text-align: center;letter-spacing: 0;line-height: 1.7;}
.bg2inin .leadcopy2{font-size: 1.7rem;margin: 10px 0 50px 0;text-align: center;}

.bg2inin .textboxall{margin-left: 20px;margin-right: 20px;}
.bg2inin h3{color: #251e1c;font-size: 2.1rem;border-top: 2px solid #96a236;border-bottom: 2px solid #96a236;text-align: center;}
.bg2inin h4{color: #008e95;font-size: 1.5rem;margin: 30px 0 20px 0;}
.bg2inin .textboxall p.conp{font-size: 1.5rem;letter-spacing: 0;margin: 20px 0 0 0;line-height: 1.4;}
.bg2inin .textboxall .small{font-size: 1.2rem;letter-spacing: 0;}


.textboxall .textph{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 20px;}
.textboxall .textph.pl{-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
.textboxall .textph .ph{}
.textboxall .textph .ph p{font-size: 1.1rem;margin: -5px 0 10px 10px;letter-spacing: -0.03rem;}
.textboxall .textph .text{width: 290px;}
.textboxall .textph .text p{font-size: 1.3rem;line-height: 1.6;letter-spacing: -0.03rem;text-align: justify;}

a.opcolor:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


@media screen and (min-width: 769px) {
.textboxall .textph .text h4{margin-top: 0;}
}

@media screen and (max-width: 768px) {
.titbox{background-image: url("../images/bg1.jpg");background-repeat: no-repeat;background-position: center top;background-size: cover;
text-align: center;padding: 25px 0 10px 0;}
.titbox p{width: 100%;}
.titbox p:before {width: 50%;}


.bg2in{width: 90%;}
.bg2inin{width: 98%;}

.bg2inin h2{font-size: 2.0rem;
padding: 20px 0;
}

.bg2inin .leadcopy{font-size: 1.6rem;text-align: center;letter-spacing: 0;line-height: 1.7;}
.bg2inin .leadcopy2{font-size: 1.5rem;margin: 10px 0 50px 0;text-align: center;}

.bg2inin .textboxall{margin-left: 2px;margin-right: 2px;}
.bg2inin h3{font-size: 1.7rem;line-height: 1.3;letter-spacing: 0;padding: 5px 0;}
.bg2inin h4{color: #008e95;font-size: 1.3rem;line-height: 1.3;letter-spacing: 0;}
.bg2inin .textboxall p.conp{font-size: 1.3rem;}
.bg2inin .textboxall .small{font-size: 1.1rem;letter-spacing: -0.05em;line-height: 1.2;text-align: left;}

.textboxall .textph{-webkit-flex-direction: column;flex-direction: column;}
.textboxall .textph.pl{-webkit-flex-direction: column;flex-direction: column;}

.textboxall .textph .text{width: 100%;}
.textboxall .textph .text p{text-align: left;}
.textboxall .textph .ph{text-align: center;margin-top: 10px;}

}

@media screen and (max-width: 520px) {
.titbox p{font-size: 1.3rem;}
.titbox p:before {width: 30%;}
.bg2in{width: 95%;}
.bg2inin{width: 98%;}
.bg2inin h2{font-size: 1.7rem;
padding: 10px 0;letter-spacing: -0.05em;
}
.bg2inin .leadcopy{font-size: 1.5rem;letter-spacing: -0.05em;;}
.bg2inin .leadcopy2{font-size: 1.4rem;line-height: 1.3;}

}
@media screen and (max-width: 320px) {
.titbox p{font-size: 1.3rem;}
.titbox p:before {width: 20%;}

}