@charset "utf-8";
/* CSS Document */

body {
    font-size: 16px;
    font-family: 'M PLUS 1p', 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
    font-weight: 400;
	height:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
img {
	border:none; vertical-align:middle;
}
a {
	color:#000;
	text-decoration: none;
}
a:hover,
input[type="submit"]:hover,
input[type="reset"]:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	transition: 0.2s;
}
ul {
	padding-left: 0;
}
li {
	list-style-type:none;
}
header, main, article, footer, section, aside, nav, cite, figure, figcaption {
	display: block; 
}
h1,h2,h3,h4,h5,h6,p {
	margin-top: 0;
	margin-bottom: 0;
}
/*** ↓この記述がないとスマホで　表示　→　アニメーション　→表示 　となってしまう　***/
.animation-add {
	visibility: hidden;
}
/************************ float **********************************************/
.c-both {
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	display:block;
	margin-left:auto; margin-right:auto;
	text-align:center;
}
/******* end float **********/
/******* flex box ***********/
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-between;
}
.flex img {
    object-fit: cover;
    object-position: top;
}
/****** end flex box ********/
.inner {
	width:96%; max-width:1740px;
	margin-left:auto; margin-right:auto;
}
.middle_inner {
	width: 96%; 
	max-width:1400px;
	margin-left:auto; margin-right:auto;
}
.s_inner {
	width: 96%; 
	max-width:840px;
	margin-left:auto; margin-right:auto;
}
.lower_inner {
	width: 86%; 
	max-width:755px;
	margin-left:auto; margin-right:auto;
}
.half {
	width:50%;
}
span.hissu {
	color:#F03;
	font-size:12px;
}
span.memo {	
	color: #666;
	font-size: 1em;
	font-weight: 300;
}
span.error {
	display:block;
	color:#F03;
	font-size:12px;
	text-align: left;
	margin-left: 1.5em;
}
.heading {
	width: 100%;
}
.sp {
	display:none;
}
.pc {
	display:block;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
a i {
    vertical-align: middle;
}
.so {width: 60%;}
.fo {width: 40%;}
.df {display: flow-root;}
/*************** end class ***************************************************************/
main {
	width:100%;
/*	overflow:hidden;*/
}
div.tac {
    text-align: center;
}
/**********************************  color     *****************************************/
.fcw {color: #FFF;}
.fcgre {color: #5E7140;}
.fcgre2 {color: #5E713F;}
.bg_w {background-color: #FFF;}
.bg_ol {background-color: #E2E8D9;}
.bg_ol2 {background-color: #eff2ea;}
.bg_gre {background-color: #5E7140;}
.bg_br {background-color: #9B3726;}
.bg_be {background-color: #eddfbe;}
/**********************************  font     *****************************************/
.fw4 {font-weight: 400;}
.fw5 {font-weight: 500;}
.fw6 {font-weight: 600;}
.fw7 {font-weight: 700;}
.rmp {font-family: 'M PLUS 1p', sans-serif;}
.noto {font-family: 'Noto Sans JP', sans-serif;}
/*************************************************common************************************************/
.line3 {
    width: 96%;
    max-width: 1739px;
}
.line4 {
    margin: 1% auto 2% auto;
}
img.line2 {
    right: -0.75%;
    bottom: 13%;
    z-index: 12;
    max-width: 30px;
    width: 2%;
}
img.line1 {
    top: -0.85em;
    left: 3%;
    z-index: 1;
    max-width: 324px;
    width: 21%;
}
#top_img h2 {
    font-size: 1.250em;
    margin-top: 1.125em;
    line-height: 1.8;
    font-weight: 400;
}
#top_img h2 span {
    font-size: 2.3em;
    font-weight: 600;
    letter-spacing: 0.025em;
}
#top_img {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
div.bg_ol {
    padding: 1.5% 5% 2.5% 5%;
    box-sizing: border-box;
}
div.bg_ol div.left {
    width: 37%;
    text-align: left;
}
div.bg_ol div.left h2 {
    display: inline-block;
    text-align: left;
    width: 7.25em;
    margin-bottom: 0;
    font-size: 2.875em;
    line-height: 2;
}
div.bg_ol div.left h2 span {
    display: block;
    font-size: 0.435em;
    font-weight: 500;
}
div.bg_ol div.left h2 img {
    margin-top: 0.75em;
    margin-right: 0.5em;
}
div.bg_ol .right {
    width: 63%;
}
div.bg_ol .right .flex {
    width: 100%;
    margin-top: 4%;
}
div.bg_ol .right .flex a {
    width: 47%;
    padding: 3% 0;
    box-sizing: border-box;
    font-size: 1.25em;
}
div.bg_ol .right .flex a i {
    font-size: 1.600em;
    margin-right: 0.75em;
    vertical-align: middle;
}
/**********************************  header  *****************************************/
header#header {
    padding: 1% 0 0.5% 0;
}
header#header h1 {
    margin-top: 0.75em;
}
header#header h1 img {
    margin-right: 0.5em;
    margin-top: -0.25em;
    max-width: 69px;
}
header#header h1 img.logo_2 {
    width: 17.8%;
    max-width: 100px;
    position: relative;
    top: -0.4em;
}
header#header h1 .ttl1 {
    font-size: 0.75em;
    display: inline-block;
    vertical-align: super;
    line-height: 1.3em;
}
header#header h1 .ttl1 span {
    font-size: 1.75em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.25em;
    letter-spacing: 0.2em;
    margin-bottom: 4px;
}
header#header h1 .ttl2 {
    font-size: 0.438em;
    display: inline-block;
}
header#header h1 .ttl2 p {
    letter-spacing: 0.075em;
}
header#header h1 .ttl2 span {
    font-size: 1.07em;
}
header#header .nav_box {
    width: 54%;
}
header#header ul li {
    display: inline-block;
    margin-right: 6.25%;
    letter-spacing: -0.05em;
    font-weight: 500;
}
header#header ul li img {
    max-width: 74px;
    margin-bottom: 8px;
}
#google_translate_element {
    top: 4.5em;
    right: 5em;
}
/*************************************************footer*************************************************/
footer {
    padding: 2% 0 1% 0;
}
footer div.left {
    width: auto;
    position: relative;
    display: inline-block;
}
footer div.left p.left_txt {
    margin-top: 1em;
}
footer .logo_2{
    max-width: 126px;
    width: 15.66em;
    display: inline-block;
}
footer div.right {
    width: 48%;
}
footer ul {
    position: relative;
}
footer ul li {
    display: inline-block;
    margin-right: 4%;
    vertical-align: text-top;
    width: 9em;
}
footer ul li.f_menu1 {width: 5em;}
footer ul li.f_menu2 {width: 8em;}
footer ul li.f_menu3 {width: 7em;}
footer ul li.f_menu4 {width: 9em;}
footer ul li.f_menu5 {width: 6em;}
footer ul li.f_menu6 {width: 6em;margin-right: 0;}
footer ul li ul li {
    display: block;
    text-align: left;
    margin-top: 0.5em;
    font-size: 0.875em;
}
footer ul li a{
    font-size: 0.938em;
}
footer p.copy {
    margin-top: 4%;
}
footer h3 {
    margin-top: 0.75em;
}
footer h3 img {
    margin-right: 0.5em;
    margin-top: -0.25em;
    max-width: 69px;
    width: 100%;
    margin-bottom: 5%;
}
footer h3 .ttl1 {
    font-size: 1.282em;
    display: inline-block;
    vertical-align: super;
    line-height: 1.3em;
}
footer h3 .ttl1 span {
    font-size: 1.75em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.25em;
    letter-spacing: 0.2em;
    margin-bottom: 4px;
}
footer h3 .ttl2 {
    font-size: 0.748em;
    display: inline-block;
}
footer h3 .ttl2 p {
    letter-spacing: 0.075em;
}
footer h3 .ttl2 span {
    font-size: 1.071em;
}
footer p.copy {
    margin-top: 4%;
    font-size: 0.875em;
    padding-bottom: 1em;
}
footer li.f_menu7{
    width: 8em;
    float: right;
    margin-right: 0;
    position: relative;
}
footer li .logo_2 {
    width: 100%;
}
/**************************************************top**************************************************/
section#middle h2,
section#top_about h2 {
    font-size: 2.875em;
    line-height: 2;
    margin-bottom: 8%;
}
section#middle h2 span,
section#top_about h2 span {
    display: block;
    font-size: 0.435em;
    font-weight: 500;
}
section#middle h2 img,
section#top_about h2 img {
    margin-top: 0.75em;
    margin-right: 0.5em;
}
#slide img.line1 {
    top: -0.75em;
    left: 7%;
    z-index: 1;
    max-width: 324px;
    width: 21%;
}
#slide img.line2 {
    right: 3.5%;
    bottom: 7%;
    z-index: 12;
    max-width: 30px;
    width: 2%;
}
#slide img.hokkaido {
    right: 4%;
    bottom: 3vw;
    z-index: 1;
    max-width: 432px;
    width: 25%;
}
#slide p.p_1 {
    left: 0;
    bottom: 7vw;
    z-index: 1;
    font-size: 1.750em;
    letter-spacing: 0.2em;
    padding: 0.5em 0.5em 0.5em 0.5em;
}
#slide p.p_2 {
    left: 0;
    bottom: 2.9vw;
    z-index: 1;
    font-size: 1.750em;
    letter-spacing: 0.2em;
    padding: 0.5em 0.5em 0.5em 0.5em;
}
.swiper-wrapper img {
    width: 100%;
}
section#top_about {
    padding-top: 4.5%;
}
section#top_about .inner {
    background-image: url(../img/top/bg1.gif);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
}
section#top_about p.fcgre {
    font-size: 1.625em;
    font-weight: 500;
    margin-bottom: 6%;
}
section#top_about .lower_inner p:last-of-type {
    line-height: 1.8;
    margin: 0 0 12% 0;
}
section#top_about .flex {
    margin-bottom: 2%;
}
section#top_about .flex h3 {
    font-size: 1.250em;
    font-weight: 400;
    line-height: 2;
}
section#top_about .flex h3 span {
    font-size: 1.3em;
    font-weight: 600;
}
section#top_about .flex p {
    border: 1px solid #FFF;
    width: 8em;
    border-radius: 3em;
    padding: 0.25em 0;
    margin-top: 3em;
}
section#top_about .flex a:first-of-type {
    background-image: url(../img/top/top_about1.jpg);
}
section#top_about .flex a:nth-of-type(2n) {
    background-image: url(../img/top/top_about2.jpg);
}
section#top_about .flex a:last-of-type {
    background-image: url(../img/top/top_about3.jpg);
}
section#top_about .flex a {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6.5% 0;
    width: calc(100% / 3);
    position: relative;
    z-index: 0;
}
section#top_about .flex a::before {
    content: '';
    filter: brightness(50%);
    transition: 0.5s;
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: inherit;
}
section#top_about img.cow1 {
    top: 15%;
    left: 0;
    max-width: 469px;
    width: 25%;
}
section#top_about img.cow2 {
    top: 15%;
    right: 0;
    max-width: 469px;
    width: 25%;
}
section#top_about .flex a:hover::before {
    filter: none;
    transition: 0.5s;
    opacity: 1;
}
section#top_about .flex a:hover h3, 
section#top_about .flex a:hover h3 span {
    color: #000;
    transition: 0.5s;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
section#top_about .flex a:hover p {
    color: #000;
    transition: 0.5s;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
    background-color: rgba(256, 256, 256, 0.5);
}
section#middle {
    padding: 2% 0 5% 0;
}
section#middle .inner {
    background-image: url(../img/top/bg2.gif);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 97%;
    padding-bottom: 2.5%;
}
section#middle .middle_inner {
    margin-top: 2%;
    padding-top: 1.5%;
    width: 81%;
}
section#middle h2 {
    margin-top: 0.75em;
    margin-bottom: 1.25em;
}
section#middle h2 img {
    margin-top: 0.9em;
    margin-right: 0.45em;
}
section#middle p {
    line-height: 1.8;
    width: 98%;
}
section#middle img.cow3 {
    top: 3%;
    left: 1%;
    max-width: 200px;
    width: 11%;
}
section#middle a {
    border: 2px solid #5E7140;
    width: 45%;
    border-radius: 3em;
    padding: 0.5em 0;
    margin-top: 1.5em;
    display: block;
    text-align: center;
    font-size: 1.250em;
    font-weight: 500;
}
section#middle a:hover {
    color: #FFF;
    background-color: #5E7140;
    border: 2px solid #FFF;
    transition: 0.5s;
}
section#middle div.left.fo,
section#middle div.right.so {
    margin-bottom: 5%;
}
section#middle div.right.fo,
section#middle div.left.so {
}
section#middle div.left.so img,
section#middle div.right.so img {
    max-width: 770px;
    width: 100%;
}
section#middle div.right.fo h2 img {
    margin-top: 0.65em;
}
section#middle img.cow4 {
    bottom: 10%;
    right: 2%;
    max-width: 200px;
    width: 11%;
}

section#top_other .middle_inner.flex {
	gap: 5vw;
    justify-content: center;
	align-items: center;
}
section#top_other {
    background-image: url(../img/top/bg3.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    padding-bottom: 8%;
}
section#top_other .cow3 {
	top: 3%;
	left: 1%;
	max-width: 200px;
	width: 11%;
}
section#top_other .sum {
	max-width:600px;
	width:35%;
	margin-bottom: 6vw;
}
section#top_other a.gallery_bnr {
	display:block;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	transition: 0.2s;
}
section#top_other a.gallery_bnr img {
	height:auto;
	display:block;
	height:500px;
	object-position: center;
}
section#top_other a.gallery_bnr img:hover {
	filter: brightness(200%);
	transition: 0.2s;
}
/***********************************************about***********************************************/
.about_top {
    background-image: url(../img/about/top.jpg);
    padding:5.5% 0 5% 0;
}
#town {
    background-image: url(../img/about/bg1.jpg);
    background-position: top 16% left 21%;
    background-repeat: no-repeat;
    background-size: 92%;
    padding: 5% 0 5% 0;
}
#town p {
    line-height: 1.8;
    margin-bottom: 8%;
}
#town .line3 {
    margin-top: 3%;
    width: 100%;
}
#town h4.fcgre {
    font-size: 1.625em;
    line-height: 2em;
    margin: 4.5% auto 4.5% auto;
}
#concept h4.fcgre {
    font-size: 1.625em;
    line-height: 2em;
    margin: 6.5% auto 5% auto;
}
section#town h3,
section#concept h3,
section#company h3 {
    font-size: 1.250em;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 0.75em;
}
section#town h3 span,
section#concept h3 span,
section#company h3 span {
    font-size: 1.5em;
    display: block;
    margin-top: 0;
}
#town img.half {
    max-width: 870px;
}
#town img.cow1 {
    top: 21.5%;
    left: -1.5%;
    max-width: 394px;
    width: 23%;
}
#town img.cow2 {
    top: 21.5%;
    right: -1%;
    max-width: 394px;
    width: 23%;
}
#concept {
    background-image: url(../img/about/bg2.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 14%;
    padding-top: 5%;
}
#concept img.mark3 {
    left: 4.75%;
    top: -11%;
    max-width: 81px;
    width: 4.7%;
}
#concept img.mark4 {
    right: 4%;
    bottom: -11.5%;
    max-width: 85px;
    width: 4.9%;
}
#concept .line4 {
    margin: 1% auto 2.75% auto;
}
#concept p {
    line-height: 1.8;
}
#concept .flex1 {
    max-width: 1400px;
    margin-top: 6%;
    margin-bottom: 5.25%;
}
#concept .flex1 div {
    max-width: 380px;
    width: 31.7%;
}
#concept .flex1 div img {
    max-width: 380px;
}
#concept .flex2 {
    max-width: 1200px;
    margin-top: 4%;
}
#concept .flex2 div {
    max-width: 380px;
    background-color: rgba(256, 256, 256, 0.9);
    width: 31.7%;
}
#concept .flex2 div img {
    max-width: 380px;
}
#company {
    background-image: url(../img/top/bg3.jpg), url(../img/about/bg3.jpg);
    background-position: bottom center, top 6% center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 8%;
    padding-top: 5%;
}
#company dl {
    width: 100%;
    border-bottom: 2px dotted #999;
    padding-bottom: 1em;
    margin: 0.5em auto;
}
#company dl:last-of-type {
    border-bottom: none;
}
#company dl dt {
    width: 5em;
    font-weight: 500;
    padding-left: 3.5em;
    padding-right: 2.5em;
}
#company dl dd {
    padding-left: 4.5em;
    padding-right: 2.5em;
    line-height: 1.8;
}
#company dl dt,
#company dl dd {
    display: table-cell;
}
#company .middle_inner {
    width: 100%;
}
#company div.bg_ol {
    padding: 2.5% 7% 3.5% 7%;
    margin-top: 7%;
}
#company img.cow1 {
    top: 13.25%;
    left: 10.25%;
    max-width: 200px;
    width: 11%;
}
#company img.cow2 {
    top: 30.5%;
    right: 10%;
    max-width: 200px;
    width: 11%;
}
#company div.map {
    margin: 6% 0 9% 0;
}
#company div.c_img img {
    max-width: 870px;
}
img.ceo_img {
    display: block;
    max-width: 840px;
    margin: 3em auto 2em auto;
}
p.ceo_name {
    text-align: right;
}

/***********************************************staff***********************************************/
.staff_top {
    background-image: url(../img/staff/top.jpg);
    padding:6% 0 5% 0;
}
section#staff {
    background-image: url(../img/top/bg3.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 8%;
    padding-top: 5%;
}
section#staff h3 {
    font-size: 1.250em;
    font-weight: 400;
    line-height: 1.8;
}
section#staff h3 span {
    font-size: 1.25em;
    display: block;
    margin-top: 0.5em;
}
section#staff .line4 {
    margin: 1% auto 4.5% auto;
}
section#staff div.bg_be {
    max-width: 322px;
    width: 23%;
    margin-right: calc(8% / 3);
    padding: 2.25% 0;
    margin-bottom: 8%;
}
section#staff div.bg_be:nth-of-type(4n) {
    margin-right: 0;
}
section#staff div.bg_be img.pa {
    top: -0.75em;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 99px;
    width: 33%;
}
section#staff div.bg_be .name_box {
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 3em;
    width: 76%;    
    box-sizing: border-box;
}
section#staff div.bg_be .name_box h4 {
    width: 100%;
    padding: 0.75em 0;
    box-sizing: border-box;
    background-color: #fff;
    border-left: 6px solid #7dc2a0;
    font-size: 0.875em;
    font-weight: 500;
}
section#staff div.bg_be .name_box h4 span {
    font-size: 1.25em;
    font-weight: 500;
    vertical-align: sub;
}
#staff1 {background-image: url(../img/staff/staff1.jpg);}
#staff2 {background-image: url(../img/staff/staff2.jpg);}
#staff3 {background-image: url(../img/staff/staff3.jpg);}
/*#staff4 {background-image: url(../img/staff/staff4.jpg);}*/
#staff5 {background-image: url(../img/staff/staff5.jpg);}
#staff6 {background-image: url(../img/staff/staff6.jpg);}
#staff7 {background-image: url(../img/staff/staff7.jpg);}
#staff8 {background-image: url(../img/staff/staff8.jpg);}
#staff9 {background-image: url(../img/staff/staff9.jpg);}
/*#staff10 {background-image: url(../img/staff/staff10.jpg);}*/
/*#staff11 {background-image: url(../img/staff/staff11.jpg);}*/
#staff12 {background-image: url(../img/staff/staff12.jpg);}
#staff13 {background-image: url(../img/staff/staff13.jpg);}
#staff14 {background-image: url(../img/staff/staff14.jpg);}
#staff15 {background-image: url(../img/staff/staff15.jpg);}
#staff16 {background-image: url(../img/staff/staff16.jpg);}
#staff17 {background-image: url(../img/staff/staff17.jpg);}
#staff18 {background-image: url(../img/staff/staff18.jpg);}
#staff19 {background-image: url(../img/staff/staff19.jpg);}
#staff20 {background-image: url(../img/staff/staff20.jpg);}
#staff21 {background-image: url(../img/staff/staff21.jpg);}
#staff22 {background-image: url(../img/staff/staff22.jpg);}
#staff23 {background-image: url(../img/staff/staff23.jpg);}


.staff_box {
    max-width: 280px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    width: 87%;
}
.staff_box img {
    max-width: 280px;
}
.staff_box img:hover {
    opacity: 0;
    transition: 0.5s;
}
section#staff div.bg_ol {
    padding: 2.5% 7% 3.5% 7%;
    box-sizing: border-box;
    margin-top: -1%;
}
/**********************************************gallery**********************************************/
.gallery_top {
    background-image: url(../img/gallery/top.jpg);
    padding: 5.5% 0 4.75% 0;
}
section#gallery h3 {
    font-size: 1.250em;
    font-weight: 400;
    line-height: 1.8;
}
section#gallery h3 span {
    font-size: 1.5em;
    display: block;
    margin-top: 0;
}
section#gallery {
    background-image: url(../img/top/bg3.jpg), url(../img/gallery/bg.jpg);
    background-position: bottom center, top 7% center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 8%;
    padding-top: 5%;
}
section#gallery .inner {
    padding-bottom: 2.5%;
}
section#gallery .inner img.gallery_cow1 {
    top: 15.5%;
    left: 3%;
    max-width: 299px;
    width: 18%;
}
section#gallery .inner img.gallery_cow2 {
    bottom: 2%;
    right: -4%;
    max-width: 299px;
    width: 18%;
}
section#gallery .inner h4 {
    font-size: 1.875em;
    margin: 4% auto 3% auto;
}
section#gallery .inner h4 i {
    font-size: 1.167em;
    vertical-align: middle;
    margin-right: 0.5em;
}
section#gallery .middle_inner h4 {
    font-size: 1.875em;
    margin: 3% auto 4% auto;
}
section#gallery .middle_inner h4 i {
    font-size: 1.167em;
    vertical-align: middle;
    margin-right: 0.5em;
}
section#gallery .middle_inner div.photo a {
    max-width: 320px;
    float: left;
    display: block;
    width: 23%;
    margin-right: calc(8% / 3);
    margin-bottom: 3.5%;
}
section#gallery .middle_inner div.photo a:nth-of-type(4n) {
    margin-right: 0;
}
section#gallery img.gallery {
    max-width: 320px;
    display: block;
}
section#gallery .bg_ol {
    margin-top: 4%;
    padding: 2.5% 7% 3.5% 7%;
    box-sizing: border-box;
}
section#gallery div.movie {
  width: 45%;
  max-width: 680px;
  margin: 2.2em 2.5% 0 2.5%;
}

/**********************************************recruit**********************************************/
.recruit_top {
    background-image: url(../img/recruit/top.jpg);
    padding: 5.25% 0 4.5% 0;
}
#message .inner {
    background-image: url(../img/recruit/bg1.jpg);
    background-position: top 35% center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 0;
    padding-top: 5%;
}
#voice {
    background-image: url(../img/recruit/bg2.jpg);
    background-position: top 58% right;
    background-repeat: no-repeat;
    background-size: 96%;
    padding-bottom: 0;
    padding-top: 5%;
}
#requirements {
    background-image: url(../img/top/bg3.jpg), url(../img/recruit/bg3.jpg);
    background-position: bottom center, top 44% center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 8%;
    padding-top: 5%;
}
#message img.cow1 {
    top: 22%;
    left: 3%;
    max-width: 299px;
    width: 18%;
}
#message img.cow2 {
    bottom: 26%;
    right: 3.5%;
    max-width: 299px;
    width: 18%;
}
#message h4.fcgre {
    font-size: 1.625em;
    line-height: 2em;
    margin: 4.5% auto 5.5% auto;
}
#message p:first-of-type {
    margin: 5% auto 4% auto;
    line-height: 1.8;
}
#message p.name {
    text-align: right;
}
#message .line4 {
    margin: 2% auto 2% auto;
}
#message .line3 {
    margin-top: 3%;
    width: 100%;
}
#voice .line3 {
    width: 100%;
}
#voice h4 {
    font-weight: 500;
}
#voice h4 span {
    font-size: 1.625em;
    font-weight: 600;
    margin-right: 0.5em;
    vertical-align: middle;
}
#voice h4 img {
    max-width: 60px;
    margin-right: 0.75em;
    vertical-align: top;
    margin-top: -2px;
    width: 12%;
}
#voice img.staff_img {
    max-width: 770px;
    width: 100%;
}
#voice .staff1 {
    margin: 3.5% auto 5% auto;
}
#voice .staff1 .left {
    margin-top: 3%;
}
#voice .staff2 {
    margin-bottom: 3%;
}
#voice .staff2 .right {
    margin-top: 8%;
    padding-left: 0.75em;
    box-sizing: border-box;
}
#requirements img.cow3 {
    top: 41.5%;
    left: 3%;
    max-width: 394px;
    width: 21%;
}
#requirements div.heading.pr img.left {
    max-width: 580px;
    width: calc(100% / 3);
}
#voice .staff1 dl,
#voice .staff2 dl {
    margin: 0.5em auto 0 auto;
}
#voice .staff1 dl.question,
#voice .staff2 dl.question {
    margin-top: 5%;
}
#voice .staff1 dl.question.q_2 {
    margin-top: 0.25em;
}
#voice .staff1 dl.answer dt img,
#voice .staff2 dl.answer dt img {
    margin-top: -6px;
} 
#voice .staff1 dl dt,
#voice .staff2 dl dt {
    max-width: 50px;
    width: 3.5em;
}
#voice .staff1 dl dt img,
#voice .staff2 dl dt img {
    width: 100%;
}
#voice .staff1 dl dd,
#voice .staff2 dl dd {
    line-height: 1.8;
    padding-left: 10px;
    padding-right: 1em;
}
#voice .staff2 dl dd {
    padding-right: 0;
}
#voice .staff1 dl.question dd,
#voice .staff2 dl.question dd {
    font-weight: 500;    
    font-size: 1.375em;
    vertical-align: middle;
}
#voice .staff1 dl dt,
#voice .staff2 dl dt,
#voice .staff1 dl dd,
#voice .staff2 dl dd {
    display: table-cell;
}
#requirements img.cow4 {
    top: 41.5%;
    right: 3%;
    max-width: 394px;
    width: 21%;
}
#requirements img.mark3 {
    left: 3.5%;
    top: -14%;
    max-width: 97px;
    width: 5.8%;
}
#requirements img.mark4 {
    right: 5%;
    bottom: -8%;
    max-width: 80px;
    width: 4.7%;
}
#requirements img.mark5 {
    top: -13%;
    left: 4%;
    max-width: 79px;
    width: 4.6%;
}
section#message h3,
section#voice h3,
section#requirements h3 {
    font-size: 1.250em;
    font-weight: 400;
    line-height: 1.8;
}
section#message h3 span,
section#voice h3 span,
section#requirements h3 span {
    font-size: 1.5em;
    display: block;
    margin-top: 0;
}
#requirements .line4 {
    margin: 1% auto 3% auto;
}
#requirements .s_inner {
    margin-top: 2.5%;
    margin-bottom: 3%;
}
#requirements dl {
    width: 100%;
    border-bottom: 2px dotted #999;
    padding-bottom: 1em;
    margin: 0.5em auto;
}
#requirements dl:last-of-type {
    border-bottom: none;
}
#requirements dl dt {
    width: 5em;
    font-weight: 500;
    padding-left: 3.5em;
    padding-right: 2.5em;
}
#requirements dl dd {
    padding-left: 4.5em;
    padding-right: 2.5em;
    line-height: 1.8;
}
#requirements dl dt,
#requirements dl dd {
    display: table-cell;
}
#requirements .middle_inner {
    width: 100%;
}
#requirements div.bg_ol {
    padding: 2.5% 7% 3.5% 7%;
    margin-top: 7%;
}
section#recruit_schedule {
	background-color: #F7F7E6;
	padding: 7em 0 6em 0; margin-top:6em;
}
div.white_bg {
	background-color: #FFF;
	border-radius: 20px;
}
div.re_inner {
	max-width: 1260px; width:90%;
	margin: 0 auto;  border-radius:19px;
	padding: 2em 0 4em 0;
}
section#recruit_schedule h5.schedule_ttl {
	font-size: 1.625em;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-radius: 30px;
	padding: 0.2em 0.5em;
	font-weight: 500;
	width: 20em;
	position: relative;
	top: -2.3em;
}
.bg_green {
	background-color: #6CBB94;
}
.bg_yellow {
	background-color: #FFBC31;
}
.line_green {
	border: 3px solid #6CBB94;
}
.line_yellow {
	border: 3px solid #FFBC31;
}

section#recruit_schedule dl.recruit_movie_box {
	width: 30%;
	max-width: 380px;
	margin-top: 0;
	margin-right: 5%;
	margin-bottom: 0;
	margin-left: 0;
}
section#recruit_schedule dl.recruit_movie_box:nth-of-type(3) {
	margin-right: 0%;
}
section#recruit_schedule dl.recruit_movie_box dt {
	width: 100%;
	font-size: 1.5em;
	font-weight: 500;
	color: #53220F;
	text-align: center;
	position: relative;
	display: inline-block;
	border-radius: 9px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
section#recruit_schedule dl.recruit_movie_box dt.bg_lightyellow {
	background: #FFF1C6;
}
section#recruit_schedule dl.recruit_movie_box dt.bg_lightgreen {
	background: #C2E2D2;
}

section#recruit_schedule dl.recruit_movie_box dt::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
}
section#recruit_schedule dl.recruit_movie_box dt.bg_lightyellow::before {
  border-top: 15px solid #FFF1C6;
}
section#recruit_schedule dl.recruit_movie_box dt.bg_lightgreen::before {
  border-top: 15px solid #C2E2D2;
}

section#recruit_schedule dl.recruit_movie_box dt i {
	font-size: 1.1em;
	padding-right: 0.2em;
	position: relative;
	top: 1px;
}
section#recruit_schedule dl.recruit_movie_box dd {
	margin:0;
	padding-top: 2em;
}
section#recruit_schedule dl.recruit_movie_box dd p.re_sub {
	text-align: center; font-size:1.125em; font-weight:500;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
section#recruit_schedule dl.recruit_movie_box dd div.re_movie video.heading {
}
div.re_movie {
	width: 380px; width:100%;
	padding: 1.2em 0 0 0;
}
section#recruit_schedule dl.recruit_movie_box.left dd img {
	width:100%; max-width:380px; height:auto;
}
section#recruit_schedule img.schedule_line_img {
	max-width:1400px; width:96%; height:auto;
	padding: 4em 0 7em 0;
}
/**********************************************contact**********************************************/
.contact_top {
    background-image: url(../img/contact/top.jpg);
    padding: 5% 0;
}
section#contact {
    background-image: url(../img/top/bg3.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 5%;
    padding-top: 5%;
}
section#contact h3 {
    font-size: 1.250em;
    font-weight: 400;
    line-height: 1.8;
}
section#contact h3 span {
    font-size: 1.5em;
    display: block;
}
section#contact h4 {
    line-height: 2;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: 0.05em;
    margin-bottom: 6%;
}
section#contact form table {
    width: 100%;
    margin: 0 auto 30px auto;
	margin-top: 1.5em;
}
section#contact form table.confirm_table{
	margin:2em auto;
}
section#contact form table th {
    width: 34%;
    background-color: #e2e8d9;
    padding: 18px 2% 18px 2%;
    text-align: right;
    font-weight: 400;
}
section#contact form table td {
    padding: 12px 2% 12px 2%;
}
span.h {
    background-color: #9b3726;
    color: #FFF;
    font-size: 0.7em;
    font-weight: normal;
    display: inline-block;
    padding: 1px 8px 0px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}
span.n {
    background-color: #5e7140;
    color: #FFF;
    font-size: 0.7em;
    font-weight: normal;
    display: inline-block;
    padding: 1px 8px 0px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}
section#contact form table td input {
    width: 100%;
    padding: 1%;
    font-size: 1em;
}
section#contact form table td textarea {
    width: 100%;
    padding: 1%;
    height: 80px;
    font-size: 1em;
}
section#contact form input[type="submit"] {
    border-radius: 0;
    -webkit-appearance: none;
    width: 60%;
    margin: 3em auto 0px auto;
    font-size: 1.25em;
    background-color: #5e7140;
    border: solid 1px #5e7140;
    cursor: pointer;
    padding: 0.65em 0 0.5em 0;
}
form a.back {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 41px;
    width: 30%;
    margin-bottom: 31px;
    height: 41px;
    font-size: 1.3em;
    background-color: #79bd9a;
    border: #79bd9a solid 1px;
    color: #FFF;
    cursor: pointer;
    box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.8);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}
form a.post {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 41px;
    width: 30%;
    margin-bottom: 31px;
    height: 41px;

    font-size: 1.3em;
    background-color: #f19191;
    border: solid 1px #f19191;
    color: #FFF;
    cursor: pointer;
    box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.8);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}
/*******************************************ipad****************************************************/
@media (min-width: 768px) and (max-width: 1023px) {
    header#header h1 a {font-size: 0.75em;}
    header#header h1 img {margin-right: 0;margin-top: 0em;width: 18%;}
    header#header h1 .ttl2 {margin-left: -0.75em;}
    #google_translate_element {right: 1.25em;z-index: 10;top: 7em;}
    header#header .nav_box {width: 50%;}
    header#header h1 img.logo_2 {width: 24%;}
    header#header ul li {margin-right: 4%;font-size: 0.55em;} 
    header#header ul li:last-of-type {margin-right: 0;}
    #slide p.p_1 {bottom: 10vw;font-size: 1.1250em;}
    #slide p.p_2 {font-size: 1.1250em;}
    #slide img.line1,img.line1 {top: -0.5em;left: 4%;}
    section#top_about img.cow1,section#top_about img.cow2 {width: 19%;}
    .so {width: 57%;}
    section#middle h2 {margin-top: 0.25em;margin-bottom: 1em;}
    footer div.left {margin:auto;width: 100%;}
    footer div.logo2_box{position: absolute;right: 2em;}
    footer ul li {margin-right: 2%;}
    footer div.right {width: 64%;}
    footer h3 .ttl1 {font-size: 1.1em;}
    footer h3 {margin-bottom: 0.5em;text-align: center;width: 100%;}
    footer h3 img {float: none !important;margin-bottom: 1%;}
    footer p {text-align: center;}
    footer ul {text-align: center;}
    footer ul li.f_menu1 {width: 4em;}
    footer ul li.f_menu2 {width: 7.5em;}
    footer ul li.f_menu3 {width: 6em;}
    footer ul li.f_menu4 {width: 7.5em;}
    footer ul li.f_menu5 {width: 6em;}
    footer ul li ul li {text-align: left;margin-top: 0.5em;font-size: 0.813em;padding-left: 1.5em;}
    section#top_about .inner,section#middle .inner {background-repeat: repeat;}
    #top_about .lower_inner {width: 63%;}
    section#top_about p.fcgre {font-size: 1.125em;}
    section#middle h2, section#top_about h2 {font-size: 2em;margin-top: 0;}
    section#middle h2 img, section#top_about h2 img {width: 2em;}
    div.bg_ol .left h2 img {width: 1.5em;}
    section#middle div.right.fo h2 img {width: 1.5em;}
    section#middle img.cow4 {bottom: 7%;}
    section#middle a {padding: 0.25em 0;font-size: 1.1250em;}
    div.bg_ol .right .flex a {font-size: 1em;}
    div.bg_ol .left h2 img,
    div.bg_ol .left h2 {line-height: 1.8;}
    div.bg_ol {padding: 1.5% 2% 2.5% 2%;}
    div.bg_ol div.left {width: 32%;}
    div.bg_ol .right {width: 67%;}
    section#middle div.left.so img, section#middle div.right.so img {margin-top: 5%;}
    footer div.right {width: 100%;}
    .contact_top {padding: 5.5% 0;}
    #top_img img.center {width: 8%;}
    #top_img h2 {font-size: 1em;margin-top: 0.5em;}
    #top_img h2 span {font-size: 2em;}
    section#contact h3 span {font-size: 1.25em;}
    section#staff div.bg_be .name_box h4 span {font-size: 1.125em;display: block;}
    section#staff div.bg_be .name_box h4 {padding: 0.25em 0;font-size: 0.75em;}
    section#staff div.bg_be .name_box {bottom: 1.25em;}
    section#staff div.bg_be img.pa {top: -0.5em;}
    section#staff h3 span {margin-top: 0;}
    .staff_top {background-position: left 61% top !important;padding: 7% 0 7% 0;}
    div.bg_ol div.left h2 {font-size: 2em;}
    section#gallery div.bg_ol {padding: 1.5% 2% 2.5% 2%;}
    section#staff div.bg_ol {padding: 1.5% 2% 2.5% 2%;}
    .gallery_top {padding: 6.75% 0 6% 0;}
    section#gallery h3 span {font-size: 1.25em;margin-top: 0;}
    section#gallery h3 span {font-size: 1.25em;margin-top: 0;}
    section#gallery .inner h4,section#gallery .middle_inner h4 {font-size: 1.5em;}
    section#gallery .inner img.gallery_cow1 {top: 2%;left: 3%;width: 22%;}
    section#gallery .inner img.gallery_cow2 {top: 2%;right: 3%;width: 22%;}
    section#message h3 span, section#voice h3 span, section#requirements h3 span,#message h4.fcgre {font-size: 1.25em;}
    #message img.cow1,#message img.cow2 {top: 3%;width: 21%;}
    #message p:first-of-type,#voice .staff1 h4 {font-size: 0.938em;}
    #voice h4 span {font-size: 1.125em;margin-right: 0.25em;vertical-align: baseline;}
    #voice .staff1 dl dt, #voice .staff2 dl dt {width: 2em;}
    #voice .staff1 dl dd, #voice .staff2 dl dd {font-size: 0.875em;}
    #voice .staff1 dl.question dd, #voice .staff2 dl.question dd {font-size: 1.125em;}
    #voice .staff1 .left,#voice .staff2 .right {margin-top: 0;}
    #requirements dl {padding-bottom: 0.5em;font-size: 0.875em;}
    #requirements img.cow3,#requirements img.cow4 {top: 72em;width: 10em;}
    #requirements div.bg_ol {padding: 1.5% 2% 2.5% 2%;}
    #company div.bg_ol {padding: 1.5% 2% 2.5% 2%;}
    #company img.cow1 {left: 1%;}
    #company img.cow2 {right: 1%;}
    section#town h3 span, section#concept h3 span, section#company h3 span {font-size: 1.25em;}
    .about_top {padding: 7% 0 6.5% 0;}
    #town h4.fcgre,#concept h4.fcgre {font-size: 1.25em;}
    #town img.cow1 {top: 0;left: 8%;width: 11em;}
    #town img.cow2 {top: 0;right: 8%;width: 11em;}
    #town p,#concept p,#company dl {font-size: 0.938em;}
    #town {background-position: top 10% left 21%;background-repeat: repeat-y;background-size: 132%;padding: 5% 0 1% 0;}
    #concept .flex2 {width: 90%;}
    #company dl {padding-bottom: 0.5em;}
    #company div.map {margin: 6% auto 9% auto;width: 90%;}
    #company div.map iframe {height: 350px;}
    #company img.cow1 {left: 16%;width: 6em;top: 3%;}
    #company img.cow2 {right: 16%;width: 6em;top: 3%;}
    #message .inner {background-position: top 1% center;background-repeat: repeat;}
    #voice {background-position: top 1% center;background-repeat: repeat;background-size: 106%;}
    #requirements {background-position: bottom center, top 5% center;background-repeat: no-repeat ,repeat;background-size: 102%;}
	section#recruit_schedule dl.recruit_movie_box dt {font-size: 1.2em; padding-bottom: 0.7em;}
	section#recruit_schedule dl.recruit_movie_box dd p.re_sub {font-size: 0.9em;}
	section#recruit_schedule {padding: 5em 0 3em 0; margin-top: 3em;}
	section#recruit_schedule img.schedule_line_img {padding: 3em 0 4em 0;}
	section#recruit_schedule h5.schedule_ttl {font-size: 1.25em;}
}
/*******************************************ipad pro****************************************************/
@media (min-width: 1024px) and (max-width: 1222px) {
    header#header h1 a {font-size: 0.75em;}
    header#header ul li {margin-right: 4%;font-size: 0.5em;}
    #google_translate_element {right: 2.25em;z-index: 10;top: 8em;}
    header#header .nav_box {width: 53%;}
    header#header ul li:last-of-type {margin-right: 0;}
    #slide p.p_1 {bottom: 10vw;font-size: 1.250em;}
    #slide p.p_2 {font-size: 1.250em;}
    section#top_about img.cow1,section#top_about img.cow2 {width: 19%;}
    .so {width: 57%;}
    section#middle h2 {margin-top: 0.25em;margin-bottom: 1em;}
    footer ul li {margin-right: 2%;}
    footer div.right {width: 58.6%;font-size: 0.9em;}
    footer h3 .ttl1 {font-size: 1.1em;}
    footer h3 {margin-bottom: 0.5em;}
    footer ul li.f_menu1 {width: 4em;}
    footer ul li.f_menu2 {width: 6.5em;}
    footer ul li.f_menu3 {width: 6.5em;}
    footer ul li.f_menu4 {width: 7em;}
    footer ul li.f_menu5 {width: 5em;}
    #top_about .lower_inner {width: 63%;}
    section#top_about p.fcgre {font-size: 1.25em;}
    section#middle h2, section#top_about h2 {font-size: 2.5em;margin-top: 0;}
    section#middle img.cow4 {bottom: 7%;}
    section#middle a {padding: 0.25em 0;font-size: 1.1250em;}
    div.bg_ol .right .flex a {font-size: 1.125em;}
    div.bg_ol .left h2 img,
    div.bg_ol .left h2 {line-height: 1.8;}
    #top_img h2 {font-size: 1.1250em;margin-top: 0.5em;}
    section#staff div.bg_be .name_box h4 {font-size: 0.75em;}
    section#gallery div.bg_ol,
    section#requirements div.bg_ol,
    section#company div.bg_ol,
    section#staff div.bg_ol {padding: 1.5% 5% 2.5% 5%;}
    div.bg_ol div.left h2 {font-size: 2.5em;line-height: 1.8;}
    div.bg_ol div.left h2 img {margin-top: 0.5em;}
    section#gallery .inner img.gallery_cow2 {right: -6%;}
    section#gallery .inner img.gallery_cow1 {top: 21.5%;}
    section#gallery h3 span {font-size: 1.250em;margin-top: 0.5em;}
    section#message h3 span, section#voice h3 span, section#requirements h3 span {font-size: 1.25em;}
    #message h4.fcgre {font-size: 1.5em;}
    #message img.cow2 {bottom: 40%;}
    #voice .staff1 h4 {font-size: 0.875em;}
    #voice .staff1 dl.question dd, #voice .staff2 dl.question dd {font-size: 1.25em;}
    #voice .staff1 dl dt, #voice .staff2 dl dt {width: 2.5em;}
    #requirements img.cow3,#requirements img.cow4 {top: 63.5%;}
    #voice .staff1 .left,#voice .staff2 .right {margin-top: 0;}
    #company img.cow1 {left: 2%;}
    #company img.cow2 {right: 2%;}
    section#town h3 span, section#concept h3 span, section#company h3 span {font-size: 1.25em;}
    #town img.cow1,#town img.cow2 {top: 0em;width: 21%;}
    #town h4.fcgre,#concept h4.fcgre {font-size: 1.5em;}
    #concept .flex1 {width: 90%;}
    #concept .flex2 {width: 80%;}
}
/*******************************************pc**********************************************************/
@media (min-width: 1223px) and (max-width: 1480px) {
    #google_translate_element {right: 2.25em;z-index: 10;top: 8em;}
    header#header .nav_box {width: 51%;}
    header#header ul li:last-of-type {margin-right: 0;}
    #slide p.p_1 {bottom: 10vw;font-size: 1.50em;}
    #slide p.p_2 {font-size: 1.50em;}
    section#top_about img.cow1,section#top_about img.cow2 {width: 19%;}
    .so {width: 57%;}
    section#middle h2 {margin-top: 0.25em;margin-bottom: 1em;}
    footer ul li {margin-right: 2%;}
    footer div.right {width: 58%;font-size: 0.9em;}
    #top_img h2 {margin-top: 0.75em;}
    #message img.cow2 {bottom: 36%;}
    #requirements img.cow3,#requirements img.cow4 {width: 16%;}
    #company img.cow1 {left: 3%;}
    #company img.cow2 {right: 3%;}
    #town img.cow1,#town img.cow2 {top: 18.5%;width: 17%;}
}
/*******************************************pc**********************************************************/
@media (min-width: 1481px) and (max-width: 1780px) {
    #slide p.p_1 {bottom: 8vw;}
    .so {width: 56%;}
    section#middle p {width: 95%;}
    footer div.right {width: 59%;}
    #google_translate_element {right: 2em;}
    header#header .nav_box {width: 59%;}
    header#header ul li {margin-right: 4%;}
    header#header h1 {width: auto;}
    header#header .nav_box {width: 60%;}
    #town img.cow1,#town img.cow2 {width: 21%;}
    #company img.cow1 {left: 6%;}
    #company img.cow2 {right: 6%;}
}
/*******************************************pc**********************************************************/
@media (min-width: 1799px) and (max-width: 1830px) {
    #slide img.line2 {
    right: 1.5%;
    }
}
/*******************************************pc**********************************************************/
@media (min-width: 1831px) and (max-width: 1854px) {
    #slide img.line2 {
    right: 2%;
    }
}
@media (min-width: 1855px) and (max-width: 1884px) {
    #slide img.line2 {
    right: 2.5%;
    }
}
@media (min-width: 768px) and (max-width: 1798px) {
    #slide img.line2 {
    right: 1%;
    }
}
/*******************************************IE**********************************************************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}
/*****************************************Edge**********************************************************/
@supports (-ms-ime-align:auto){}