

.main-area .page-link {
    position: absolute;
    bottom: -75px;
    left: 0;
    z-index: 1;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC0b5186,endColorstr=#CC0b5186);
	background: #1e66a8;
}
.main-area .page-link li p {
  height: 75px;
  line-height: 1.4;
  font-size: 1.1em;
}
.main-area .page-link a {
  display: block;
  color: #fff;
}
.main-area .page-link li p {
  height: 75px;
  line-height: 1.4;
}
.main-area .page-link a {
  display: block;
  color: #fff;
}

.main-area {
  margin: 83px 0 0;
}
.global-header div div .r_menu {
  margin: 10px 20px 10px;
}

#area02, #area03, #area04, #area05, #area06, #area07, #area08, #area09, #area10, #area11{
	margin-top: -83px;
	padding-top: 83px;
}

.bg-color {
    background: #e9f5ff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.arrow_down{
  width:100px;
}



@media only screen and (max-width: 980px){
  .main-area {
    margin: 65px 0 0;
  }
	#area02, #area03, #area04, #area05, #area06, #area07, #area08, #area09,#area10, #area11 {
		margin-top: -65px;
		padding-top: 65px;
	}
  .arrow_down{
    width:64px;
  }

    
    
}

/*---------------------------------------------------------*/
#area01 div .btn_area {
  text-align: center;
  margin: 105px auto 20px;
}
#area01 div .btn_area .btn:first-child {
	margin-bottom: 15px;
}

#area01 .tel_inquiry {
  max-width: 940px;
  margin: 25px auto 30px;
  padding: 20px;
  box-sizing: border-box;
  border: solid 2px #bfbfbf;
}
#area01 .tel_inquiry .tel_title {
  font-size: 1.7em;
  color: #46a0f6;
}
#area01 .tel_inquiry ul{
  width: 370px;
  margin: auto;
  overflow: hidden;
}
#area01 .tel_inquiry ul li{
  height: 33px;
  margin-bottom: 16px;
  display: flex;
}
#area01 .tel_inquiry ul li img{
  width: 100%;
  height: 33px;
}

#area01 .tel_inquiry p {
  text-align: center;
  font-size: 1.2em;
  line-height: 1.6em;
  font-weight: bold;
}

#area01 .tel_inquiry .tel_link{
  color: #46a0f6;
}

@media only screen and (max-width: 980px){
  #area01 div .btn_area {
    margin-top: 20px;
  }

  #area01 div .btn_area .btn:first-child {
    margin-bottom: 20px;
  }

  #area01 .tel_inquiry {
    width: 90%;
    margin: 0 5% 30px;
    padding: 10px;
  }
  #area01 .tel_inquiry ul li {
    height: auto;
    margin-bottom: 10px;
    display: block;
  }
  #area01 .tel_inquiry ul li img {
    height: auto;
  }
}

@media only screen and (max-width: 480px){
  #area01 .tel_inquiry ul {
    width: 100%;
  }
  #area01 .tel_inquiry ul li {
    width: 90%;
    margin: 0 5% 14px;
  }
}

/*---------------------------------------------------------*/
#area02 #tab {
  width: 940px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  padding-bottom: 15px;
}

#area02 #tab li {
  width: 466px;
  float: left;
  list-style-type: none;
}

#area02 #tab li:first-child {
  margin-right: 8px;
}

#area02 #tab li a {
  display: inline-block;
  position: relative;
  margin-top: 12px;
  width: 466px;
  height: 52px;
  font-size: 2.0em;
  font-weight: bold;
  text-align:center;
  background-color: #737373;
  color:#FFF;
}

#area02 #tab li a .small_text {
  font-size: 0.8em;
}

#area02 #tab li a.selected {
  margin-top: 0;
  padding-top: 6px;
  box-sizing: border-box;
  height: 64px;
  background-color: #ea6d8d;
}

#area02 #tab li a.selected:after{
	content: "";
	position: absolute;
	left: 50%;
 	margin-left: -15px;
	border: 10px solid transparent;
	border-top: 15px solid #ea6d8d;
  display: block;
}

#area02 #tab li a:hover {
  opacity: 0.8;
}

#area02 .panel {
  width: 940px;
  margin: -15px auto 0;
  padding: 32px 16px 16px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.2;
}

#area02 .panel table{
  width: 877px;
  margin: 0 auto;
}

#area02 .panel table tr td {
  vertical-align: middle;
}

#area02 .panel table tr td:first-child{
  width: 128px;
  padding: 5px 20px 5px 5px;
  font-size: 1.8em;
}

#area02 .panel table tr td:last-child{
  width: 715px;
  text-align: left;
  font-size: 2.0em;
  font-weight: bold;
}

#area02 .panel table tr td:last-child .course {
  font-size: 0.8em;
  line-height: 1.5;
}

#area02 .panel .course_time {
  margin-top: 15px;
}

#area02 .panel table tr td:last-child .caution {
  font-size: 0.5em;
  font-weight: normal;
  margin-left: 10px;
}

@media only screen and (max-width: 980px){
  #area02 #tab {
    width: 100%;
  }
  #area02 #tab li {
    width: 49%;
  }
  #area02 #tab li:first-child {
    margin-right: 2%;
  }
  #area02 #tab li a {
    width: 100%;
    font-size: 2.0em;
  }
  #area02 #tab li a .small_text {
    font-size: 0.6em;
  }

  #area02 .panel {
    width: 100%;
    padding: 32px 16px 16px;
    box-sizing: border-box;
    background: #fff;
  }

  #area02 .panel table {
    width: 100%;
  }

  #area02 .panel table tr td:first-child{
    width: 20%;
    padding: 5px;
  }

  #area02 .panel table tr td:last-child{
    width: 78%;
    padding: 5px;
    font-size: 1.1em;
  }

  #area02 .panel table tr td img {
    width: 100%;
  }

  #area02 .panel table tr td:last-child .caution {
    font-size: 0.9em;
    font-weight: normal;
    margin-left: 10px;
  }

	#area02 .panel .course_time {
    padding: 0 5px;
	}
}

@media only screen and (max-width: 605px){
  #area02 #tab li a {
    font-size: 1.5em;
  }
  #area02 #tab li a {
    line-height: 1.2;
  }
  .sp-br{
    display: block;
  }
  #area02 #tab li a.selected:after {
    border: 15px solid transparent;
    border-top: 20px solid #ea6d8d;
  }
}

@media only screen and (max-width: 480px){
  #area02 .panel {
    padding: 25px 5px 16px;
  }
  #area02 .panel .col_wrap .col_left {
    width: 20%;
    margin: 15px 2% 0 0;
  }
  #area02 .panel .col_wrap .col_right {
    margin: 18px 0 16px;
    font-size: 1.0em;
  }
  #area02 .panel .col_wrap .col_right .course {
    font-size: 0.9em;
  }
  #area02 .panel .col_wrap .col_right .course_time {
    margin-top: 10px;
  }
}

/*---------------------------------------------------------*/
#area03 h3{
  margin-top: 30px;
}

#area03 .howto_col_wrap{
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
}

#area03 .howto_col_wrap .col_left{
  float: left;
  width: 220px;
}

#area03 .howto_col_wrap .col_right{
  float: right;
  width: 689px;
  margin-top: 50px;
}

#area03 .howto_col_wrap .col_right p{
  text-align: left;
  font-size: 1.1em;
}

#area03 .sec-sub-ttl{
  font-size: 1.7em;
  font-weight: bold;
  color: #0086ac;
  margin-bottom: 25px;
  line-height: 1.0;
}

#area03 #howto01 ul, #area03 #howto02 ul {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}

#area03 #howto01 ul li, #area03 #howto02 ul li {
  float: left;
  width: 302px;
  padding: 17px;
  margin-right: 16px;
  box-sizing: border-box;
  border: solid 1px #aaaaaa;
  position: relative;
}

#area03 #howto01 ul li::before,#area03 #howto02 ul li::before{
  content: "";
  bottom: 0;
  right: 0;
  border-top: 3em solid transparent;
  border-right: 3em solid #d6463e;
  position: absolute;
  z-index: -10;
}

#area03 #howto01 ul li:last-child, #area03 #howto02 ul li:last-child {
  margin-right: 0;
}

#area03 #howto01 ul li img, #area03 #howto02 ul li img {
  width: 268px;
  margin-bottom: 16px;
}

#area03 #howto01 ul li .title, #area03 #howto02 ul li .title {
  font-size: 1.3em;
  font-weight: bold;
  color: #0086ac;
  text-align: left;
  line-height: 1.4;
}

#area03 #howto01 ul li p, #area03 #howto02 ul li p{
  font-size: 1.1em;
  text-align: left;
  line-height: 1.4;
}

#area03 .manavis_point {
  width: 908px;
  margin: 0 auto 30px;
  padding: 30px 16px;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff5e0;
}

#area03 .manavis_point .sec-sub-ttl{
  color: #333333;
}

#area03 #howto02 .manavis_point ul li {
  border: none;
  width: 430px;
  padding: 0;
}

#area03 #howto02 .manavis_point ul li .col_left{
  float: left;
  width: 145px;
  height: 145px;
	margin-bottom: 0;
  position: relative;
}

#area03 #howto02 .manavis_point ul li .col_right{
  float: right;
  position: relative;
  width: 285px;
  height: 145px;
  padding: 5px 15px;
  box-sizing: border-box;
  background: #fff;
}

#area03 #howto02 .manavis_point ul li .col_left:after{
	content: "";
	position: absolute;
	top: 50%;
  right: 0;
  margin-top: -8px;
  border: 8px solid transparent;
  border-right: 15px solid #fff;
}

#area03 #howto02 .manavis_point ul li .col_left img{
  width: 100%;
}

#area03 #howto02 .manavis_point ul li .col_right p{
  font-size: 1.2em;
}

#area03 #howto03 .price {
  margin-bottom: 30px;
}

#area03 #howto03 .price .price_ttl{
  font-size: 1.3em;
  font-weight: bold;
  color: #0086ac;
  text-align: left;
  line-height: 1.6;
}

#area03 #howto03 .price p{
  font-size: 1.2em;
  text-align: left;
}

#area03 #howto03 ul {
  width: 100%;
  overflow: hidden;
}

#area03 #howto03 ul li {
  float: left;
  width: 302px;
  padding: 10px 0;
  margin-right: 16px;
  box-sizing: border-box;
  background: #fff799;
}

#area03 #howto03 ul li:last-child {
  margin-right: 0;
}

#area03 #howto03 .price ul li p {
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
}

#area03 #howto03 .price p.caution {
  font-size: 1.0em;
  line-height: 1.6;
}

@media only screen and (max-width: 980px){
  #area03 .howto_col_wrap {
    width: 100%;
  }
  #area03 .howto_col_wrap .col_left {
    width: 30%;
  }
  #area03 .howto_col_wrap .col_right {
    width: 68%;
    margin-top: 5%;
    margin-left: 2%;
  }
  #area03 #howto01 ul li, #area03 #howto02 ul li {
    width: 96%;
    margin: 0 2% 20px;;
  }
  #area03 #howto01 ul li img, #area03 #howto02 ul li img {
    width: 100%;
    margin-bottom: 10px;
  }
  #area03 .manavis_point {
    width: 100%;
    padding-bottom: 0;
  }

  #area03 #howto02 .manavis_point ul li {
    width: 100%;
    position: relative;
    background: #fff;
    margin: 0 0 20px;
  }
  #area03 #howto02 .manavis_point ul li .col_left {
    width: 30%;
    height: auto;
  }
  #area03 #howto02 .manavis_point ul li .col_right {
    width: 70%;
  }
  #area03 #howto02 .manavis_point ul li .col_left img {
    margin-bottom: 0;
  }
  #area03 #howto02 .manavis_point ul li:first-child .col_right p {
    margin-top: 0;
  }
  #area03 #howto02 .manavis_point ul li .col_right {
    width: 70%;
    height: auto;
  }
  #area03 .sec-sub-ttl{
    font-size: 1.2em;
  }
  #area03 .howto_col_wrap .col_right p, #area03 #howto01 ul li p, #area03 #howto02 ul li p {
    font-size: 1.0em;
    line-height: 1.4;
    text-align: left;
  }
  #area03 #howto03 .price .price_ttl {
    font-size: 1.1em;
  }
  #area03 #howto03 .price p {
    font-size: 1.0em;
    line-height: 1.4;
  }
  #area03 #howto03 .price ul li p {
    font-size: 1.2em;
  }
  #area03 #howto03 ul li {
    clear: both;
    width: auto;
    padding: 3px 10px;
    margin-top: 10px;
  }
  #area03 #howto03 .price p.caution {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 470px){
  #area03 #howto02 .manavis_point ul li .col_right p {
      font-size: 0.8em;
  }
}
/*---------------------------------------------------------*/
#area04 div .btn_area .btn {
    margin-bottom: 15px;
}

#area04 div .btn_area .btn:last-child {
    margin-bottom: 0;
}

#area04 .sec-ttl{
    
}


@media only screen and (max-width: 980px){
}

/*---------------------------------------------------------*/
#area05 h3 {
    margin-top: 30px;
}

#area05 ul {
  overflow: hidden;
  margin-bottom: 30px;
}

#area05 ul li {
  position: relative;
  display: inline-block;
  width: 210px;
  margin-right: 33px;
  text-align: center;
  vertical-align: top;
}

#area05 ul li:last-child {
  margin-right: 0;
}

#area05 ul.flow01 li:after {
  content: "";
	position: absolute;
	top: 30%;
	left: 100%;
 	margin-top: -15px;
	border: 10px solid transparent;
	border-left: 15px solid #e7473b;
}
#area05 ul.flow01 {
  text-align: left;
}
#area05 ul.flow02 {
  text-align: right;
}

#area05 ul.flow02 li:before {
  content: "";
	position: absolute;
	top: 30%;
	left: -10%;
 	margin-top: -15px;
	border: 10px solid transparent;
	border-left: 15px solid #e7473b;
}

#area05 ul li img {
  width: 132px;
  margin-bottom: 16px;
}

#area05 ul li .title{
  font-size: 1.3em;
  font-weight: bold;
  color: #0086ac;
  text-align: center;
  line-height: 1.4;
}

#area05 ul li p{
  font-size: 1.2em;
  text-align: left;
  line-height: 1.4;
}

@media only screen and (max-width: 980px){
  #area05 ul.flow03 {
    max-width: 470px;
    width: 100%;
    margin: auto;
  }

  #area05 ul.flow03 li {
    position: relative;
    display: flex;
    width: 100%;
    text-align: left;
    clear: both;
    margin-bottom: 20px;
  }

  #area05 ul.flow03 li img {
    width: 110px;
    height: 110px;
  }

  #area05 ul.flow03 .text {
    margin-top: 20px;
    margin-left: 10px;
  }

  #area05 ul.flow03 li .title {
    text-align: left;
  }

  #area05 ul.flow03 li p {
    font-size: 1.0em;
    font-weight: bold;
  }
  #area05 ul.flow03 li:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-top: -15px;
    border: 10px solid transparent;
    border-top: 15px solid #e7473b;
  }
  #area05 ul.flow03 li:last-child:after {
    display: none;
  }
}

/*---------------------------------------------------------*/
#area06 {
	margin-bottom: 30px;
}

.voice_box label {
  position: relative;
  font-weight: bold;
  color: #333;
  background: #8acaff;
  font-size: 1.3em;
  line-height: 1.1;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0 auto;
  padding: 15px 50px 15px 20px;
  width: 100%;
  text-align: left;
  display: block;
}

.voice_box label:before {
  content: "";
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/icon_plus.png);
  background-size: cover;
  width: 30px;
  height: 30px;
  top: 25%;
  right: 10px;
}

.voice_box label.on:before {
  background-image: url(../img/icon_minus.png);
}

.voice_box input {
  display: none;
}

.voice_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}

.voice_box input:checked + .hidden_show {
  width: 940px;
  padding: 30px 16px;
  box-sizing: border-box;
  height: auto;
  opacity: 1;
  background: #fff;
}

.voice_box .hidden_show .col_left {
  float: left;
  width: 422px;
  padding: 0 15px;
}

.voice_box .hidden_show .col_right {
  float: right;
  width: 426px;
  padding: 0 15px;
}

.voice_box .hidden_show .voice_sub_ttl {
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
}

.voice_box .hidden_show p {
  font-size: 1.1em;
  line-height: 1.6;
  text-align: left;
}

.voice_box_h4{
    text-align: left;
    font-weight: bold;
    font-size:1.2em;
}



@media only screen and (max-width: 980px){
	.voice_box label {
    padding: 15px 45px 15px 10px;
	}
  .voice_box input:checked + .hidden_show {
    width: 100%;
    padding: 15px;
  }
  .voice_box .hidden_show .col_left {
    width: 100%;
    box-sizing: border-box;
  }
  .voice_box .hidden_show .col_right {
    width: 100%;
    box-sizing: border-box;
  }
}

/*---------------------------------------------------------*/
#area07 .achieve {
  margin-bottom: 30px;
}

#area07 .achieve .year {
  position: relative;
	max-width: 450px;
	width: 100%;
  font-size: 1.6em;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  background-color: #1e66a8;
  margin-bottom: 20px;
}

#area07 .achieve .year:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 10px solid transparent;
    border-top: 15px solid #1e66a8;
    display: block;
}

.achieve_box label {
  position: relative;
  font-weight: bold;
  color: #333;
  background: #8acaff;
  font-size: 1.2em;
  line-height: 1.1;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0 auto;
  padding: 15px 50px 15px 20px;
  width: 100%;
  text-align: left;
  display: block;
}

.achieve_box label span.large{
  font-size: 1.3em;
	margin: 0 5px;
}

.achieve_box label:before {
  content: "";
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/icon_plus.png);
  background-size: cover;
  width: 30px;
  height: 30px;
  top: 25%;
  right: 10px;
}

.achieve_box label.on:before {
  background-image: url(../img/icon_minus.png);
}

.achieve_box input {
  display: none;
}

.achieve_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}

.achieve_box input:checked + .hidden_show {
  width: 940px;
  padding: 30px 16px;
  box-sizing: border-box;
  height: auto;
  opacity: 1;
  background: #fff;
}

.achieve_box .hidden_show p {
  font-size: 1.1em;
  line-height: 1.6;
  text-align: left;
}

.achieve_box .hidden_show p span{
  font-weight: bold;
  color:#E5235F;    
}

.result_copy{   
  font-size: 1.2em;    
  font-weight: bold;
  padding-bottom:0.2em;
  margin-bottom: 0.4em;
  color:#1E748F;    
  border-bottom:1px solid #1E748F;  
}

/* #area07 .achieve p {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.6;
} */

#area07 .achieve p.post, #area07 .achieve p.caution {
  font-size: 1.0em;
  font-weight: normal;
}

/* #area07 .achieve .college {
  font-size: 1.3em;
  font-weight: bold;
  color: #0086ac;
  text-align: left;
} */

@media only screen and (max-width: 980px){
	#area07 .achieve .year {
    font-size: 1.4em;
	}
	/* #area07 .achieve p {
	  font-size: 1.1em;
	} */
	/* #area07 .achieve .college {
	  font-size: 1.2em;
	} */
	.achieve_box input:checked + .hidden_show {
    width: 100%;
    padding: 15px;
  }
}

/*---------------------------------------------------------*/
#area08 .sec-sub-ttl {
  font-size: 1.7em;
  font-weight: bold;
  color: #0086ac;
  margin-top: 30px;
  margin-bottom: 20px;
  line-height: 1.0;
}

.qa_box label {
  position: relative;
  font-weight: normal;
  color: #333;
  background: #8acaff;
  font-size: 1.4em;
  line-height: 1.2;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0 auto;
  padding: 15px 30px 15px 75px;
  width: 100%;
  text-align: left;
  display: block;
}

.qa_box label:before {
    content: "";
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/icon_question.png);
    background-size: cover;
    width: 30px;
    height: 30px;
    top: 25%;
    left: 10px;
}

.qa_box label:after {
    content: "";
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/icon_plus.png);
    background-size: cover;
    width: 30px;
    height: 30px;
    top: 25%;
    right: 10px;
}

.qa_box label.on:after {
  background-image: url(../img/icon_minus.png);
}

.qa_box input {
  display: none;
}

.qa_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  opacity: 0;
  transition: 0.5s;
}

.qa_box input:checked + .hidden_show {
  width: 940px;
  padding: 20px 20px 30px 50px;
  box-sizing: border-box;
  height: auto;
  opacity: 1;
  background: #fff;
}

.hidden_show:after {
  content: "";
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/icon_answer.png);
  background-size: cover;
  width: 30px;
  height: 30px;
	top: 15px;
	left: 10px;
}

.qa_box .hidden_show .voice_sub_ttl {
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
}

.qa_box .hidden_show p {
  font-size: 1.1em;
  line-height: 1.4;
  text-align: left;
}


.mt50{
 margin-top:50px;    
}

@media only screen and (max-width: 980px){
  .qa_box input:checked + .hidden_show {
    width: 100%;
    box-sizing: border-box;
  }
  .qa_box label {
    padding: 15px 50px 15px;
  }
}

/*---------------------------------------------------------*/
#area09 h3.sec-ttl {
  margin-top: 30px;
  margin-bottom: 30px;
}

#area09 p {
  font-size: 1.1em;
}

@media only screen and (max-width: 980px){

}

/*---------------------------------------------------------*/
#area10 div .btn_area {
  text-align: center;
  margin: 60px auto;
}
#area10 div .btn_area .btn:first-child {
	margin-bottom: 15px;
}

@media only screen and (max-width: 980px){
	#area10 div .btn_area {
    margin: 40px auto;
  }

  #area10 div .btn_area .btn:first-child {
    margin-bottom: 20px;
  }
}



#area11 .lead_txt{
    text-align: left;
    width: 70%;
    margin: auto;
}

.measure_container_a{
    width: 100%;
    margin-top: 20px;
}



.measure_container_a h4{
    color: #fff;
    background-color: #0086ac;
    font-size: 20px;
    font-weight: bold;
    
}


.measure_container_inner{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 20px 40px 25px;
}

.measure_container_inner .img_box{
}


.measure_container_inner dl{
    text-align:left;
    width: 100%;
}

.measure_container_inner dl dt{
    font-size: 18px;
    font-weight: bold;
    color: #0086ac; 
}


.measure_container_inner dl dd{
    color:#333;
    line-height: 1.8em;
    margin-bottom: 20px;
    text-align: justify;
}

.measure_container_inner dl dd span{
    font-weight: bold;
}


.measure_container_b{
    width: 100%;
    margin: 20px 0px;
    background-color: #f9ffe5;
}


.measure_container_b h4{
    color: #fff;
    background-color: #29c1df;
    font-size: 20px;
    font-weight: bold
}


.measure_container_b_inner{
    display: flex;
    justify-content: center;
    align-items: stretch; 
    align-self:stretch;
    padding: 20px 40px 25px;
}

.measure_container_b_conts{
    padding: 8px;
}

.measure_container_b_conts h5{
    font-size: 20px;
    font-weight: bold;
    color: #29c1df;
    border-left:3px solid #29c1df;
    text-align: left;
    padding-left: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.measure_container_b_conts h5 span{
    font-size: 12px;
}



.measure_container_b_conts p{
    text-align: justify;
    color: #333;
}

.measure_container_b_conts img{
    margin-top: 20px;
    width:60%;
}

.measure_container_b_conts h6{
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.measure_container_inner dl dd{
    color:#333;
    line-height: 1.8em;
    margin-bottom: 20px;
    
}


.area11_info{
    
}


.area11_subject_area{
    display: flex;
    justify-content: center;
    align-items: center
}


.area11_subject_area li{
    width:36%;
    background-color: #fff799;
    padding:2px;
    margin: 8px;
    color: #333;
    font-size: 17px;
    font-weight: bold;
    
}



@media only screen and (max-width: 980px){
#area11 .lead_txt{
    width: 90%;
}

.measure_container_a{
    margin-top: 10px;
}


.measure_container_a h4{
    color: #fff;
    background-color: #0086ac;
    font-size: 18px;
    font-weight: bold;
    line-height: 27px;
    padding: 6px 0px;
}


.measure_container_inner{
    display: flex;
    flex-direction: column;
    padding: 20px 40px 25px;
}

.measure_container_inner .img_box{
    width:70%;
    margin-bottom: 10px;
}


.measure_container_inner dl{
    text-align:left;
    width: 100%;
}

.measure_container_inner dl dt{
    font-size: 16px;
}


.measure_container_inner dl dd{
    line-height: 1.75em;
    margin-bottom: 14px;
}


.measure_container_b{
    width: 100%;
    margin: 20px 0px;
    background-color: #f9ffe5;
}


.measure_container_b h4{
    color: #fff;
    background-color: #29c1df;
    font-size: 20px;
    font-weight: bold
}


.measure_container_b_inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}

.measure_container_b_conts h5{
    font-size: 20px;
    font-weight: bold;
    color: #29c1df;
    border-left:3px solid #29c1df;
    text-align: left;
    padding-left: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.measure_container_b_conts h5 span{
    font-size: 12px;
}

.measure_container_b_conts{
    padding: 8px;
    margin:  10px;
}

.measure_container_b_conts p{
    text-align: left;
    color: #333;
}

.measure_container_b_conts h6{
    font-size: 16px;

}

.measure_container_inner dl dd{
    margin-bottom: 16px;
    
}


.area11_info{
    width: 100%;
    text-align: left;
    margin: auto;

}    
    
.area11_subject_area{
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 10px 0px;
}


.area11_subject_area li{
    width:80%;
    font-size: 16px;
    margin: 6px;
    padding:2px 8px;

}


}
    
    
    
    
    

