@charset "UTF-8";
/*====================================================================
　全体設定
====================================================================*/
body{
	margin: 0;
	padding: 0;
	background: #fff;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	overflow-x: hidden;
	text-align: left;
	transition: all .05s ease-out;
	position: relative;
	z-index: 1;
}

body.modal-open{
	height: 100vh;
	overflow-y: hidden;
}

main{
	overflow-x: hidden;
}

/* float解除 */
/*
.clearfix::after {
	clear: both;
	content: " ";
	display: block;
}
*/

/* リンク文字色 */
a{
	color: #00cb98;
}

/* PCのみ表示 */
.pc{
	display: block;
}

/* SPのみ表示 */
.sp{
	display: none;
}

@media screen and (max-width: 480px) {
/* PCのみ表示 */
.pc{
	display: none;
}
/* SPのみ表示 */
.sp{
	display: block;
}
}

/*--------------------枠--------------------*/
.wrapper{
	box-sizing: border-box;
	margin: 0 auto;
	min-width: 1000px;
	width: 1000px;
}

@media screen and (max-width: 1000px) {
.wrapper{
	min-width: 100%;
	width: 100%;
	padding: 0 3%;
}
}

/*--------------------ボタン--------------------*/
.button{
	margin: 20px auto;
	text-align: center;
}
.button a{
	background: #00cb98;
	border: 2px solid #00cb98;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	padding: 12px 36px;
	text-decoration: none;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.button a{
		padding: 12px 24px;
	}
}
.button a:hover {
	opacity: 0.6;
}

.button2 a{
	background: #fff;
	border: 2px solid #fff;
	color: #333;
}

/*--------------------囲み設定--------------------*/
.kakomi{
	padding:1em;
	display: grid;
}

/*--------------------文字装飾設定--------------------*/
.basecolor{
	color: #00cb98;
}
.orange{
	color: #F93;
}
.blue{
	color: #06C;
}
.green{
	color: #67a62b;
}
.purple{
	color: #66C;
}
.red{
	color: #C00;
}
.brown{
	color: #630;
}
.pink{
	color: #F69;
}
.new{
	color: #C00;
}

/*--------------------余白設定--------------------*/
.mt0{
	margin-top:0 !important;
}
.mt10{
	margin-top:10px !important;
}
.mt20{
	margin-top:20px !important;
}
.mt30{
	margin-top:30px !important;
}
.mt40{
	margin-top:40px !important;
}
.mt50{
	margin-top:50px !important;
}
.mt60{
	margin-top:60px !important;
}

.mb0{
	margin-bottom:0 !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb30{
	margin-bottom:30px !important;
}
.mb40{
	margin-bottom:40px !important;
}
.mb50{
	margin-bottom:50px !important;
}
.mb60{
	margin-bottom:60px !important;
}


/*--------------------背景色設定--------------------*/
.bggray{
	background-color: #f5f5f5;
}
.bgbrown{
	background-color: #efe7d4;
}
.bgpink{
	background-color: #fdeeeb;
}
.bgskyblue{
	background-color: #b9ffff;
}
.bggreen{
	background-color: #f1f6d2;
}
.bgyellow{
	background-color: #FFC;
}
.bgpurple{
	background-color: #ebebff;
}
.bgblue{
	background-color: #e9f4ff;
}
.bgorange{
	background-color: #feead8;
}
.wakugray{
	border: 1px solid #dadada;
}


/*--------------------汎用表--------------------*/
.table{
	width: 100%;
	margin: 0 0 40px;
	border-collapse: collapse;
}

.table th{
	padding: 5px;
	border: 1px solid #dadada;
	background-color: #f8f9f7;
	font-weight: normal;
	text-align: left;
}

.table td{
	padding: 5px;
	border: 1px solid #dadada;
	/*background-color: #FFF;*/
}

/*--------------------汎用表（線・色なし）--------------------*/
.table-base{
	width: 100%;
	margin: 0 0 40px;
	border-collapse: collapse;
}

.table-base th{
	padding: 5px;
	font-weight: normal;
	text-align: left;
}

.table-base td{
	padding: 5px;
}
.table-base p{
	margin:0;
}


/*-- スマホ対応用 --*/
.table-sp th{
	width: 20%;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.table-sp{
		border-bottom: 1px solid #dadada;
	}
	.table-sp th{
		width: auto;
		display: block;
		text-align: left;
		border-top:0;
		border-bottom:0;
	}
	.table-sp th:first-of-type{
		border-top:1px solid #dadada;
	}
	.table-sp td{
		display: block;
		border-bottom:0;
	}
	.table-base.table-sp{
		border-bottom:0;
	}
}

/*--------------------汎用リスト--------------------*/
.list{
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
}

.list li{
	background-image : url(../column/cooking/arrow_orange_small.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}

.dlist{
	margin: 10px 0;
	padding: 0;
}

.dlist dt{
	float: left;
	padding-left: 10px;
	border-bottom: 1px dotted #aaa;
}

.dlist dd{
	border-bottom: 1px dotted #aaa;
}

/*--------------------番号付きリスト--------------------*/
#contents ol{
	margin: 10px 0;
	padding-left: 30px;
}

/*--------------------文章の右寄せ--------------------*/
.right{
	text-align: right !important;
}

/*--------------------画像の右寄せ--------------------*/
.fltrt{
	float: right;
	margin-left: 10px;
}

@media screen and (max-width: 768px) {
	.fltrt{
		float: none;
		margin-left: 0;
		display: block;
	}
}
@media screen and (max-width: 480px) {
	.fltrt{
		width:100%;
	}
}

/*--------------------文章の左寄せ--------------------*/
.left{
	text-align: left !important;
}

/*--------------------画像の左寄せ-------------------*/
.fltlft{
	float: left;
	margin-right: 10px;
}

@media screen and (max-width: 768px) {
	.fltlft{
		float:none;
		margin-right: 0;
		display: block;
	}
}
@media screen and (max-width: 480px) {
	.fltlft{
		width:100%;
	}
}

/*--------------------文章の中央寄せ--------------------*/
.center{
	text-align: center !important;
}

/*--------------------回り込み解除--------------------*/
.clearfloat{
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/*--------------------図版配置--------------------*/
.fig{
	text-align: center!important;
}

/*--------------------日付--------------------*/
.date{
	text-align: right!important;
}

/*--------------------境界線--------------------*/

hr{
	border:0;
	border-top:1px #00cb98 solid;
}



/*------------------------------------------------------------*/
/*　その他共有設定                                            */
/*------------------------------------------------------------*/
.photo{
	padding: 5px;
	border: 1px solid #dadada;
	background-color: #FFF;
}



/*====================================================================
　ヘッダー設定
====================================================================*/
header{
	box-sizing: border-box;
	min-width: 1000px;
	width: 100%;
	transition: all .3s ease-out;
	overflow-x: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

/* ヘッダーナビ（リスト） */
header ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
/*	display: flex;
	align-items: center;*/
}

header li{
	margin: 0 15px;
}

header li a{
	color: #333;
	font-weight: bold;
	display: block;
	text-decoration: none;
	text-align: center;
	transition: all .3s ease-out;
}

header li a:hover {
	opacity: 0.6;
}

header li a i{
	color: #00cb98;
}

/* ヘッダーナビ（上部枠） */
.header_wrap{
	background: #fff;
}
.header_top{
	background: rgba(255,255,255,0.8);
}
.header_top_nav{
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1600px;
  margin: 0 auto;
}

/* JAロゴ */
header .logo{
	margin: 11px 5px;
}

header .logo a{
	font-size: 0px;
	display: block;
	background : url(../about/einou/logo.svg) center center / 100% auto no-repeat scroll padding-box border-box transparent;
	width: 200px;
	height: 38px;
	transition: all .3s ease-out;
}

header .logo a:hover {
	opacity: 0.6;
}

/* ヘッダーナビ（上部リスト） */
.header_top_nav ul {
	display: flex;
	align-items: center;
}

/* ヘッダーナビ（文字サイズ変更） */
.header_top_nav_font{
	box-sizing: border-box;
	background: #00cb98;
	color: #fff;
	font-size: 14px;
	padding: 3px 10px;
}

.header_top_nav_font a{
	background: #fff;
	border-radius: 3px;
	color: #00cb98;
	display: inline-block!important;
	padding: 0 2px!important;
	margin: 0 3px;
	text-decoration: none;
}

.header_top_nav_font a:hover#font_s,
.header_top_nav_font a:hover#font_m,
.header_top_nav_font a:hover#font_l{
	background: #e50012;
	color: #fff;
	opacity: 1;
}

/* ヘッダーナビ（下部リスト） */
.header_main_nav nav{
	max-width: 1600px;
	margin:0 auto;
}

.header_main_nav ul{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px 30px;
}

.header_main_nav li{
	align-self: center;
	border-left: 1px solid #fff;
	margin: 0;
	text-align: center;
	width: calc(100%/8);
}

.header_main_nav li:last-child{
	border-right: 1px solid #fff;
}

.header_main_nav a{
	color: #fff;
	display: block;
	padding: 5px;
	text-align: center;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

.header_main_nav a:hover{
	color: #00cb98;
	opacity: 1;
	text-shadow: none;
}

/* スマホメニューボタン */
.sp_nav_btn{
	display: none;
	background: #00cb98;
	border: none;
	cursor: pointer;
	height: 60px;
	width: 60px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10001;
}

.sp_nav_btn div{
	display: flex;
	justify-content: center;
	align-items: center;
	outline: none;
}

.sp_nav_btn span,
.sp_nav_btn span::before,
.sp_nav_btn span::after{
	content: '';
	display: block;
	height: 3px;
	width: 40px;
	border-radius: 10px;
	background: #fff;
	transition: 0.5s;
	position: absolute;
}

.sp_nav_btn span::before{
	bottom: 12px;
}

.sp_nav_btn span::after{
	top: 12px;
}

.sp_nav_btn.active span{
	background: rgba(255, 255, 255, 0);
}

.sp_nav_btn.active span::before{
	bottom: 0;
	transform: rotate(45deg);
}

.sp_nav_btn.active span::after{
	top: 0;
	transform: rotate(-45deg);
}

/* スマホナビゲーション */
.sp_nav_contents{
	display: none;
	background: #fff;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}

.sp_nav_contents.active{
	display: block;
}

.sp_nav_contents_inner{
	padding: 30px 15px 60px;
	-ms-overflow-style: none;
}

.sp_nav_contents_inner::-webkit-scrollbar {
	display:none;
}

.sp_nav_contents ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sp_nav_contents li{
	border-bottom: 1px solid #ccc;
}

.sp_nav_contents li:last-child{
	border: none;
}

.sp_nav_contents .header_top_nav_font{
	margin-top: 20px;
}

.sp_nav_contents li a{
	display: block;
	padding: 10px 5px;
	text-align: left;
}

.sp_nav_contents li a:hover,
.sp_nav_dropdown_btn:hover{
	opacity: 1;
	background: rgba(0,0,0,0.05);
}

.sp_nav_dropdown_btn{
	cursor: pointer;
	font-weight: bold;
	display: block;
	padding: 10px 5px;
	position: relative;
}

.sp_nav_dropdown_btn::after{
	font-family: 'Font Awesome 5 Free';
	color: #00cb98;
	content: "\f107";
	position: absolute;
	top: 8px;
	right: 3px;
}

.sp_nav_dropdown_btn.active::after{
	-webkit-transform: rotate(180deg);
	transform: rotateZ(180deg);
}

.sp_nav_dropdown_menu{
	display: none;
}

.sp_nav_dropdown_menu li a::before{
	font-family: 'Font Awesome 5 Free';
	color: #00cb98;
	margin-right: 0.5em;
	content: "\f105";
}

@media screen and (max-width: 1000px) {
header{
	min-width: 100%;
}
}

@media screen and (max-width: 768px) {
header{
	position: relative;
	overflow-x: visible;
}
.header_top_nav ul,
.header_main_nav{
	display: none;
}
.sp_nav_btn{
	display: block;
}
}



/*====================================================================
　ページトップ
====================================================================*/
.pagetop{
	position: fixed;
	bottom: 50px;
	right: 30px;
	z-index: 900;
}

.pagetop img{
	cursor: pointer;
	display: block;
	width: 120px;
	opacity: 0.7;
	text-align: center;
	transition: all .3s ease-out;
}

.pagetop img:hover {
	opacity: 1;
}

@media screen and (max-width: 480px) {
.pagetop img{
	width: 90px;
}
}



/*====================================================================
　フッター設定
====================================================================*/
footer{
	min-width: 1000px;
	background: #00cb98;
	color: #fff;
	overflow-x: hidden;
}

footer a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	transition: all .3s ease-out;
}

footer a:hover{
	text-decoration: underline;
}

footer nav{
	padding: 60px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

footer nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: calc(100%/4);
}

footer nav li{
	margin-top: 5px;
}

@media screen and (max-width: 1000px) {
footer{
	min-width: 100%;
}
}

@media screen and (max-width: 768px) {
footer nav ul{
	width: 50%;
}
}

@media screen and (max-width: 480px) {
footer nav ul{
	width: 100%;
}
}

/*--------------------企業名・コピーライト--------------------*/
.footer_bt{
	border-top: 1px solid #fff;
	padding: 20px 0;
	text-align: center;
}

/* 企業名 */
.footer_bt .logo{
	margin: 0 auto;
	width: 18%;
}

.footer_bt .logo:hover {
	transition: all .3s ease-out;
	opacity: 0.6;
}

/* コピーライト */
footer p{
	margin: 5px 0;
	padding: 0;
}

@media screen and (max-width: 768px) {
.footer_bt .logo{
	width: 25%;
}
}

@media screen and (max-width: 480px) {
.footer_bt .logo{
	width: 40%;
}
}



/*====================================================================
　トップページ設定
====================================================================*/
/*--------------------メインビジュアル--------------------*/
.main_visual{
	width: 100%;
}

.swiper-container-mainvisual{
	position: relative;
}

.swiper-container-mainvisual img{
	width: 100%;
}

.main_visual ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}

/*--------------------メニューボタン--------------------*/
.top_menu{
	padding: 30px 0;
}

.top_menu ul{
	list-style-type: none;
	margin: 0 50px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.top_menu li {
	width: calc(100%/6);
}

.top_menu a{
	display: block;
	transition: all .3s ease-out;
}

.top_menu a:hover {
	opacity: 0.4;
}

@media screen and (max-width: 768px) {
.top_menu ul{
	margin: 0 30px;
}
}

@media screen and (max-width: 480px) {
.top_menu ul{
	margin: 0 20px;
}
.top_menu li {
	width: calc(100%/3);
}
}

/*--------------------NEWS--------------------*/
.top_news{
	background: #f7f7f7;
	padding: 60px 0;
}

.top_news h2{
	text-align: center;
}

.top_news_tab{
	margin: 0 30px;
}

.top_news_tab ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-around;
	width: 100%;
}

.top_news_tab li{
	box-sizing: border-box;
	border-left: 1px solid #646464;
	width: calc(100%/3);
	font-weight: bold;
	text-align: center;
}

.top_news_tab li:last-child{
	border-right: 1px solid #646464;
}

.top_news_tab li span{
	color: #333;
	display: block;
	padding: 10px 0;
	text-decoration: none;
	transition: all .3s ease-out;
}

.top_news_tab li span:hover{
	background: #00cb98;
	color: #fff;
	cursor: pointer;
	opacity: 0.6;
}

.top_news_tab .tab_active span{
	background: #00cb98;
	color: #fff;
}

.top_news_tablists{
	margin: 30px;
}

.top_news_tablist{
	display: none;
}

.top_news_tablist.tab_show{
	display: block;
}

.top_news_tablists ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 225px;
	overflow: scroll;
	overflow-x: hidden;
}

.top_news_tablists li{
	border-bottom: 1px solid #727171;
}

.top_news_tablists li a{
	color: #333;
	font-weight: bold;
	display: block;
	padding: 15px;
	text-decoration: none;
	transition: all .3s ease-out;
}

.top_news_tablists li a:hover{
	color: #00cb98;
}

.top_news_tablists li span{
	color: #5a5858;
	display: inline-block;
	margin-right: 15px;
}

@media screen and (max-width: 480px) {
.top_news_tab{
	margin: 0;
}
.top_news_tab li span {
	font-size: 3.4vw;
}
.top_news_tablists{
	margin: 15px 0;
}
.top_news_tablists li span{
	display: block;
	margin-right: 0;
}
}

/*--------------------SNSリンク--------------------*/
.top_blog{
	padding: 60px 0;
}

.top_blog a {
	transition: all .3s ease-out;
}

.top_blog a:hover {
	opacity: 0.6;
}

.top_blog_2col,
.top_blog_3col,
.top_blog_4col{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.top_blog_2col > div,
.top_blog_2col li{
	width: 49%;
}
.top_blog_2col li a{
	display: block;
}
.top_blog_2col li img{
	width: 100%;
}

.top_blog_3col{
	margin: 30px auto;
	max-width: 690px;
}
.top_blog_3col > div,
.top_blog_3col li{
	width: 31.5%;
	margin-bottom:10px;
}
.top_blog_3col li a{
	display: block;
}
.top_blog_3col li img{
	width: 100%;
}
@media screen and (max-width: 480px) {
	.top_blog_3col > div,
	.top_blog_3col li{
		width: 48%;
		margin-bottom:10px;
	}
}

.top_blog_4col{
	margin: 30px 0;
}
.top_blog_4col li{
	box-sizing: border-box;
	padding: 0 10px;
	width: 25%;
}
.top_blog_4col li a{
	display: block;
}
.top_blog_4col li img{
	width: 100%;
}

.top_blog_youtube{
	box-sizing: border-box;
	background: #ed3023;
	padding: 15px;
}

.top_blog_youtube_title{
	box-sizing: border-box;
	padding: 0;
	margin: 0 auto 10px;
	width: 90%;
}

.top_blog_youtube_title img{
	width: 100%;
}

.top_blog_youtube_content{
	max-width: 460px;
	width: 100%;
	position: relative;
}

.top_blog_youtube_content::before{
	content: "";
	display: block;
	padding-top: 56.25%;
}

.top_blog_youtube_content iframe{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.top_blog_twitter{
	box-sizing: border-box;
	background: #1da1f2;
	padding: 15px;
}

.top_blog_twitter_title{
	box-sizing: border-box;
	padding: 0;
	margin: 10px auto;
	width: 90%;
}

.top_blog_twitter_title img{
	width: 100%;
}

.top_blog_twitter_content{
	height: 260px!important;
}

.top_blog_twitter .twitter-timeline{
	height: 260px!important;
	width: 100%!important;
	overflow-x: scroll;
}

@media screen and (max-width: 995px) {
	.top_blog_youtube,
	.top_blog_twitter{
		display: block;
	}
	.top_blog_youtube_title img,
	.top_blog_twitter_title img{
		display: block;
	}
	.top_blog_youtube_content,
	.top_blog_twitter_content{
		margin: 0 auto;
	}
}

.top_blog_twitter .button,
.top_blog_youtube .button{
	margin:20px auto 5px;
}
@media screen and (max-width: 480px) {
	.top_blog_twitter .button,
	.top_blog_youtube .button{
		margin:10px 0 0;
	}
}

@media screen and (max-width: 480px) {
	.top_blog_2col > div,
	.top_blog_2col li{
		margin-bottom: 15px;
		width: 100%;
	}
	.top_blog_4col li{
		margin-bottom: 15px;
		width: 50%;
	}
}

/*--------------------きてか～な--------------------*/
.top_kitekana{
	padding: 30px 0 60px;
}

.top_kitekana .wrapper{
	position: relative;
	z-index: 10;
}

.top_kitekana a {
	transition: all .3s ease-out;
}

.top_kitekana a:hover {
	opacity: 0.6;
}

.top_kitekana h2 img{
	width: 100%;
	height: auto;
}

.top_kitekana ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.top_kitekana li{
	box-sizing: border-box;
	padding: 0 10px;
	width: 25%;
}

.top_kitekana li img{
	width: 100%;
}

@media screen and (max-width: 480px) {
.top_kitekana li{
	margin-bottom: 15px;
	width: 50%;
}
}

/*--------------------JAグリーン近江の特産物--------------------*/
.top_agricultural{
	padding: 60px 0;
	text-align: center;
}

.top_agricultural a {
	transition: all .3s ease-out;
}

.top_agricultural a:hover {
	opacity: 0.7;
}

.top_agricultural_3{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
}

.top_agricultural_3 li{
	box-sizing: border-box;
	padding: 0 30% 30px 0;
	width: 50%;
	transition: all .3s ease-out;
}

.top_agricultural_3 li a{
	color: #333;
	display: block;
	text-decoration: none;
}

.top_agricultural_3 li h3{
	font-size: 22px;
}

.top_agricultural_3 li h3 span{
	padding: 0 5px;
}

.top_agricultural_3 li p span{
	color: #00cb98;
	font-weight: bold;
}

.top_agricultural_3 li p{
	text-shadow: 0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff;
}

.top_agricultural_3 li:nth-of-type(1){
	background : url(../column/agricultural_rice.png) right top / auto 98% no-repeat scroll padding-box border-box transparent;
	margin: 0 0 30px 25%;
}

.top_agricultural_3 li:nth-of-type(1):hover{
	background : url(../column/agricultural_rice.png) right top / auto 100% no-repeat scroll padding-box border-box transparent;
	cursor: pointer;
}

.top_agricultural_3 li:nth-of-type(1) h3 span{
	background: linear-gradient(transparent 60%, #ffc800 60%);
}

.top_agricultural_3 li:nth-of-type(2){
	background : url(../column/agricultural_leaf.png) right top / auto 98% no-repeat scroll padding-box border-box transparent;
}

.top_agricultural_3 li:nth-of-type(2):hover{
	background : url(../column/agricultural_leaf.png) right top / auto 100% no-repeat scroll padding-box border-box transparent;
	cursor: pointer;
}

.top_agricultural_3 li:nth-of-type(2) h3 span{
	background: linear-gradient(transparent 60%, #d697ff 60%);
}

.top_agricultural_3 li:nth-of-type(3){
	background : url(../column/agricultural_cow.png) right top / auto 98% no-repeat scroll padding-box border-box transparent;
}

.top_agricultural_3 li:nth-of-type(3):hover{
	background : url(../column/agricultural_cow.png) right top / auto 100% no-repeat scroll padding-box border-box transparent;
	cursor: pointer;
}

.top_agricultural_3 li:nth-of-type(3) h3 span{
	background: linear-gradient(transparent 60%, #ff9798 60%);
}

.top_agricultural_4col{
	list-style-type: none;
	margin: 60px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.top_agricultural_4col li{
	box-sizing: border-box;
	padding: 0 10px;
	width: 25%;
}

.top_agricultural_4col li a{
	color: #333;
	display: block;
	text-decoration: none;
}

.top_agricultural_4col li a:hover img{
	padding: 0.25% 0;
	width: 100%;
}

.top_agricultural_4col li img{
	padding: 2.5%;
	width: 95%;
	transition: all .3s ease-out;
}

.top_agricultural_4col li h3{
	font-size: 18px;
	margin: 0;
}

.top_agricultural_4col li:nth-of-type(1) h3 span{
	background: linear-gradient(transparent 60%, #f6b48e 60%);
}

.top_agricultural_4col li:nth-of-type(2) h3 span{
	background: linear-gradient(transparent 60%, #d9e474 60%);
}

.top_agricultural_4col li:nth-of-type(3) h3 span{
	background: linear-gradient(transparent 60%, #98ce97 60%);
}

.top_agricultural_4col li:nth-of-type(4) h3 span{
	background: linear-gradient(transparent 60%, #c9b498 60%);
}

@media screen and (max-width: 920px) {
.top_agricultural_3 li:nth-of-type(1){
	background : url(../column/cooking/agricultural_rice.png) right top / auto 90% no-repeat scroll padding-box border-box transparent;
}
.top_agricultural_3 li:nth-of-type(2){
	background : url(../column/cooking/agricultural_leaf.png) right top / auto 90% no-repeat scroll padding-box border-box transparent;
}
.top_agricultural_3 li:nth-of-type(3){
	background : url(../column/cooking/agricultural_cow.png) right top / auto 90% no-repeat scroll padding-box border-box transparent;
}
}

@media screen and (max-width: 768px) {
.top_agricultural_3 li{
	margin: 0!important;
	width: 100%;
}
}

@media screen and (max-width: 480px) {
.top_agricultural_3 li{
	padding: 0 0 50vw 0;
	margin: 0!important;
	width: 100%;
}
.top_agricultural_3 li:nth-of-type(1){
	background : url(../column/cooking/agricultural_rice.png) right bottom / 90% auto no-repeat scroll padding-box border-box transparent;
}
.top_agricultural_3 li:nth-of-type(1):hover{
	background : url(../column/cooking/agricultural_rice.png) right bottom / 100% auto no-repeat scroll padding-box border-box transparent;
}
.top_agricultural_3 li:nth-of-type(2){
	background : url(../column/cooking/agricultural_leaf.png) right bottom / 90% auto no-repeat scroll padding-box border-box transparent;
}
.top_agricultural_3 li:nth-of-type(2):hover{
	background : url(../column/cooking/agricultural_leaf.png) right bottom / 100% auto no-repeat scroll padding-box border-box transparent;
}
.top_agricultural_3 li:nth-of-type(3){
	background : url(../column/cooking/agricultural_cow.png) right bottom / 90% auto no-repeat scroll padding-box border-box transparent;
}
.top_agricultural_3 li:nth-of-type(3):hover{
	background : url(../column/cooking/agricultural_cow.png) right bottom / 100% auto no-repeat scroll padding-box border-box transparent;
}
.top_agricultural_4col li{
	margin-bottom: 15px;
	width: 50%;
}
}

/*--------------------PICKUP--------------------*/
.top_pickup{
	padding: 60px 0;
	margin-bottom: 30px;
}

.swiper-container-pickup{
	position: relative;
}

.top_pickup .swiper-button-prev{
	background : url(../about/einou/bt_slide_prev.svg) center center / 100% auto no-repeat scroll padding-box border-box transparent;
}

.top_pickup .swiper-button-next{
	background : url(../about/einou/bt_slide_next.svg) center center / 100% auto no-repeat scroll padding-box border-box transparent;
}

.top_pickup h2{
	text-align: center;
	z-index: 10;
	position: relative;
}

.top_pickup ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.top_pickup li{
	background: #fff;
	border-radius: 10px;
}

.top_pickup li a{
	color: #333;
	display: block;
	text-decoration: none;
	transition: all .3s ease-out;
}

.top_pickup li a:hover {
	opacity: 0.6;
}

.top_pickup li img{
	border-radius: 8px;
	width: 100%;
}

.top_pickup li h3{
	margin: 0;
}

.top_pickup li p{
	min-height: 4em;
	margin: 1em;
}

/*--------------------information--------------------*/
.top_information{
	padding: 60px 0;
	margin-bottom: 30px;
}

.swiper-container-information{
	position: relative;
}

.top_information .swiper-button-prev{
	background : url(../about/einou/bt_slide_prev.svg) center center / 100% auto no-repeat scroll padding-box border-box transparent;
}

.top_information .swiper-button-next{
	background : url(../about/einou/bt_slide_next.svg) center center / 100% auto no-repeat scroll padding-box border-box transparent;
}

.top_information h2{
	text-align: center;
	z-index: 10;
	position: relative;
}

.top_information ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.top_information li{
	background: #fff;
	border-radius: 10px;
}

.top_information li a{
	color: #333;
	display: block;
	text-decoration: none;
	transition: all .3s ease-out;
}

.top_information li a:hover {
	opacity: 0.6;
}

.top_information li img{
	border-radius: 10px;
	width: 100%;
}

.top_information li h3{
	margin: 0;
}

.top_information li p{
	min-height: 5em;
	margin: 1em;
}

/*--------------------バナー--------------------*/
.top_banner{
	padding: 30px 0;
}

.swiper-container-banner{
	position: relative;
}

.top_banner .swiper-button-prev{
	background : url(../about/einou/bt_slide_banner_prev.svg) center center / 100% auto no-repeat scroll padding-box border-box transparent;
}

.top_banner .swiper-button-next{
	background : url(../about/einou/bt_slide_banner_next.svg) center center / 100% auto no-repeat scroll padding-box border-box transparent;
}

.top_banner ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.top_banner li a {
	transition: all .3s ease-out;
}

.top_banner li a:hover {
	opacity: 0.6;
}

.top_banner li img{
	width: 100%;
}



/*====================================================================
　下層ページ共通設定
====================================================================*/
/*--------------------ヘッダー--------------------*/
.sub header{
	position: relative;
}

.sub .header_main_nav li{
	border-left: 1px solid #333;
}

.sub .header_main_nav li:last-child{
	border-right: 1px solid #333;
}

.sub .header_main_nav a{
	color: #333;
	text-shadow: none;
}

.sub .header_main_nav a:hover{
	color: #00cb98;
}

/*--------------------見出し--------------------*/
.page_h2{
	font-weight: bold;
	padding: 50px 0;
	text-align: center;
	position: relative;
	background-color: #f1f1f1;
	background-attachment: fixed;
}

.page_h2_normal {

}
.page_h2::before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background-size:cover;
}

.page_h2 h2,
.page_h2 p{
	position: relative;
	z-index: 10;
}


/* JAグリーン近江について */
.about .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}


/* JAバンク */
.bank .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}


/* JA共済 */
.mutual-aid_main .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* 特産品 */
.speciality-products .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* 支店案内 */
.shop .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* 直売所案内 */
.directshop .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* 求人情報 */
.recruit .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* 自己改革工程表 */
.self-reform .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* デジタル広報誌 ぐりんぴ～す */
.greenpeas .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* 困ったときの連絡先 */
.help .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* お知らせ */
.news .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* お問い合わせ */
.contact .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* お役立ち情報コラム */
.column .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* キャラクター */
.profil .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* ふるさと納税 */
.furusato-tax .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* リンクの広場 */
.link .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* 資産運用 */
.asset-management .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* サイトマップ */
.sitemap .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

/* 組合員になる */
.joinus .page_h2{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}


.sub h3{
	border-bottom: 2px solid #00cb98;
	color: #00cb98;
	padding: 0.25em 0;
	margin: 0 0 2em;
	text-align: center;
}

.sub h4{
	border-left: 5px solid #00cb98;
	border-bottom: 2px solid #00cb98;
	padding: 0 10px 0.25em;
}

.sub h5{
	margin: 0 0 20px;
	padding: 5px;
	background-color: #eaeaea;
}

.sub h6{
	margin: 0;
	padding: 5px;
	color: #006633;
	border-bottom: 1px dotted #bdbdbd;
}

/*--------------------パンくずリスト--------------------*/
.bread{
	margin: 10px auto;
}

.bread ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.bread li{
	margin: 0 5px;
}

.bread li::after{
	font-family: 'Font Awesome 5 Free';
	margin-left: 0.5em;
	content: "\f105";
	color: #333;
	font-weight: bold;
}

.bread li:last-child::after{
	content: none;
}

.bread li a{
	color: #333;
}

/*--------------------メインコンテンツ--------------------*/
.contents{
	background:#fff;
}
.contents_wrap{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 60px auto 0;
	min-height:768px;
}
@media screen and (max-width: 768px) {
	.contents_wrap {
		flex-wrap: wrap;
	}
}

.main_contents{
	width: 100%;
	margin-bottom:60px;
}


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


/*-------------------- サイドメニュー --------------------*/
aside{
	width: 20%;
	margin:0 0 60px 40px;
	margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
	aside{
		margin: 0 0 60px;
		width: 100%;
	}
}

.aside_title{
	background: #00cb98;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

aside ul{
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0;
}

aside li{
	border-bottom: 1px solid #ccc;
}

aside li a{
	color: #333;
	display: block;
	padding: 8px 0;
	text-decoration: none;
	transition: all .3s ease-out;
	position: relative;
	padding-right: 10px;
}

aside li span{
	padding: 8px 0;
	display: block;
}

aside li a::after{
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	color: #00cb98;
	font-weight: bold;
	position: absolute;
	top: 28%;
	right: 0;
}

aside li a:hover{
	color: #00cb98;
}

aside li ul{
	margin: 0 0 0 1.5em;
}

aside li ul li{
	border: none;
}



/*------------------------------------------------------------*/
/*　JAグリーン近江について                                    */
/*------------------------------------------------------------*/

/*-- 大中の湖水稲病害虫防除（とれさグリーン近江）　about/toresa09.html --*/
.table-toresa th:nth-of-type(1){
	width:5%;
}
.table-toresa th:nth-of-type(2){
	width:35%;
}
.table-toresa th:nth-of-type(4){
	width:15%;
}
.table-toresa img{
	max-width:none;
}

@media screen and (max-width: 480px) {
	.table-toresa{
		border-bottom: 1px solid #dadada;
	}
	.table-toresa tr{
		border-top: 1px solid #dadada;
	}
	.table-toresa th:nth-of-type(1),
	.table-toresa th:nth-of-type(2),
	.table-toresa th:nth-of-type(4){
		width:auto;
	}
	.table-toresa th{
		display:flex;
		width:auto;
		border-top:none;
		border-bottom:none;å
	}
	.table-toresa td{
		display:flex;
		border-top: none;
		border-bottom:none;
	}
}



/*------------------------------------------------------------*/
/*　お知らせ                                                    */
/*------------------------------------------------------------*/
.news article{
	margin-bottom: 80px;
}



/*------------------------------------------------------------*/
/*　支店一覧                                                  */
/*------------------------------------------------------------*/
.shoplist-wrap{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:40px;
}

.shoplist{
	box-sizing: border-box;
	float: left;
	width: 50%;
	margin-top: 10px;
}
@media screen and (max-width: 768px) {
	.shoplist{
		width: 100%;
	}
}

.shoplist .photo{
	float: left;
}

.shoplist h4{
	border: none;
	color: #063;
	margin: 0 0 0 154px;
	padding: 0;
}
@media screen and (max-width: 480px) {
	.shoplist h4{
		margin:0;
	}
}

.shoplist p{
	margin: 0 0 0 154px;
	line-height: 1.4;
}
@media screen and (max-width: 480px) {
	.shoplist p{
		margin:0;
	}
}

.shoplist ul{
	margin: 5px 0 0 154px;
	padding: 0;
	list-style-type: none;
}
@media screen and (max-width: 480px) {
	.shoplist ul{
		margin:0;
	}
}

.shoplist li{
	float: left;
	margin-right: 5px;
}
@media screen and (max-width: 480px) {
	.shoplist img{
		width:100%
	;
}
}

.table-shop th{
	width:25%;
}
.table-shop img{
	max-width:none;
}

@media screen and (max-width: 480px) {
	.table-shop{
		border-bottom: 1px solid #dadada;
	}
	.table-shop th{
		display:flex;
		width:auto;
		border-bottom:none;
	}
	.table-shop td{
		display:flex;
		border-top: none;
		border-bottom:none;
	}
}



/*------------------------------------------------------------*/
/*　直売所一覧                                                */
/*------------------------------------------------------------*/
.directshoplist dl{
	margin-left: 270px;
}
@media screen and (max-width: 768px) {
	.directshoplist dl{
		margin-left:0;
	}
}

.directshoplist dt{
	color: #960;
}

.directshoplist dd{
	margin: 0;
	padding: 0;
}

.directshoplist dd img{
	margin-left: 10px;
}

.directshoplist .kakomi{
	min-height: 79px;
	margin-top: 0;
	margin-right: 146px;
}
@media screen and (max-width: 768px) {
	.directshoplist .kakomi{
		margin-right: 0;
		margin-top:20px;
	}
}



/*------------------------------------------------------------*/
/*　JAバンク                                                */
/*------------------------------------------------------------*/
.bank .kakomi{
	min-height: 79px;
	margin-top: 0;
	margin-right: 146px;
}
@media screen and (max-width: 768px) {
	.bank .kakomi{
		margin-right: 0;
		margin-top:20px;
	}
}



/*------------------------------------------------------------*/
/*　お役立ち情報コラム                                        */
/*------------------------------------------------------------*/
/*--------------------バックナンバー--------------------*/
.backnumber{
	list-style-type: none;
}

.backnumber li{
	float: left;
	padding: 0 10px;
	background-image : url(../column/cooking/arrow_orange_small.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

@media screen and (max-width: 768px) {
	.backnumber li{
		float: none;
		padding: 0 0 0 20px;
	}
}



/*------------------------------------------------------------*/
/*　共済のご案内                                              */
/*------------------------------------------------------------*/
/*--------------------三本柱--------------------*/
.mutual-aid {
	display:flex;
}
@media screen and (max-width: 480px) {
	.mutual-aid{
		display:block;
	}
}

.mutual-aid_main table{
	width: 100%;
		border-bottom: 1px solid #dadada;
}

@media screen and (max-width: 480px) {
	.mutual-aid_main table tr{
		border-bottom: 15px #fff solid;
	}
	.mutual-aid_main table th{
		display:flex;
		border-bottom:none;
	}
	.mutual-aid_main table td{
		display:flex;
		border-bottom:none;
	}
	.mutual-aid_main table td:last-child{
		border-bottom: 1px solid #dadada;
	}
}

.mutual-aid .human, .mutual-aid .house, .mutual-aid .car{
	padding:10px;

}

.mutual-aid .human{
	background-color: #fef7f6;margin-right: 11px;
}
.mutual-aid .human h5{
	background-color: transparent;border-bottom: 1px dotted #bdbdbd;
}
.mutual-aid .human h5 span{
	color: #e81478;
}
.mutual-aid .human div{
	background-color: #e81478;padding: 5px;color: #fff;
}

.mutual-aid .house{
	background-color: #eff8f9;margin-right: 11px;
}
.mutual-aid .house h5{
	background-color: transparent;border-bottom: 1px dotted #bdbdbd;
}
.mutual-aid .house h5 span{
	color: #0092d8;
}
.mutual-aid .house div{
	background-color: #0092d8;padding: 5px;color: #fff;
}

.mutual-aid .car{
	background-color: #f7f9fd;
}
.mutual-aid .car h5{
	background-color: transparent;border-bottom: 1px dotted #bdbdbd;
}
.mutual-aid .car h5 span{
	color: #111e77;
}
.mutual-aid .car div{
	background-color: #111e77;padding: 5px;color: #fff;
}


@media screen and (max-width: 480px) {
	.mutual-aid .human,
	.mutual-aid .house{
		margin:0 0 20px;
	}
}

/*--------------------種類一覧--------------------*/
.bg_mutural01{
	background-color: #ef0330!important;
	color: #fff;
	font-weight: bold;
}

.font_mutural01{
	color: #ef0330;
}

.bg_mutural02{
	background-color: #ed3e4e!important;
	color: #fff;
	font-weight: bold;
}

.font_mutural02{
	color: #ed3e4e;
}

.bg_mutural03{
	background-color: #b3021e!important;
	color: #fff;
	font-weight: bold;
}

.font_mutural03{
	color: #b3021e;
}

.bg_mutural04{
	background-color: #ef3a13!important;
	color: #fff;
	font-weight: bold;
}

.font_mutural04{
	color: #ef3a13;
}

.bg_mutural05{
	background-color: #2886ca!important;
	color: #fff;
	font-weight: bold;
}

.font_mutural05{
	color: #2886ca;
}

.bg_mutural06{
	background-color: #ed4947!important;
	color: #fff;
	font-weight: bold;
}

.font_mutural06{
	color: #ed4947;
}

.bg_mutural07{
	background-color: #ad1e87!important;
	color: #fff;
	font-weight: bold;
}

.font_mutural07{
	color: #ad1e87;
}

.bg_mutural08{
	background-color: #73925b!important;
	color: #fff;
	font-weight: bold;
}

.font_mutural08{
	color: #73925b;
}

.bg_mutural09{
	background-color: #248257!important;
	color: #fff;
	font-weight: bold;
}

.font_mutural09{
	color: #248257;
}

.bg_mutural10{
	background-color: #ee968d!important;
	color: #fff;
	font-weight: bold;
}

.font_mutural10{
	color: #ee968d;
}

.bg_mutural11{
	background-color: #0099ff!important;
	color: #fff;
	font-weight: bold;
}

.font_mutural11{
	color: #0099ff;
}

.bg_mutural12{
	background-color: #313193!important;
	color: #fff;
	font-weight: bold;
}

.font_mutural12{
	color: #313193;
}



/*------------------------------------------------------------*/
/*　特産品                                                      */
/*------------------------------------------------------------*/
/*-- 日野菜漬 --*/
.table-speciality-products th{
	width: 20%;
	text-align: center;
}
.table-speciality-products td{
	width:25%;
	padding: 0 5px 20px;
	vertical-align: baseline;
}
.table-speciality-products h5{
	background-color:#ff3399;
	color:#ffffcc;
	padding:5px;
	margin-bottom:10px;
	}
@media screen and (max-width: 480px) {
	.table-speciality-products{
		border-bottom: 1px solid #dadada;
	}
	.table-speciality-products th{
		width: auto;
		display: block;
		text-align: left;
		border-bottom:0;
	}
	.table-speciality-products td{
		display: block;
		border-bottom:0;
		width:80%;
		padding:0;
		margin:0 auto 20px;
	}
	.table-speciality-products img{
		width:80%;
	}
	.table-base.table-speciality-products{
		border-bottom:0;
	}
}

/*------------------------------------------------------------*/
/*　デジタル広報誌 ぐりんぴ～す                               */
/*------------------------------------------------------------*/
/*--------------------最新号--------------------*/
.greenpeas_latest {
	display: flex;
}

/* 最新号画像 */
.greenpeas_latest_img{
	width: 40%;
}

.greenpeas_latest_img img{
	border: 1px solid #ccc;
}

/* 最新号テキスト */
.greenpeas_latest_text{
	box-sizing: border-box;
	font-size: 120%;
	font-weight: bold;
	padding: 0 20px;
	width: 60%;
}

.greenpeas_latest_text strong{
	color: #00cb98;
}

.greenpeas_latest_text .button{
	text-align: left;
}

/*--------------------バックナンバー--------------------*/
.greenpeas_backnumber{
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.greenpeas_backnumber li{
	box-sizing: border-box;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	width: calc(100% / 6);
}

.greenpeas_backnumber li img{
	border: 1px solid #ccc;
}

@media screen and (max-width: 480px) {
.greenpeas_latest{
	display: block;
}
.greenpeas_latest_img{
	width: 100%;
}
.greenpeas_latest_text{
	margin-bottom: 60px;
	width: 100%;
}
.greenpeas_backnumber li {
	width: calc(100% / 3);
}
}



/*====================================================================
　お問合せ
====================================================================*/
.inquiry{
	text-align: center;
}

.inquiry .main_text{
	color: #898989;
	font-size: 16px;
	margin-top: 48px;
}

.inquiry_tel{
	text-align: center;
	transition: all .3s ease-out;
}

.inquiry_tel:hover {
	opacity: 0.6;
}

.inquiry_tel a{
	display: block;
	margin: 0 auto;
	width: 30%;
}

.inquiry table{
	box-sizing: border-box;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
}

.inquiry th{
	box-sizing: border-box;
	background: #e9f5f5;
	padding: 10px;
	text-align: left;
	width: 280px;
}

.inquiry th em{
	border: 2px solid #e9f5f5;
	color: #cc3f3e;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

.inquiry td{
	box-sizing: border-box;
	border: 2px solid #e9f5f5;
	padding: 10px;
}

.inquiry td input[type="text"]{
	width: 40%!important;
}

.inquiry td ul{
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.inquiry td li {
	flex-basis: 50%;
}

.inquiry td label{
	text-decoration: none!important;
}

.inquiry_privacy{
	border: 2px solid #e9f5f5;
	border-top: none;
	padding: 10px;
	margin: 0;
}

.inquiry iframe{
	box-sizing: border-box;
	border: 2px solid #ccc;
	margin: 10px 5%;
	width: 90%;
}

#mfp_buttons ul{
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
}

li.confirm_top{
	background-position: center top!important;
}

li.confirm_bottom{
	background-position: center bottom!important;
}

@media screen and (max-width: 930px) {
.inquiry td li {
	flex-basis: 100%;
}
}

@media screen and (max-width: 768px) {
.inquiry_tel a{
	width: 50%;
}
.inquiry th,
.inquiry td,
.inquiry_ex{
	display: block;
	width: 100%;
}
.inquiry td input[type="text"]{
	width: 80%!important;
}
.inquiry_tel a{
	width: 70%;
}
div#confirmBody{
	width: 100%!important;
	left: 0!important;
}
div#confirmBody div.mfp_title{
	width: 60%!important;
	height: auto!important;
}
div#confirmBody div.mfp_title img{
	width: 100%!important;
	height: auto!important;
}
ul.confirm_layer::after{
	content: "";
	clear: both;
	display: block;
}
ul.confirm_layer{
	width: 100%!important;
}
ul.confirm_layer li{
	width: 100%!important;
}
li.confirm_top,
li.confirm_middle,
li.confirm_bottom{
	background-size: 100% auto;
}
li.confirm_top,
li.confirm_bottom{
	background-repeat: no-repeat!important;
}
table.infield{
	width: 90%!important;
}
table.infield th{
	box-sizing: border-box!important;
	width: 30%!important;
}
div#confirmBody .buttons{
	margin-top: 10px!important;
}
}

@media screen and (max-width: 460px) {
.inquiry td input[type="text"]{
	width: 100%!important;
}
table.infield th,
table.infield td{
	box-sizing: border-box!important;
	width: 100%!important;
	display: block!important;
	border: none!important;
	text-align: left!important;
}
table.infield td p{
	border: none!important;
}
}



/*====================================================================
　フォーム設定
====================================================================*/
.error{
	margin-top: 0;
	padding: 0.5em;
	border-radius: 10px;
	background: #F8DFDF;
	color: #ff0000;
}

.required{
	color: #ff0000;
	font-size: 3vw;
	font-weight: bold;
	position: relative;
	top: -1vw;
}

.form{
	text-align: left;
}

.form dt{
	font-weight: bold;
	margin: 0;
	padding: 5vw 0.25em 0.25em;
	border-bottom: 1px dotted #aaa;
}

.form dd{
	margin: 0;
	padding: 0.25em;
}

.form dt .error{
	margin: 0.25em 0;
}

input[type="radio"]{
	-webkit-appearance: none;
	outline: none;
	position: relative;
	margin-right: 5px;
	border-radius: 14px;
	border: 2px solid #ccc;
	-webkit-box-sizing: border-box;
	width: 28px;
	height: 28px;
	background: #fff;
	vertical-align: middle;
}
input[type="radio"]:checked{
	background: #fff;
}
input[type="radio"]:checked::before{
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	margin: -5px 0 0 -5px;
	content: "";
	border-radius: 5px;
	width: 10px;
	height: 10px;
	background: #ed9027;
}
input[type="checkbox"]{
	-webkit-appearance: none;
	outline: none;
	position: relative;
	margin-right: 5px;
	border-radius: 8px;
	border: 2px solid #ccc;
	-webkit-box-sizing: border-box;
	width: 28px;
	height: 28px;
	background: #fff;
	vertical-align: middle;
}

input[type="checkbox"]:checked{
    background: #fff;
}
input[type="checkbox"]:checked::before{
    position: absolute;
    left: 1px;
    top: 17px;
    display: block;
    content: "";
    width: 10px;
    height: 4px;
    background: #ed9027;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}
input[type="checkbox"]:checked::after{
    display: block;
    position: absolute;
    left: 9px;
    top: 17px;
    content: "";
    width: 19px;
    height: 4px;
    background: #ed9027;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"],
select{
	box-sizing: border-box;
	font-family: inherit;
	font-size: 16px;
	padding: 2px;
	outline: none;
	max-width: 100%;
}

textarea{
	box-sizing: border-box;
	width: 100%!important;
	font-size: 16px!important;
}

button{
	border: none;
	background: none;
}

button:focus{
	outline: 0;
}

button[disabled] {
	opacity: 0.4;
}

.bt-submit{
	margin: 10px 0;
	text-align: center;
}

.submit{
	box-sizing: border-box;
	-webkit-appearance: none;
	padding: 7px 15px;
	margin: 0 10px;
	border: none;
	background: #ed9027;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.submit::after{
	font-family: 'Font Awesome 5 Free';
	content: "\f0da";
	margin-left: 0.5em;
}

.reset{
	box-sizing: border-box;
	-webkit-appearance: none;
	padding: 7px 15px;
	margin: 0 10px;
	border: none;
	background: #aaa;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.reset::before{
	font-family: 'Font Awesome 5 Free';
	content: "\f0d9";
	margin-right: 0.5em;
}

.submit:hover,
.reset:hover {
	opacity: 0.7;
}