@charset "UTF-8";

/*--------------共通--------------*/

#under { color: #201e2c; }
#under p { font-size: 15px; }

#under .wrap { max-width: 1080px; margin: 0 auto; }
@media screen and (max-width: 899px) {
	#under .wrap { margin: 0 15px; }
}

.tit { font-family: "Frutiger", "Myriad", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "MS UI Gothic", "ＭＳ ゴシック", sans-serif; font-weight: bold; }

.br-pc { display:block; }
.br-tb { display:none; }
.br-sp { display:none; }
@media screen and (max-width: 899px){	
  .br-pc { display:none; }
  .br-tb { display:block; }
  .br-sp { display:block; }
}
@media screen and (max-width: 767px){	
  .br-pc { display:none; }
  .br-tb { display:block; }
  .br-sp { display:block; }
	
  #under p { font-size: 13px; }
}

/*.clearfix::after { content: ""; display: block; clear: both; }*/

/*--------------keyimages--------------*/

#aboutUs .keyimages { background: url(../img/about/bgKeyimages.jpg) no-repeat 0 100%; background-size: cover; background-position: center; height: 360px; }
#aboutUs .keyimages .wrap { max-width: 1080px; padding: 0 10px; margin: 0 auto; box-sizing: border-box; }
#aboutUs .keyimages h2 { color: #fff; text-align: center; font-size: 50px; padding-top: 160px; }
#aboutUs .keyimages h2 span { font-size: 18px; font-weight: bold; display: block; }


/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
	#aboutUs .keyimages h2 { padding-top: 130px; }

}
/*スマホ*/
@media screen and (max-width: 767px) {
	#aboutUs .keyimages {
		height: 200px;
	}
	#aboutUs .keyimages h2 {
		font-size: 30px;
		padding-top: 50px;
	}
}

/*--------------pankuzu_box--------------*/
.pankuzu_box { width: 100%; line-height: 49px; font-size: 13px; text-align: left; }

/*--------------aboutIntro--------------*/

#aboutIntro h3 { font-size:31px; font-weight:bold; text-align: center; margin-top: 75px; margin-bottom: 45px; }
#aboutIntro h3 span { position: relative; z-index: 20; }
#aboutIntro h3 span::after {
	position: absolute;
    content: "";
    height: 10px;
    background: #3fb1fb;
    width: 100%;
    bottom: -5%;
    right: 0;
    z-index: -11;
    transform: skewX(-10deg); }
#aboutIntro div { color: #494949; font-size: 23px; font-weight: bold; text-align: center; margin-bottom: 75px;}
 

/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
}

/*スマホ*/
@media screen and (max-width: 767px) {	
	#aboutIntro h3 { font-size:22px; margin-top: 45px; }
	#aboutIntro div { font-size:16px; }
}

/*--------------feature--------------*/
#feature { width: 810px; margin:0 auto 80px; }
#feature h4 { font-size: 20px; font-weight: bold; position: relative; padding-left: 30px; margin-bottom: 10px; }
#feature h4::before {
	position: absolute;
    content: "";
    height: 4px;
    background: #3baffd;
    width: 12px;
	left: 10px;
	top: 50%;
}
#feature p{ padding: 0 10px; }
#feature div{ padding: 15px 0; }

/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
	#feature { width: 100%;}
}

/*スマホ*/
@media screen and (max-width: 767px) {
	#feature { margin-bottom: 45px; }
	#feature h4 { font-size: 16px;}
}

/*--------------future--------------*/
#future { width: 810px; margin:0 auto 80px; }
#future h4 { font-size: 20px; font-weight: bold; position: relative; padding-left: 30px; margin-bottom: 10px; }
#future h4::before {
	position: absolute;
    content: "";
    height: 4px;
    background: #3baffd;
    width: 12px;
	left: 10px;
	top: 50%;
}
#future p{ padding: 0 10px; }
#future div{ padding: 15px 0; }

/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
	#future { width: 100%;}
}

/*スマホ*/
@media screen and (max-width: 767px) {
	#future { margin-bottom: 45px; }
	#future h4 { font-size: 16px;}
}

/*--------------message--------------*/

#message { width: 810px; margin:0 auto 80px; }
#message h5 { font-size: 31px; font-weight:bold; text-align: center; }
#message h5 span { color: #3fb1fb; font-size: 18px; display: block; }
#message .president { position: relative; height: 600px; }
#message .left { position: absolute; top: 0; left: -10px;}
#message .right01 { position: absolute; width: 450px; top: 50px; right: 0; }
#message .right02 { position: absolute; width: 300px; top: 310px; right: 0; }
#message .sign { position: absolute; top: 530px; right: 0; }

/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
	#message .right01 { width: 55%; top: 50px; right: 15px; }
	#message .right02 { width: 37%; top: 310px; right: 15px; }
	#message .sign { right: 15px; }

}

/*スマホ*/
@media screen and (max-width: 767px) {
	#message { width: 100%; margin-bottom: 45px; }
	#message h5 { font-size: 22px; }
	#message h5 span { font-size: 16px; }
	#message .president { position: static; height: auto; }
	#message .left { position: static; margin-bottom: 15px; }
	#message .right01 { position: static; width: 100%; margin-bottom: 15px; }
	#message .right02 { position: static; width: 100%; margin-bottom: 15px; }
	#message .sign { position: static; width: 235px; margin-left: auto; }
}