@charset "UTF-8";


.c-button-wrapper.c-button-wrapper--center
a {
	color: #fff;
}

.c-button:hover {
     
	color: #0072bc !important;
    }

.line_style.u_line2 a {

color: 	#195cbf;
}


.top_tittle0917,
.top_tittle0918 {

  text-align: center;
color: #132874;
}

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

.wd_100{
	width:100%!important;

}


.ma_l4 {

margin-left: 0%!important;

}

.wd_88 {
	width: 88px!important;

}


.sp_title{
	display:block;

}

.tx_center {
	display:block;
	text-align: center;
}

.pr_4 {
	margin-left:0px!important;

}

.list_01 {
    display: block;
    width: 100%!important;
    margin-left: 0%!important;
}

.list_02 {
    width: 100%!important;
    margin-left: 0%!important;
}

.sc_titlte_space {
    margin-left: -10px!important;
}

#modal-content {
width: 80%!important;
	}


#modal-content2 {
width: 80%!important;
	}
       	
#modal-content3 {
width: 80%!important;
	}
       	
#modal-content4 {
width: 80%!important;
	}
       	
#modal-content5 {
width: 80%!important;
	}
       	
#modal-content6 {
width: 80%!important;
	}
       	

#modal-content7 {
width: 80%!important;
	}
       	

#modal-content8 {
width: 80%!important;
	}
       	
#modal-content9 {
width: 80%!important;
	}
       	
}



 @media print {
  /* Page brake setting */
  .mod-frame {
    page-break-inside: auto!important;
  }
}


@media screen and (min-width:680px) {

.mod-media.opt-media-right .mod-media_object {
    max-width: 45%!important;
   }
       	
}
/*
.page-title.opt-small h1 {
    font-size: 3.0em;
}
*/
.news_1701bd {
	    border-bottom: 4px solid #002869;
}
.title_01{
 font-weight:bold;
    font-size: 2.2em;
    color: #132874;

}

.mt01{
margin-top: 1px!important;
}

.pdl10{
padding-left: 10px!important;

}

.u_line {

    border-bottom: 2px solid #1C3479;
    padding-bottom: 2px;
    
}
.box_001 {
    position: relative;
    width: 100%;
    margin-top:10px;
}	


	#slideShow div{
		/* �S�Ă��\���ɂ��āA�摜���d�˂� */
		display:none;
		position: absolute;
		left:0;
		right:0;
		margin:auto;
	}
	#slideShow .img1{
		/* 1���ڂ̉摜�����\�� */
		display:block;
	}
	

.ratio-1_1:before {
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 */
}

#contents {
  z-index: 0;
  font-size: 16px;
}
.page-txt {
  margin: 30px 0 0;
  height: 2000px;
}
#modal-open {
  color: #cc0000;
}
#modal-content {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar{
margin:0 auto;
/*width:80%;*/
}
#modal-overlay {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background-color: #333 ;
opacity:0.75;
}
.button-link {
color: #00f ;
text-decoration: underline ;

}
/*.button-link:hover {
cursor: pointer ;
color: #f00 ;
}
*/
.button-link2 {
color: #fff ;
position: absolute;
top: 0;
right:0;
margin-top: -25px;

}
/*.button-link2:hover {
cursor: pointer ;
color: #fff ;
position: absolute;
top: 0;
right:0;
margin-top: -25px;
}
*/
#modal-content2 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 1 ;
}
#modal-content-innar2{
margin:0 auto;
/*width:80%;*/
}
#modal-overlay2 {
z-index: 0 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 120% ;
/*background-color: rgba( 0,0,0, 0.75 ) ;*/
background-color: #333 ;
opacity:0.75;
}
.button-link3 {
color: #00f ;
text-decoration: underline ;

}
/*
.button-link3:hover {
cursor: pointer ;
color: #f00 ;
}
*/
.button-link4 {
color: #fff ;
position: absolute;
top: 0;
right:0;
margin-top: -25px;
/*text-decoration: underline ;*/

}
/*
.button-link4:hover {
cursor: pointer ;
color: #fff ;
position: absolute;
top: 0;
right:0;
margin-top: -25px;
}
*/
.wd300 {
width: 300%!important;


}



.cboxClose {
    overflow: visible;
    position: absolute;
    top: -2em;
    right: 0;
    border: 0;
    margin: 0;
    padding: 0 20px 0 0;
    background: url(/common/img/module/modal-close_bg01.png) no-repeat right center;
    background-size: 14px auto;
    color: #fff;
    font-size: 1.4em;
}

a:hover {
	cursor: pointer ;
    /*color: #fff!important;*/
    
}

#modal-open:hover {

	opacity:0.5;

}
#modal-open2:hover {

	opacity:0.5;


}

.modal_utext{
	font-size: 1.5em;
    color: #fff;
    letter-spacing: 2px;
    font-family: monospace;
    font-weight: bold;
}

.dp-b {
display: block;
}

.list_01 {
	display: block;
    width: 80%;
    margin-left: 8%;

}
.list_02 {
    width: 80%;
    margin-left: 8%;
    border: 1px solid #ccc;
    font-size: 1.2em;
    display: flex;
}

.sc_titlte_space {    
    display: block;
    float: left;
    margin-left: -40px;
}
.sc_titlte_space:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.sc_titlte_space_2 {    
    display: block;
    float: left;
    margin-left: -14px;
}
.sc_titlte_space_2:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.sc_titlte_space_3 {    
    display: block;
    float: left;
}
.sc_titlte_space_3:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}


.sc_titlte_inline {    
    display: block;
}

.midle_t {
	padding: 16px;
    vertical-align: top;
    border-right: 1px solid #ccc;
}
.te_ln {
	padding: 16px;
    font-weight: bold;
}

.dp-fl {
    display: flex;
}
.wd100 {
	width:100%!important;


}


/*���[�_��3*/



#modal-open3 {
  color: #cc0000;
}
#modal-open3:hover {

	opacity:0.5;
}
#modal-content3 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar3{
margin:0 auto;
/*width:80%;*/
}
#modal-overlay3 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
/*background-color: rgba( 0,0,0, 0.75 ) ;*/
background-color: #333 ;
opacity:0.75;
}
.button-link31 {
color: #00f ;
text-decoration: underline ;

}
/*
.button-link32 {
color: #fff ;
position: absolute;
top: 0;
right:0;
margin-top: -25px;
//text-decoration: underline ;

}
*/

/*���[�_��4*/



#modal-open4 {
  color: #cc0000;
}
#modal-open4:hover {

	opacity:0.5;
}
#modal-content4 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar4{
margin:0 auto;
}
#modal-overlay4 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
/*background-color: rgba( 0,0,0, 0.75 ) ;*/
background-color: #333 ;
opacity:0.75;
}
.button-link41 {
color: #00f ;
text-decoration: underline ;

}
/*
.button-link42 {
color: #fff ;
position: absolute;
top: 0;
right:0;
margin-top: -25px;
//text-decoration: underline ;

}
*/



/*���[�_��5*/

#modal-open5 {
  color: #cc0000;
}
#modal-open5:hover {

	opacity:0.5;
}
#modal-content5 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar5{
margin:0 auto;
}
#modal-overlay5 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background-color: #333 ;
opacity:0.75;
}
.button-link51 {
color: #00f ;
text-decoration: underline ;

}


/*���[�_��6*/

#modal-open6 {
  color: #cc0000;
}
#modal-open6:hover {

	opacity:0.5;
}
#modal-content6 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar6{
margin:0 auto;
}
#modal-overlay6 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background-color: #333 ;
opacity:0.75;
}
.button-link61 {
color: #00f ;
text-decoration: underline ;

}


/*���[�_��7*/

#modal-open7 {
  color: #cc0000;
}
#modal-open7:hover {

	opacity:0.5;
}
#modal-content7 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar7{
margin:0 auto;
}
#modal-overlay7 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background-color: #333 ;
opacity:0.75;
}
.button-link71 {
color: #00f ;
text-decoration: underline ;

}


/*���[�_��8*/

#modal-open8 {
  color: #cc0000;
}
#modal-open8:hover {

	opacity:0.5;
}
#modal-content8 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar8{
margin:0 auto;
}
#modal-overlay8 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background-color: #333 ;
opacity:0.75;
}
.button-link81 {
color: #00f ;
text-decoration: underline ;

}


/*���[�_��9*/

#modal-open9 {
  color: #cc0000;
}
#modal-open9:hover {

	opacity:0.5;
}
#modal-content9 {
width: 50% ;
margin: 0 ;
position: fixed ;
display: none ;
z-index: 20002 ;
}
#modal-content-innar9{
margin:0 auto;
}
#modal-overlay9 {
z-index: 1 ;
display: none ;
position: fixed ;
cursor: pointer ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 100% ;
background-color: #333 ;
opacity:0.75;
}
.button-link91 {
color: #00f ;
text-decoration: underline ;

}



/* fadeIn ��ʊO�ɂ����� */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* ��ʓ��ɓ�������� */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
    
    
section, .mod-frame {
    margin-top: 10px!important;
 
}   

.pr_2 {
	padding-right:2px!important;

}

.pr_4 {
	margin-left: 4%;

}


.wd18 {
	width:14%;


}

.wd_coffie{
    float: left;
    width: 58%;
    text-align: center;
    box-sizing: border-box;
    padding: 2%;
}
.wd_coffie:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}


.wd_th{
    width: 40%;
    box-sizing: border-box;
    float: left;
    text-align: center;
    padding: 2%;
}

.wd_th:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.wd_rice{
 	float: left;
    width: 65%;
    padding: 2%;
    box-sizing: border-box;
    text-align: center;
}

.wd_rice:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.wd_fish{
    float: left;
    width: 35%;
    padding: 2%;
    box-sizing: border-box;
    text-align: center;
}
.wd_fish:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.mg_c{
	 margin:0 auto;
	 width:80%
}
.ma_l4 {

margin-left: 4%;

}



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


  body .mod-frame .sc_titlte_inline {

    flex: 0 1 50%;
    text-align: center;
    padding: 0;
  }


  body .mod-frame .midle_t {

    padding: 28px 0 !important;
    box-sizing: border-box;

  }


body .list_02 {

    align-items: center;
  }

}


body 
.company_t {

  display: inline;
  background: none !important;
  padding: 0;
}