@charset "utf-8";

html, body {
    min-width: 1124px;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','meiryo UI'.'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
}
/*#container {
    background: #ededed url(../../../common2/img/main_bg.png) 0 0 no-repeat;
    background-size: 100%;
}*/
.content {
    width: 900px;
    margin: 10px auto 0;
    position: relative;
    left: 115px;
}
.oversize {
    width: 100%;
    min-width: 900px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.oversize img {
    position: relative;
    top: 0;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.pc img{
	width:100%;
}
.pc70 img{
  width:70%;
}
.pc50 img{
  width:50%;
}
.pc80 img{
  width:80%;
}
.sp {
  display: none;
}
.fv img{
  width:100%;
}
.offer {
  /*width: 1280px;*/
  margin: 0 auto;
  position: relative;
  padding: 5%;
}
.txt7{
  width:100%;
  font-size: 1.2em !important;
  text-indent: 10%;
}
.center{
  text-align: center;;
}
.mt5{
  margin-top: 5%;
}
.mb5{
  margin-top: 5%;
}
.f5f5f5{
  background-color: #f5f5f5;
}
/*申し込みボタン*/
.btn_offer01 {
    position: absolute;
    bottom: 20%;
    left: 33%;
    z-index: 2;
}

.btn_offer02 {
    position: absolute;
    bottom: 10%;
    left: 33%;
    z-index: 2;
}

.btn_offer03 {
    position: absolute;
    bottom: 35%;
    left: 33%;
    z-index: 2;
}

.btn_offer03_2 {
    position: absolute;
    bottom: 20%;
    left: 33%;
    z-index: 2;
}

.btn_offer03_3 {
    position: absolute;
    bottom: 5%;
    left: 33%;
    z-index: 2;
}

.btn_offer04 {
    position: absolute;
    bottom: 35%;
    left: 33%;
    z-index: 2;
}
.btn_offer04_2 {
    position: absolute;
    bottom: 20%;
    left: 33%;
    z-index: 2;
}

.btn_offer04_3 {
    position: absolute;
    bottom: 5%;
    left: 33%;
    z-index: 2;
}

.btn_offer05 {
    position: absolute;
    bottom: 35%;
    left: 33%;
    z-index: 2;
}
.btn_offer05_2 {
    position: absolute;
    bottom: 20%;
    left: 33%;
    z-index: 2;
}

.btn_offer05_3 {
    position: absolute;
    bottom: 5%;
    left: 33%;
    z-index: 2;
}


.btn_offer06 {
    position: absolute;
    bottom: 10%;
    left: 33%;
    z-index: 2;
}
.btn {
 width: 58%
}

.btn a {
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
}
.btn a:hover {
  opacity: 0.8;
}
.btn_offer01sp {
  position: absolute;
  top: 31.5%;
  z-index: 999;
}
.btn_offer01sp img {
  display: inline-block;
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

.sec_07 {
  padding-top: 50px;
}

		#sec05 {
			background-color: #2d87bb;
		}
		#sec05 img {
			display: block;
				margin: 0 auto;
				width: 980px;
			}
		#sec05 ul {
			background-color: #fff;
			margin: 0 auto;
			padding: 40px 50px;
			width: 868px;
		}
		#sec05 ul li {
				color: #2d87bb;
				font-weight: 500;
				margin-bottom:15px;
			}

		.cache  {
			background-color: #ffffff;
			width: 100%;
		}

		.cache img {
			display: block;
			margin: 0 auto 60px;
			width: 980px;
		}
    .offertext{
     margin: -5% 0 5% 0;
    }
/*関係者の声*/
.content_wide .bg {
    position: relative;
    width: 100%;
    min-width: 1124px;
}
.v_area {
    margin-top: 60px;
    margin-bottom: 30px;
    height: 30%;
}
.voice_content {
    padding-top: 20px;
    width: 50% !important;
    height:1000px !important;
    margin: 0 auto;
    overflow-y: scroll;
    background:rgba(255,255,255,0.5);
    padding: 5% 5% 5% 5% !important;
  }
.voice_content li {
    font-size: 16px;
    line-height: 1.8;
    padding: 30px 0px;
    border-bottom: 1px solid #ccc;
    list-style: none;
}
.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
}
#sec_voice {
    z-index: 1;
}
.content_wide {
    width: 100%;
    overflow: hidden;
    background-size:cover;
}
#sec_voice .content {
    position: absolute;
    top: 15%;
    left: 50%;
    margin-left: -266px;
}
.sec_05{
     background-image: url("../images/voice.jpg");
     background-size: cover;
     padding-bottom: 5%;
     margin-bottom: 5%;
}
.voiceh2{
     width: 10% !important;
     height: auto;
}
h2{
  text-align: center;
}
.text{
  width: 68% !important;
    text-align: left;
    font-size: 1.3em;
    margin: auto;
    line-height: 140%;
    padding:0; 
    z-index: 99999; 
}
.hinshitsu{
   position: relative;/*絶対配置*/
   z-index: 1; 
   text-align: center;
}
.hinshitsutext{
  font-size: 1.3em;
  background-color:#ffffff;
  z-index: 99999; 
  position: absolute;/*絶対配置*/
  top: 45%;
  left: 20%;
  text-align: left;
  width: 50%;
  padding: 7% 3% 3% 3%;
  line-height: 1.5em;
}
.hinshitsutext img{
    position: absolute;/*絶対配置*/
     top: -20%;
     left: 50%;
}
/**オファーの背景**/
.offerall{
    background:no-repeat;
    background-position-y: 30%;
    background-position-x: 55%;
    background-image: url("../images/offer_back.jpg");
    background-size: 100%;
}
/* =====================================
  フッター
===================================== */

#footer {
	background-color: #000000;
	color: #fff;
	font-weight: 700;
	padding: 20px 0;
	text-align: center;
}
	#footer li {
		display: inline-block;
		line-height: 1.4;
	}
		#footer li a {
			color: #fff;
			text-decoration: none;
		}
		#footer li a:hover {
			text-decoration: underline;
		}
	#footer #copyright {
	}
	
	#sp_sec05 {
		display:none;
	}
  /*スマホはここから*/
@media screen and (max-width: 768px) {
    html, body {
        width: 100%;
        min-width: 100%;
    }
    .oversize {
      min-width: 100%;
    }
    .oversize img {
      max-width: 100%;
    }
    .text {
    padding: 5%;
    width: 90% !important;
    font-size:1em; 
    }
   .v_area {
     margin-top: 0;
}
    .voice_content li {
    font-size: 1em;
    line-height: 1.5;
    padding: 1% 0px;
    border-bottom: 1px solid #ccc;
    list-style: none;
}
dd {
    display: block;
    margin-inline-start: -10px !important;
}
    .offer {
      width: 80%;
      padding:5% 0;
    }
    .btn_offer01 {
      position: absolute;
      left: 22%;
      bottom: 20%;
      z-index: 2;
    }
    .btn_offer02 {
      position: absolute;
      left: 22%;
      bottom:8%;
      z-index: 2;
    }
    .btn_offer03 {
      position: absolute;
      left: 22%;
      bottom: 2%;
      z-index: 2;
    }


    .btn_offer04 {
      position: absolute;
      left: 22%;
      bottom: 2%;
      z-index: 2;
    }
    .btn_offer05 {
      position: absolute;
      left: 22%;
      bottom: 2%;
      z-index: 2;
    }
    .btn img {
      width: 100%;
    }
    .sec_03 {
      padding-bottom: 10px;
    }
    .sec_07 {
      padding-top: 20px;
    }
  .voice_content {
    padding-top: 20px;
    width: 90% !important;
    height: 300px !important;
    margin: 0 auto;
    overflow-y: auto;
    background: rgba(255,255,255,0.5);
}
.btn {
 width: 75%
}
	#footer {
			display: none;
	}
	#sp_sec05 {
		display:block;
	}
	#sp_sec05 ul  {
		width:94%;
		padding:2%;
		margin:0 auto;
	}
	#sp_sec05 ul li {
				color: #2d87bb;
				font-weight: 500;
				padding: 0;
				margin-bottom:15px;
				font-size: 11px;
				list-style:none;
	}
 .pc70 img{
  width:100%;
}
.pc50 img{
  width:100%;
}
.txt7{
  width:100%;
  font-size: 0.8em !important;
  text-indent: 0%;
}
.henpin{

	background: #055d94;
	margin:0px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	color:#FFF;
	font-size:13px;
	text-align:center;
	
}

		.cache img {
			display: block;
			margin: 0 auto 60px;
			width: 94%;
			height:auto;
}
.hinshitsutext{
  font-size: 0.9em;
  background-color:#ffffff;
  z-index: 99999; 
  position: absolute;/*絶対配置*/
  top: 50%;
  left: 10%;
  text-align: left;
  width: 80%;
  padding: 8% 3% 3% 3%;
}
.hinshitsutext img{
  top: -40%;
  left: 40%;
  width: 100%;
}
.mt25{
  margin-top: 15%;
}
}
@media (max-width: 576px) { 
.mt25 {
    margin-top: 30%;
}
.hinshitsutext{
    font-size: 0.9em;
    background-color: #ffffff;
    z-index: 99999;
    position: absolute;
    top: 48%;
    left: 10%;
    text-align: left;
    width: 80%;
    padding: 6% 3% 2% 3%;
}
.hinshitsutext img {
    top: -15%;
    left: 45%;
    width: 100%;
}
 }
 @media (max-width: 414px) { 
.hinshitsutext{
    font-size: 0.9em;
    background-color: #ffffff;
    z-index: 99999;
    position: absolute;
    top: 48%;
    left: 10%;
    text-align: left;
    width: 80%;
    padding: 10% 3% 3% 3%;
}
.hinshitsutext img {
    top: -20%;
    left: 45%;
    width: 100%;
}
.mt25 {
    margin-top: 35%;
}
 }