@charset "UTF-8";

/* --------------------------------
 * base
 * -------------------------------- */
html {
  font-size: 100.0%;
}
body {
  color:#333;
  font-family:"Hiragino Kaku Gothic ProN",  Meiryo,  sans-serif;
  line-height:20px;
}
a{
  color:#000;
}
a:link,
a:visited,
a:hover,
a:active{
  text-decoration:none; 
}
.sp{
  display:none!important;
}
li#top-img{
    margin: 4px 0 0;
}
a.blue{
  color:#00F!important;
  display:inline!important;
}
a.red{
  color:#F00!important;
  display:inline!important;
}
.top25{
  margin-top:25px!important;
}
.top50{
  margin-top:50px!important;
}

.bottom25{
  margin-bottom:25px!important;
}
.bottom50{
  margin-bottom:50px!important;
}
.clear{
  clear:both;
}
.bold{
  font-weight:800;
}
hr{
  width:70%;
  margin:0 auto;
  color:#ccc;
}


	
/* --------------------------------
 * main
 * -------------------------------- */
main{
  display:block;
  padding-top:60px;
  margin-top:30px;
  position:relative;
}
.head{
  position:relative;
}
.head-bottom-img{
  position:absolute;
  bottom:0;
}

/* --------------------------------
 * parts
 * -------------------------------- */
h2{
  font-size:2.0rem;
  line-height:2.7rem;
  margin:0 auto 50px;
  color:#a17d5e;
}
/* --------------------------------
 * service
 * -------------------------------- */
.service{
  text-align:center;
  padding:95px 0 75px;
  margin:0 auto;
  font-size:1.2rem;
  line-height:2.0rem;
  clear:both;
}
.service iframe{
  width:95%;
  margin:0 auto;
}
.service001,
.contact{
  padding:150px 0 75px;
  margin:-30px auto 0;
}
.service001 p,
.service002 p{
  width:90%;
  margin:0 auto;
}
.service001,
.service003,
.service006{
  background-color:#fcf5db;
}
.service img{
  margin:0 auto 50px;
  width:150px;
}
.service001 .tel-img{
  width:600px!important;
  margin:20px auto 0!important;
}
.service001 .time-img{
  width:80%!important;
  margin:50px auto 0!important;
}
.service .btn01 a{
  display:block;
  padding:1.2% 0 0.9%;
  color:#fff;
  text-align:center;
  border-radius:5px;
  font-size:1.2rem;
}
.service001 .btn01 a{
  padding:1.2% 0 0.9%;
  width:30%;
  margin:50px auto 0;
  background:#f39700;
  box-shadow:3px 3px 0 #c46600;  
}
.service002 .btn01 a,
.service003 .btn01 a{
  padding:3.2% 0 2.9%;
  width:80%;
  margin:20px auto 0;
  background:#f39700;
  box-shadow:3px 3px 0 #c46600;  
}
.service007 .btn01 a{
  padding:1.2% 0 0.9%;
  background:#d41f6b;
  width:25%;
  margin:50px auto 0;
  box-shadow: 3px 3px 0 #7a0101;
}
.service008 .btn01 a{
  padding:1.2% 0 0.9%;
  background:#00a0e8;
  width:25%;
  margin:50px auto 0;
  box-shadow: 3px 3px 0 #255ac0;
}
.three-columns .btn01 a{
  padding:2.7% 0 1.5%;
  width:80%;
  margin:50px auto 0;
  box-shadow:3px 3px 0 #c46600;  
}
.service .btn01 a:hover{
  color:#fff;
  background:#f37400;
  transition:all 0.5s ease 0s;
}
.service007 .btn01 a:hover{
  background:#880039;
}
.service008 .btn01 a:hover{
  background:#0082bc;
}
.service002 .three-columns,
.service002 .four-columns,
.service006 .three-columns{
  width:90%;
  margin:50px auto 0;
}
.service007 .three-columns,
.service008 .three-columns{
  width:33.333%;
  margin:80px auto 0;
}
.service002 .three-columns th,
.service006 .three-columns th{
  width:33.333%;
}
.service002 .four-columns th{
  width:25.0%;
}
.service002 .four-columns h3,
.service002 .three-columns h3,
.service006 .three-columns h3{
  display:inline-block;
  padding:10px 5% 5px;
  margin:0 0 30px;
  color:#fff;
  background-color:#00a0e8;
  border-radius:25px 25px 25px 0;
  box-shadow:3px 3px 0 #255ac0;
}
.service002 .four-columns h4{
  display:inline-block;
  padding:1.5% 5% 0.5%;
  margin:0 0 15px;
  font-size:1.1rem;
  font-weight:500;
  color:#fff;
  background-color:#f39700;
  border-radius:20px;
  box-shadow:3px 3px 0 #c46600;
}
.service002 .three-columns p,
.service002 .four-columns p,
.service006 .three-columns p,
.service008 .three-columns p{
  margin:0 auto;
  width:85%;
  text-align:justify;
}
.service007 .three-columns p:first-child,
.service008 .three-columns p:first-child{
  font-size:1.3rem;
  font-weight:900;
  border-bottom:1px solid #000;
  margin:0 auto 15px;
}
.service002 .three-columns td img,
.service002 .four-columns td img,
.service006 .three-columns td img,
.service008 .three-columns td img{
  margin:0 auto 30px;
  width:85%;
}
.service002 .title,
.service003 .title,
.service006 .title{
  width:90%;
  margin:30px auto 0;
}
.service002 .title h3,
.service003 .title h3,
.service006 .title h3{
  display:inline-block;
  font-size:1.3rem;
  color:#7bbbd4;
  border-bottom:1px solid #7bbbd4;
  padding:0 1%;
  margin:5px 0;
}
.service002 .aamt-title h3,
.service003 .aamt-title h3{
  color:#f85e9f;
  border-bottom:1px solid #f85e9f;
}
.service001 .service-box{
  width:80%;
  margin:0 auto;
}
.service002 .service-box,
.service003 .service-box{
  width:70%;
  margin:0 auto;
}
.service002 .service-box div,
.service003 .service-box div{
  display:inline-block;
  vertical-align:top;
  width:46.0%;
  padding:20px 0;
  margin:50px 1.66% 0;
}
.service003 .service-box .equipment{
  margin:0 1.66%;
}
.service003 .service-box .equipment p{
  text-align:center;
  margin:0 auto 10px;
  font-weight:900;
}
.service002 .service-box h3,
.service003 .service-box h3{
  width:65%;
  padding:10px 0 3px;
  margin:0 auto 15px;
  font-size:1.2rem;
  color:#fff;
  background:#f39700;
  box-shadow:3px 3px 0 #c46600;
  border-radius:25px 25px 25px 0;
}
.service002 .count,
.service003 .count{
  width:70%;
  margin:50px auto -35px;
}

.service004 .count{
  width:70%;
  margin:80px auto 30px;
}
.service002 .count th:first-child,
.service003 .count th:first-child{
  width:40%;
  border-radius:5px;
  padding:1.8% 0 1.3%;
  background-color:#00a0e8;
  color:#fff;
  font-weight:500;
  box-shadow:3px 3px 0 #255ac0;
}
.service004 .count th:first-child{
  width:40%;
  border-radius:5px;
  padding:1.8% 0 1.3%;
  color:#fff;
  font-weight:500;
}
.service004 .judo-title th:first-child{
  background-color:#00a0e8;
  box-shadow:3px 3px 0 #255ac0;
}
.service004 .aamt-title th:first-child{
  background-color:#d41f6b;
  box-shadow:3px 3px 0 #7a0101;
}
.service004 .all-title th:first-child{
  background-color:#3fac49;
  box-shadow:3px 3px 0 #00780b;
}
.service002 .fee,
.service003 .fee,
.service004 .fee{
  width:65%;
  border-radius:5px;
  overflow:hidden;
  margin:1% 0 0 20%;
  box-shadow:3px 3px 0 #c46600;
}
.service002 .lead-fee{
	box-shadow:none;
}
.service002 .fee th,
.service003 .fee th,
.service004 .fee th{
  font-size:1.3rem;
  color:#f39700;
}
.service002 .fee th,
.service002 .fee td,
.service004 .fee th,
.service004 .fee td{
  width:20%;
}
.service004 .fee td{
  border:3px solid #f39700;
  padding:2.0% 2.0% 1.5%;
  text-align:left;
}
.service002 .fee td,
.service003 .fee td{
  border:3px solid #f39700;
  padding:1.2% 0 0.5%;
}
.service002 .fee th:first-child,
.service003 .fee th:first-child,
.service004 .fee th:first-child{
  width:40%;
}
.service004 .fee td:first-child{
  width:10%;
  padding:2.0% 1.0% 1.5% 1.5%;
  background-color:#f39700;
  color:#fff;
}
.service002 .fee td:first-child{
  width:40%;
  background-color:#f39700;
  color:#fff;
}
.service002 .fee-aamt td:first-child,
.service003 .fee td:first-child{
  width:50%;
  background-color:#f39700;
  color:#fff;
}
.service002 .fee-aamt td,
.service003 .fee td{
  width:50%;
}
.service003 .service-box .title-1st h3{
  background-image:url('../images/1st.gif');
  background-size:20%;
  background-repeat:no-repeat;
  background-position:50% 55%;
  color:#f39700;
  text-shadow:0.5px 0.5px 0 #fff64b;
  background-color:rgba(0,0,0,0);
  box-shadow:none;
  border-radius:0;
}
.service003 .service-box .title-2nd h3{
  background-image:url('../images/2nd.gif');
  background-size:20%;
  background-repeat:no-repeat;
  background-position:50% 46%;
  color:#f39700;
  text-shadow:0.5px 0.5px 0 #fff64b;
  background-color:rgba(0,0,0,0);
  box-shadow:none;
  border-radius:0;
}
.service003 .service-box .title-3rd h3{
  background-image:url('../images/3rd.gif');
  background-size:20%;
  background-repeat:no-repeat;
  background-position:50% 46%;
  color:#f39700;
  text-shadow:0.5px 0.5px 0 #fff64b;
  background-color:rgba(0,0,0,0);
  box-shadow:none;
  border-radius:0;
}
.service002 .service-box div p,
.service003 .service-box div p{
  text-align:justify;
}
.service002 .service-box img,
.service003 .service-box img{
  margin: 0 auto 30px;
  width:95%;
}
.service004 .service-box{
   width:90%;
   margin:0 auto;
}
.service005{
  padding:95px 0 15px;
}
.service005 .service-box div{
  display:inline-block;
  vertical-align:top;
  width:46.0%;
  padding:20px 0;
  margin:50px 1.66% 0;
}
.service005 .service-box h3{
  padding:0 1%;
  margin:0 0 30px;
  font-size:1.3rem;
}
.service005 .service-box div p{
  text-align:left;
}
.service005 .service-box img{
  margin: 0 auto 30px;
  width:95%;
}
.service006 .c19{
  width:1000px;
  margin:50px auto;
  padding:50px 10px;
  border:7px groove #ffbd50;
  box-sizing:border-box;
}
.service006 .c19-bottom{
  margin:100px auto 50px;
}
.service006 .c19 h4{
  display:inline;
  border-bottom:3px solid #f39700;
  padding:0 2.5%;
  color:#f39700;
  font-size:1.3rem;
  font-weight:900;
}
.service006 ul{
  margin:20px 20% 0 22%;
  list-style:none;
}
.service006 ul li{
  text-align:left;
  margin:0 auto;
  list-style:none;
}
.service006 .movie{
  width:850px;
  margin:30px auto 100px;
}
.MCC_001 h3{
  text-align:left!important;
  margin:30px auto 0;
  width:90%;
  color:#268cc5;
}
.inline-left{
  text-align:left;
  width: 90%;
  margin: auto;
}
.inline-center{
  text-align:center;
  margin:50px auto 0;
}
.MCC_001 h4{
  background:linear-gradient(transparent 60%, #ffbf01 60%);
  display:inline-block;
  margin:5px auto 0;
}
.MCC_001 h5{
  background:linear-gradient(transparent 60%, #f85e9f4f 60%);
  display:inline-block;
  margin:5px auto 0;
}
.MCC_001 p{
  text-align:left!important;
  margin:0 auto;
  width:90%;
}
.MCC_001 .right-box{
  float: right;
  margin: 65px 6% 0 0;
  width: 50%;
}
.MCC_001 .bottom-box img{
  margin: 0 auto;
  width: 70%;
}
.MCC_001 .right-box img{
  margin: 0 auto;
  width: 90%;
}
.mcc-columns{
  margin:0 auto;
  width:90%;
}
.mcc-columns,
.mcc-columns tr,
.mcc-columns th,
.mcc-columns td{
  border: 1px #000 solid;
  padding:5px;
  margin:auto;
}
.mcc-columns th{
  color:#fff;
}
.mcc-columns td{
  text-align:left;
  width:16.66666%;
}
.mcc-columns .mcc-img{
  width:90%;
  margin: 0 auto;
}
.mcc-columns img{
  width:100%;
  margin:5px auto 0;
}
#bg-00a94d{
  background-color:#00a94d;
}
#bg-2e75b5{
  background-color:#2e75b5;
}
#bg-e97c37{
  background-color:#e97c37;
}
#bg-c5dcb7{
  background-color:#c5dcb7;
}
#bg-bcd7ee{
  background-color:#bcd7ee;
}
#bg-f7caa8{
  background-color:#f7caa8;
}
.bg-fee6e6{
  background-color:#fee6e6;
  vertical-align: middle;
}
.bg-e7e7ff{
  background-color:#e7e7ff;
  vertical-align: middle;
}
.mcc-columns h3{
  padding:25px 5px;
}
.mcc-columns h4{
  text-align:center;
}
.mcc-columns .btn01{
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 95%;
  color: #fff;
  background: #0267b0;
  box-shadow:#7bbbd4 2px -2px 1px;
  text-align:center;
}
.mcc-columns .btn01:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 20%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 15px solid #0267b0;
}

.mcc-columns .btn02{
  display: inline-block;
  margin: 1.5em 0 1.0em;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 95%;
  font-size:15px;
  text-align:center;
  border:2px #0267b0 solid;
  border-radius:40px;
}
.mcc-fee-columns{
  width:600px;
  margin:0 auto
}
.mcc-fee-columns tr{
  border-bottom:1px #000 solid;
  height:75px;
}
.mcc-fee-columns .text-left{
  text-align:left;
  padding:15px 0 10px 20px;
  vertical-align:middle;
}
.mcc-fee-columns .text-right{
  text-align:right;
  padding:15px 20px 10px 0;
  vertical-align:middle;
}
.mcc-fee-columns span{
  font-size:15px;
  line-height: 20px;
}
.MCC_003 #fee-title_0aa756,
.MCC_003 #fee-title_086ab1,
.MCC_003 #fee-title_e97f37{
  text-align: left;
  width: 600px;
  margin: auto;
  padding:0 0 0 30px;
}
.MCC_003 #fee-title_0aa756 h3{
  border-bottom: 2px #0aa756 solid;
  display: inline-block;
  padding: 0 5px;
  color:#0aa756;
  font-size: 24px;
}
.MCC_003 #fee-title_086ab1 h3{
  border-bottom: 2px #086ab1 solid;
  display: inline-block;
  margin:50px 0 0;
  padding: 0 5px;
  color:#086ab1;
  font-size: 24px;
}
.MCC_003 #fee-title_e97f37 h3{
  border-bottom: 2px #e97f37 solid;
  display: inline-block;
  margin:50px 0 0;
  padding: 0 5px;
  color:#e97f37;
  font-size: 24px;  
}
.MCC_003 #title_086ab1{
  text-align: left;
  width: 600px;
  margin: auto;
  padding:0 0 0 30px;
  margin: 50px auto 0;
}
.MCC_003 #title_086ab1 h3{
  display: inline-block;
  color:#086ab1;
  font-size: 24px;
}
#title_086ab1 .comment{
  margin-top:15px;
  font-size:15px;
  line-height: 20px;
}
.mcc_btn01 a{
  display:block;
  padding:1.2% 0 0.9%;
  color:#fff;
  text-align:center;
  border-radius:5px;
  font-size:1.2rem;
}
.mcc_btn01 a{
  padding:1.2% 0 0.9%;
  width:30%;
  margin:10px auto 30px;
  background:#f39700;
  box-shadow:3px 3px 0 #c46600;  
}
.mcc_btn01 a:hover{
  color:#fff;
  background:#f37400;
  transition:all 0.5s ease 0s;
}
.HPB_Banner-top img{
  width: 50% !important;
  margin: -50px auto 50px !important;
}
.HPB_Banner-bottom img{
  width: 50% !important;
  margin: 40px auto 0 !important;
}

/* --------------------------------
 * footer
 * -------------------------------- */
footer{
  width: 100%;
  padding:45px 0 15px;
  margin:0 auto;
  background:#fcf5db;
}
.footer-top{
  width:70%;
  margin:0 auto;
}
.footer-box{
  display:inline-block;
  vertical-align:top;
  width:27%;
  margin:50px 0 0 5%;
  line-height:30px;
}
.footer-box div{
  margin:0 auto 50px;
}
.footer-box p:first-child{
  font-weight:900;
  font-size:1.15rem;
  margin:0 0 0 -15px;
}
.footer-box img{
  border-radius:5px;
  width:80%;
  box-shadow:3px 3px 0 #255ac0;
}
.twitter-timeline{
	width:80%;
}
.footer-bottom{
  width:90%;
  margin:0 auto;
  border-top:1px solid #717071;
}
.footer-bottom p{
  text-align:center;
  margin:10px 0 0;
}


/* --------------------------------
 * smart phone
 * -------------------------------- */
@media (max-width: 1024px) {
  main {
    padding:0;
	margin:0;
  }
  body {
	width: 100%;
  }
  .horizontal-list {
    width: 100%;
  }
  .pc{
    display:none!important;
  }
  .sp{
    display:block!important;
  }
  .bottom25{
	margin:0 auto!important;
  }
  .top25-bottom50sp{
	margin:25px auto 50px!important;
  }
  .top25-bottom25sp{
	margin:25px auto!important;
  }
  .top25sp{
	margin:25px auto 0!important;
  }
  .top50sp{
	margin:50px auto 0!important;
  }
  .bottom25sp{
	margin:0 auto 25px!important;
  }
  .bottom50sp{
	margin:0 auto 50px!important;
  }
  .top-25sp{
	margin:-25px auto 0!important;
  }
  .top-40sp{
	margin:-40px auto 0!important;
  }
  hr{
	width:90%;
  }
}
@media (max-width: 765px) {
  body {
    width: 100%;
  }
  *, *::before, *::after {
	box-sizing: inherit;
  }

/* --------------------------------
 * main
 * -------------------------------- */

/* --------------------------------
 * parts
 * -------------------------------- */
  h2{
    font-size:1.25rem;
	line-height:1.7rem;
    margin:0 auto 20px;
	width:90%;
  }

/* --------------------------------
 * service
 * -------------------------------- */
  .service{
    padding:40px 0 25px;
    margin:-5px auto 5px;
  }
  .service iframe{
    width:90%;
    height:250px;
  }
  .service p{    
    width:90%;
    margin:0 auto;
	font-size:1.0rem;
	text-align:justify;
  }
  .service003 .service-box .equipment{
    margin:0 0 15px;
  }
  .service003 .service-box .equipment p{
    margin:15px auto 0;
  }
  .service img{
    margin:-15px auto 0;
    width:90px;
  }
  .service001 .tel-img{
    width:93%!important;
    margin:5px auto 0!important;
  }
  .service001 .time-img{
    width:90%!important;
    margin:5px auto 0!important;
  }

  .service001{
    padding:70px 0 25px;
  }
  .service .btn01 a{
    padding:2.7% 0 2.4%;
    width:80%;
    margin:10px auto 40px;
    font-size:1.0rem;
  }
  .service002 .service-box{
    width:100%;
    margin:35px auto 0;
    font-size:1.0rem;
  }
  .service002 .service-box div,
  .service003 .service-box div{
    width:100%;
    padding:0;
    margin:0;
  }
  .service002 .service-box h3,
  .service003 .service-box h3{
	width:80%;
    padding:5px 0 0;
    font-size:1.0rem;
  }
  .blue-banner .service-box h3{
	width:80%;
    padding:5px 0 0;
	margin:30px auto 20px;
    font-size:1.0rem;
	color:#fff;
    background-color:#00a0e8;
    border-radius:25px 25px 25px 0;
    box-shadow: 3px 3px 0 #255ac0;
  }
  .service002 .service-box p{
    margin:0 auto;
    width:90%;
  }
  .service007 .service-box .name,
  .service008 .service-box .name{
    font-size:1.1rem;
    margin:0 auto 5px;
	font-weight:900;
  }
  .service002 .service-box img,
  .service006 .service-box img{
    margin:0 auto 10px;
    width:70%;
  }
  .service002 .title{
    margin:15px auto 0;
  }
  .service002 .title h3,
  .service003 .title h3,
  .service006 .title h3{
    font-size:1.1rem;
    border-bottom:0px;
	margin:0 atuo;
  }
  .service002 .count,
  .service003 .count{
    width:95%;
    margin:50px auto 5px;
  }
  .service004 .count{
    width:100%;
    margin:50px 0 0 -3%;
  }
  .service002 .count th:first-child,
  .service003 .count th:first-child{
    width:100%;
    padding:2.5% 0 0.5%;
    font-size:0.85rem;
	line-height:1.1rem;
    box-shadow:2px 3px 0 #255ac0;
  }
  .service004 .count th:first-child{
    width:70%;
    padding:2.5% 0 0.5%;
    font-size:1.0rem;
  }
  .service004 .judo-title th:first-child{
    box-shadow:2px 3px 0 #255ac0;
  }
  .service004 .aamt-title th:first-child{
    box-shadow:2px 3px 0 #7a0101;
  }
  .service004 .all-title th:first-child{
    box-shadow:2px 3px 0 #00780b;
  }
  .service002 .fee{
    width:90%;
    margin:3% 4% 0 6%;
  }
  .service003 .fee{
    width:90%;
    margin:3% 4% 0 6%;
	box-shadow:2px 3px 0 #c46600;
  }
  .service004 .fee{
    width:100%;
    margin:3% auto 0;
	box-shadow:2px 3px 0 #c46600;
	font-size:0.9rem;
  }
  .service002 .fee th,
  .service003 .fee th,
  .service004 .fee th{
    font-size:1.0rem;
  }
  .service002 .fee td,
  .service003 .fee td{
    padding:1.0% 0 0.3%;
	font-size:0.9rem;
  }
  .service002 .fee-aamt td:first-child,
　.service003 .fee td:first-child{
	width:50%!important;
  }
  .service002 .fee th:first-child,
  .service002 .fee td:first-child,
  .service003 .fee th:first-child,
  .service004 .fee th:first-child{
    width:25%;
  }
  .service003 .service-box{
    width:100%;
  }
  .service003 .service-box .title-1st h3{
    background-size:21%;
    background-position:50% -1px;
    padding:22px 0 10px;
	margin:0 auto;
  }
  .service003 .service-box .title-2nd h3,
  .service003 .service-box .title-3rd h3{
    background-size:25%;
    background-position:50% -1px;
    padding:22px 0 10px;
    padding:22px 0 10px;
	margin:0 auto;
  }  
  .service003 .service-box img{
    margin:0 auto 5px;
	width:70%;
  }

  .service002 .btn01 a,
  .service003 .btn01 a{
    margin:10px auto 25px;
  }
  .service007 .btn01 a,
  .service008 .btn01 a{
    margin:25px auto 50px;
  }
  .service004 .service-box{
     width:90%;
  }
  .service005 .service-box div{
    display:block;
    width:100%;
    padding:0;
    margin:0 auto;
  }
  .service005 .service-box img{
    margin: 0 auto 10px;
  }
  .service006 .c19{
    width:95%;
    margin:5px auto;
    padding:15px;
  }
  .service .c19-bottom{
	margin:50px auto 10px;
  }
  .service006 .c19 h4{
    border-bottom:2px solid #f39700;
    padding:0;
    font-size:1.0rem;
  }
  .service006 ul{
    margin:20px 0 0;
    font-size:1.0rem;
  }
  .service006 .movie{
    width:80%;
    margin:25px auto 0;
  }
  .MCC_001 h2{
	width:95%;
  }
  .MCC_001 h3{
	margin:10px auto 0;
	font-size: 1.1rem;
  }
  .inline-center{
    margin: 20px auto 0;
    font-size: 1.0rem;
  }
  .MCC_001 h4{
    margin:0 auto 0;
    font-size: 1.0rem;
    line-height: 20px;
  }
  .mcc-columns .mcc-img img{
    width: 100%;
    margin: 0 auto;
  }
  .mcc-columns h3{
    padding: 10px 5px;
    font-size: 1.0em;
}
  .mcc-columns h4{
    font-size: 1.0rem;
    line-height: 25px;
    padding: 5px 0;
  }
  .mcc-columns p{
    width:95%;
  }
  .mcc-columns .btn01{
    display: block;
    margin: 1.0em auto;
    max-width: 250px;
  }
  .mcc-columns .btn01:before {
    top: 98%;
  }

  .mcc-columns .btn02{
    display: block;
    margin: 1.0em auto 0.5em;
	padding:2px;
    max-width: 250px;
  }
  .mcc-fee-columns{
    width:300px;
  }
  .mcc-fee-columns tr{
    height:55px;
  }
  .mcc-fee-columns td{
    width:50%;
  }
  .mcc-fee-columns .text-left{
    padding:0 0 0 5px;
  }
  .mcc-fee-columns .text-right{
    padding:0 5px 0 0;
  }
  .mcc-fee-columns .text-left p{
    text-align:left;
    line-height: 20px;
  }
  .mcc-fee-columns .text-right p{
    text-align:right;
    line-height: 20px;
  }
  .mcc-fee-columns span{
    font-size:12px;
    line-height:15px;
  }
  .MCC_003 #fee-title_0aa756,
  .MCC_003 #fee-title_086ab1,
  .MCC_003 #fee-title_e97f37{
    width: 300px;
    padding:0;
  }
  .MCC_003 h3{
    font-size: 17px!important;
  }
  .MCC_003 #title_086ab1{
    width:90%;
    padding:0;
    margin: 20px auto 0;
  }
  #title_086ab1 .comment{
    margin-top:15px;
    font-size:12px;
    line-height: 15px;
  }
  .MCC_003 p{
    width:100%;
  }
  .mcc_btn01 a{
    padding:2.7% 0 2.4%;
    width:80%;
    margin:10px auto 40px;
    font-size:1.0rem;
  }
  .HPB_Banner-top img{
    width: 80% !important;
    margin: -20px auto 30px !important;
  }
  .HPB_Banner-bottom img{
    width: 80% !important;
    margin: 30px auto 10px !important;
  }

  
/* --------------------------------
 * footer
 * -------------------------------- */
  footer{
    padding:40px 0 15px;
	margin:0 auto;
    text-align:center;
  }
  .footer-top{
	width:100%;
  }
  .footer-box{
    display:inline;
    width:100%;
    margin:0;
  }
  .footer-box div{
    margin:0 auto 15px;
	width:85%;
    font-size:0.95rem;
    line-height:1.7rem;
  }
  .footer-box p:first-child{
    font-size:1.0rem;
    margin:0 0 0 -5px;
  }
  .footer-box p{
    text-align:left;
  }
  .footer-box img{
     margin:10px 0 0;
     width:80%;
  }
  .twitter-timeline{
	width:100%!important;
	height:300px!important;
    text-align:center!important;
  }
  .footer-bottom p{
    font-size:0.8rem;
  }


  
/* --------------------------------
 * button
 * -------------------------------- */
  .btn01 a,
  .btn03 a{
    padding:2%;
    background:#e58d4a;
    width:46%;
    margin:20px auto 0;
    font-size:1.05rem;
  }
  .contact .btn01 a{
    padding:2%;
    background:#e58d4a;
    width:46%;
    margin:0 auto;
    font-size:1.05rem;
  }
  .btn01 a:hover,
  .btn02 a:hover,
  .btn03 a:hover{
    background:#d65d00;
  }
}