@charset "UTF-8";*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;}html{line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}body{margin:0;scroll-behavior: smooth;}main{display: block;}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0;}h1,h2,h3,h4,h5,h6 {font-size:inherit;line-height:inherit;font-weight:inherit;margin:0;}ul,ol{margin:0;padding:0;list-style:none;}dt{font-weight:bold;}dd{margin-left:0;}hr{box-sizing: content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit;}pre{/*font-family:monospace,monospace;*/font-size:inherit;}address{font-style:inherit;}a{background-color:transparent;text-decoration:none;color:inherit;}abbr[title]{text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{/*font-family:monospace,monospace;*/font-size:inherit;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img,embed,object,iframe{vertical-align: bottom;}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance: none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit;}[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox;}[type="radio"]{-webkit-appearance:radio;appearance:radio;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;-webkit-appearance:none;appearance:none;}button[disabled],[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled]{cursor:default;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}select::-ms-expand{display:none;}option{padding:0;}fieldset{margin:0;padding:0;min-width:0;}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}label[for]{cursor:pointer;}details{display:block;}summary{display:list-item;}[contenteditable]{outline:none;}table{border-collapse:collapse;border-spacing:0;}caption{text-align:left;}td,th{vertical-align:top;padding:0;}th{text-align:left;font-weight:bold;}template{display:none;}[hidden]{display:none;}



/* CSS Document */

@font-face{
	font-family: "ヒラギノ角ゴ Pro W6";
	src: url("../fonts/ヒラギノ角ゴ Pro W6.otf") format("opentype");
}
@font-face{
	font-family: "りょう Display PlusN-M";
	src: url("../fonts/RyoDispPlusN-Medium.otf") format("opentype");
}
@font-face{
	font-family: "りょう Display PlusN-SB";
	src: url("../fonts/RyoDispPlusN-SemiBold.otf") format("opentype");
}
@font-face{
	font-family: "りょう Display PlusN-B";
	src: url("../fonts/RyoDispPlusN-Bold.otf") format("opentype");
}
@font-face{
	font-family: "りょう Display PlusN-EB";
	src: url("../fonts/RyoDispPlusN-ExtraBold.otf") format("opentype");
}
@font-face{
	font-family: "りょう Display PlusN-H";
	src: url("../fonts/RyoDispPlusN-Heavy.otf") format("opentype");
}
@font-face{
	font-family: "やさしさゴシック手書き";
	src: url("../fonts/やさしさゴシック手書き.otf") format("opentype");
}


@font-face{
	font-family: "小塚ゴシック Pr6N-EL";
	src: url("../fonts/KozGoPr6N-ExtraLight.otf") format("opentype");
}
@font-face{
	font-family: "小塚ゴシック Pr6N-L";
	src: url("../fonts/KozGoPr6N-Light.otf") format("opentype");
}
@font-face{
	font-family: "小塚ゴシック Pr6N-R";
	src: url("../fonts/KozGoPr6N-Regular.otf") format("opentype");
}
@font-face{
	font-family: "小塚ゴシック Pr6N-M";
	src: url("../fonts/KozGoPr6N-Medium.otf") format("opentype");
}
@font-face{
	font-family: "小塚ゴシック Pr6N-B";
	src: url("../fonts/KozGoPr6N-Bold.otf") format("opentype");
}
@font-face{
	font-family: "小塚ゴシック Pr6N-H";
	src: url("../fonts/KozGoPr6N-Heavy.otf") format("opentype");
}


*{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

html{
	scroll-behavior: smooth;
}

body{
	width: 100vw;
	overflow-x: hidden;
}

@media only screen and (max-width: 500px){
.wrap{
	overflow: hidden;
}}
@media only screen and (max-width: 375px){
body{
	width: 375px;margin:0 auto;
}}
@media only screen and (min-width: 761px){
body{
	max-width: 1000px;margin:0 auto;
}}
@media only screen and (min-width: 1001px){
body{
	max-width: 100%;
}}

/*==================================================ハンバーガーとPCヘッダー===================================*/

.hamburger_menu {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 101;
}
.hamburger_menu a {
	display: block;
	color: #000;
	font-weight: 900;
	margin-top: 10px;
	padding: 10px 0 10px 25px;
	transition: all 0.2s;
}
.hamburger_menu a:hover{
	color: #fff;
	background: #d80404;
}
.sideMenu {
  background-color: #fff;
  height: 100vh;
  overflow-y: auto;
  padding-top: 56px;
  position: fixed;
  right: -250px;
  transition: all 0.3s;
  top: 0;
  width: 250px;
  z-index: 200;
}

.HMbtn {
  cursor: pointer;
  height: 56px;
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  z-index: 300;
}
.HMbtn span {
  background-color: #111;
  height: 1.5px;
  left: 11px;
  position: absolute;
  transition: all 0.3s;
  width: 30px;
	border-radius: 1px;
}
#js-HMbtn, #js-header{transition: all 0.3s;}
.HMbtn1 {top: 25px;}.HMbtn2 {top: 34px;}.HMbtn3 {top: 43px;}
.overlay {
	background-color: #000;
	cursor: pointer;
	height: 100vh;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: all 0.3s;
	visibility: hidden;
	width: 100vw;
	z-index: 100;
}
/* メニューが開いた時のCSS */
.nav-open .sideMenu {
  background-color: #fff;
  right: 0;
}
.nav-open .HMbtn1 {
  top: 31px;
  transform: rotate(45deg);
}
.nav-open .HMbtn2 {
  left: 50%;
  width: 0;
}
.nav-open .HMbtn3 {
  top: 31px;
  transform: rotate(-45deg);
}
.nav-open .overlay {
  opacity: 0.65;
  visibility: visible;
}
.hide{
	transform: translateY(-100%);
} /* 上に消えるようにする */


.navPC{
	display: none;
}
.navPC ul{
	margin-top: -45px;
	float: right;
	display: flex;
}
.navPC ul li{
	font-size: 17px;
	margin: 0px 5px 0px 0px;
}
.navPC ul li:last-child{
	margin: 0px 10px 0px 0px;
}
.navPC ul li a{
	display: block;
	color: #000;
	padding: 4px 15px 4px 15px;
	transition: all 0.2s;
}
.navPC ul li a:hover{
	color: #d80404;
}
@media only screen and (max-width: 970px){
.navPC ul li:first-child{
	display: none
}}


header {
	position: fixed;
	top: 0;
	width: 100%;
	min-width: 375px;
	padding: 7px 0 5px 10px;
	background: #fff;
	z-index: 99;
}
.top_logo{
	display: block;
	width: 50%;
}
header a img{
	max-width: 250px;
}
@media only screen and (min-width: 761px){
.top_logo{
	width: 29%
}
header a img{
	max-width: 300px
}}
@media only screen and (min-width: 1001px){
header > a{
	margin-left: 2%;
}
.navPC{
	margin-right: 2%;
}}

/*==================================================ハンバーガーとPCヘッダー===================================*/


/*==================================================メインビジュアル===================================*/

/*articleをh1に変更してください！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！*/
.main_visual_SP{
	margin: 74px 0 0 0;
	background-image: url("../images/main_visual_bg.jpg");
	background-size: 200% auto;
	background-position: top center;
	background-repeat: no-repeat;
}
.main_visual_SP > img{
	width: 30%;
	margin-left: 62%;
}
.main_visual_SP h1{
	display: flex;
}
.main_visual_SP h1 img:first-child{
	width: 70%;
	padding: 5px 0 0px 3px;
}

.main_visual_SP h1 img:nth-child(2), .main_visual_SP h1 img:nth-child(3){
	width: 23%;
	margin: 70px 0 0 -15%;
}
.main_visual_SP h1 img:nth-child(3){
	margin: 120px 0 0 -3%;
}

.main_visual_PC{
	display: none;
	max-height: 600px;
	margin: 74px auto 0 auto;
	background: url("../images/main_visual_bg.jpg") no-repeat center center/cover;
}
.main_visual_PC div{
	display: flex;
	max-width: 1600px;
	margin: 0 auto;
}
.main_visual_PC div p{
	width: 60%;
	margin: 250px 0 0 0;
}
.main_visual_PC div p img{
	max-width: 600px;
	height: auto;
}
.main_visual_PC div h1{
	width: 40%;
}
.main_visual_PC div h1 img{
	display: block;
	width: 95%;
	height: auto;
	margin-left: 0%;
}

@media only screen and (min-width: 1001px){
.main_visual_PC{
	max-height: 90vh;
}
.main_visual_PC div p{
	margin: 45vh 0 0 0;
}}

@media only screen and (min-width: 1301px){
.main_visual_PC div p{
	width: 70vw;
}
.main_visual_PC div p img{
	max-width: 700px;
	height: auto;
}}
/*articleをh1に変更してください！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！*/


/*==================================================コンテンツ１　About us===================================*/

.contents1{
	background: url("../images/building.jpg") no-repeat center center/cover;
}
.contents1 div{
	margin: 50px auto 0 auto;
	padding: 10px 30px 20px 0;
	background-color: rgba(0,0,0,0.4);
}
.contents1 h2:first-child{
	width: 110px;
	margin: -55px 0 45px 25px;
	padding: 0 0 0px 2px;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 1px;
}
.contents1 h2:first-child::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin: 5px 0 0 -2px;
	background: #000;
}
.contents1 h2:nth-child(2){
	max-width: 460px;
	padding: 5px 0 5px 25px;
	font-size: 20px;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',sans-serif;
	font-weight: 900;
	letter-spacing: -1px;
	background-color: rgba(255,255,255,0.90);
	line-height: 1.5;
}
.contents1 span{
	color: #E79011;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',sans-serif;
	font-size: 23px;
	font-weight: 900;
}
.contents1 p{
	max-width: 460px;
	font-size: 16px;
	margin-top: 30px;
	padding: 5px 0 5px 25px;
	background-color: rgba(255,255,255,0.90);
	line-height: 1.8;
}

@media only screen and (max-width: 500px){
.contents1 h2:nth-child(2){
	font-size: 3.5vw;
}
.contents1 span{
	font-size: 4vw;
}
.contents1 p{
	font-size: 3vw;
}}
@media only screen and (min-width: 761px){
.contents1{
	margin: 100px auto 0 3%;
	background-size: contain;
	background-position: right bottom;
}
.contents1 div{
	background:none;
}
.contents1 h2:first-child{
	width: 120px;
	font-size: 16px;
}
.contents1 h2:nth-child(2),.contents1 p{
	font-size: 20px;
	letter-spacing: 0px;
	background-color: rgba(255,255,255,1);
}
.contents1 p{
	font-size: 16px;
}}





/*==================================================コンテンツ２　ニュースとか===================================*/
.contents2 > a:first-child{
	display: block;
	min-width: 180px;
	width: 25vw;
	max-width: 252px;
	margin: 20px 0px 0px 25px;
	padding: 5px 5px 5px 5px;
	font-size: clamp(13px,1.3vw,18.2px);
	letter-spacing: 10px;
	
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.contents2 > a:first-child span{
	font-family: '小塚ゴシック Pr6N-M',serif;
	font-size: clamp(19px,1.9vw,28px);
	vertical-align: middle;
}
.contents2 > a:first-child::before,
.contents2 > a:first-child::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #000;
	
  -webkit-transition: all .3s;
  transition: all .3s;
}
.contents2 > a:first-child::before{
	top: 0px;
	left: 0px;
}
.contents2 > a:first-child::after{
	right: 0px;
	bottom: 0px;
}
/*.contents2 > a:first-child:hover::before,
.contents2 > a:first-child:hover::after{
	width: 0;
}*/




.contents2 h2{
	width: 70px;
	margin: 80px 0px 25px 25px;
	padding: 0 0 5px 2px;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 1px;
}
.contents2 h2::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin: 5px 0 0 -2px;
	background: #000;
}
.contents2 ul{
	width: 94%;
	margin: 0 auto 40px auto;
	padding: 0;
	font-size: 12px;
}
.contents2 ul li:first-child{
	border-top: 1px dotted #6c5f45;
}
.contents2 ul li{
	padding: 15px 0 15px 110px;
	border-bottom: 1px dotted #6c5f45;
	text-indent: -110px;
	letter-spacing: 1px;
}
.contents2 ul li time{
	display: inline-block;
	width: 110px;
	text-align: center;
	text-indent: 0;
}
.contents2 ul li a{
	color: #d80404;
}

.banner_event,.banner_OEM,.banner_recruitment{
	display: block;
	width:300px;
	height:120px;
}
.contents2 div p a{
	margin: 20px auto 0px;
}

.BTNbrothers{
	display: flex;
	max-width: 350px;
	margin: 0 auto;
}
.BTNbrothers a{
	margin: 30px 10px 0px;
}

@media only screen and (min-width: 761px){
.contents2{
	margin: 0 3%;
}
.contents2 ul{
	width: 53%;
	margin: 0 0 40px 0;
	font-size: 16px;
}
.contents2 ul li{
	padding: 25px 0 25px 150px;
	border-bottom: 1px dotted #6c5f45;
	text-indent: -150px;
}
.contents2 ul li time{
	display: inline-block;
	width: 150px;
	text-align: center;
	text-indent: 0;
}

.contents2 div{
	display: flex;
}
.contents2 div p{
	width: 47%;
}
.contents2 div p a:first-child{
	margin: 0px auto;
}
.BTNbrothers{
	max-width: 600px;
}
.BTNbrothers a{
	margin: 40px 30px 0px;
}}


/*==================================================コンテンツ３　商品紹介===================================*/

.contents3{
	width: 100%;
	overflow: visible;
}
.contents3 section{
	margin: 0 0 0 5%;
}
.contents3 section h2:nth-child(1){
	width: 80px;
	margin: 80px auto 18px 25px;
	padding: 0 0 5px 2px;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 1px;
	border-bottom: 1px solid #000;
}
.contents3 section h2:nth-child(2){
	margin: 0px 25px 0px 25px;
	padding: 0 0 10px 2px;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	font-weight: 600;
	font-size: 21px;
	line-height: 1.5;
	letter-spacing: 2px;
	border-bottom: 1px solid #000;
}

@media only screen and (max-width: 415px){
.contents3 section h2:nth-child(2){
	font-size: 18px;
	letter-spacing: 1.5px;
}}
@media only screen and (min-width: 501px){
.contents3 section h2:nth-child(2){
	max-width: 350px;
}}

/*----------とり天----------*/
.shokai_toriten{
	width: 100%;
	margin: 100px 0px 0px 0px;
	font-size: 11px;
	line-height: 1.4;
	background: linear-gradient(#fff 30%, #eee 30%);
}
.shokai_toriten > div{
	width: 100%;
	height: 370px;
	margin: 0 auto;
	background: url("../images/korega_toriten_bgimg.png") no-repeat center bottom/100% auto;
}
.shokai_toriten_text h3{
	margin: 0px 0px 10px 7%;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	font-weight: 600;
	font-size: 25px;
	letter-spacing: -0.03em;
	white-space: nowrap;
}

.shokai_toriten_text p{
	text-shadow:2px 0px 2px white,
				0px 2px 2px white,
				-2px 0px 2px white,
				0px -2px 2px white;
	width: 63%;
	padding: 10px 0px 0px 7%;
	font-size: 1.1em;
	font-weight: 600;
}
.shokai_toriten > div > img:nth-child(1){
	float: right;
	position: relative;
	top: -70px;
	width: 33%;
	margin: 0px 5% 0px 0px;
}
.shokai_toriten > div > img:nth-child(3){
	float: left;
	position: relative;
	margin-top: 5px;
	left: -3%;
	width: 200px;
	transform: scale(-1, 1);
}

@media only screen and (max-width: 415px){
.shokai_toriten_text h3{
	font-size: 20px;
}
.shokai_toriten > div > img:nth-child(1){
	top: -30px;
}
.shokai_toriten > div > img:nth-child(3){
	width: 150px;
}}
@media only screen and (min-width: 501px){
.shokai_toriten{
	position: relative;
	width: 100%;
}
.shokai_toriten::before{
	content: "";
	display: block;
	padding-top: 70%;
}
.shokai_toriten > div{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
	height: 100%;
	background: url("../images/korega_toriten_bgimg.png") no-repeat center bottom/100% auto;
}
.shokai_toriten > div > img:nth-child(1){
	width: 25%;
}
.shokai_toriten > div > img:nth-child(3){
	width: 39%;
	left: -5%;
}
.shokai_toriten_text h3{
	font-size: 30px;
}
.shokai_toriten_text p{
	font-size: 2vw;
}}
@media only screen and (min-width: 901px){
.shokai_toriten > div > img:nth-child(3){
	margin-top: 40px;
}}











/*----------からあげ----------*/
.shokai_karaage{
	width: 100%;
	margin: 200px 0px 0px 0px;
	font-size: 11px;
	line-height: 1.4;
	background: linear-gradient(#fff 30%, #eee 30%);
}
.shokai_karaage > div{
	height: 370px;
	margin: 0 auto;
	background: url("../images/korega_karaage_bgimg.png") no-repeat -80px bottom/550px auto;
}
.shokai_karaage_text h3{
	padding: 0px 0px 10px 45px;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	font-weight: 600;
	font-size: 23px;
}
.shokai_karaage_text p{
	text-shadow:2px 0px 2px white,
				0px 2px 2px white,
				-2px 0px 2px white,
				0px -2px 2px white;
	width: 50%;
	padding: 10px 0px 0px 45px;
	font-size: 1.2em;
	font-weight: 600;
}
.shokai_karaage > div > img:nth-child(1){
	float: right;
	position: relative;
	top: -100px;
	width: 33%;
	margin: 0px 12% 0px 0px;
}
.shokai_karaage > div > img:nth-child(3){
	float: right;
	position: relative;
	top: 100px;
	left: 55%;
	width: 190px;
	margin-bottom: 150px;
}

@media only screen and (max-width: 415px){
.shokai_karaage_text h3{
	font-size: 20px;
}
.shokai_karaage > div > img:nth-child(1){
	top: -30px;
}}
@media only screen and (min-width: 501px){
.shokai_karaage{
	position: relative;
	width: 100%;
}
.shokai_karaage::before{
	content: "";
	display: block;
	padding-top: 70%;
}
.shokai_karaage > div{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
	height: 100%;
	background: url("../images/korega_karaage_bgimg.png") no-repeat center bottom/100% auto;
}
.shokai_karaage > div > img:nth-child(1){
	width: 25%;
}
.shokai_karaage > div > img:nth-child(3){
	width: 39%;
	left: 51%;
}
.shokai_karaage_text h3{
	font-size: 30px;
}
.shokai_karaage_text p{
	font-size: 2vw;
}}



/*----------鶏めし----------*/
.shokai_torimeshi{
	margin: 100px 0px 0px 0px;
	font-size: 11px;
	line-height: 1.4;
	background: linear-gradient(#fff 30%, #eee 30%);
}
.shokai_torimeshi > div{
	width: 100%;
	height: 350px;
	margin: 0 auto;
	background: url("../images/korega_torimeshi_bgimg.png") no-repeat center bottom/600px auto;
}
.shokai_torimeshi_text h3{
	margin: 0 5% 10px auto;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	font-weight: 600;
	font-size: 23px;
	text-align: right;
}
.shokai_torimeshi_text p{
	float: right;
	text-shadow:2px 0px 2px white,
				0px 2px 2px white,
				-2px 0px 2px white,
				0px -2px 2px white;
	max-width: 300px;
	width: 50%;
	padding: 10px 15px 0px 20px;
	font-size: 1.2em;
	font-weight: 600;
}
.shokai_torimeshi > div > img:nth-child(1){
	float: left;
	width: 130px;
	height: 260px;
	margin: -20px 0px 0px 9%;
	z-index: 1;
}

.contents3 aside{
	width: 90%;
	margin: 50px auto 150px auto;
	text-align: center;
}
.contents3 aside a{
	font-size: 20px;
	font-weight: 900;
	border: 2px solid #e30012;
	
	
	display: block;
	margin: 25px 0 0 0;
	padding: 17px 0;
	color: #fff;
	background: #e30012;
	transition-duration: 0.3s;
}
.contents3 aside a:hover{
	color: #e30012;
	background: #fff;
}

@media only screen and (max-width: 415px){
.shokai_torimeshi_text h3{
	font-size: 20px;
}
.shokai_toriten > div > img:nth-child(1){
	top: -30px;
}}
@media only screen and (min-width: 501px){
.shokai_torimeshi{
	position: relative;
	width: 100%;
}
.shokai_torimeshi::before{
	content: "";
	display: block;
	padding-top: 70%;
}
.shokai_torimeshi > div{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
	height: 100%;
	background: url("../images/korega_torimeshi_bgimg.png") no-repeat center bottom/130% auto;
}
.shokai_torimeshi > div > img:nth-child(1){
	width: 25%;
	height: auto;
}
.shokai_torimeshi_text h3{
	margin: 0 0 10px 40%;
	font-size: 30px;
	text-align: left;
}
.shokai_torimeshi_text p{
	float: left;
	font-size: 2vw;
	max-width: 50%;
	padding: 10px 15px 0px 5%;
}
}
@media only screen and (min-width: 801px){
.contents3 aside{
	width: 44%;
	margin: 0px 0 150px 5%;
}
.contents3 aside a{
	width: 460px;
	margin: -80px 0 0 auto;
	font-size: 25px;
}}

/*----------共通　（パッケージのところ）----------*/
.CHOSEI-packege{
	text-align: center;
}

.shokai_products{
	position: relative;
}
.shokai_karaage_products{
	top: -80px;
}
.shokai_torimeshi_products{
	margin: 10px 0 20px 0;
	text-align: center;
}
.shokai_products ul{
	clear: both;
	display: flex;
	max-width: 365px;
	margin: 0 auto;
}
.shokai_products ul li{
	width: 175px;
	font-size: 12px;
	font-weight: 600;
}
.shokai_products ul li span{
	text-decoration: underline;
}
.shokai_toriten_products ul li:nth-child(1),
.shokai_karaage_products ul li:nth-child(1){
	margin-right: 15px;
}
.shokai_products ul li img{
	margin: 10px 0 10px 0;
	/*box-shadow: 1px 3px 10px 0 rgba(0,0,0,0.5);*/
}

.shokai_torimeshi_products ul{
	display: block;
	width: 175px;
}
.banner_event img:hover,
.banner_OEM img:hover,
.banner_recruitment img:hover,
.BTNbrothers a:hover,
.shokai_products ul li:hover{
	transform: scale(1.05);
	transition: all 0.2s;
}


@media only screen and (min-width: 501px){
.shokai_products{
	margin: -120px 0 0 0;
}
.shokai_karaage_products{
	top: 0px;
}
.shokai_toriten_products ul{
	max-width: 1000px;
	margin: 0 0 0 40%;
}
.shokai_karaage_products ul{
	max-width: 1000px;
	margin: 0 30% 0 10%;
}
.shokai_products ul li{
	width: 40%;
	font-size: 14px;
}
.shokai_toriten_products ul li:nth-child(1),
.shokai_karaage_products ul li:nth-child(1){
	margin-right: 5%;
}

.shokai_torimeshi_products ul{
	width: 24%;
	margin: 0 10% 0 auto;
}
.shokai_torimeshi_products ul li{
	width: 100%;
}}

@media only screen and (min-width: 801px){
.shokai_products ul li{
	font-size: 16px;
}}






/*==================================================コンテンツ4===================================*/

.contents4-1 div, .contents4-2 div{
	margin: 0 0 50px 0;
	padding: 0px 5% 50px 5%;
	background: #eee;
} 
.contents4-1 section h2:first-child, .contents4-2 section h2:first-child{
	width: 80px;
	margin: 0px auto 18px 0;
	padding: 50px 0 5px 2px;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 1px;
	border-bottom: 1px solid #000;
}
.contents4-2 div section h2:first-child{
	width: 140px;
}
.contents4-1 section h2:nth-child(2), .contents4-2 section h2:nth-child(2){
	margin: 0px 0px 30px 0px;
	padding: 0 0 10px 2px;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	font-weight: 600;
	font-size: 5vw;
	line-height: 1.5;
	letter-spacing: 2.6px;
	border-bottom: 1px solid #000;
}
.contents4-1 div p, .contents4-2 div p{
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.5;
}
.contents4-1 div a, .contents4-2 div a{
	display: block;
	margin: 25px 0 0 0;
	padding: 17px 0;
	font-size: 1.5em;
	font-weight: 900;
	font-family: 小塚ゴシック Pr6N-B;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	background: #e30012;
	transition-duration: 0.3s;
	border: 2px solid #e30012;
}
.contents4-1 div a:hover, .contents4-2 div a:hover{
	color: #e30012;
	background: hsla(0,0%,100%,0.00);
	border: 2px solid #e30012;
}

@media only screen and (max-width: 760px){
.contents4-1 img:nth-child(3){
	display: none;
}
.contents4-1, .contents4-2{
	background: #eee;
}}
@media only screen and (min-width: 761px){
.contents4-1 img:nth-child(1){
	display: none;
}
.contents4-1, .contents4-2{
	display: flex;
	max-width: 950px;
	margin: 0 0 0 0;
	background: #eee;
	background-image: linear-gradient(#fff 30%, #eee 30%);
}
.contents4-1{
	margin: 0 0 50px 5%;
}
.contents4-2{
	margin: 0 5% 0 0;
	background-image: linear-gradient(#fff 28%, #eee 28%);
}

.contents4-1 div, .contents4-2 div{
	background: none;
	margin: 0 0 0px 0;
} 
.contents4-1 img, .contents4-2 img{
	margin: 100px 0 0 0;
	width: 55%;
	height: 400px;
	object-fit: cover;
}
.contents4-2 img{
	margin: 120px 0 0 0;
}

.contents4-1 section h2:nth-child(2), .contents4-2 section h2:nth-child(2){
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: 2.6px;
	white-space: nowrap
}

.contents4-1 div a{
	font-size: 20px;
}
.contents4-2 div a{
	margin: 20px 0 0 0;
	padding: 15px 0;
	font-size: 20px;
	font-weight: 900;
	text-align: center;
	letter-spacing: 3px;
	color: #fff;
	background: #e30012;
}}





.BTNbrothers_footer{
	margin: 150px auto 0px auto;
}

.footer_banner div{
	width: 300px;
	margin: 0 auto;
}

@media only screen and (min-width: 650px){
.footer_banner div{
	width: 800px;
	margin: 0 auto;
}
.footer_banner div p{
	display: flex;
}
.footer_banner .banner_OEM{
	margin: 0 0 0 20px
}}




footer nav ul{
	display: flex;
	width: 87%;
	margin: 0 auto 25px auto;
	white-space: nowrap;
}
footer nav ul a li{
	display: inline;
	padding: 1px 1.45vw;
	font-size: 2.8vw;
	border-right: 1px solid #000;
	transition: all 0.2s;
	white-space: nowrap;
}
footer nav ul a:last-child li{border-right: none;}
@media only screen and (min-width: 761px){
footer nav ul{width: 755px;}
footer nav ul a li{font-size: 15px;padding: 1px 24px;}}
footer nav ul a li:hover{color: #d80404;}


footer > div{
	background: #e6dfd3;
	text-align: center;
}
footer > div img{
	width: 200px;
	margin: 10px auto 3px auto;
}
.footer_addressSP{
	font-size: 10px;
	padding: 0px 0px 15px 0px;
	letter-spacing: 0.8px;
}
.footer_addressPC{
	font-size: 13px;
	padding: 0px 0px 20px 0px;
	letter-spacing: 0.8px;
}
@media only screen and (min-width: 761px){
footer > div img{
	width: 300px;margin: 20px auto 5px auto;
}
.footer_addressSP{
	display: none;
}}
@media only screen and (max-width: 760px){
.footer_addressPC{
	display: none;
}}

.copyright{
	color: #fff;
	height: 40px;
	background: #d80404;
	font-size: 10px;
	text-align: center;
	line-height: 40px;
}


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ハンバーガーとヘッダーナビの切替↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
@media only screen and (min-width: 761px){
.hamburger_menu{display: none;}
.navPC{display: block;}
.main_visual_SP{display: none;}
.main_visual_PC{display: block;}}
@media only screen and (max-width: 760px){
.aaaaaaaamain_visual_PC{
	display: none;
}}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ハンバーガーとヘッダーナビの切替↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/



@media only screen and (min-width: 1001px){
.contents1{
	max-width: 1400px;
	margin: 150px auto 0 3%;
}
.contents1 h2:first-child{
	width: 12vw;
	font-size: 1.6vw;
}
.contents1 h2:nth-child(2),.contents1 p{
	max-width: 1000px;
	width: 50vw;
	font-size: 2vw;
	letter-spacing: 0px;
	background-color: rgba(255,255,255,1);
}
.contents1 span{
	font-size: 2.3vw;
}

.contents2{
	max-width: 1400px;
	width: 90%;
	margin: 0px 5% 0 auto;
}
.contents2 h2{
	width: 7vw;
	margin: 100px 0px 25px 25px;
	font-size: 1.6vw;
}
.contents2 ul{
	width: 80%;
	margin: 0 auto 50px auto;
	font-size: 1.6vw;
}
.contents2 ul li{
	padding: 20px 0 20px 120px;
	text-indent: -12vw;
}
.contents2 ul li time{
	width: 12vw;
}
.banner_event,.banner_OEM{
	width:330px;
	height:144px;
}
.BTNbrothers{
	transform: scale(1.15);
	margin: 50px auto 150px auto;
}

.contents3 section{
	max-width: 1400px;
	margin: 0 auto;
}
.contents3 section h2:nth-child(1){
	width: 8vw;
	font-size: 1.6vw;
	margin-left: 5%;
}
.contents3 section h2:nth-child(2){
	width: 35vw;
	max-width: 100%;
	font-size: 2.1vw;
	margin-left: 5%;
}
.shokai_toriten > div,
.shokai_karaage > div,
.shokai_torimeshi > div{
	max-width: 1400px
}
.shokai_torimeshi{
	margin: 150px 0px 0px 0px;
}
.shokai_torimeshi_text h3{
	margin: 70px 0 10px 40%;
}
.shokai_toriten_text p, .shokai_karaage_text p, .shokai_torimeshi_text p{
	font-size: 21px;
}
.shokai_torimeshi_text p{
	float: left;
}

.contents4-1{
	margin: 0 0 0 auto;
}
.contents4-2{
	margin: 50px 0;
}

.BTNbrothers_footer{
	margin: 100px auto 50px auto;
}
.footer_banner{
	transform: scale(1.3);
}
}

@media only screen and (min-width: 1101px){
.shokai_toriten > div > img:nth-child(3){
	width: 30%;
	margin-top: 180px;
}
.shokai_karaage > div > img:nth-child(3){
	width: 30%;
	margin-top: 210px;
	left: 43%;
}

.contents4-1{
	margin: 0 auto;
}
.contents4-2{
	margin: 100px auto;
}
.contents4-1, .contents4-2{
	transform: scale(1.10);
}}
@media only screen and (min-width: 1201px){
.shokai_toriten > div > img:nth-child(3){
	width: 32%;
	margin-top: 170px;
}
.shokai_karaage > div > img:nth-child(3){
	width: 32%;
	margin-top: 200px;
}
.contents4-1, .contents4-2{
	transform: scale(1.20);
}
.contents4-2{
	margin: 150px auto;
}}
@media only screen and (min-width: 1301px){
.shokai_toriten::before,
.shokai_karaage::before,
.shokai_torimeshi::before{
	padding-top: 800px;
}
.shokai_toriten > div > img:nth-child(3){
	width: 32%;
	margin-top: 150px;
}
.shokai_karaage > div > img:nth-child(3){
	width: 32%;
	margin-top: 180px;
}

.contents4-1, .contents4-2{
	transform: scale(1.30);
}
.contents4-2{
	margin: 200px auto;
}}
@media only screen and (min-width: 1401px){
.contents1{
	margin: 150px auto 0 auto;
}
.contents1 h2:first-child{
	width: 168px;
	font-size: 22.4px;
}
.contents1 h2:nth-child(2),.contents1 p{
	width: 700px;
	font-size: 28px;
}
.contents1 span{
	font-size: 32.2px;
}

.contents2{
	max-width: 1400px;
	margin: 0 auto;
}
.contents2 h2{
	width: 98px;
	margin: 150px 0px 25px 25px;
	font-size: 22.4px;
}
.contents2 ul{
	width: 80%;
	margin: 0 auto 50px auto;
	font-size: 20.8px;
}
.contents2 ul li{
	padding: 30px 0 30px 180px;
	text-indent: -180px;
}
.contents2 ul li time{
	width: 180px;
}
.banner_event,.banner_OEM{
	width:420px;
	height:168px;
}
.BTNbrothers{
	transform: scale(1.3);
	margin: 100px auto 200px auto;
}

.contents3 section{
	max-width: 1400px
}
.contents3 section h2:nth-child(1){
	width: 112px;
	font-size: 22.4px;
}
.contents3 section h2:nth-child(2){
	width: 490px;
	font-size: 29.4px;
}
.shokai_toriten > div{
	background: url("../images/korega_toriten_bgimg.png") no-repeat center bottom/1300px auto;
}
.shokai_karaage > div{
	background: url("../images/korega_karaage_bgimg.png") no-repeat left bottom/90% auto;
}
.shokai_torimeshi > div{
	background: url("../images/korega_torimeshi_bgimg.png") no-repeat right bottom/90% auto;
}
.shokai_toriten > div > img:nth-child(1){
	width: 25%;
}
.shokai_toriten > div > img:nth-child(3){
	width: 400px;
	margin-top: 210px;
}
.shokai_karaage > div > img:nth-child(3){
	width: 390px;
	margin-top: 210px;
	left: 45%;
}

.shokai_karaage_products ul{
	width: 1400px;
	margin: 0 auto 0 auto;
}
.shokai_torimeshi_products ul{
	max-width: 1400px;
	width: 1400px;
	margin: 0 auto;
}
.shokai_torimeshi_products ul li{
	width: 400px;
	margin: 0 10% 0 auto;
}

.contents4-1, .contents4-2{
	transform: scale(1.40);
}
.contents4-2{
	margin: 250px auto;
}

.BTNbrothers_footer{
	transform: scale(1.3);
	margin: 100px auto 100px auto;
}
.footer_banner{
	transform: scale(1.3);
}}



@media screen and (max-width:760px){
.P{display: none!important;}}
@media screen and (min-width:761px){
.S{display: none!important;}}