body{
    font-family: YuMincho,'Hiragino Mincho Pro','游明朝','Yu Mincho',serif;
    margin: 0;
    padding: 0;
    font-size: 18px;
    background: url(../images/bg.jpg) repeat-y;
	background-size: 100%;
}
html{scroll-behavior: smooth; overflow-x: hidden;}
img{image-rendering:-webkit-optimize-contrast; vertical-align:top;}
.inner{width: 90%; max-width: 1200px; margin: auto;}
.inner1050{width: 90%; max-width: 1050px; margin: auto;}
.w960{display: block;}
.w960-2{display: none;}
.w837{display: block;}
.w837-2{display: none;}
.w768{display: block;}
.w768-2{display: none;}
.w500{display: block;}
.w500-2{display: none;}
.w430{display: block;}
.w430-2{display: none;}
.w375{display: block;}
.w375-2{display: none;}
.w320{display: block;}
.w320-2{display: none;}
.go{font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"メイリオ",Meiryo,sans-serif;}
a{text-decoration: none;}
a:hover{opacity: 0.5;}
p{text-align: justify;margin:0px;}
ul{list-style-type: none;margin: 0;padding: 0;}
h1,h2,h3{margin:0px;}
@media screen and (max-width: 960px){
	.w960{display: none;}
	.w960-2{display: block;}
}
@media screen and (max-width: 837px){
	.w837{display: none;}
	.w837-2{display: block;}
}
@media screen and (max-width: 768px){
	.w768{display: none;}
	.w768-2{display: block;}
}
@media screen and (max-width: 500px){
	body{font-size: 14px;}
	.w500{display: none;}
	.w500-2{display: block;}
}
@media screen and (max-width: 430px){
	.w430{display: none;}
	.w430-2{display: block;}
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
}
}
@media screen and (max-width: 375px){
	.w375{display: none;}
	.w375-2{display: block;}
}
@media screen and (max-width: 320px){
	.w320{display: none;}
	.w320-2{display: block;}
}
/*header***************/
.h_logo{
	background-color: #fff;
	width: 100%;
	padding: 20px 0px;
}
.h_logo img{
	display: block;
	margin: auto;
	width: 286px;
}
header nav ul{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 7vh;
}
header nav ul li{
	font-size: 18px;
    text-align: center;
}
header nav ul li a{
	color: #000;
	padding: 0 30px;
}
/*スクロール時に上から出てくるメニュー*/
.menu {
    position: fixed;
    top: -100px;
    right: 0;
    z-index: 9999;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));
    transition: .7s;
	display: flex;
    align-items: center;
    justify-content: center;
}
.menu ul {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.menu ul li{
    text-align: center;
	padding: 20px;
	color: #000;
}
.menu ul li a {
    color: #000;
    font-size: 16px;
}
.menu ul li a:hover{color: #6398AC;}
.menu .h_yoyaku{padding: 30px 50px 0px;}
@media screen and (max-width: 960px){
.h_logo img {width: 140px;}
header nav ul{display: block;}
header nav ul li{border: none;font-size: 16px;}
.menu{display: none;}

/*　ハンバーガーメニューボタン　*/
.hamburger {
    display : block;
    position: fixed;
    z-index : 3;
    right : 10px;
    top   : 10px;
    width : 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
    border-radius: 50%;	
	background-color: #6398AC;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 15px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 25px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 20px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 20px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background-color: #6398AC;
  text-align: center;
  width: 100%;
  transform: translateX(100%);
  transition: all 0.6s;
	height: 100vh;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  width: 100%;
	padding: 40px 0px
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 0.5em 0;
  text-decoration :none;
}
	nav.globalMenuSp img{
		margin-top: 30px;
	}
/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateX(0%);
	
}
header nav ul{
	height: auto;
}
}

/*メインビジュアル（トップページ）***************/
#mainvisual{
	position: relative;
	background: url(../images/mainvisual.jpg) center center / cover no-repeat;
    width: 100vw;
    height: 93vh;
}
#mainvisual h1 img{
	position: absolute;
	top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
	max-width: 721px;
	width: 90%;
}
@media screen and (max-width: 960px){
	#mainvisual{height: 100vh;}
}

/*サブビジュアル（下層ページ）***************/
#subvisual{
	background: url(../images/subvisual.jpg) no-repeat center center;
	background-size: cover;
}
.sub_moyou{
	background: 
	url(../images/sub_left.png) no-repeat center left,
	url(../images/sub_right.png) no-repeat center right;
	background-size: 350px;
	height: 357px;
}
#subvisual h2{
	color: #fff;
	font-size: 36px;
	font-weight: 600;
	text-align:center;
	height:357px;
	line-height:357px;
	letter-spacing: 0.2em;
}
@media screen and (max-width: 1070px){
	.sub_moyou {background-size: 250px;}
}
@media screen and (max-width: 960px){
	#subvisual h2 {height: 200px;line-height: 200px;}
	.sub_moyou {height: 200px;background-size: 150px;}
}
@media screen and (max-width: 768px){
	#subvisual h2 {font-size: 30px;}
}
@media screen and (max-width: 500px){
	.sub_moyou {height: 150px;background-size: 90px;}
	#subvisual h2 {font-size: 22px;height: 150px;line-height: 150px;}
}
@media screen and (max-width: 375px){
	.sub_moyou {height: 110px;background-size: 50px;}
	#subvisual h2 {font-size: 22px;height: 110px;line-height: 110px;}
}

/*トップページ***************/
#umemura .top_main{
	background: url(../images/top_line.png) no-repeat center top / 100%;
	background-color: #672D2D;
	padding-top: 300px;
}
#umemura .top_nami{
	background: url(../images/top_main_bg.png) no-repeat center bottom;
	padding-bottom: 250px;
}
.top_main .t_position{
	position: relative;
}
.t_position .t_left{
	position:absolute;
	max-width: 204px;
	left: 150px;
    top: 100px;
}
.t_position .t_right{
	position:absolute;
	max-width: 402px;
	right: 0;
	bottom: 0;
}
.top_main .midashi{
	color: #fff;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align: end;
	margin: auto;
	font-size: 45px;
	letter-spacing: 0.2em;
	position: relative;
}
.top_main .midashi span{
	font-size: 36px;
}
.top_main .txt{
	background-color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding: 50px;
	line-height: 1.8;
	margin: 100px auto;
}
.old{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 100px;
}
.old img{
	max-width: 394px;
}
.old_txt{
    background: url(../images/fukidashi.png) no-repeat center;
	width: 632px;
    height: 438px;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-flow: column;
}
.old_txt p span{
	color: #672D2D;
	font-weight: 600;
	font-size: 22px;
	text-align: center;
	line-height: 0;
	margin-top: 30px;
	display: block;
}
.old_txt p{
	font-weight: 600;
	line-height: 1.8;
	padding: 0 80px;
	text-align: justify;
}
.btn_white,.btn_red{
	max-width: 735px;
	width: 100%;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	display: block;
	margin: auto;
    padding: 20px 0px;
}
.btn_white{
	color: #672D2D;
    background-color: #fff;
}
.btn_red{
	color: #fff;
    background-color: #672D2D;
}
@media screen and (max-width: 1530px){
	#umemura .top_main {padding-top: 250px;}
}
@media screen and (max-width: 1140px){
	.old img {max-width: 300px;}
}
@media screen and (max-width: 1110px){
	.t_position .t_left {left: 0;}
	.t_position .t_right {max-width: 300px;}
}
@media screen and (max-width: 1040px){
	.old img {max-width: 230px;}
}
@media screen and (max-width: 1024px){
	#umemura .top_main {padding-top: 200px;}
}
@media screen and (max-width: 960px){
	#umemura .top_nami {padding-bottom: 50px;background-size: 100%;}
	#umemura .top_main {padding-bottom: 100px;}
	.t_position .t_right {max-width: 250px;}
	.top_main .txt {margin: 60px auto 40px;}
	.old {flex-flow: column;}
	.old img {transform: rotate(60deg);margin-bottom: -30px;}
}
@media screen and (max-width: 768px){
	#umemura .top_main {padding-top: 150px;}
	.t_position .t_left {max-width: 100px;top: 0;}
	.t_position .t_right {max-width: 150px;}
	.top_main .txt {font-size: 18px;}
	.old {display: block;}
	.old_txt{background: url(../images/fukidashi_768.png) no-repeat center;background-size: 100% auto;width: 100%;height: 650px;margin-top: -100px;}
}
@media screen and (max-width: 640px){
	#umemura .top_nami {padding-bottom: 30px;}
}
@media screen and (max-width: 590px){
	.old_txt p span{display: inline;}
	.old_txt{background: url(../images/fukidashi_590.png) no-repeat center;background-size: 100% auto;width: 100%;height: 716px;margin-top: 0;}
}
@media screen and (max-width: 500px){
	#umemura .top_main {padding-top: 80px;}
	.top_main .midashi {font-size: 26px;}
	.top_main .midashi span {font-size: 18px;}
	.t_position .t_left,.t_position .t_right{max-width: 70px;}
	.top_main .txt {font-size: 16px;margin: 40px auto;padding: 30px;}
	.old {margin-bottom: 0px;}
	.old_txt{margin-top: -80px;}
	.old_txt p {padding: 0 40px;}
	.old_txt p span,.btn_white, .btn_red{font-size: 18px;}
	.old img {max-width: 100px;}
}
@media screen and (max-width: 430px){
	.old_txt {height: 600px;}
	.old_txt {margin-top: -50px;}
}
@media screen and (max-width: 390px){
	#umemura .top_nami {padding-bottom: 10px;}
}
@media screen and (max-width: 320px){
	.old_txt {height: 500px;}
}

.top_business{
	padding-top: 150px;
}
h2.item{
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0.1em;
    background: url(../images/item_point.png) no-repeat center bottom;
	margin: auto;
    width: 300px;
    height: 90px;
    background-size: 100%;
}
.top_business_txt{
	text-align: center;
	color: #672D2D;
	font-weight: 600;
	font-size: 24px;
	margin: 70px 0px 20px;
}
.top_business ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-flow: wrap;
}
.top_business ul li{
	background-color: #fff;
	text-align: center;
	margin-bottom: 15px;
	width: 47%;
	padding: 1%;
}
.top_business ul li:nth-child(1),.top_business ul li:nth-child(2){
	width: 100%;
}
.top_business ul li:last-child{
	margin-bottom: 0px;
}
.top_business img{
	display: block;
	max-width: 814px;
	width: 100%;
	margin: 70px auto;
}
.fb{
	display: flex;
	margin: 200px 0px 100px;
}
.fb_txt{
	background-color: #672D2D;
	color: #fff;
	font-weight: 600;
	height: 630px;
	width: 70%;
	font-size: 26px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 5%;
	margin-left: 8%;
}
.fb-page{
  width: 100% !important;
  height: 630px !important;
}
@media screen and (max-width: 1024px){
	.fb_txt {width: 100%;margin-left: 0;}
}
@media screen and (max-width: 768px){
	.top_business ul li{width: 100%;}
	.fb {flex-flow: column;margin: 150px 0px;text-align: center;}
	.fb_txt{margin-right: 0;height: 150px;margin-bottom: 10px;}
}
@media screen and (max-width: 500px){
	.top_business {padding-top: 100px;}
	h2.item {font-size: 22px;width: 180px;height: 60px;}
	.top_business_txt {font-size: 16px;margin: 50px 0px 20px;}
	.top_business img {margin: 40px auto;}
	.fb {margin: 100px 0px;}
	.fb_txt{font-size: 18px;height: 100px;}
}
@media screen and (max-width: 320px){
	.top_business_txt {font-size: 14px;}
}

.top_message{
	background-color: #fff;
	padding: 80px;
	position: relative;
}
.top_message_flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 50px 0px;
}
.top_message_txt{
	width: 60%;
	font-size: 20px;
	line-height: 1.8;
}
.top_message_flex img{
	width: 35%;
}
.name{
	text-align: center;
	margin-bottom: 50px;
}
.name span{
	font-size: 22px;
	margin-left: 20px;
}
.top_message .point1{
	position:absolute;
	bottom: -70px;
    right: -130px;
	max-width: 434px;
}
@media screen and (max-width: 1490px){
	.top_message .point1 {right: -20px;max-width: 300px}
}
@media screen and (max-width: 768px){
	.top_message {padding: 50px;}
	.top_message_flex {flex-flow: column;margin: 50px 0px 20px;}
	.top_message_flex img {width: 60%;margin-top: 40px;}
	.top_message_txt {width: 100%;font-size: 18px;}
}
@media screen and (max-width: 500px){
	.top_message {padding: 50px 30px}
	.top_message .point1 {right:0px;max-width: 100px;bottom: -40px;}
	.top_message_txt {font-size: 14px;}
	.name span {font-size: 18px;}
}

.nouhin{
	background-color: #fff;
	margin: 150px 0 50px 0;
	padding: 80px;
	position: relative;
}
.nouhin_ttl{
	font-size: 24px;
	font-weight: 600;
	border-bottom: 1px solid;
	display: table;
    margin: 0 auto 40px;
}
.nouhin_flex{
	display: flex;
	justify-content:center;
}
.nouhin ul li{
	 font-size: 18px;
	background:url(../images/listmark.png) no-repeat center left;
	background-size:auto 20px;
	padding-left: 30px;
	margin-bottom: 20px;
}
.nouhin ul li:last-child{
	margin-bottom: 0px;
}
.nouhin_flex ul:first-child{
	margin-right: 100px;
}
.nouhin ul li a{
	color: #000;
	background:url(../images/link.png) no-repeat center right;
	padding-right:30px;
	background-size: contain;
}
.nouhin_txt{
	font-size: 14px;
	text-align: center;
	margin-top: 30px;
}
.nouhin .point1{
	position: absolute;
	top: -18px;
	left: 0;
	width: 19px;
}
.nouhin .point2{
	position: absolute;
	top: -18px;
	right: 0;
	width: 19px;
}

@media screen and (max-width: 837px){
	.nouhin_flex {flex-flow: column;}
	.nouhin_flex ul.w837{display: none;}
	.nouhin_flex ul.w837-2{display: block;margin: auto;}
	.nouhin_flex ul:first-child {margin-right: 0px;}
	.nouhin .point1,.nouhin .point2 {width: 28px;}
}
@media screen and (max-width: 500px){
	.nouhin {padding: 50px 30px;margin: 100px 0 50px 0;}
	.nouhin .point1, .nouhin .point2 {width: 23px;}
	.nouhin_ttl {font-size: 18px;}
	.nouhin ul li{font-size: 14px;}
	.nouhin_txt {font-size: 10px;}
}

.kyouryoku_txt{
	margin: 20px 0 0px 0;
    font-size: 20px;
    text-align: center;
}
.kyouryoku ul{
	display: flex;
	align-items: center;
	justify-content: center;
    flex-flow: wrap;
	max-width: 700px;
	width: 90%;
	margin: 20px auto 0;
}
.kyouryoku ul li{
    background-color: #672D2D;
    border-radius: 20px;
	text-align: center;
	font-size: 20px;
	display: inline;
    padding: 5px 30px;
	color: #fff;
	margin-right: 20px;
}
.kyouryoku ul li:nth-child(3),.kyouryoku ul li:nth-child(4){
	width: 70px;
}
.kyouryoku ul li:nth-child(4){
	margin-right: 0px;
}
.kyouryoku ul li:nth-child(1),.kyouryoku ul li:nth-child(2),.kyouryoku ul li:nth-child(3),.kyouryoku ul li:nth-child(4){
	margin-bottom: 10px;
}
.kyouryoku_pic{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 100px 0px 30px;
}
.kyouryoku_pic img{
	max-width: 363px;
	width: 30%;
}
.kyouryoku_syoukai{
	background-color: #6398AC;
	color: #fff;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}
.kyouryoku_syoukai p,.kyouryoku_syoukai img{
	margin: 0 10px;
}
@media screen and (max-width: 768px){
	.kyouryoku_txt {font-size: 18px;}
	.kyouryoku ul li {font-size: 16px;margin-right: 10px;}
}
@media screen and (max-width: 720px){
	.kyouryoku_pic img {width: 32%;}
	.kyouryoku_syoukai {flex-flow: column;padding: 20px 10px;}
	.syoukai_mark{transform: rotate(90deg);}
	.kyouryoku_syoukai img{margin: 0;}
	.syoukai_sns{margin-top: 10px;}
}
@media screen and (max-width: 625px){
	.kyouryoku ul li,.kyouryoku ul li:nth-child(3),.kyouryoku ul li:nth-child(4){width: 100%;margin-bottom: 10px;}
	.kyouryoku ul li {margin-right: 0px;}
}
@media screen and (max-width: 500px){
	.kyouryoku_txt {font-size: 16px;text-align: justify;}
	.kyouryoku_pic {margin: 60px 0px 30px;}
}
.common_contact{
	margin: 130px auto;
}
.common_contact_midashi{
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin: 0 auto 10px;
    max-width: 900px;
    padding: 30px 10px;
}
.common_contact_txt{
	text-align: center;
	font-size: 14px;
	margin-bottom: 30px;
}
@media screen and (max-width: 500px){
	.common_contact {margin: 100px auto;}
	.common_contact_midashi {font-size: 18px;}
	.common_contact_txt {text-align: justify;}
}

/*梅村養鯉場について***************/
.midashi{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	margin: 100px 0;
}
.a_flex{
	display: flex;
}
.a_flex_w1000{display: none;}
.a_flex_left{
	width: 45%;
	margin-right: 5%;
}
.nenpyou{
	color: #fff;
	background-color: #6398AC;
	width: 94%;
	 -ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	letter-spacing: 0.3em;
	font-weight: 600;
	font-size: 30px;
	padding: 3%;
}
.nenpyou_pic{
	width: 50%;
	margin: 50px 0 0 auto;
}
.nenpyou_pic p{
	text-align: center;
	margin: 10px 0 0px;
}
.nenpyou_pic img{
	width: 100%;
}
.a_flex_right{
	width: 50%;
	position: relative;
}
.a_flex_right img{
	width: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.nenpyou_title_pos {
    border-left: 2px solid #672D2D;
	margin-left: 100px
}
.nenpyou_mark {
    background-color: #672D2D;
    margin-right: 20px;
    margin-left: -100px;
    float: left;
	color: #fff;
	width: 200px;
	text-align: center;
	font-size: 24px;
	padding: 10px 0;
}
.nenpyou_title {
    padding: 15px 0px 150px 0px;
}
.nenpyou_titlel{
    padding: 15px 0px 0px 30px;
}
.p_bg{
	background-color: #6398AC;
	margin: 150px auto;
	padding: 60px 0px;
}
.p_bg_white{
	background-color: #fff;
	padding: 60px 0px;
}
.p_name{
	font-size: 24px;
	text-align: center;
}
.p_obi{
	width: 100%;
	background-color: #672D2D;
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin: 20px 0px
}
.p_bg_white a img{
	width: 165px;
	margin: 0 0 0 auto;
    display: block;
}
.p_txt{
	text-align: center;
	line-height: 1.7;
	margin-bottom: 50px;
	margin-top: 20px;
}
.p_padding{
	padding: 0px 50px;
}
.p_item{
	border-left: 5px solid #672D2D;
    padding: 15px 0px 15px 15px;
    margin-bottom: 20px;
}
.p_item h3{
	font-weight: 600;
	font-size: 20px;
	color: #672D2D;
}
.p_flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.p_flex img{
	width: 32%;
}
.list table{
	width: 100%;
	border-spacing: 15px;
	margin-top: 40px;
}
.list table th{
	background-color: #6398AC;
	width: 20%;
	color: #fff;
	padding: 10px;
}
.list table td{
	width: 80%;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding-left: 20px;
}
.m20{
	margin-left: 20px;
}
.list iframe{
	width: 100%;
	height: 600px;
	margin: 100px 0px 0px;
}
@media screen and (max-width: 1488px){
	.nenpyou_title {padding: 15px 0px 100px 0px;}
}
@media screen and (max-width: 1277px){
	.a_flex_left {width: 35%;}
	.nenpyou_title {padding: 15px 0px 60px 0px;}
	.a_flex_right img {width: 70%;}
}
@media screen and (max-width: 1000px){
	.nenpyou {width: 94%;margin-bottom: 50px;writing-mode: unset;text-align: center;}
	.a_flex{display: none;}
	.a_flex_w1000{display: block;}
	.nenpyou_mark{margin: auto;float: none;width: 90%;}
	.nenpyou_title,.nenpyou_titlel{text-align: center;padding: 15px 0px 40px 0px;width: 90%;margin: auto;}
	.nenpyou_pic {margin: auto;display: block;}
	.nenpyou_pic p {margin: 10px 0 30px;}
}
@media screen and (max-width: 768px){
	.nenpyou_pic {width: 90%;}
	.midashi {margin: 60px 5%;}
	.nenpyou {font-size: 24px;}
	.nenpyou_mark,.p_name{font-size: 20px;}
	.p_bg {margin: 100px auto;}
	.m20 {margin-left: 0px;display: block;}
	.p_bg_white a img {margin: auto;}
}
@media screen and (max-width: 500px){
	.midashi {font-size: 16px;}
	.nenpyou {margin-bottom: 30px;font-size: 18px;}
	.nenpyou_mark{font-size: 18px;}
	.nenpyou_title, .nenpyou_titlel {padding: 15px 0px 30px 0px;}
	.p_bg_white {padding: 40px 0px;}
	.p_txt {margin-bottom: 30px;}
	.p_padding {padding: 0px 20px;}
	.p_item h3 {font-size: 16px;}
	.list table {margin-top: 20px;border-spacing: 0px 15px;}
	.list table th,.list table td{display: block;}
	.list table th{padding: 2%;width: 96%;}
	.list table td {width: 96%;padding: 2%;}
	.list iframe {height: 400px;margin: 60px 0px 0px;}
}

/*事業内容***************/
.b_anchor{
	display: flex;
	align-items: center;
	justify-content: center;
}
.b_anchor a{
    border: 1px solid #672D2D;
    color: #672D2D;
    width: 25%;
    border-radius: 10px;
	text-align: center;
	background:url(../images/arrow.png) no-repeat center right 10px;
	background-color: #fff;
	background-size: 20px;
	font-size: 24px;
	margin-right: 3%;
	padding: 2%
}
.b_anchor a:last-child{
	margin-right: 0%;
}
.b_kouka{
	background-color: #fff;
	padding: 5%;
	width: 90%;
	max-width: 1400px;
	margin: 130px auto 0px;
}
.b_flex{
	display: flex;
	align-items: center;
	justify-content: center;
}
.b_midashi{
	width: 30%;
}
.b_midashi p{
	font-size: 30px;
	font-weight: 600;
	line-height: 1.9;
	letter-spacing: 0.1em;
}
.b_midashi img{
	width: 300px;
	margin-top: 30px;
}
.b_list{
	width: 50%;
	margin-left: 1.4em;
	text-indent: -1.4em;
	line-height: 1.8;
}
.b_list li{
	margin-bottom: 40px;
}
.b_list li:last-child{
	margin-bottom: 0px;
}
.b_list li span{
	color: #672D2D;
	font-weight: 600;
	font-size: 24px;
}
#production,#environment,#others{
	padding-top: 130px;
}
#production p,#environment p,#others p{
	text-align: center;
	color: #fff;
	max-width: 500px;
	width: 90%;
	border-radius: 10px;
	background-color: #6398AC;
	margin: 0 auto 80px;
    font-size: 30px;
    font-weight: 600;
    padding: 20px 0px;
}
.b_box_area{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 50px;
}
.b_box_area2{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.b_box{
	width: 45%;
    margin-right: 5%;
}
.b_box h2{
	color: #672D2D;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 20px;
}
.b_box_img{
	width: 30%;
}
.b_box_img2{
	width: 20%;
	margin-left: 1%;
}
.shopbanner img{
	max-width: 814px;
	width: 100%;
	margin: 0 auto 50px;
    display: block;
}
.b_riten{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #672D2D;
	width: 74%;
	margin: 20px auto 50px;
	padding: 2%;
}
.b_sen{
	border-top: 1px solid #672D2D;
    width: 40px;
	margin: 0 20px;
}
.b_riten span{
	color: #989898;
}
.b_box .b_txt{
	border-left: 5px solid #672D2D;
	line-height: 1.8;
    font-size: 20px;
	padding-left: 20px;
}
@media screen and (max-width: 1285px){
	.b_midashi {width: 40%;}
}
@media screen and (max-width: 1200px){
	.b_box {width: 70%;margin-right: 5%;}
	.b_riten {width: 96%;}
}
@media screen and (max-width: 960px){
	.b_anchor a {font-size: 20px;background-size: 15px;width: 30%;}
	.b_flex {flex-flow: column;}
	.b_midashi {width: 90%;display: flex;align-items: center;justify-content: center;margin-bottom: 50px;}
	.b_midashi img {width: 200px;margin-top: 0px;margin-left: 30px;}
	.b_list {width: 80%;}
}
@media screen and (max-width: 940px){
	.b_riten {flex-flow: column;}
	.b_sen {border-left: 1px solid #672D2D;width: 0;height: 30px;margin: 10px auto;}
}
@media screen and (max-width: 768px){
	.b_anchor a {font-size: 18px;}
	.b_kouka {margin: 70px auto 0px;}
	.b_list {width: 100%;}
	#production, #environment, #others {padding-top: 100px;}
	#production p, #environment p, #others p,.b_box h2{font-size: 24px;}
	.b_box_area,.b_box_area2{flex-flow: column;}
	.b_box {width: 100%;margin-right: 0%;}
	.b_box .b_txt {font-size: 16px;}
	.b_box_img {width: 100%;margin-top: 20px;}
	.b_box_img2 {width: 100%;margin-left: 0%;margin-top: 20px;}
}
@media screen and (max-width: 655px){
	.b_anchor {flex-flow: column;}
	.b_anchor a {margin-right: 0%;width: 100%;margin-bottom: 10px;}
	.b_anchor a:last-child {margin-bottom: 0%;}
	.b_midashi img {width: 30%;}
}
@media screen and (max-width: 500px){
	.b_midashi p {font-size: 22px;}
	.b_midashi {margin-bottom: 20px;justify-content: space-between;}
	.b_list li span {font-size: 18px;}
	#production, #environment, #others {padding-top: 60px;}
	#production p, #environment p, #others p, .b_box h2 {font-size: 20px;}
	#production p, #environment p, #others p {margin: 0 auto 50px;}
	.b_box .b_txt {font-size: 14px;}
}
@media screen and (max-width: 400px){
	.b_midashi p {font-size: 18px;}
	.b_midashi img {width: 25%;}
}

/*お問い合わせ***************/
.c_hosoku{
	text-align: center;
	font-size: 14px;
}
.c_tel{
	text-align: center;
	background-color: #672D2D;
	border-radius: 10px;
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	max-width: 550px;
    width: 100%;
    margin: 10px auto 0px;
    padding: 10px 0px;
}
.c_tel a{
	color: #fff!important;
}
.c_tel a:hover{
	opacity: 1.0!important;
}
#contact table{
	width: 100%;
}
#contact table th{
	width: 40%;
	color: #989898;
	font-size: 24px;
	vertical-align: top;
}
#contact table td{
	width: 100%;
}
.form{
	margin-bottom: 130px;
}
.form_m{
	margin: 50px 0;
}
.form_item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 50px;
	margin-right: 10%;
}
.form_box{
	width: 98%;
	font-size: 24px;
	padding: 1%;
	margin-bottom: 50px;
	box-shadow:none;
}
.mandatory{
	background-color: #904141;
	border-radius: 5px;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
    padding: 2px 10px;
}
.c_radioarea{
	font-size: 24px;
	margin-bottom: 50px;
    display: block;
}
.c_radioarea div{
	display: flex;
	align-items: center;
}
.c_radioarea div:first-child{
	margin-bottom: -20px;
}
input[type="radio"]{
	margin: 0px 10px 0px 5px!important;
}
.c_check{
	display: flex;
	align-items: center;
	justify-content: center;
}
input[type="checkbox"]{
	margin: 3px 10px 3px 4px!important;
}
.policy_ttl{
	text-align: center;
	color: #989898;
	font-size: 20px;
}
.policy_txt{
    height: 180px;
    overflow: scroll;
    margin: 20px auto 40px;
	background-color: #fff;
	padding: 30px;
}
.form_btn,.kakunin_btn,.soushin_btn_top,.soushin_btn_bottom{
	background-color: #6398AC;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin: 50px auto 0px;
    max-width: 500px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    padding: 30px 20px;
	border: none;
	cursor: pointer;
}
.form_btn:hover,.kakunin_btn:hover,.soushin_btn_top:hover,.soushin_btn_bottom:hover{
	opacity: 0.5;
}
#thanks{margin: 130px 0;}
.thanks_txt{text-align: center;}
.thanks_txt span{font-weight: bold;color: #672D2D;display: block;}

@media screen and (max-width: 960px){
	#contact table th {width: 100%;display: block;}
	.form_item {margin-right: 0;}
	#contact table td {display: block;}
	.form_item {margin-bottom: 10px;}
}
@media screen and (max-width: 500px){
	.c_tel {font-size: 20px;}
	#contact table th,.form_box,.c_radioarea{font-size: 18px;}
	.form_box,.c_radioarea{margin-bottom: 30px;}
	.mandatory {font-size: 14px;padding: 2px 5px;}
	.policy_ttl {font-size: 14px;}
	.policy_txt {padding: 20px;}
	#thanks{margin: 60px 0;}
}


/*footer***************/
footer{
    background-color: #672D2D;
	position: relative;
	color: #fff;
}
footer .f_flex{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 100px;
	margin-bottom: 100px;
}
footer .f_flex h2 img{
	max-width: 287px;
}
footer .f_left{
	margin-right: 40px;
}
footer .f_left p{
	text-align: center;
	margin-top: 5px;
}
.tel{
    background-color: #fff;
    color: #672D2D;
    font-weight: bold;
    text-align: center;
    display: table;
    margin: auto;
    padding: 3px 20px;
    font-size: 24px;
    margin-top: 5px;
    border-radius: 20px;	
}
.tel a{color: #672D2D;}
.access span{
	margin-left: 10px;
}
footer .siteMap ul{
	display: flex;
	justify-content: center;
}
footer .siteMap ul li{
	font-size: 16px;
    text-align: center;
}
footer .siteMap ul li a{
	color: #fff;
	padding: 0 20px;
}
.copyright{
	text-align: center;
    font-size: 12px;
	font-family: Verdana, "Droid Sans","メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	margin-top: 20px;
	padding-bottom: 30px;
}
footer .point1{
	max-width: 405px;
	width: 70%;
	position: absolute;
	top: 0;
	left: 10px;
}
footer .point2{
	max-width: 386px;
	width: 70%;
	position: absolute;
	top: 0;
	right: 10px;
}

/*ページトップ*/
#page-top a{
	width: 40px;
	height: 40px;
	font-size:0.6rem;
	transition:all 0.3s;
}
/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom:10px;
	z-index: 1;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}
/*　上に上がる動き　*/
#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}
/*　下に下がる動き　*/
#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}
@media screen and (max-width: 1520px){
	footer .point1 {max-width: 300px;}
	footer .point2 {max-width: 270px;}
}
@media screen and (max-width: 1300px){
	footer .point1 {max-width: 250px;}
	footer .point2 {max-width: 220px;}
	footer .f_flex {padding-top: 80px;margin-bottom: 80px;}
}	
@media screen and (max-width: 1200px){
	footer .point1 {max-width: 150px;}
	footer .point2 {max-width: 130px;}
	footer .f_flex {padding-top: 60px;margin-bottom: 60px;}
}
@media screen and (max-width: 1024px){
	footer .f_flex {flex-flow: column;}
	footer .f_left {margin-right: 0px;}
	.access{margin: 30px 0 10px;}
	footer .point1 {max-width: 220px;}
	footer .point2 {max-width: 200px;}
}
@media screen and (max-width: 768px){
	footer .point1 {max-width: 150px;}
	footer .point2 {max-width: 130px;}
}
@media screen and (max-width: 598px){
	footer .f_left {font-size: 12px;}
	footer .f_flex h2 img {max-width: 200px;}
	.tel {font-size: 18px;}
}
@media screen and (max-width: 500px){
	footer .point1 {max-width: 100px;}
	footer .point2 {max-width: 80px;}
}
@media screen and (max-width: 375px){
	footer .point1 {max-width: 80px;}
	footer .point2 {max-width: 70px;}
}
@media screen and (max-width: 320px){
	.access{text-align: center;}
}