@charset "UTF-8";
/* top 
-------------------------------------------------------- */

@media print, screen and (min-width: 1025px){

/*　企業情報　*/
/*--------------------------------------------------------*/


#sec051{
	background-color: #ecc79e;
}

a.anchor{
	display: block;
	padding-top: 110px;
	margin-top: -110px;
}

#aboutus{
	padding:50px;
}

#aboutus .indexBox{
	position: relative;
	max-width: 1200px;
	height:600px;
	margin:0 auto;
	display:flex;
	display: -webkit-flex;
}

#aboutus .indexBox .inner{
	height:600px;
	width: 100%;
}

#aboutus .indexBox .leftBox {
	background: url("../img/aboutus_left.jpg") no-repeat top center;
	background-size: cover;
}

#aboutus .indexBox .rightBox {
	background: url("../img/aboutus_right.jpg") no-repeat top right;
	background-size: cover;
}

#aboutus .indexBox .infoBox{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 420px;
	height:420px;
	padding:40px;
	background-color: rgba( 97,62,34,0.8);
	z-index: 5;
}

#aboutus .indexBox .infoBox h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:40px;
	font-weight:700;
	line-height:1.0em;
	color:#FFF;
	letter-spacing:0px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align:center;
	margin-bottom:28px;
}

#aboutus .indexBox .infoBox h3{
	font-family: "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
	font-size:19px;
	font-weight:bold;
	color:#FFF;
	line-height:1.8em;
	letter-spacing:1.0px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align:center;
	margin-bottom:28px;
}

#aboutus .indexBox .infoBox p.txt{
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	line-height:1.8em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	margin-bottom:0px;
}

#aboutus .indexBox .infoBox .inner_bt{
	width:200px;
	margin:0 auto;
}

#aboutus .indexBox .infoBox .inner_bt a{
	display:block;
	padding:13px 0;
	font-size:15px;
	font-weight:normal;
	line-height:1.0em;
	letter-spacing:2.0px;
	text-decoration:none;
	text-align:center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background:#ff9933;
	color:#FFF;
}

#aboutus .indexBox .infoBox .inner_bt a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}



/*　製品情報　*/
/*--------------------------------------------------------*/

#products{
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

#products .indexBox{
	position: relative;
	max-width: 1200px;
	margin:0 auto;
	height:600px;
	display:flex;
	display: -webkit-flex;
}

#products  .indexBox .inner{
	width: 100%;
	height:600px;
}

#products .indexBox .leftBox {
	background: url("../img/products.jpg") no-repeat top center;
	background-size: cover;
}
#products .indexBox .rightBox {
	background: #ebca9b;
	background-size: cover;
}

#products .indexBox .inner .infoBox{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width:370px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

#products .indexBox .inner .infoBox .infoBox_inner{
}

#products .indexBox .inner .infoBox .infoBox_inner h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:40px;
	font-weight:700;
	line-height:1.0em;
	color:#FFF;
	letter-spacing:0px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align:center;
	margin-bottom:28px;
}

#products .indexBox .inner .infoBox .infoBox_inner h3{
	font-family: "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#333;
	line-height:1.8em;
	letter-spacing:1.0px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align:center;
	margin-bottom:28px;
}

#products .indexBox .inner .infoBox .infoBox_inner p.txt{
	font-size:15px;
	font-weight:normal;
	color:#000;
	line-height:1.9em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	margin-bottom:30px;
}

#products .indexBox .inner .infoBox .infoBox_inner .inner_bt{
	width:220px;
	margin:0 auto;
}

#products .indexBox .inner .infoBox .infoBox_inner .inner_bt a{
	display:block;
	padding:13px 0;
	font-size:15px;
	font-weight:normal;
	line-height:1.0em;
	letter-spacing:2.0px;
	text-decoration:none;
	text-align:center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border:1px solid #CC9E00;
	background:#FDFF56;
	color:#444;
}

#products .indexBox .inner .infoBox .infoBox_inner .inner_bt a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

}


/*--- mailform ---- */

.mailtitel {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 20px;
  color:#103275;
}

.mail .heading {
  overflow: hidden;
  align-items: center;
  background: #0099cc;
  color: #fff;
  height: 40px;
  line-height: 40px;
  display: flex;
}
.mail .heading:before,
.mail .heading:after {
  content: "";
  flex: 1;
  background: #fff;
  padding: 3px 0;
  height: 0;
  transform: rotate(45deg);
  }
  
  /*--- mailform ---- */

.mt1 .heading {
  overflow: hidden;
  position: relative;
  padding-bottom: 10px;
}
.mt1 .heading span{
	padding: 8px;
}
.mt1 .heading span2{
	color: #F60;
	font-size: 32px;
}
.mt1 .heading:before {
  content: "";
  border-bottom: 3px solid #04609b;
  bottom: 0;
  height: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.mt1 .heading:after {
	border-bottom: 3px solid #d9d9d9;
	bottom: 0;
	content: "";
	position: absolute;
	width: 90%;
	z-index: 1;
} 



/*----------------------------------------------------
	#pagetop
----------------------------------------------------*/
#pagetop {
	position: fixed;
	z-index: 9999;
	right: 10px;
	bottom: 10px;
}

imgover {
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
}
.imgover:hover {
    filter:Alpha(opacity=70); /* 旧IE */
    opacity: 0.7;
}

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

#pagetop {
	bottom: 60px;
}

}

/*===============================================
●smartphone.css 画面の横幅が1024px以下
===============================================*/
@media screen and (max-width:1024px){




/*　企業情報　*/
/*--------------------------------------------------------*/

#aboutus{
}

#aboutus .indexBox{
	position: relative;
	height: 70vh;
	display:flex;
	display: -webkit-flex;
}

/*  スマホ　縦向き　の場合　*/

@media (orientation: landscape ){
#aboutus .indexBox{
	position: relative;
	height: 100vh;
	display:flex;
	display: -webkit-flex;
}
}

#aboutus .inner {
	width: 100%;
}

#aboutus .leftBox {
	background: url(../img/aboutus_left.jpg) no-repeat top center;
	background-size: cover;
}

#aboutus .rightBox {
	background: url(../img/aboutus_right.jpg) no-repeat top right;
	background-size: cover;
}

#aboutus .infoBox{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 100%;
	background-color: rgba( 97,62,34,0.8 );
	z-index: 5;
}

#aboutus .infoBox .infoBox_inner{
	margin:0 auto;
	max-width:400px;
	padding:40px 25px;
}

/*  スマホ　横向き　の場合　*/

@media (orientation: landscape ){
#aboutus .infoBox .infoBox_inner{
	padding:20px 50px;
}
}

#aboutus .infoBox h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:34px;
	font-weight:700;
	line-height:1.0em;
	letter-spacing:0px;
	color:#FFF;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align:center;
	margin-bottom:22px;
}

#aboutus .infoBox h3{
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	line-height:1.8em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align:center;
	margin-bottom:22px;
}

#aboutus .infoBox p.txt{
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	line-height:1.8em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

#aboutus .infoBox .inner_bt{
	width:200px;
	margin:30px auto 0;
}

#aboutus .infoBox .inner_bt a{
	display:block;
	padding:13px 0;
	font-size:13px;
	font-weight:normal;
	line-height:1.0em;
	letter-spacing:2.0px;
	text-decoration:none;
	text-align:center;
	border:1px solid #FFF;
	background:#ff9933;
	color:#FFF;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#aboutus .infoBox .inner_bt a:hover{
	border:none;
	text-decoration:none;
	border:1px solid #FFF;
	background:rgba( 105,102,102,0.8 );
	color:#FFF;
}



/*  製品情報　*/
/*--------------------------------------------------------*/

#products{
}

#products .indexBox{
	margin-top: 10px;	
}

#products .inner {
}

#products .leftBox {
	width:auto;
	height:320px;
	background: url(../img/products_sp.jpg) no-repeat top center;
	background-size:cover;
}

#products .rightBox {
	background: #ebca9b;
}

#products .infoBox{
	margin:0 auto;
	max-width:400px;
	padding:40px 25px;
}

/*  スマホ　横向き　の場合　*/

@media (orientation: landscape ){
#products .infoBox{
	margin:0 auto;
	max-width:500px;
	padding:40px 25px;
}
}

#products .infoBox .infoBox_inner{
}

#products .infoBox h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:34px;
	font-weight:700;
	line-height:1.0em;
	letter-spacing:0px;
	color:#FFF;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align:center;
	margin-bottom:22px;
}

#products .infoBox h3{
	font-size:15px;
	font-weight:bold;
	color:#333;
	line-height:1.8em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	text-align:center;
	margin-bottom:22px;
}

#products .infoBox p.txt{
	font-size:13px;
	font-weight:normal;
	color:#000;
	line-height:1.8em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

#products .infoBox .inner_bt{
	width:200px;
	margin:30px auto 0;
}

#products .infoBox .inner_bt a{
	display:block;
	padding:13px 0;
	font-size:13px;
	font-weight:normal;
	line-height:1.0em;
	letter-spacing:2.0px;
	text-decoration:none;
	text-align:center;
	border:1px solid #CC9E00;
	background:#FDFF56;
	color:#444;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#products .infoBox .inner_bt a:hover{
	border:none;
	text-decoration:none;
	border:1px solid #76a35d;
	background:#86b061;
	color:#fff;
}

}

.tpoint {
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 80px;
	padding-top: 50px;
}

.nomal-text {
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 1px;
	color: #000;
}


.nomal-text2 {
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 1px;
	text-align: center;
}

.nomal-text3 {
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 1px;
	color: #FFF;
}

.pad_bottom10  {
	padding-bottom: 10px;
  } 


.mar_bottom10  {
	margin-bottom: 10px;
  } 
.mar_bottom20  {
	margin-bottom: 20px;
  }
.mar_bottom30  {
	margin-bottom: 30px;
  }  
.mar_bottom40  {
	margin-bottom: 40px;
  }     
.mar_bottom50  {
	margin-bottom: 50px;
  } 

.icon {
	position: relative;
	top: 5px;
	right: 5px;
}


.fade_img {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}

.fade_img:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=30);  
} 


/*下からフェードイン*/
.fade-in-bottom {
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 1.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

.fade-in-bottom1 {
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 1.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(40px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

.fade-in-bottom2 {
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 1.8s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}



[class^="icon"] {
 width: 25px;
  height: 25px; 
  position: relative;
  top: 1px;
  margin-right: 0px;
  fill: #fff;
}
 

.mida9 .heading {
	background: #6b534c;
	border-radius: 0px 0px 0 0;
	color: #fff;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 18px;
	margin-left: 0px;
	letter-spacing: 1px;
	margin-top: 0px;
	text-align: center;
}

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

.mida9 .heading {
	background: #6b534c;
	border-radius: 0px 0px 0 0;
	color: #fff;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 16px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
}	

}	

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

.mida9 .heading {
	background: #6b534c;
	border-radius: 0px 0px 0 0;
	color: #fff;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 14px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
}
	
	

}	



/* カラム2 */

    
  .btn-list__item {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    @media screen and (min-width: 600px) {
      .btn-list__item {
        float: left;
        width: 49%;
        margin-top: 20px;
        margin-right: 2%; }
        .btn-list__item:nth-child(1), .btn-list__item:nth-child(2) {
          margin-top: 0; }
        .btn-list__item:nth-child(2n) {
          margin-right: 0; } }
  @media screen and (min-width: 600px) and (max-width: 767px) {
    .btn-list__item {
      margin-top: 2%; } }

    @media screen and (max-width: 599px) {
      .btn-list__item {
        margin-bottom: 10px; }
        .btn-list__item:last-child {
          margin-bottom: 0; } }



img {
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}



.foot-inq-top {
  background-color: #FFFFFF;
}

/* =====================================================

TOP mainimg

===================================================== */
.sec-mainimg .mainimg-wrap {
	background-color: #cca97b;
	background-image: url(../img/bg_up2.png);
	background-repeat: repeat-x;
	background-position: top;
}

.sec-mainimg .mainimg-wrap-inner {
	max-width: 1220px;
	width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

.sec-mainimg .mainimg-wrap .ai02 {
  position: absolute;
  top: 465px;
  left: 0;
}

.sec-mainimg .mainimg-wrap .img-item {
  padding: 2.8% 0 2% 0;
}

@media screen and (max-width: 959px) {
  .sec-mainimg .mainimg-wrap .img-item {
    padding: 2.8% 0 7% 0;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .sec-mainimg .mainimg-wrap .img-item {
    padding: 5.0% 0 9% 0;
  }
}

.sec-mainimg .mainimg-wrap .img-item-pic {
  max-width: 1090px;
  width: 57.9%;
  float: right;
}

@media screen and (max-width: 959px) {
  .sec-mainimg .mainimg-wrap .img-item-pic {
    max-width: 600px;
    width: 90%;
    float: none;
    margin: 0 auto;
  }
}

.sec-mainimg .mainimg-wrap .img-item-pic img {
  width: 100%;
  float: right;
}

.sec-mainimg .mainimg-wrap .img-item-cap {
  max-width: 520px;
  width: 42.1%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0 0 10px;
  float: left;
}

@media screen and (max-width: 959px) {
  .sec-mainimg .mainimg-wrap .img-item-cap {
    float: none;
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 20px 0 20px;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .sec-mainimg .mainimg-wrap .img-item-cap {
    padding: 10px 0 0 0;
  }
}

.sec-mainimg .mainimg-wrap .img-item-cap-title {
  font-size: 3.5rem;
  color: #fff;
  padding: 0 0 21px 0;
  text-align: left;
}

@media screen and (max-width: 1130px) {
  .sec-mainimg .mainimg-wrap .img-item-cap-title {
    font-size: 3.2rem;
    color: #fff;
  padding: 0 0 21px 0;
  text-align: left;
  }
}

@media screen and (max-width: 1110px) {
  .sec-mainimg .mainimg-wrap .img-item-cap-title {
    font-size: 3.0rem;
    color: #fff;
  padding: 0 0 21px 0;
  text-align: left;
  }
}

@media screen and (max-width: 959px) {
  .sec-mainimg .mainimg-wrap .img-item-cap-title {
    font-size: 3.0rem;
    text-align: center;
    padding: 0 0 20px 0;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .sec-mainimg .mainimg-wrap .img-item-cap-title {
    font-size: 6.0vw;
    padding: 0 0 6% 0;
  }
}

.sec-mainimg .mainimg-wrap .img-item-cap-txt {
	padding: 0 0 0 8px;
	color: #261508;
	font-size: 1.8rem;
	letter-spacing: 3px;
}
@media screen and (max-width: 995px) {
 .sec-mainimg .mainimg-wrap .img-item-cap-txt {
    padding: 0 0 0 8px;
	color: #261508;
	font-size: 1.6rem;
	letter-spacing: 3px;
  }
}

@media screen and (max-width: 959px) {
  .sec-mainimg .mainimg-wrap {
    text-align: center;
  }
}

@media screen and (max-width: 959px) {
  .img-item-cap-txt {
    text-align: left;
	color: #261508;
  }
}


@media screen and (max-width: 959px) and (max-width: 599px) {
  .sec-mainimg .mainimg-wrap .img-item-cap-txt {
    font-size: 1.4rem;
    padding: 0 4.5% 0 4.5%;
    text-align: left;
	color: #261508;
  }
}


.top-sec01-wrap {
	max-width: 1220px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 45px;
	padding-left: 10px;
}

@media screen and (max-width: 959px) {
  .top-sec01-wrap {
    padding: 30px 20px 35px 20px;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .top-sec01-wrap {
    padding: 25px 0 15px 0;
  }
}

.top-sec01-wrap .box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -1.6%;
  padding: 35px 0 0 0;
}

@media screen and (max-width: 599px) {
  .top-sec01-wrap .box {
    margin-left: 0;
    padding: 25px 0 0 0;
  }
}

@media screen and (max-width: 599px) {
  .top-sec01-wrap .box-item:nth-of-type(1) {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
  }
}

.top-sec01-wrap .box-item {
  width: 18.5%;
  margin-left: 1.5%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 599px) {
  .top-sec01-wrap .box-item {
    width: 100%;
    float: none;
    margin-left: 0;
    font-size: 0;
    border-bottom: 1px solid #DDD;
  }
}

.top-sec01-wrap .box-item .number01,
.top-sec01-wrap .box-item .number02,
.top-sec01-wrap .box-item .number03,
.top-sec01-wrap .box-item .number04,
.top-sec01-wrap .box-item .number05 {
  width: 100%;
  font-size: 2.6rem;
  line-height: 1.2;
  color: #FFF;
  padding: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
  .top-sec01-wrap .box-item .number01,
  .top-sec01-wrap .box-item .number02,
  .top-sec01-wrap .box-item .number03,
  .top-sec01-wrap .box-item .number04,
  .top-sec01-wrap .box-item .number05 {
    padding: 12px;
    font-size: 2.0rem;
  }
}

@media screen and (max-width: 1200px) and (max-width: 959px) {
  .top-sec01-wrap .box-item .number01,
  .top-sec01-wrap .box-item .number02,
  .top-sec01-wrap .box-item .number03,
  .top-sec01-wrap .box-item .number04,
  .top-sec01-wrap .box-item .number05 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 1200px) and (max-width: 959px) and (max-width: 599px) {
  .top-sec01-wrap .box-item .number01,
  .top-sec01-wrap .box-item .number02,
  .top-sec01-wrap .box-item .number03,
  .top-sec01-wrap .box-item .number04,
  .top-sec01-wrap .box-item .number05 {
    padding: 16px 10px 16px 10px;
    width: 40%;
    height: 100%;
    font-size: 1.2rem;
    float: left;
  }
}

.top-sec01-wrap .box-item .number01 {
  background: #ecc096 url(../img/po_no01.png) no-repeat right 0px;
}

@media screen and (max-width: 1200px) {
  .top-sec01-wrap .box-item .number01 {
    background-size: 35% auto;
  }
}

@media screen and (max-width: 1200px) and (max-width: 599px) {
  .top-sec01-wrap .box-item .number01 {
    background-size: 25% auto;
  }
}

.top-sec01-wrap .box-item .number02 {
  background: #ecc096 url(../img/po_no02.png) no-repeat right 0px;
}

@media screen and (max-width: 1200px) {
  .top-sec01-wrap .box-item .number02 {
    background-size: 35% auto;
  }
}

@media screen and (max-width: 1200px) and (max-width: 599px) {
  .top-sec01-wrap .box-item .number02 {
    background-size: 25% auto;
  }
}

.top-sec01-wrap .box-item .number03 {
  background: #ecc096 url(../img/po_no03.png) no-repeat right 0px;
}

@media screen and (max-width: 1200px) {
  .top-sec01-wrap .box-item .number03 {
    background-size: 35% auto;
  }
}

@media screen and (max-width: 1200px) and (max-width: 599px) {
  .top-sec01-wrap .box-item .number03 {
    background-size: 25% auto;
  }
}

.top-sec01-wrap .box-item .number04 {
  background: #ecc096 url(../img/po_no04.png) no-repeat right 0px;
}

@media screen and (max-width: 1200px) {
  .top-sec01-wrap .box-item .number04 {
    background-size: 35% auto;
  }
}

@media screen and (max-width: 1200px) and (max-width: 599px) {
  .top-sec01-wrap .box-item .number04 {
    background-size: 25% auto;
  }
}

.top-sec01-wrap .box-item .number05 {
  background: #ecc096 url(../img/po_no05.png) no-repeat right 0px;
}

@media screen and (max-width: 1200px) {
  .top-sec01-wrap .box-item .number05 {
    background-size: 35% auto;
  }
}

@media screen and (max-width: 1200px) and (max-width: 599px) {
  .top-sec01-wrap .box-item .number05 {
    background-size: 25% auto;
  }
}

.top-sec01-wrap .box-item .arrow {
  text-align: center;
}

@media screen and (max-width: 959px) {
  .top-sec01-wrap .box-item .arrow {
    padding: 0 0 5px 0;
  }
}

.top-sec01-wrap .box-item .cap {
	text-align: center;
	color: #4f3830;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

@media screen and (max-width: 1200px) {
  .top-sec01-wrap .box-item .cap {
	font-size: 1.4rem;
  }
}

.top-sec01-wrap .box-item .title {
	text-align: center;
	font-size: 4.0rem;
	color: #4f3830;
	padding: 0 0 15px 0;
	letter-spacing: 0pt;
}

@media screen and (max-width: 1200px) {
  .top-sec01-wrap .box-item .title {
    font-size: 4.3rem;
    padding: 0 0 10px 0;
  }
}

@media screen and (max-width: 1200px) and (max-width: 959px) {
  .top-sec01-wrap .box-item .title {
    padding: 0 0 8px 0;
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 1200px) and (max-width: 959px) and (max-width: 599px) {
  .top-sec01-wrap .box-item .title {
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
  }
}


@media screen and (max-width: 599px) {
  .top-sec01-wrap .box-item .title a:hover{
	background:rgba( 105,102,102,0.8 );  
  }
}

.top-sec01-wrap .box-item .btn {
  text-align: center;
  border: 1px solid #9CC70C;
  padding: 13px 10px 11px 20px;
  background: url(../common/arrow01.png) no-repeat 25px 19px;
  color: #618C00;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
  .top-sec01-wrap .box-item .btn {
    background: url(../common/arrow01.png) no-repeat 15px 19px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 1200px) and (max-width: 959px) {
  .top-sec01-wrap .box-item .btn {
    background: url(../common/arrow01.png) no-repeat 0px 19px;
    font-size: 1.2rem;
    padding: 13px 5px 11px 12px;
  }
}

.top-sec01-wrap .box-item a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.top-sec01-wrap .box-item a:hover .btn {
  background-color: #edd8c8;
}

@media screen and (max-width: 599px) {
  .top-sec01-wrap .box-item a:hover {
    background-color: #edd8c8;
  }
}

.arrow01 {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  float: right;
}

.arrow01::before {
  content: '';
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 1px #6f4f3c;
  border-right: solid 1px #6f4f3c;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 65%;
}




.top-sec02 {
	background-color: #a98a6d;
	background-image: url(../img/bg_up.png);
	background-repeat: repeat-x;
	background-position: top;
}

.top-sec02-wrap {
  background: url(../img/sec02img01.png) no-repeat 0px 0px;
  max-width: 1220px;
  width: 100%;
  padding: 45px 10px 45px 10px;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 959px) {
  .top-sec02-wrap {
    background: none;
    padding: 40px 20px 35px 20px;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .top-sec02-wrap {
    padding: 25px 10px 25px 10px;
  }
}

.top-sec02-wrap .boxA {
  padding: 35px 0 0 0;
  margin-left: -1.0%;
  margin-bottom: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 599px) {
  .top-sec02-wrap .boxA {
    margin-left: -2.0%;
    margin-bottom: 0px;
    padding: 25px 0 0 0;
  }
}

.top-sec02-wrap .boxA .itemA {
  max-width: 230px;
  width: 24.0%;
  height: auto;
  margin-left: 1.0%;
  float: left;
  position: relative;
}

@media screen and (max-width: 599px) {
  .top-sec02-wrap .boxA .itemA {
    width: 48.0%;
    margin-left: 2.0%;
    margin-bottom: 2.0%;
  }
}

.top-sec02-wrap .boxA .itemA img {
  width: 100%;
}

.top-sec02-wrap .boxA .itemA .txt {
  position: absolute;
  left: 5.5%;
  bottom: 7.0%;
  font-size: 2.6rem;
}

@media screen and (max-width: 1200px) {
  .top-sec02-wrap .boxA .itemA .txt {
    font-size: 2.0vw;
  }
}

@media screen and (max-width: 1200px) and (max-width: 599px) {
  .top-sec02-wrap .boxA .itemA .txt {
    font-size: 3.6vw;
  }
}

.top-sec02-wrap .boxA .itemA .pic {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.top-sec02-wrap .boxA .itemA a {
  width: 100%;
  color: #FFF;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.top-sec02-wrap .boxA .itemA a:hover .pic {
  opacity: 0.6;
}

.top-sec02-wrap .boxB {
  margin-left: -1.0%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 599px) {
  .top-sec02-wrap .boxB {
    margin-left: -2.0%;
  }
}

.top-sec02-wrap .boxB .itemB01,
.top-sec02-wrap .boxB .itemB02 {
  max-width: 594px;
  width: 49.0%;
  height: auto;
  margin-left: 1.0%;
  float: left;
  position: relative;
}

@media screen and (max-width: 599px) {
  .top-sec02-wrap .boxB .itemB01,
  .top-sec02-wrap .boxB .itemB02 {
    width: 48.0%;
    margin-left: 2.0%;
  }
}

.top-sec02-wrap .boxB .itemB01 .pic img,
.top-sec02-wrap .boxB .itemB02 .pic img {
  width: 100%;
}

@media screen and (max-width: 599px) {
  .top-sec02-wrap .boxB .itemB01 .txt,
  .top-sec02-wrap .boxB .itemB02 .txt {
    position: absolute;
    left: 5.5%;
    bottom: 7.0%;
    font-size: 3.6vw;
  }
}

.top-sec02-wrap .boxB .itemB01 a {
  background: #D7EAB9 ;
  width: 100%;
  color: #000;
  font-size: 1.8rem;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding: 11px 0 9px 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 959px) {
  .top-sec02-wrap .boxB .itemB01 a {
    background: #D7EAB9 ;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .top-sec02-wrap .boxB .itemB01 a {
    background: none;
    padding: 0px 0 0px 0px;
    text-align: none;
    color: #FFF;
  }
}

.top-sec02-wrap .boxB .itemB01 a:hover {
  opacity: 0.6;
}

.top-sec02-wrap .boxB .itemB02 a {
  background: #D7EAB9 ;
  width: 100%;
  color: #000;
  font-size: 1.8rem;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding: 11px 0 9px 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 959px) {
  .top-sec02-wrap .boxB .itemB02 a {
    background: #D7EAB9 ;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .top-sec02-wrap .boxB .itemB02 a {
    background: none;
    padding: 0px 0 0px 0px;
    text-align: none;
    color: #FFF;
  }
}

.top-sec02-wrap .boxB .itemB02 a:hover {
  opacity: 0.6;
}



.top-sec03 {
	background-color: #f7f7f7;
}

.top-sec03cor {
	background-color: #f1f1f1;
}

@media screen and (max-width: 599px) {
  .top-sec03 {
    background-size: cover;
	background-color: #e8e8e8;
  }
}

.top-sec03-wrap {
	max-width: 1220px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 45px;
	padding-left: 10px;
}

@media screen and (max-width: 959px) {
  .top-sec03-wrap {
    background: none;
    padding: 40px 20px 35px 20px;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .top-sec03-wrap {
    padding: 35px 10px 35px 10px;
  }
}

.top-sec03 .box {
  max-width: 1220px;
  width: 100%;
  padding: 35px 0 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 599px) {
  .top-sec03 .box {
    padding: 25px 0 0 0;
  }
}

.top-sec03 .box-itemA {
  width: 26.6%;
  float: left;
  text-align: center;
}

@media screen and (max-width: 599px) {
  .top-sec03 .box-itemA {
    float: none;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 20px 0 20px;
    margin-left: 0;
    margin: 0 auto 25px auto;
  }
}

.top-sec03 .box-itemB {
  width: 19.6%;
  margin-left: 2.8%;
  float: left;
  text-align: center;
}

@media screen and (max-width: 599px) {
  .top-sec03 .box-itemB {
    float: none;
    width: 100%;
    margin-left: 0;
    margin: 0 auto 25px auto;
  }
}

.top-sec03 .box-itemC {
  width: 20.6%;
  margin-left: 2.8%;
  float: left;
  text-align: center;
}

@media screen and (max-width: 599px) {
  .top-sec03 .box-itemC {
    float: none;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 20px 0 20px;
    margin-left: 0;
    margin: 0 auto 25px auto;
  }
}

.top-sec03 .box-itemD {
  width: 24.8%;
  margin-left: 2.8%;
  float: left;
  text-align: center;
}

@media screen and (max-width: 599px) {
  .top-sec03 .box-itemD {
    float: none;
    width: 100%;
    margin-left: 0;
    margin: 0 auto;
  }
}

.top-sec03 .box .capA {
  font-size: 2.2rem;
  line-height: 1;
  color: #655646;
  padding: 0 0 5% 0;
}

@media screen and (max-width: 1200px) {
  .top-sec03 .box .capA {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 1200px) and (max-width: 599px) {
  .top-sec03 .box .capA {
    font-size: 6.4vw;
    padding: 0 0 5px 0;
  }
}

.top-sec03 .box .capB96 {
  font-size: 9.6rem;
  line-height: 1;
  color: #fc9000;
}

@media screen and (max-width: 1200px) {
  .top-sec03 .box .capB96 {
    font-size: 7.6vw;
  }
}

@media screen and (max-width: 1200px) and (max-width: 599px) {
  .top-sec03 .box .capB96 {
    font-size: 19.0vw;
  }
}

.top-sec03 .box .capB70 {
  font-size: 7.0rem;
  line-height: 1;
  color: #8CB905;
  padding: 8px 0 4% 0;
  display: block;
}

@media screen and (max-width: 1200px) {
  .top-sec03 .box .capB70 {
    font-size: 5.8vw;
  }
}

@media screen and (max-width: 1200px) and (max-width: 599px) {
  .top-sec03 .box .capB70 {
    font-size: 14.0vw;
  }
}

.top-sec03 .box .capB48 {
  font-size: 3.0rem;
  line-height: 1;
  color: #333;
}

@media screen and (max-width: 1200px) {
  .top-sec03 .box .capB48 {
    font-size: 2.4vw;
  }
}

@media screen and (max-width: 1200px) and (max-width: 599px) {
  .top-sec03 .box .capB48 {
    font-size: 10.0vw;
  }
}

.top-sec03 .box .capC {
  font-size: 1.6rem;
  line-height: 1;
  color: #bf6002;
  padding-top: 0%;
	padding-right: 0;
	padding-bottom: 4%;
	padding-left: 0;
}

@media screen and (max-width: 1200px) {
  .top-sec03 .box .capC {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 1200px) and (max-width: 599px) {
  .top-sec03 .box .capC {
    font-size: 4.5vw;
    padding-top: 10px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
  }
}

.top-sec03 .box .capD {
	font-size: 3rem;
	line-height: 1;
	color: #444;
	padding-top: 0%;
	padding-right: 0;
	padding-bottom: 4%;
	padding-left: 0;
}

@media screen and (max-width: 1200px) {
  .top-sec03 .box .capD {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 1200px) and (max-width: 599px) {
  .top-sec03 .box .capD {
	font-size: 5.5vw;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
  }
}




.top-sec04 {
  background: #f4d1b2;
}

.top-sec04-wrap {
  max-width: 1220px;
  width: 100%;
  padding: 45px 10px 45px 10px;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}


.top-sec04 .inner_bt{
	width:200px;
	margin:0 auto;
}

.top-sec04 .inner_bt a{
	display:block;
	padding:13px 0;
	font-size:15px;
	font-weight:normal;
	line-height:1.0em;
	letter-spacing:2.0px;
	text-decoration:none;
	text-align:center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background:#ff9933;
	color:#FFF;
}

.top-sec04 .inner_bt a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}





@media screen and (max-width: 959px) {
  .top-sec04-wrap {
    background: none;
    padding: 40px 20px 35px 20px;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .top-sec04-wrap {
    padding: 25px 10px 25px 10px;
  }
}

.top-sec04 .box-info {
  
  width: 62.5%;
}

@media screen and (max-width: 959px) {
  .top-sec04 .box-info {
    float: none;
    width: 100%;
  }
}

.top-sec04 .box-info .info-btn {
  width: 220px;
  margin: 0 auto;
}

@media screen and (max-width: 959px) {
  .top-sec04 .box-info .info-btn {
    margin: 0 auto 40px auto;
  }
}

.top-sec04 .box-info .info-btn a {
  background: #FFF ;
  width: 100%;
  color: #608C00;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding: 15px 0 13px 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 599px) {
  .top-sec04 .box-info .info-btn a {
    font-size: 1.4rem;
    padding: 12px 0 10px 10px;
  }
}

.top-sec04 .box-info .info-btn a:hover {
  opacity: 0.6;
}

.top-sec04 .box-bnr {
  float: right;
  width: 33.3%;
}

@media screen and (max-width: 959px) {
  .top-sec04 .box-bnr {
    float: none;
    width: 100%;
  }
}

.top-sec04 .box-bnr a {
  width: 100%;
  height: 100%;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.top-sec04 .box-bnr a:hover {
  opacity: 0.6;
}

.top-sec04 .box-cont {
  margin-top: 20px;
  margin-bottom: 30px;
  border-top: 1px solid #8DBA05;
}

@media screen and (max-width: 959px) {
  .top-sec04 .box-cont {
    margin-top: 15px;
    margin-bottom: 25px;
  }
}

.top-sec04 .box-cont-inner {
  border-bottom: 1px solid #8DBA05;
}

.top-sec04 .box-cont-inner a {
  color: #444;
}

.top-sec04 .box-cont-inner a:hover .cover {
  background: #C4DF8C;
}

.top-sec04 .box-cont-inner .cover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.top-sec04 .box-cont-inner .day {
  width: 32%;
  vertical-align: top;
  padding: 18px 0px 18px 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .top-sec04 .box-cont-inner .day {
    font-size: 1.4rem;
    width: 100%;
    padding: 18px 0px 0px 10px;
  }
}

.top-sec04 .box-cont-inner .item {
  width: 68%;
  padding: 18px 0px 18px 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .top-sec04 .box-cont-inner .item {
    font-size: 1.4rem;
    width: 100%;
    padding: 10px 0px 18px 10px;
  }
}

.top-sec04 .box-cont-inner .days {
  width: 40%;
  margin-right: 11%;
  display: inline-block;
}

@media screen and (max-width: 959px) {
  .top-sec04 .box-cont-inner .days {
    width: 100px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .top-sec04 .box-cont-inner .days {
    width: auto;
    margin-right: 10px;
  }
}

.top-sec04 .box-cont-inner .iconA,
.top-sec04 .box-cont-inner .iconB {
  width: 32%;
  font-size: 1.3rem;
  line-height: 1;
  color: #FFF;
  text-align: center;
  padding: 4px 0 3px 0;
  margin-right: 11%;
  display: inline-block;
}

@media screen and (max-width: 959px) {
  .top-sec04 .box-cont-inner .iconA,
  .top-sec04 .box-cont-inner .iconB {
    width: 80px;
    font-size: 1.2rem;
    margin-right: 10px;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .top-sec04 .box-cont-inner .iconA,
  .top-sec04 .box-cont-inner .iconB {
    width: 80px;
  }
}

.top-sec04 .box-cont-inner .iconA {
  background: #F59A56;
}

.top-sec04 .box-cont-inner .iconB {
  background: #38ABDC;
}

.top-sec04 .box-cont-inner .info-new {
  color: #FF0000;
}

.top-sec04 .bnr01 {
  margin-bottom: 10px;
}

.top-sec04 .bnr01 .inner01,
.top-sec04 .bnr01 .inner02 {
  width: 100%;
  height: 80px;
  border: 4px solid #FFF;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.top-sec04 .bnr01 .inner01 .item,
.top-sec04 .bnr01 .inner02 .item {
  width: 100%;
  height: 100%;
  border-left: 3px solid #8DBA05;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.top-sec04 .bnr01 .inner01 {
  background: #FFF url(../img/sec04_bnr_img01.jpg) no-repeat right 0;
}

.top-sec04 .bnr01 .inner02 {
  background: #FFF url(../img/sec04_bnr_img02.jpg) no-repeat right 0;
}

.top-sec04 .bnr01 .bnr-jp {
  font-size: 1.7rem;
  line-height: 1;
  color: #000;
  padding: 22px 0 6px 20px;
}

.top-sec04 .bnr01 .bnr-en {
  font-size: 1.1rem;
  line-height: 1;
  color: #999;
  padding: 0 0 0 20px;
}

.top-sec04 .bnr02 {
  margin-bottom: 10px;
}

.top-sec04 .bnr02 .inner {
  background: #8DBA05 ;
  width: 100%;
  border: 4px solid #FFF;
  text-align: center;
  padding: 0 15px 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 959px) {
  .top-sec04 .bnr02 .inner {
    background: #8DBA05 ;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .top-sec04 .bnr02 .inner {
    background: #8DBA05 ;
  }
}

.top-sec04 .bnr02 .inner .cap {
  font-size: 1.8rem;
  color: #FFF;
  padding: 23px 0 20px 20px;
}

@media screen and (max-width: 1200px) {
  .top-sec04 .bnr02 .inner .cap {
    font-size: 1.6vw;
    padding: 25px 0 22px 20px;
  }
}

@media screen and (max-width: 1200px) and (max-width: 959px) {
  .top-sec04 .bnr02 .inner .cap {
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 1200px) and (max-width: 959px) and (max-width: 599px) {
  .top-sec04 .bnr02 .inner .cap {
    font-size: 1.5rem;
    padding: 17px 0 14px 35px;
  }
}

.top-sec04 .bnr03 .inner {
  background: #E7F2D5 ;
  width: 100%;
  border: 4px solid #FFF;
  text-align: center;
  padding: 0 15px 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 959px) {
  .top-sec04 .bnr03 .inner {
    background: #E7F2D5 ;
  }
}

@media screen and (max-width: 959px) and (max-width: 599px) {
  .top-sec04 .bnr03 .inner {
    background: #E7F2D5 ;
  }
}

.top-sec04 .bnr03 .inner .cap {
  font-size: 1.8rem;
  color: #333;
  padding: 23px 0 20px 20px;
}

@media screen and (max-width: 1200px) {
  .top-sec04 .bnr03 .inner .cap {
    font-size: 1.6vw;
    padding: 25px 0 22px 20px;
  }
}

@media screen and (max-width: 1200px) and (max-width: 959px) {
  .top-sec04 .bnr03 .inner .cap {
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 1200px) and (max-width: 959px) and (max-width: 599px) {
  .top-sec04 .bnr03 .inner .cap {
    font-size: 1.5rem;
    padding: 17px 0 14px 35px;
  }
}