/*********************************************************************************************************************
/*タブレット専用のスタイル
*********************************************************************************************************************/
@media (min-width: 600px) and (max-width: 1024px) {
/*****************************************************************************/
@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;oborder-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


body{
	color:#666;
	font-size:80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "sans-serif";
	/*font: verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
	line-height:1.6;
	-webkit-text-size-adjust: none;
    margin: 0 auto;
	text-align:center;
	background-image:url(../images/top/bg.jpg);
	background-repeat:repeat-y;
	background-position:top center;
}

@font-face {
	font-family: 'Sawarabi Mincho', sans-serif;
   /*-family: MyWebFont;*/
}
/*グーグルフォント*/
.wf-roundedmplus1p { font-family: "M PLUS Rounded 1p"; }
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }
.wf-hannari { font-family: "Hannari"; }
.wf-kokoro { font-family: "Kokoro"; }
.wf-kokoro { font-family: "Sawarabi Mincho"; }
.wf-kokoro { font-family: "Sawarabi Gothic"; }
.wf-notosansjapanese { font-family: "Noto Sans JP"; }
p{font-size:100%;line-height:1.4;text-align:left;margin:0;padding:0;}
h1,h2,h3,h4{margin:0;padding:0;}
p,ul,ol,dl,blockquote,pre {margin-bottom: 1.0em;}
hr	{clear: both;display: none;visibility: hidden;}
img	{border: none;}
form {margin: 0;}


/*****************************************************************
link
*****************************************************************/
a:link{
	text-decoration: none;
	color:#209926;
	}
a:visited	{
	text-decoration: none;
	color:#209926;
	}
a:hover		{
	text-decoration: none;
	color:#209926;
	}
a:active		{
	color:#209926;
	text-decoration: none;
	}

a img:hover {
	opacity: 0.7;
	filter: alpha( opacity=70 );
	-ms-filter: "alpha( opacity=70 )";
	}


/*****************************************************************
pcNonespNone
*****************************************************************/
.pcNone { display:block;}
.spNone { display:none;}

/*****************************************************************
 Clear fix
*****************************************************************/
.clfix {display: block;}
.clearLeft { clear: left; }

/*****************************************************************
img
*****************************************************************/
img{
    max-width:100%;
	height:auto;
}

/*****************************************************************
margin set
*****************************************************************/
.ml1{margin-left:1%;}	
.ml2{margin-left:2%;}	
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}	

/*****************************************************************
align set
*****************************************************************/
.ac{text-align:center;}
.al{text-align:left;}	
.ar{text-align:right;}

/*****************************************************************
txt set
*****************************************************************/
.txt60{font-size:60%;font-weight:normal;}
.txt70{font-size:70%;font-weight:normal;}
.txt80{font-size:80%;font-weight:normal;}
.txt120{font-size:120%;font-weight:normal;}
.txt140{font-size:140%;font-weight:normal;}


/*****************************************************************
h 
*****************************************************************/
h1{
	margin:0 0 0px 0;
	padding:  0;
	font-size:1.5em;
	color:#fff;/*18761D*/
	letter-spacing: 1px;
	}
	.h1_bg{
	margin:00px 0 0px 0;
	padding: 9px 0 10px;
	background: #209926;
	/*border-bottom: #0F4612 2px solid;*/
	}
	.eng {
    font-size: 0.8em;
    text-align: center;
    margin: 0  0 0px 0 ;
    line-height: 100%;
    color:#D1F5D3;/*0F4612*/
    font-weight: nomal;
	letter-spacing:1px;
	line-height:1.0;
	}
	.eng_bk {
    font-size: 0.8em;
    text-align: center;
    margin: 0  0 20px 0 ;
    line-height: 100%;
    color:#ccc;/*0F4612*/
    font-weight: nomal;
	letter-spacing:1px;
	line-height:1.0;
	}
	.catch {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
}
.catch:before, .catch:after {
  border-top: 1px solid;
  content: "";
  width: 1.5em; /* 線の長さ */
}
.catch:before {
  margin-right: 1em; /* 文字の右隣 */
}
.catch:after {
  margin-left: 1em; /* 文字の左隣 */
}

h2 {
	margin:0.5rem 0 0.5rem ;
	padding: 0;
	font-size:1.3em;
	font-family: 'Nunito Sans',sans-serif;
	padding: 0.5rem 0;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 3%;
    background-position: bottom;
    color:#091E88;
	letter-spacing: 2px;
}
	h2.section-title {
	margin: 30px 0 0 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
    line-height: 1;
	}
	.en {
	font-size:1.5em;
    font-family: 'Nunito Sans',sans-serif;
    font-weight: 700;
    font-style: normal;
	letter-spacing: 3px;
	}
	.jp {
	margin: 15px 0 0 0 ;
	font-size: 0.7em;
    font-family: 'Nunito Sans',sans-serif;
    font-weight: 700;
    font-style: normal;
	letter-spacing: 1px;
	}
	
	
	
	
.tourpage_tit {
    width:96%;
	margin:50px 0 20px;
	padding:10px 2%;
	font-size:1.4em;
	letter-spacing:3px;
    color: #0D87D9;
	background-color:#D1E8FC;
    text-align: center;
	font-family: "M PLUS Rounded 1c";
	border-radius:5px;
}


h3{
font-size:1.1em;
  position: relative;
  display: inline-block;
  margin: 1em 0;
  font-family: 'Nunito Sans',sans-serif;
}
h3:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color:#ccc;
  border-radius: 2px;
}	
	
	
	
.tourpage_tit_s{
    width:99%;
	margin:30px 0 20px;
	padding:7px 0.5%;
	font-size:1.1em;
    text-align:left;
	font-family: "M PLUS Rounded 1c";
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	letter-spacing:5px;
	font-weight:bold;
}
h4{
	margin:10px 0 10px 0;
	padding: 0;
	font-size:1.0em;
	font-family: "M PLUS Rounded 1c";
	text-align: left;
	}
/*****************************************************************
.fade-up 
*****************************************************************/
.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
	}
/*****************************************************************
.page-top 
*****************************************************************/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: 22px;
    padding: 6px 0 0 0;
    color: #FFF;
    text-align: center;
    background-color:#888888;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: #888888 1px solid;
	}
	


/*****************************************************************
.pankuzu 
*****************************************************************/
.pankuzu{
	margin:5px 0 10px 0;
	padding:0  ;
	font-size:0.8em;
	text-align:left;
	}	
.pankuzu a{
    color:#333333;
	}	

/*****************************************************************
.start
*****************************************************************/
.start {
	background:rgba(249,249,249,1);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 850px;
	text-align:center;
	font-size:0.9em;
	font-family: 'Sawarabi Mincho', sans-serif;
}	
.start p img{
	max-width:25%;
	height:auto;
}


/*****************************************************************
nav
****************************************************************
nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 50px;
    left: 0;
    background:rgba(255,255,255,0.95);
    color: #000;
    text-align: center;
    transform: translateX(-100%);
    transition: all 0.6s;
    width: 47%;
	height:100%;
}
 
nav.globalMenuSp ul {
    background:rgba(255,255,255,0.95);
    margin: 0px auto 0;
    padding: 0;
    width: 100%;
}
 
nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
	margin:0;
    padding:0 0 0 15%;
    width:85%;
    border-bottom: 1px dotted #999;
	font-size:80%;
	text-align:left;
}
 
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
}
 
nav.globalMenuSp.active {
    transform: translateY(0%);
}



/*****************************************************************
navToggle 
*****************************************************************

.navToggle {
    display: block;
    position: fixed;    
    right: 13px;
    top: 12px;
    width: 32px;
    height: 27px;
    cursor: pointer;
    z-index: 3;
    background:rgba(255,255,255,0.1);
    text-align: center;
}

.navToggle span {
    display: block;
    position: absolute;    
    width: 16px;
    border-bottom: solid 2px #1D2087;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 8px;
}

.navToggle span:nth-child(1) {
    top: 6px;
}

.navToggle span:nth-child(2) {
    top: 12px;
}

.navToggle span:nth-child(3) {
    top: 18px;
}

.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}



.navToggle.active span:nth-child(1) {
    top: 13px;
    left: 8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 

.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 13px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

		
.navTel {
    display: block;
    position: fixed;  
    right: 50px;
    top: 12px;
    width: 32px;
    height: 27px;
    cursor: pointer;
    z-index: 3;
    background: #773F06;
    text-align: center;
}
	



/*****************************************************************
wrapper
*****************************************************************/
#Wrapper{
　　width:100%;
　　margin: 0 0 0;
　　padding:0;
	}
	.Wrapperinner{
　　width:100%;
    margin:0;
　　padding:0 ;
	}

/****************************************************************
gridWrapper
*****************************************************************/
.gridWrapper{
	width:100%;
	margin: 0 0% 0;
	padding:0 ;
	text-align:center;
	}
	* html .gridWrapper{height:1%;}

	.gridWrapperinner{
	width:100%;
	margin:0px 0% 0;
	overflow:hidden;
	text-align:center;
	}
	
/*****************************************************************
top
*****************************************************************/
.top{
	width:100%;
	height:50px;
	margin:0 auto 0;
	padding:0 0 0 0 ;
	color:#000;
	overflow:hidden;
	position:fixed;
	z-index:2;
	background:rgba(255,255,255,0.95);
}

.navbar-fixed-top.scrolled {
	background:rgba(244,244,244,0.95);
  	/*background:rgba(207,207,207,0.99)!important;スクロールでナビの色変更*/
    opacity:1.0;
    transition: background-color 200ms linear;
}

.topinner{
	width:100%;
	margin:0 0 0;
	padding:0 ;
	text-align:left;
}
.logo{
	width:49%;
	margin:0  3% 0 0;
	padding:0 ;
	text-align:left;
	float:left;
	}
	.logo img{
	max-width:55%;
	height:auto;
	margin:7px 0 0 5px;
	}

.btn_area{
	width:33%;
	margin:15px 0 0 0;
	padding:0 ;
	float:left;
}

P.icon{
	float:left;
	margin:3px 3px 0 0;
	padding:0;
	}
	.icon img{
	max-width:90%;
	margin-left:7px;
	height:auto;
	}


.btn_area_sns{
	width:100%;
	margin:0;
	padding:0;
	}
	.lang{
	font-size:0.96em;
	margin:3px 3px 0 0;
	float:left;
	}
	 /*.lang:before{
    content: "\f107"; アイコンの種類
	}*/

.btn_area_btn{
	width:100%;
	margin: 0 0 0;
	padding:10px 0 0;
	}
	ul.btn_res{
	width:100%;
	}
	ul.btn_res li{
	width:26px;/*45%*/
	height:26px;
	margin: 0 4px 0 0;
	padding:3px;
	float:right;
	background-color:#0D87D9;
	color:#FFFFFF;
	border-radius:3px;
	text-align:center;
	font-size:0.8em;
	letter-spacing:0px;
    transition: .4s;
	}

	ul.btn_res li:hover{
	background-color:#FF9933;

	}

/*****************************************************************
slider
*****************************************************************/
.swiper-slide {
	margin:0px 0 0 0;
}	

.swiper-slide img{/*画像のはみ出し部分を削除*/
	width: 100%;
    height:auto;
    object-fit: cover;
	position:relative;
}	

.slide_txt{
	position:absolute;
	top:100%;
	text-align:center;
	color:#000000;
	font-size:1.2em;
	letter-spacing:0px;
	font-family: 'Sawarabi Mincho', sans-serif;
}	
.slide_txt_w{
    width:95%;
	height:400px;
	margin:0 50% 0 0;
	padding:100px 3% 3% 5%;
	position:absolute;
	top:0%;
	text-align:left;
	color:#FFFFFF;
	font-size:1.4em;
	line-height:1.8;
	letter-spacing:1px;
	
	font-family: 'Sawarabi Mincho', sans-serif;
	/*font-weight:bold;
	text-shadow:  2px  2px 10px #666 ,
               -2px  2px 10px #666 ,
                2px -2px 10px #666 ,
               -2px -2px 10px #666;*/
	background:rgba(0,0,0,0.2);
}


/*****************************************************************
mainimage
*****************************************************************/
.mainimage img{
	width:100%;
    height:55vh;
    object-fit: cover;
	position:relative;
}	


.mainimage_txt{
	position:absolute;
	top: 220px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:3px;
	color:#fff;
}



/*****************************************************************
footer
*****************************************************************/
.footer_grid{
	color:#ffffff;
    width: 100%;
	/*height:200px;*/
	margin:0px 0 0 0;
    padding:00px 0 0px;
	background-image:url("../images/common/bg_footer_sp.png");
    background-position:top;
    background-repeat: no-repeat;
	background-size: 100% auto;
	font-size:0.9em;
	line-height:1.6;
	/*background: #00A418;*/
	}
	

/*会社概要other_grid****/
.other_grid_grid{
    width: 100%;
	background-color:#eeeeee;
	margin:0px auto 0;
    padding: 0px auto 0px;
}
	.other_grid_grid_inner{
    width: 92%;
	background-color:#eeeeee;
	margin: 0px 4% 0;
    padding:0
}

ul.other_grid{
    width: 100%;
	margin: 0px 0px;
    padding:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.other_grid li{
	width:32%;
	margin:20px 0.5% 15px 0.5%;
	padding:1% 0;
	/*background-color:#efefef;#D3EAFC*/
	border-radius:3px;
	color:#176F1C;
	font-size:1.0em;
	line-height:1.4;
	transition: .4s;
	text-align:left;
	text-align:center;
	border:#eee 1px solid;
	letter-spacing:3px;
	background-color:#FFFFFF;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1);
	}
	ul.other_grid li:last-child{
	margin:20px 0 15px 0;
	}
	ul.other_grid li a{
	color:#0D87D9;
	}

/*フッターナビ****/
.footer_grid_all{
    width: 90%;
	margin: 0 5%;
    padding:10px 0 10px ;
	float: left;
	
}

.footer_grid_logo{
    width: 0%;/*18*/
	margin: 0;
    padding:0%;/*1%;*/
	float: left;
	background: #fff;
	border-radius: 3px;
}
.footer_grid_txt{
    width: 100%;
	margin: 0 0 0px 0;
    padding:0;
	text-align: left;
	float: left;
	line-height: 1.5em;
}
	.footer_grid_all a{
    color:#fff;
	}

	 .footertext_area{
	width:100%;
	margin:0px 0 10px 0;
	padding:0 ;
	float:left;
	text-align:left;
	font-size: 0.9em;
	vertical-align: middle;
	}	
	.footertext_area img{
	max-width: 30px;
	height: auto;
	vertical-align: middle;
　	}	
	.footertext_area a{
	 color:#000;
　	}	
	
	
	

/*****************************************************************
contact
*****************************************************************/

.form-tbl {
	width:96%;
	margin:10px 0 10px 0;
	padding:0 2%;
    border-collapse:  collapse; 
	font-size:0.9em;
	}


.form-btn-wrapper {
	margin: 10px 0 0 0;
	font-size: 12px;
	text-align: center;
	line-height: 2;
}
.last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  
 .form-tbl th {
	border-bottom: none;
    display: block;
    width: 100%;
   border-bottom: solid 1px #fff;
  background: #CAE9FF;
  color: #333;
  padding:5px 1%;
  text-align: left;
  }
  .form-tbl td {
  €border-bottom: none;
    display: block;
    width: 100%;
   border-bottom: solid 1px #fff;
  background: #ffffff;
  color: #333;
  padding:5px 1%;
  text-align: left;
  }	
  
  
  
  
/*****************************************************************
#header #subNav
*****************************************************************/
#header #subNav{
	width:25%;
	position: absolute;  top: 0px;  right:0px; 
	}
#header #subNav ul{
    margin:1% 0 0 0;
	padding:0;
	}
	#header #subNav ul li{
	width:44%;/*追加 */
	height:auto;
	margin: 4% 2% 0 0;
	padding: 2%;
	font-size:100%;
	float:left;
	color:#fff;
	text-align:center;
    font-weight:bold;
	background-color:#1F9DF2;
    border-radius: 3px;		
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	}
	#header #subNav ul li:last-child{
	margin: 3% 1 0% 0;
	}
	
#header #subNav .lang{
	float:left;
	margin:6% 5% 0 0;
	padding:0 0 0 4%;
	background:url(../images/common/arrow.png) no-repeat;
	}
	#header #subNav .icon{
	float:left;
	height:20px;
	margin:5% 2% 0 0;
	padding:0 ;
	}
	#header #subNav .icon img{
	width:100%;
	height:auto;
	}
	

/*****************************************************************
#sub ul
*****************************************************************/
#sub ul{
	padding:10px;
	}

	#sub li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #ebebeb;
	}

	#sub li:last-child{
	border:0;
	margin-bottom:0;
	}

	#sub li a{display:block;}

	#sub ul.list{padding-bottom:7px;}

	#sub ul.list li{
	clear:both;
	margin-bottom:6px;
	padding:5px 0;
	overflow:hidden;
	}

	* html #sub ul.list li{height:1%;}

	#sub ul.list li img{
	float:left;
	margin:0 10px 0 0;
	}
	#sub ul.list li{
	font-size:12px;
	line-height:1.35;
	}

  
  
/*  
.last_td td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-course {
    width: 100%;
  }
  .tbl-course th{
　　border-bottom: none;
    display: block;
    width: 100%;
	background-color:#F4F4F4;
	padding:10px;
  }
  .tbl-course td {
　　border-bottom: none;
    display: block;
    width: 100%;
	padding:10px;
  }
  
  
}  
  
 */ 
  
 
 
 /*****************************************************************
gridall
*****************************************************************/
.gridall{
    width:92%;
    margin:20px 4% 0;
	padding:0;
	overflow: hidden;/*floatの高さを出す*/
}

.gridall img{
    max-width:100%;
	height:auto;
}

 
 
 
 
 
 
 
 /*****************************************************************
toppage
*****************************************************************/

/*toppage_info_grid*****/
.toppage_info_grid{
	width:96%;
	margin:10px auto;
	padding:0;
	}
	.toppage_info_grid P{
	margin:20px 0;
	padding:10px 0;
	line-height:1.4;
	border-bottom:#CCCCCC 1px dashed;
	}
	.toppage_info_grid P .date{
	/*color:#0B64B5;*/
	margin:0 25px 0 0;
	}
	
	
	
	
/*toppage_grid03*****/
ul.toppage_grid03{
    width: 100%;
	margin: 10px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.toppage_grid03 li{
	width:29.6%;
	margin:5px 1% 0 0;
	padding:1% 1.5%;
	background-color:#5AACF5;/*#5CACF3*/
	border-radius:3px;
	color:#FFFFFF;
	font-size:0.80em;
	line-height:1.8;
	transition: .4s;
	position:relative;/*●用*/
	}
	ul.toppage_grid03 li:last-child{
	margin:5px 0 0 0;
	}
	ul.toppage_grid03 li img{
	max-width:100%;
	height:auto;
	margin:10px 0 0 0;
	border-radius:3px;
	}
	ul.toppage_grid03 li:hover{
	background-color:#3096F1;
	color:#FFFFFF;
	}
	ul.toppage_grid03 li a{
	color:#FFFFFF;
	}
	
	
.toppage_tit{
	font-size:1.4em;
	margin:7px 0 10px 0;
	padding:0;
	letter-spacing:2px;
	font-weight:bold;
	line-height:1.4;
	color:#0B64B5;
	}

.toppage_tit_en{
	font-size:0.6em;
	margin:5px 0 0 0;
	padding:0;
	text-align:center;
	letter-spacing:1px;
	line-height:1.0;
	color:#FFFFFF;
	}
.line{	
	width:20%;
	margin:10px auto 7px;
	border-bottom:1px solid;
	text-align:center;
	}
.toppage_txt{
	margin:20px 0;
	line-height:1.8;
	}


/*btn_det*****/

.btn_det {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  width:70%;
  padding:0.7rem 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.5em;
  color: #212529;
  border-radius:1.5rem;
	font-family: "M PLUS Rounded 1c";
	}
	a.btn_det--orange {
  color: #fff;
  background-color: #FF9933;
  border-bottom: 5px solid #FF8306;
	}
	a.btn_det--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
	}
	
	
	
/*========= レイアウトのためのCSS ===============*/

a{
  color: #fff;
}

a:hover,
a:active{
  text-decoration: none;
}

/*top_grid_info**************************/
.bg_grey{
　　width: 92%;　
	margin: 0  4%;
	padding: 20px 0;
	color: #1a1a1a;
	text-align: center;
	background-image:url("../images/top/bg_sea.png");
    background-position:top;
    background-repeat: no-repeat;
	background-size: auto;
	}
	.grid_info{
	width: 90%;
	margin: 0px 3%;
	padding: 20px 2%;
	background:rgba(255,255,255,0.8);
	border-radius: 2px;
	}
	
/**インフォメーション******************/
	ul.top_info02{
    width:96%;
	margin:30px 2% 0px;
	padding:0 0 15px 0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	border-bottom: #CFCFCF 1px solid;
	overflow: hidden;
	}
    ul.top_info02 li.top_info02_txt{
	width:48%;/*68%*/
	margin: 0 1%;/*0 2% 0px 0*/
	padding:0 0 0px;
	font-size:0.9em;
	text-align:left;
	}
  
	
	.grid_info P.grid_info_date{
    text-align: left;
	font-size: 0.95em;
	line-height: 1.1em;
	font-weight:bold;
	margin: 0;
	padding: 0 0 10px 0;
    }
    .grid_info P.grid_info_txt{
	width: 100%;
    text-align: left;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
	padding: 0 0  0;
    }






/*top_grid06**************************/
.bg_green{
	margin: 0 ;
	background: #019EE4;/*E9F5DC*/
	color: #1a1a1a;
	}



.Block2 {
  /*レイアウト用のCSS*/
  padding: 10px 0 40px 0;
  background-color: #fff;
  color: #ccc;
}
.bg_green {
  position: relative;
  padding: 20px 0 30px 0;
  
}
.bg_green::before{
  content:"";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
 
  /*ここで三角形のサイズを決める。
  必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
  border-width: 40px 0 0 100vw ;
 
  border-color: transparent  transparent  transparent #fff;
}	
	
	
/**トップページ　product*************************************/	
ul.top_grid06{
width:96%;
	margin:20px 2% 0px;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	}
ul.top_grid06 li{
	width:48%;
	margin: 0 1% 10px 1%;
	padding:0 0 15px;
	font-size:0.9em;
	font-weight: bold;
	color:#0F4612;
	background-color:#F2F2F2;
	text-align:center;
    border-radius: 5px;		
	-webkit-border-radius:5px;	
	-moz-border-radius: 5px;	
     float:left;
	 box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);    
	 transition:1s all;
	}
	
	ul.top_grid06 li img{
	max-width: 100%;
	height: auto;
	margin: 0 auto 10px;
	border-radius: 5px 5px 0px 0px;
	}
	ul.top_grid06 li:hover{
    transform:scale(1.05,1.05);
    transition:1s all;
	color:#000;
    }
	
	ul.top_grid06 li h3.top_grid06_tit{
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0px;
	color:#000;
	font-size: 1.12em;
	margin: 0;
	padding: 0;
	}
	ul.top_grid06 li p{
	text-align:left;
	line-height: 1.4;
	}
	.txt_green{
	color:#0AA605;
    }
	.top_grid06_inner{
	width: 90%;
	margin: 5px 0;
	padding: 0 5%;
	text-align: left;
	font-weight:normal;
	}
 a .top_grid06{ 
	text-decoration: none;
}
 a:hover .top_grid06{ 
	color:#fff;
	background-color:#97E477;
}

.top_grid06  a:-webkit-any-link {
	text-decoration: none;
}
.top_grid06 a{
	color:#000;
	 /*text-align:center;
	background-color:#97E477;
	border:#1F9DF2 1px solid;
    border-radius: 3px;		
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;
    ransition : all 0.5s ease 0s;  */
	} 

a  .top_grid06{
    transition : all 0.5s ease 0s;
	color:#000;
}


/**トップページ　product*************************************/	
ul.top_grid02{
    width: 100%;
	margin: 0px 0px;
    padding:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.top_grid02 li.top_grid02_ph{
	width:100%;
	margin:0 0% 0 0;
	padding:0;
	}
	ul.top_grid02 li.top_grid02_txt{
	width:90%;
	margin:0  5%;
	padding:1% 0;
	text-align: left;
	line-height: 1.7em;
	}
    .top_grid02_txt_tit{
	color:#209926;
	font-size: 1.5em;
	margin: 20px 0 20px 0;
	letter-spacing: 3px;
	font-weight: 500;
	}


/************************************************************
swiper
*************************************************************/	

@-webkit-keyframes zoomUp {
  0% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}

@keyframes zoomUp { /* 1.15倍させる指定 */
  0% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}
swiper-container{
  position: relative;
}
.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img { /* ８秒かけて拡大させる */
    -webkit-animation: zoomUp 8s linear 0s;
    animation: zoomUp 8s linear 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper-img {
    background-size: cover; 
    background-position: center center; /* 背景画像は中央を軸に表示させる */
    height: 600px; /* 600pxの高さで表示させる */
}
.swiper-text {
      width: 50%;
      position: absolute;
      z-index: 10;
      font-size: 1.2rem;
	  line-height: 2.2em;
      color: #000;
      /*width: 100%;*/
      top: 5%;
	  right:10px;
      text-align:left;
      text-align:left;
      font-weight: bold;
	  font-family: 'Sawarabi Mincho', sans-serif;
   
}  
.swiper-text  img{
	max-width: 100%;
	height: auto;
}



/*****************************************************************
.breadarea
*****************************************************************/
.breadarea{
    width:100%;
    margin:50px 0  0;
    padding:5px 0;
	background:#F7F7F7;/**/
	 background-image:
	 repeating-linear-gradient(-45deg,#fff, #fff 5px,transparent 0, transparent 10px);
	color:#000;
 } 
 
.breadarea_inner{
    width:90%;
    margin: 0 5%;
    padding: 0;
    } 
 .breadcrumbs{
    text-align: left;
    font-size: 0.9em;
    margin:0px 0px;
 }    
.breadcrumbs li:first-child {
	margin-left:0;
	padding-left: 0;
}   
.breadcrumbs li::after{
  content: '/';  
  padding: 0 10px;   
  color:#ccc;
}    
 .breadcrumbs li:last-child::after{
  display: none;  
}   
.breadcrumbs li {
	display: inline-block;	
	content: '/';
    list-style: none;
}


  
/*****************************************************************
access
*****************************************************************/  
/*access_grid02**********************/
ul.access_grid02{
	width:100%;
	margin:20px 0 0;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
}
ul.access_grid02 li.access_grid02_ph{
	width:100%;
	margin: 0 0% 0 0;
	padding:0;
	text-align: left;
    position: relative; 
    border-radius:5px;
    
	}
ul.access_grid02 li.access_grid02_txt{
	width:100%;
	margin: 0;
	padding:0;
	text-align: left;
    position: relative; 
	}


table.tbl_access{
  width: 100%;
  margin: 10px 0 10px;
  border-spacing: 0;
  }


table.tbl_access th{
  border-bottom: solid 1px #0AA605;
  padding: 10px 1%;
  width: 23%;
  text-align: left;
  }
table.tbl_access td{
   width: 73%;
  border-bottom: solid 1px #ddd;
  text-align: left;
  padding: 10px 1%;
  }

/*****************************************************************
recruit.html
*****************************************************************/	

/*type_recruit **********************/
 .type_recruit{
  width:100%;
  margin: 20px 0% 10px;
  border-spacing: 0;
  
}
.type_recruit tr{
  padding: 1px 0;
} 
.type_recruit th{
  padding:10px 2%;
  width: 25%;
  font-size: 1.0em;
  text-align: left;
  color:#000;
  background: #eee;/*##E0EEDB*/
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  border-radius: 5px;
  vertical-align: top;
  }
.type_recruit td{
  text-align: left;
  padding: 10px 2%; 
  color:#000;
    font-size: 1.0em;
	line-height: 1.6em;
    background: #F3F3F3;/*#ECF4E8*/
	border-right: solid 2px #fff;
    border-bottom: solid 1px #fff;
	border-radius: 5px;
}
/*recuit_grid03**********************/
ul.recuit_grid03{
	width:100%;
	margin:20px 0 0;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
	}
	ul.recuit_grid03 li.recuit_grid03_ph{
	width:32%;
	margin: 0 0.5% 0 0.5%;
	padding:0;
	text-align: left;
    position: relative; 
    border-radius:5px;
	}	
	.recuit_grid03_ph_tit{
	margin: 5px 0;
	padding: 0 0 0 10px;
	font-size: 1.1em;
	border-left:#89DD4A 5px solid;
	border-bottom: 1px solid;
	}	
	
/*recuit_grid04**********************/
ul.recuit_grid04{
	width:100%;
	margin:20px 0 0;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
	}
	ul.recuit_grid04 li.recuit_grid04_ph{
	width:24%;
	margin: 0 0.5% 10px 0.5%;
	padding:0;
	text-align: left;
    position: relative; 
    border-radius:5px;  
	font-size: 0.85em;
	}
	

/*****************************************************************
company.html
*****************************************************************/	
table.tbl_company{
  width: 100%;
  margin: 10px 0 10px;
  border-spacing: 0;
  }
table.tbl_company th{
  border-bottom: solid 1px #0AA605;
  padding: 7px 0.5% 7px 0.5%;
  width: 29%;
  text-align: left;
  letter-spacing: 1px;
  color:#0F4612;
  background: #F1FCF2;
  font-size: 0.9em;
  }
table.tbl_company td{
   width:68%;
  border-bottom: solid 1px #ddd;
  text-align: left;
  padding:7px 1% 7px 1%;
  }
  
/*役職　tbl_director*/  
table.tbl_director{
  width: 100%;
  margin: 0px 0 10px;
  border-spacing: 0;
  }
table.tbl_director th{
  padding: 10px 1% 10px 1%;
  width: 15%;
  text-align: left;
  letter-spacing: 1px;
  background:#F5F5F5;
  border-bottom: solid 1px #ccc;
  }
table.tbl_director td{
   width:79%;
  text-align: left;
  padding:10px 2% 10px 2%;
  }


/*****************************************************************
company_group.html
*****************************************************************/	
/*グループ会社*/
ul.chura_motto li{  
margin: 7px 0;
padding: 2px 10px;
list-style: none;
border-bottom:#E0E0E0 1px solid ;
text-align: left;
}

ol.churagroup {  
margin: 0 0 0 40px;
padding: 0 ;
}

ol.churagroup li{  
margin: 7px 0 ;
padding: 2px 10px ;
list-style-type: decimal-leading-zero;
text-align: left;
}

.chura_motto_tit{  
margin:0px 0 7px;
padding: 2px 10px ;
font-size: 1.1em;
letter-spacing: 1px;
font-weight: bold;
text-align: left;
border-bottom: none;
border-left:3px solid #57A736;
}

/*社長あいさつ　profile_grid02 **************************/
ul.profile_grid02{
	width:100%;
	margin:10px 0 10px;
	padding:0 0 10px 0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;
    
}
ul.profile_grid02 li.profile_grid02_txt{
	width:70%;
	margin: 0 4%  0 0;
	padding: 0 0;
	line-height: 1.6em;
	text-align: left;
    }
   ul.profile_grid02 li.profile_grid02_ph{
	width:26%;
	margin: 0 0 0;
	padding:10px 0;
	vertical-align: bottom;
	text-align: right;
	/*position: relative;*/
	}	
	
    ul.profile_grid02 li.profile_grid02_ph img{
    max-width:100%;
    height: auto;
	border-radius: 3px;
	/*position: absolute;
	bottom: 20px;
	right: 10px;*/
	} 


	
/*****************************************************************
rewording work.html 働きがいのある職場作り
*****************************************************************/	
ul.corpini_grid02{
	width:96%;
	margin:20px 0 10px;
	padding:2%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	background: #F4F4F4;
	border-radius: 5px;
	}
ul.corpini_grid02 li.howto_no{
	width:27%;
	margin: 0 3% 0 0 ;
	padding:10px 0 0  ;
	float:left;
	}
	ul.corpini_grid02 li.howto_no img{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	}
	ul.corpini_grid02 li.howto_txt{
	width:70%;
	margin: 0 ;
	padding:0px 0 0 0 ;
	font-size:1em;
	line-height: 1.6em;
	float:left;
	text-align: left;
	} 
	
	/*蜀咏悄*/
	ul.corpini_grid02_ph{
	width:100%;
	margin:10px 0;
	padding:0;
	} 
	ul.corpini_grid02_ph li.corpini_grid02_ph_img{
	width:100%;
	margin:0 0% 0 0;
	padding:0;
	float: left;
	} 
	ul.corpini_grid02_ph li.corpini_grid02_ph_img img{
	max-width: 100%;
	height: auto;
	border-radius: 5px;
	} 
	
	
	

/*****************************************************************
company_content.html 業務内容
*****************************************************************/		
ul.company_content04{
width:100%;
	margin:10px 0% 0px;
	padding:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	}
ul.company_content04 li{
	width:100%;
	margin: 0 0% 15px 0%;
	padding:0 0 15px;
	font-size:0.9em;
	font-weight: bold;
	color:#0F4612;
	background-color:#DDF2FF;
	text-align:center;
    border-radius: 5px;		
	-webkit-border-radius:5px;	
	-moz-border-radius: 5px;	
     float:left;
	 box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);    
	 transition:1s all;
	}
	
	ul.company_content04 li img{
	max-width: 100%;
	height: auto;
	margin: 0 auto 10px;
	border-radius: 5px 5px 0px 0px;
	}
	ul.company_content04 li:hover{
    transform:scale(1.05,1.05);
    transition:1s all;
	color:#000;
    }
	
	ul.company_content04 li h3.company_content04_tit{
	text-align: center;
	line-height: 1.2;
	letter-spacing: 1px;
	color:#000;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	}
	ul.company_content04 li p{
	text-align:left;
	line-height: 1.4;
	}
	.txt_green{
	color:#0AA605;
    }
	.company_content04_inner{
	width: 90%;
	margin:20px 0 0;
	padding: 0 5%;
	text-align: center;
	font-weight:normal;
	color:#000;
	}
 a .company_content04{ 
	text-decoration: none;
}
 a:hover .company_content04{ 
	color:#fff;
	background-color:#97E477;
}

.top_grid06  a:-webkit-any-link {
	text-decoration: none;
}
.company_content04 a{
	color:#000;
	 /*text-align:center;
	background-color:#97E477;
	border:#1F9DF2 1px solid;
    border-radius: 3px;		
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;
    ransition : all 0.5s ease 0s;  */
	} 

a  .company_content04{
    transition : all 0.5s ease 0s;
	color:#000;
}


/*****************************************************************
products.html 取扱商品
*****************************************************************/	
ul.beef_grid{
    width: 100%;
	margin: 0px 0px;
    padding:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.beef_grid li.beef_grid_top{
	width:100%;
	margin:0;
	padding:0;
	/*background-color:#efefef;#D3EAFC*/
	color:#176F1C;
	}
	ul.beef_grid li.beef_grid_other{
	width:33.3%;
	margin:0;
	padding:0;
	/*background-color:#efefef;#D3EAFC*/
	color:#176F1C;
	}
	ul.beef_grid li.beef_grid_other img{
	margin-top: -10px;
	padding: 0;
	}
	
/*石垣牛特徴*/	
ul.beef_feature{
    width: 100%;
	margin: 20px 0px 30px;
    padding:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.beef_feature li{
	width:32%;
	margin:0 0.5%;
	padding:15px 0 ;
	background-color:#63CFFE;/*efefef*/
	color:#fff;
	border-radius: 5px;
	font-size: 1.0em;
	letter-spacing: 0px;
	}	
	
	.tit_text{
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: left;
	}
	
	
/*石垣牛定義*/		
	ul.beef_definition{  
    width: 80%;
	margin: 20px 0  20px ;
    padding:20px 10% ;
	background:#efefef;/*#FFFEF2*/
	border-radius:5px;
	}
	ul.beef_definition li{
	text-align: left;
    list-style:none;
    font-size: 1em;
    line-height:2.9em;
    paddin-left:20px;
	border-bottom:1px solid #ccc;
    padding-bottom:1px;
	letter-spacing: 2px;
}


/*セリ*/		
	ul.beef_grid02{  
    width: 100%;
	margin: 20px 0px 30px;
    padding:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	ul.beef_grid02 li.beef_grid02_txt{
	width:47%;
	margin: 0;
	padding: 1%;
	float:left;
	text-align: left;
	}
	ul.beef_grid02 li.beef_grid02_txt img{
	max-width:90%;
	height: auto;
	} 


/*新聞*/
ul.beef_newspaper{
    width: 96%;
	margin: 20px 0px 30px;
    padding:1.9%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	border:#ccc 1px solid;
	border-radius: 2px;
	background: #F7F7F7;
}
	ul.beef_newspaper li.beef_newspaper_ph{
	width:23%;
	margin:0 2% 0 0;
	padding:0px 0 ;
	font-size: 1.2em;

	}
	ul.beef_newspaper li.beef_newspaper_txt{
	width:75%;
	margin:0 ;
	padding:20px 0 ;
	font-size: 0.9em;
	line-height: 2.0em;
	letter-spacing: 2px;
	text-align: left;
	}
	.beef_newspaper_tit{
	font-size:1.1em;
	font-weight: bold;
	margin: 10px  0 10px 0;
	}
	
/*アルコール*/	
ul.liqour_grid{
    width: 100%;
	margin: 20px 0px 30px;
    padding:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.liqour_grid li{
	width:49%;
	margin:0 0.5%;
	padding:10px 0 ;
	color:000;
	border-radius: 5px;
	font-size:0.85em;
	line-height: 1.5em;
	text-align: center;
	}
	
/*食品雑貨*/		
	ul.grocery_grid{
    width: 100%;
	margin: 20px 0px 30px;
    padding:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.grocery_grid li{
	width:19%;
	margin:0 0.2% 8px;
	padding:0px 0 ;
	color:000;
	border-radius: 5px;
	font-size:0.9em;
	line-height: 1.8em;
	text-align: center;
	border:#ccc 1px solid;
	border-radius: 3px;
	}
	ul.grocery_grid li img{
	max-width: 80%;
	width: auto;
	text-align: center;
}

/*塩*/	
ul.solt_grid{
    width: 100%;
	margin: 20px 0px 30px;
    padding:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.solt_grid li.solt_grid_ph{
	width:24%;
	margin:0 1% 0 0;
	padding:0px 0 ;
	color:000;
	text-align: center;
	}
	ul.solt_grid li.solt_grid_ph img{
	max-width: 100%;
	height: auto;
	}
	
	ul.solt_grid li.solt_grid_txt{
	width:75%;
	margin:0 0;
	padding:0px 0 ;
	color:000;
	font-size:0.9em;
	line-height: 1.4em;
	text-align: left;
	}
	.solt_grid_tit{
	font-size:1.2em;
	margin: 0 0 5px 0;
	text-align: left;
	font-weight: bold;
	}
	.solt_grid_tit_s{
	font-size:1.1em;
	margin: 0 0 2px 0;
	text-align: left;
	}

/**/

ul.list_number {
	padding:0;
	margin:15px 0 0 30px;
	list-style-type:    decimal-leading-zero;
	line-height:1.3;
	text-align:left;
	
}
ul.list_number li{
	padding:0;
	margin:0 0 10px 0;
    line-height: 1.6em;
}
.list_number_tit{
	font-size:1.2em;
	font-weight: bold;
	margin: 10px  0  20px 0;
	text-align: left;
	}
.dot_line{
	width: 100%;
	margin:40px 0 0px; 
	border:dashed #ccc 1px;
	}
	
.product_contact{
	margin:40px 0 0px; 
	padding: 2%;
	border:solid #ccc 1px;
	text-align: left;
	line-height: 1.9em;
	font-size: 1.3em;
	background:#EFEFEF;
	border-radius: 5px;
	}	
	
/*****************************************************************
youtube
*****************************************************************/	
.responsive {
width: 100%;
aspect-ratio: 16/9;
}

}