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

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

body{
    margin: 0 auto;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	font-feature-settings : "palt"; 
	letter-spacing: 0.05em;
}

ol, ul {
	list-style: none;
}
	img{
		margin: 0;
		padding: 0;	
		border:none;
		vertical-align: bottom;
	}

a {
	text-decoration: none;
	color: inherit;
}

a:hover{
	text-decoration: underline;
}

a img:hover{
	opacity: 0.6;
	transition: 0.3s;
}

/* あんまり(a)改行(k)したくない(s) */    
span.aks{
    display: inline-block;
}

/* PCだけ表示 */
.pc_disp{
    display: block;
}

.sp_disp{
    display: none;
}

/*中央揃え*/
.txt_center{
	text-align: center;
}

/*PC中央揃え SP左揃え*/
.txt{
	text-align: center;
}

header{
	width: 100%;
	min-height: 80vh;
	position: relative;
	background: url("https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/main.jpg");
	background-size: cover;
}

header h1{
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	text-align: left;
	margin: 0 0 0.5em;
}

section{
	margin: 0 auto 50px;
	position: relative;
	z-index: 1;
}

section h2 {
	text-align: center;
    font-weight: normal;
	font-size: 2.5em;
	margin: 2em 0 1em;
}

.sub_title{
	display: block;
	font-size: 0.5em;
	color: #eb8317;
}

.title-txt{
	position: absolute;
	right: 10%;
	bottom: 10%;
	background: rgba(44,62,80,0.8);
	padding: 8px;
	width: 42%;
	color: #fff;
}

/*en*/
.title-txt_en{
	position: absolute;
	right: 10%;
	bottom: 5%;
	background: rgba(44,62,80,0.8);
	padding: 8px;
	width: 55%;
	color: #fff;
}

.title-txt div, .title-txt_en div{
	border: 1px solid #fff;
	padding: 10px;
}

.title-txt p, .title-txt_en p{
	margin: 10px 0;
}

/*メインビジュアル　キャッチコピー*/
.catch, .catch_en{
	position: absolute;
	right: 10%;
	top:20%;
	color: #fff;
	text-shadow:0 0 10px #202020;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
	font-size: 1.8em;
	font-weight: bold;
}

/*メインビジュアル　ロゴ*/
.logo{
	display: inline-block;
	margin: 1em 0 0 1em;
}

/*メインビジュアル　言語*/
.lang{
	position: absolute;
	right: 10%;
	top: 7%;
	color: #fff;
	font-size: 1.05em;
	font-weight: bold;
}

.lang a{
	display: inline-block;
	padding: 0 0.5em;
}

.on{
	color: #fff;
}

.off{
	color: #222;
	opacity: 0.5;
}

.off:hover{
	color: #fff;
	opacity: 1;
	transition: 0.3s;
}

#ct2 h3{
	text-align: center;
	font-size: 1.8em;
	margin: 0.8em auto 0.3em;
}

/*注釈*/
.note{
	color: #efb036;
}

.note2{
	color:#eb3b5a; 
}

/*menu*/
/* ハンバーガーメニュー */
/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
/* === Hambuerger Button's Style Paste Here === */
/*+++ Reset +++*/
.button_wrap{
border: 1px solid #fff;
text-shadow: 1px 2px 3px #101010;
border-radius: 50%;
padding: 0.3em;
}

.zdo_drawer_button * {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-decoration: none;
  list-style: none;
}

.zdo_drawer_button {
  display: block;
  padding: 0;
  width: 60px;
  height: 60px;
  position: relative;
  background: none;
  border: none;
  text-align: center;
  letter-spacing: 0.1em;
  cursor: pointer;
  outline: none;
}

.zdo_drawer_button .zdo_drawer_bar {
  display: block;
  width: 42px;
  height: 2px;
  transition: all 0.2s;
  transform-origin: 0% 0%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
}

.zdo_drawer_button .zdo_drawer_bar1 {
  top: 0;
}

.zdo_drawer_button .zdo_drawer_bar2 {
  top: 50%;
}

.zdo_drawer_button .zdo_drawer_bar3 {
  top: 100%;
}

.zdo_drawer_button.active .zdo_drawer_bar {
  width: 36.77px;
  left: 8px;
}

.zdo_drawer_button.active .zdo_drawer_bar1 {
  transform: rotate(0.7853981634rad) translateY(-50%);
  top: 0px;
}

.zdo_drawer_button.active .zdo_drawer_bar2 {
  opacity: 0;
}

.zdo_drawer_button.active .zdo_drawer_bar3 {
  transform: rotate(-0.7853981634rad) translateY(-50%);
  top: calc(100% - 0px);
}

.zdo_drawer_button.active .zdo_drawer_menu_text {
  display: none;
}

.zdo_drawer_button.active .zdo_drawer_close {
  display: block;
}

.zdo_drawer_text {
  width: 100%;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 10px;
}

.zdo_drawer_close {
  letter-spacing: 0.08em;
  display: none;
}

/*+++ Default Button Color +++*/
.zdo_drawer_button {
  color: #fff;
  text-shadow: 1px 2px 3px #101010;
}

.zdo_drawer_button .zdo_drawer_bar {
  background-color: #fff;
  text-shadow: 1px 2px 3px #101010;
}

/* === Hambuerger Button's Style End === */
.zdo_drawer_menu .zdo_drawer_button {
  /*+++ Hamburger Button Position +++*/
  position: fixed;
  top: 0px;
  right: 30px;
  z-index: 1001;
}
.zdo_drawer_menu a {
  color: inherit;
  text-decoration: none;
}
.zdo_drawer_menu a:visited {
  color: inherit;
}
.zdo_drawer_menu .zdo_drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background-color: rgba(51, 51, 51, 0.5);
  display: none;
  top: 0;
  left: 0;
}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {
  width: 312px;
  height: 100%;
  transition: all 0.2s;
  transform: translate(312px);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background-color: #607D8B;
}
.zdo_drawer_menu .zdo_drawer_nav_wrapper.open {
  transform: translate(0);
}
.zdo_drawer_menu.left .zdo_drawer_button {
  right: auto;
  left: 32px;
}
.zdo_drawer_menu.left .zdo_drawer_nav_wrapper {
  transform: translate(-312px);
  right: auto;
  left: 0;
}
.zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {
  transform: translate(0);
}

/*+++ Default Navigation CSS +++*/
.zdo_drawer_menu .zdo_drawer_nav {
  padding: 112px 24px;
}
.zdo_drawer_menu .zdo_drawer_nav li {
  font-size: 1.2em;
  margin-bottom: 1em;
}

.zdo_drawer_menu .zdo_drawer_nav a{
	color: #fff;
	font-weight: bold;
}

.zdo_drawer_menu .zdo_drawer_nav a:hover{
	text-decoration: underline;
}

/*# sourceMappingURL=/zdo_drawer_menu.css.map */

/* menu */
.cp_offcm01 .cp_menu {
	position: fixed;
	top: 0;
	right: -100vw;
	width: 250px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: #607D8B;
	opacity: 0.9;
	z-index: 10;
}
.cp_offcm01 .cp_menu ul {
	margin: 0;
	padding: 0;
}
.cp_offcm01 .cp_menu li {
	list-style: none;
}
.cp_offcm01 .cp_menu li a {
	display: block;
	padding: 20px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
}

.cp_offcm01 #cp_toggle01 {
	position: absolute;
	display: none;
	opacity: 0;
}
.cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
	-webkit-transform: translateX(-100vw);
	        transform: translateX(-100vw);
}
/* menu toggle */
.cp_offcm01 #cp_toggle01 ~ label {
	display: block;
	padding: 0.5em;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	color: #333;
}
.cp_offcm01 #cp_toggle01:checked ~ label {
	-webkit-transform: translateX(-250px);
	        transform: translateX(-250px);
}
.cp_offcm01 #cp_toggle01 ~ label::before {
	content: url(https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/btn_menu.png);
	font-size: 2em
}
.cp_offcm01 #cp_toggle01:checked ~ label::before {
	content: url(https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/btn_menu_close.png);
}

/* contents */
.cp_contents {
	color: #333;
	text-align: center;
}

/* 当社の強み　grid */
.st_grid, .st_grid_en{
	max-width: 1200px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 220px);
	gap: 10px;
	margin: 0 auto;
}

.st_grid .item:nth-of-type(1), .st_grid_en .item:nth-of-type(1) {
  grid-row: span 2 / span 2;
}

.st_grid .item:nth-of-type(4), .st_grid_en .item:nth-of-type(4) {
    grid-column-start: 2;
    grid-row-start: 2;
}

.st_grid .item:nth-of-type(5), .st_grid_en .item:nth-of-type(5) {
    grid-column-start: 3;
    grid-row-start: 2;
}

.item{
	position: relative;
	border-radius: 15px;
}

.item h3{
	font-weight: bold;
	font-size: 1.1em;
}

.item div{	
	color: #fff;
	background: rgba(44,62,80,0.8);
	padding: 8px;
    border-radius: 0 0 15px 15px;
	position: absolute;
    bottom: 0;
    width: 100%;
	min-height: 90px;
    box-sizing: border-box;
}

.st1{
	background: url("https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_1.jpg");
	background-size: cover;
}

.st2{
	background: url("https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_2.jpg");
	background-size: cover;
}

.st3{
	background: url("https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_3.jpg");
	background-size: cover;
	background-position:0 130%;
}

.st4{
	background: url("https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_4.jpg");
	background-size: cover;
}

.st5{
	background: url("https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_5.jpg");
	background-size: cover;
}

/*募集条件*/
.map_parent, .requirements_parent{
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 0 auto 80px;
}

.map_child{
	width: 48%;
	margin: 1em 0 0;
}

.map_child p{
	font-size: 1.1em;
	font-weight: bold;
	color: #eb8317;
	text-align: center;
}

.requirements_child, .requirements_child_en{
	width: 24%;
}

.requirements_child img, .requirements_child_en img{
	border-radius: 15px;
	max-width: 285px;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.requirements_child p, .requirements_child_en p{
	padding: 20px 10px;
}

/*ボタン*/
.btn_form{
	background: #eb8317;
	border-radius: 30px;
	margin: 1em auto;
	text-align: center;
	max-width: 35%;
	position: relative;
}

.btn_form:hover{
	opacity: 0.6;
	transition: 0.2s;
}

.btn_form a{
	display: block;
	font-weight: bold;
	color: #fff;
	padding: 10px 0;
	position: relative;
}

.btn_form a::after{
	font-family: 'Font Awesome 5 Free';
	content: '\f061';
	position: absolute;
	right: 1em;
}

/*取扱商品*/
.products_parent{
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 0 auto 80px;
}

.products_child{
	width: 33%;
	min-height: 400px;
	display: flex;
	flex-direction: column;
	color: #fff;
	text-shadow: 1px 2px 3px #101010;
}

.products_child div{
	margin-top: auto;
	padding: 1em;
}

.products_child h3{
	font-weight: bold;
	font-size: 1.1em;
}

.pr1{
	background: url("https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_12.jpg");
	background-size: cover;
	border-radius: 15px;
}

.pr2{
	background: url("https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_13.jpg");
	background-size: cover;
	border-radius: 15px;
}

.pr3{
	background: url("https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_14.jpg");
	background-size: cover;
	border-radius: 15px;
}

/*パートナー特典*/
.incentive_parent, .bg1, .bg2{
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 0 auto 80px;
	align-items: center;
	position: relative;
}

.bg1::after{
	position: absolute;
	content: url(https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_back.jpg);
	z-index: -99;
	bottom:-10%;
	left:25%;
}

#ct4 .incentive_parent:nth-child(odd) {
  flex-direction: row-reverse;
}

.bg2::after {
  	position: absolute;
	content: url(https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_back.jpg);
	z-index: -99;
	bottom:-10%;
	right:25%;
}

.incentive_child{
	width: 47%;
}

.incentive_child h3{
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

/*当社倉庫*/
.base_parent{
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 0 auto 80px;
}

.base_parent img{
	border-radius: 15px;
	width: 48%;
}

.list_parent {
	max-width: 1200px;
	margin: 0 auto 80px;
	box-sizing: border-box;
}

.list_parent .list{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e5ecf0;
	padding: 1em 0;
}

.list_parent .list:first-child{
	border-top: 1px solid #e5ecf0;
}

.list_parent .list dt{
	color: #eb8317;
	font-weight: bold;
	width: 20%;
	text-align: center;
}

.list_parent .list dd {
	width: 80%;
}

.list_parent .list a{
	color: #eb8317;
	font-weight: bold;
}

/*取引の流れ*/
.step_box, .step_box_en{
	display: flex;
	width: 100%;
	justify-content: space-around;
    align-items: center;
}

.step_box a, .step_box_en a{
	color: #eb8317;
	font-weight: bold;
}

.step_box h3{
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	width: 20%;
}

.step_box h3 span{
	display: block;
	background: #eb8317;
	color: #fff;
	font-size: 1.2em;
	padding: 0.3em;
	margin-bottom: 0.3em;
}

.step_box p{
	width: 50%;
}
/*en*/
.step_box_en div{
	width: 70%;
}
.step_box_en h3{
font-size: 1.4em;
font-weight: bold;
}

.cp_timeline02 {
  position: relative;
  margin: 3em auto;
  overflow: auto;
}
.cp_timeline02:before {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 1em;
  height: 100%;
  content: '';
  background: #ffc07e;
}
.cp_timeline02 div.step_box, .cp_timeline02 div.step_box_en {
  position: relative;
  clear: both;
  max-width: 1100px;
  margin: 0 auto 2em;
  padding: 1em;
  background: #f1f2f6;
  border-radius: 8px;
  font-size: 1em;
  box-sizing: border-box;
}

.cp_timeline02 div:last-child{
	margin-bottom: 0;
}

.cp_timeline02 ul {
  max-width: calc(100% - 4em);
  margin: 0;
  padding: 0 0 0 2em;
  list-style: none;
}
.cp_timeline02 li {
  position: relative;
  margin-bottom: 1em;
  padding: 1em;
  background: #FFF8E1;
  width: 42%;
  border-radius: 8px;
  border: solid 1px rgba(255,202,40 ,1);
}
.cp_timeline02 li:before {
  position: absolute;
  top: 12px;
  left: -14px;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #FFF8E1 transparent transparent;
  z-index: 1;
}
.cp_timeline02 li:after {
  position: absolute;
  top: 12px;
  left: -16px;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #FFCA28 transparent transparent;
  z-index: 0;
}
.cp_timeline02 li:nth-child(even) {
  float: right;
  margin-top: 2em;
}
.cp_timeline02 li:nth-child(odd) {
  float: left;
}
.cp_timeline02 li:nth-child(odd):before {
  right: -14px;
  left: auto;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #FFF8E1;
}
.cp_timeline02 li:nth-child(odd):after {
  position: absolute;
  right: -16px;
  left: auto;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #FFCA28;
  z-index: 0;
}
.cp_timeline02 li:nth-of-type(2n+1) {
  clear: both;
}
.cp_timeline02 li .flag {
  padding: 0;
  margin: 0;
  font-weight: bold;
}
.cp_timeline02 li .desc {
  font-size: 0.7em;
  line-height: 1.5em;
}
.cp_timeline02 li .time {
  font-size: 0.6em;
  color: #00838F;
  font-weight: bold;
}

/*問合せ*/
.contact{
	max-width: 800px;
	margin: 0 auto 80px;
}

.contact h2{
	background: #eb8317;
	color: #fff;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0.3em;
	border-radius: 15px 15px 0 0;
	margin: 0;
}

.contact div{
	background: url(https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_back2.jpg);
	background-size: cover;
	border-radius: 0 0 15px 15px;
	text-align: center;
	padding: 1.5em;
	box-sizing: border-box;
}

.contact a{
	position: relative;
	max-width: 500px;
	display: block;
	background: #006989;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	border-radius: 10px;
	padding: 0.8em;
	margin: 1em auto;
}

.contact a::after{
	position: absolute;
  	right: 1em;
	font-family: "FontAwesome";
  	content: '\f061';
}
/*フッター*/
	footer{
		margin-top: 40px;
    	font-size: 10px;
    	padding: 10px 5px;
    	text-align: center;
    	background: #ffd7ac;
    	line-height: 1.5;
	}

/*--------- タブレットSP用css -----------*/
@media screen and (max-width: 767px) {
/*全体の幅*/    
body{
    width:100%;
	box-sizing: border-box;
	font-size: 18px;
}

/* imgはブロック要素に */    
img{
    width: 100%;
    height: auto;
    float: none;
    display: block;
    margin: auto;
}	

section{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}	

section h2 {
	text-align: center;
    font-weight: normal;
	font-size: 2em;
	margin: 0.5em 0;
}

header h1{
	font-size: 1.15em;
	text-align: center;
	height: 3.5em;
}

/* SPだけ表示 */    
.pc_disp{
    display: none !important;
}

.sp_disp{
    display: block;
}
	
/*PC中央揃え SP左揃え*/
.txt{
	text-align: left;
	padding: 0 10px;
}
/*メインビジュアル*/
header{
	background: url("https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/main_sp.jpg");
	background-position: 60% 30%;
	min-height: 60vh;
	margin-bottom: 100px;
}

.zdo_drawer_menu .zdo_drawer_button {
  /*+++ Hamburger Button Position +++*/
  top: -10px;
  right: 10px;
}

/*メインビジュアル　キャッチコピー*/
.catch{
	width: 90%;
	position: relative;
	right: 0;
	left: 0;
	margin: 0 auto;
	top:4em;
	font-size: 1em;
	text-shadow: 0 0 7px #000;
}

/*en*/
.catch_en{
	width: 80%;
	position: relative;
	right: 0;
	left: 0;
	margin: 0 auto;
	top:4em;
	font-size: 1.1em;
	text-shadow: 0 0 7px #000;
}

/*メインビジュアル　ロゴ*/
.logo{
	display: block;
	margin: 0;
}
	
.logo img{
	width: 50%;
	margin: 0;
	padding: 1em 0 0 1em
}

/*メインビジュアル　言語*/
.lang{
	position: absolute;
	left: 0.5em;
	top: 3.0em;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}

.title-txt, .title-txt_en{
	position: relative;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: 7em;
/*	bottom: -24%;*/
	width: 90%;
}

/* 当社の強み　grid */
.st_grid{
	width:100%;
	max-width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(5, 130px);
	gap: 10px;
	margin: 0 auto;
}

/*en*/
.st_grid_en{
	width:100%;
	max-width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(5, 180px);
	gap: 10px;
	margin: 0 auto;
}

.st_grid .item:nth-of-type(1), .st_grid_en .item:nth-of-type(1) {
  grid-row: span 1 / span 1;
}

.st_grid .item:nth-of-type(4), .st_grid_en .item:nth-of-type(4) {
    grid-column-start: 1;
    grid-row-start: 4;
}

.st_grid .item:nth-of-type(5), .st_grid_en .item:nth-of-type(5) {
    grid-column-start: 1;
    grid-row-start: 5;
}

.item{
	position: relative;
	border-radius: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.item img{
	width: 35%;
	height: 100%;
    object-fit: cover;
    border-radius: 10px;
}	

.item div{	
	color: #202020;
	background: none;
	padding: 8px;
    border-radius: 0 0 15px 15px;
	position: relative;
	right: 0;
    bottom: 0;
    width: 65%;
	min-height: 13vh;
    box-sizing: border-box;
}

.st1, .st2, .st3, .st4, .st5{
	background: none;
}


/*募集条件*/
#ct2 h3{
	font-size: 1.5em;
	margin: 0.5em 0;
}

.map_parent, .requirements_parent{
	width:100%;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.map_child{
	width: 100%;
	margin: 1em 0 1.5em;
}

.map_child p{
	font-weight: 1.2em;
	font-weight: bold;
	color: #eb8317;
	text-align: center;
}

.requirements_child, .requirements_child_en{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
	align-items: center;
}	

.requirements_child p, .requirements_child_en p{
	padding: 0 0 0 0.5em;
}	

.requirements_child img{
	border-radius: 10px;
	max-width: 30%;
	width: 30%;
	height: auto;
	object-fit: cover;
}

/*en*/
.requirements_child_en img{
	border-radius: 10px;
	max-width: 30%;
	width: 30%;
	height: 20vh;
	object-fit: cover;
}

/*ボタン*/
.btn_form{
	max-width: 80%;
}

/*取扱商品*/
.products_parent{
	width:100%;
	max-width: 100%;
	display: block;
	margin: 0 auto ;
}

.products_child{
	width: 100%;
	min-height: 260px;
	margin-bottom: 1.5em;
}

.products_child div{
	margin-top: auto;
	padding: 1em;
}

/*パートナー特典*/
.incentive_parent, .bg1, .bg2{
	width:100%;
	max-width: 100%;
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
	align-items: center;
	overflow: hidden;
}

.bg1::after{
	position: absolute;
	content: url(https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_back.jpg);
	z-index: -99;
	bottom:-10%;
	left:25%;
}

#ct4 .incentive_parent:nth-child(odd) {
  	display: block;
}

.bg2::after {
  	position: absolute;
	content: url(https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_back.jpg);
	z-index: -99;
	bottom:0%;
	right:25%;
}
	
.bg2{
	background: url(https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_back.jpg);
	background-size: cover;
	background-position: -140px 0px;
    background-repeat: no-repeat;

}

.incentive_child{
	width: 100%;
	}

.incentive_parent p{
	margin-bottom: 1.5em
}

.incentive_child h3{
	font-size: 1.4em;
	margin: 0.8em 0 0.3em;
}

/*当社倉庫*/
.base_parent{
	width:100%;
	max-width: 100%;
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
}

.base_parent img{
	border-radius: 15px;
	width: 100%;
	max-height: 200px;
	object-fit: cover;
	margin-bottom: 1.5em;
}

/*会社情報等　リスト部分*/
.list_parent {
	width:100%;
	max-width: 100%;
	margin: 0 auto;
}

.list_parent .list{
	display: block;
}

.list_parent .list dt{	
	width: 100%;
	text-align: left;
	margin-bottom: 0.5em;
}

.list_parent .list dd {
	width: 100%;
}

/*取引の流れ*/
.cp_timeline02 {
  margin: 0 auto;
}

.step_box, .step_box_en{
	display: block;
	width: 100%;
}

.step_box h3, .step_box_en{
	font-size: 1.3em;
	text-align: left;
	width: 100%;
}

.step_box h3 span{
	display: inline-block;
	font-size: 1em;
	padding: 0.3em 0.5em;
	margin:0 0.5em 0.8em 0;
}

.step_box p{
	width: 100%;
}

.step_box img, .step_box_en img{
	display: block;
	margin: 2em auto 0.5em;
	width: 50%;
	}
/*en*/
.step_box_en div{
	width: 100%;
}

/*問合せ*/
.contact{
	width: 100%;
	max-width: 100%;
	padding: 0 10px;
	margin: 0 auto 80px;
	box-sizing: border-box;
}

.contact h2{
	background: #eb8317;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0.3em;
	border-radius: 15px 15px 0 0;
	margin: 0;
}

.contact div{
	background:#f5f6fa url(https://gigaplus.makeshop.jp/HPohwA1HP/images/dokuji/feature/page510/image_back3.png);
	background-size: cover;
	background-position: 30px -30px;
	background-repeat: no-repeat;
	text-align: left;
	padding: 1.5em;
}

.contact a{
	max-width: 80%;
	font-size: 1.3em;
	padding: 0.5em;
	margin: 1em auto;
	text-align: center;
}

.contact a::after{
	position: absolute;
  	right: 1em;
	font-family: "FontAwesome";
  	content: '\f061';
}
}