/*====================================
Responsive
=====================================*/
@media only screen and (max-width: 1200px) {
  .section08-box01 img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1120px) {
  .header-top {
    font-size: 1.6em; 
  }
  .header-content-left {
    width: 60%;
  }
  .header-content-right {
    width: 40%;
    float: right;
  }
  .header-content-right img {
    max-width: 100%;
  }
  .header-content-left {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 1000px) {
  .container {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
  .content {
    width: 100%;
    margin: 0;
  }
  .header-top-txt {
  	top: 8px;
  }
  .header-top img {
  	min-height: 65px;
  }
  .header-bottom {
    margin-top: 20px;
  }
  .header-bottom-icon {
    left: 0;
    margin-bottom: -30px;
    max-width: 40%;
  }
  .header-bottom-txt {
    left: 40%;
    max-width: 60%;
    margin-bottom: 5px;
  }
  .section04-box02 ul li {
    width: calc(48% - 2px);
    padding-bottom: 10px;
  }
  .section04-box02 ul li:last-child {
    margin-left: 2%;
  }
  .section04-box02 ul li:first-child {
    margin-right: 2%;
  }
  .section04-box03 .box3-content-img {
    width: 60%;
  }
  .section04-box03 .box3-content a {
    width: 40%;
  }
  .section05-title {
    background: transparent;
  }
   .section05-title .container {
  	width: 100%;
  	margin-left: 0;
  	margin-right: 0;
  }  
  .section05-title h2 {
  	background-size: 100%;
  }
  .section08-box03 ul li:nth-child(1) .box-txt {
    padding-left: 10px;
  }
  .section08-box03 ul li:nth-child(2) .box-txt {
    padding-right: 10px;
  }
  .section08-box03 ul li:nth-child(3) .box-txt {
    padding-left: 10px;
  }
  .section10-title h2 {
    background: rgba(0, 0, 0, 0) url("../images/section10_bg.png") repeat scroll right top;
  }
  .section05-title-icon {
    max-width: 200px;
    top: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .mw50 {
    max-width: 50%;
  }
  .header-top {
	    font-size: 1.4em; 
	}
  .header-top img {
  	min-height: 55px;
  }
  .header-bottom-title {
    max-width: 120px;
  }
  .section01 {
    padding: 20px 0 20px;
  }
  .section01 ul li:first-child {
    margin-left: 0;
  }
  .section01 ul li {
    margin: 0 2%;
    width: 29%;
  }
  .section01 ul li a {
    width: 80%;
  }
  .section01 ul.section01-items-02 {
    margin-top: 20px;
  }
  .secitiong02-arrow img {
    max-width: 50%;
  }
  .section04 {
    padding: 20px 0 20px;
  }
  .section04-box01 {
    margin: 20px 0;
    padding: 15px;
  }
  .section04-box04 {
    margin-top: 25px;
    padding: 20px 0;
    display: inline-block;
    width: 100%;
  }
  .section04-box04-left {
    display: inline-block;
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .section04-box04-right {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  .section04-box04 h3 {
    font-size: 1.8em;
    padding: 0 15px;
  }
  .section04-box04 ul {
  	padding: 0 15px;
  }
  .section04-box04 ul li {
    font-size: 1.4em;
  }
  .section04-box03 p {
    font-size: 1.4em;
  }
  .section05-title {
  	height: auto;
  }
  .section05-title h2 img {	    
	    max-width: 120px;
	}
 
  .section05-title-icon {
    top: 20px;
	width: 80px;
  }
  .section05-box01 {
    padding-bottom: 30px;
  }
  .section05-box01-content {
    margin-top: 30px;
  }
  .section05 h3 {
    margin-top: 0;
  }
  .section05-box01 p {
    font-size: 1.6em;
    margin: 20px 0;
    padding-left: 0;
  }
  .section05-box02 {
    padding-top: 20px;
  }
  .section05-box02 p {
    font-size: 1.6em;
    margin: 20px 0;
    padding-left: 0;
  }
  .section05-box03 {
    padding-bottom: 30px;
    padding-top: 20px;
  }
  .section05-box03 ul {
    margin-top: 30px;
  }

  .section06 {
    background: #ffffff none repeat scroll 0 0;
    padding: 20px 0;
  }
  .section08-box01 {
    padding-top: 20px;
  }  
  .section08-box02-arrow {
    max-width: 50%;
  }
  .section08-bottom {
    margin-top: -35px;
  }
  .section08-box02 {
    padding-top: 30px;
  }
  .section08-box03-img {
    margin-top: 0px;
  }
  .section08-box03 ul li .box-txt {
    font-size: 1.4em;
  }
  .section08-box03 ul li {
    margin-bottom: 20px;
  }
  .section10 {
    padding-bottom: 30px;
  }
  .section10-title h2 {
    height: 80px;
  }
  .section10-title h2 img {
    padding-top: 20px;
  }
  .section10 h3::before {    
    content: "";
    height: 37px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;
    background-size: 100% ;
    background-repeat: no-repeat;
  }
  .section10 h3 {
    font-size: 1.8em;
    margin-top: 30px;
    padding-left: 35px;
    padding-top: 3px;
  }
  .section10 p::before {
    background-size: 100% ;
    background-repeat: no-repeat;
    content: "";
    height: 37px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;
  }
  .section10 p {
    font-size: 1.8em;
    padding-left: 35px;
    padding-top: 3px;
  }
  .section11 {
    padding: 30px 0;
  }
  .section11 .box {
    border-left: 5px solid #b5a675;
    border-right: 5px solid #b5a675;
    margin-top: 20px;
    padding: 10px;
  }
  .section11 .box p {
    padding-bottom: 20px;
  }
  .section11 p {
    font-size: 2em;
  }
  .footer {
    border-bottom: 10px solid #ffffff;
  }
  .footer-top {
    font-size: 1.8em;
    padding: 15px;
  }
  .footer-bottom {
    padding: 8px 8px 6px;
  }
  .footer-bottom a {
    font-size: 1.6em;
  }
}