@charset "utf-8";
/*
Theme Name: takayasu_corp_themes_2022_v1
Theme URI:
Description: takayasu_corp_themes_2022_v1
Version: 1.0
Author:
Author URI:
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@font-face {
    font-family: 'genj';
    font-style: normal;
    font-weight: 200;
    src: url('font/GenJyuuGothicL-Light.eot');
    src: url('font/GenJyuuGothicL-Light-.eot#iefix') format('embedded-opentype'),
    url('font/GenJyuuGothicL-Light.ttf') format('truetype'),
    url('font/GenJyuuGothicL-Light.woff') format('woff');
}
@font-face {
    font-family: 'genj';
    font-style: normal;
    font-weight: 400;
    src: url('font/GenJyuuGothicL-Regular.eot');
    src: url('font/GenJyuuGothicL-Regular-.eot#iefix') format('embedded-opentype'),
    url('font/GenJyuuGothicL-Regular.ttf') format('truetype'),
    url('font/GenJyuuGothicL-Regular.woff') format('woff');
}
@font-face {
    font-family: 'genj';
    font-style: normal;
    font-weight: 500;
    src: url('font/GenJyuuGothicL-Medium.eot');
    src: url('font/GenJyuuGothicL-Medium-.eot#iefix') format('embedded-opentype'),
    url('font/GenJyuuGothicL-Medium.ttf') format('truetype'),
    url('font/GenJyuuGothicL-Medium.woff') format('woff');
}
@font-face {
    font-family: 'genj';
    font-style: normal;
    font-weight: 700;
    src: url('font/GenJyuuGothicL-Bold.eot');
    src: url('font/GenJyuuGothicL-Bold-.eot#iefix') format('embedded-opentype'),
    url('font/GenJyuuGothicL-Bold.ttf') format('truetype'),
    url('font/GenJyuuGothicL-Bold.woff') format('woff');
}

@font-face {
    font-family: 'genj';
    font-style: normal;
    font-weight: 900;
    src: url('font/GenJyuuGothicL-Heavy.eot');
    src: url('font/GenJyuuGothicL-Heavy-.eot#iefix') format('embedded-opentype'),
    url('font/GenJyuuGothicL-Heavy.ttf') format('truetype'),
    url('font/GenJyuuGothicL-Heavy.woff') format('woff');
}
/* Utilities
------------------------------------------------------------------- */
.sec_lv1 {
	margin-top: 50px;
}

.sec_lv2 {
	margin-top: 40px;
}

.sec_lv3 {
	margin-top: 30px;
}

.sec_lv4 {
	margin-top: 20px;
}
.inner_base {
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
	width: 960px;
}
@media print,screen and (max-width: 960px){
.inner_base {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}
.sec_lv1 {
	margin-top: 25px;
}
.sec_lv2 {
	margin-top: 20px;
}
.sec_lv3 {
	margin-top: 15px;
}
.sec_lv4 {
	margin-top: 10px;
}
}
@media print,screen and (max-width: 768px){
.inner_base {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
	box-sizing: border-box;
}
}
.inner_lv1 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.inner_lv2 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.inner_lv3 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.inner_lv4 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.ib {
	display: inline-block;
}

.wrap::after {
	content: "";
	display: table;
	clear: both;
}

/* Button
------------------------------------------------------------------- */
.btn {
	margin: auto;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	color: #fff !important;
	border: none;
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	cursor: pointer;
	outline: none;
	position: relative;
	transition: all .5s;
}

/* Default */
.btn_default {
	color: #40220F !important;
	background: #aaaaaa;
}

/* main */
.btn_main {
	color: #ffffff !important;
	background: #3f4a28;
	border: 1px dashed #ffffff;
}

/* Sub */
.btn_sub {
	color: #40220F !important;
	background: #FDE9C0;
}

/* Button Size */
.btn_xs {
	padding: 1px 5px;
	font-size: 1.1rem;
}

.btn_sm {
	padding: .4em;
	font-size: 1.6rem;
	width: 160px;
}

.btn_md {
	padding: .6em 3em;
	font-size: 1.6rem;
	line-height: 1.4;
}

.btn_lg {
	padding: 1.2em 2em;
	font-size: 1.8rem;
}

.btn_block {
	width: 100%;
	display: block;
}

/* Option */
.btn_download::before {
	font-size: 150%;
	vertical-align: middle;
	content: "\e81e";
	font-family: 'fontello';
}

.btn_download::after {
	display: none;
}

.btn_close::before {
	margin-right: .5em;
	content: "\e821";
	font-family: 'fontello';
}

.btn_blank::after {
	margin-left: .5em;
	font-size: 120%;
	vertical-align: middle;
	content: "\e820";
	font-family: 'fontello';
}

.btn_list::before {
	margin-right: 5px;
	content: "\e818";
	font-family: 'fontello';
}
/* 表示非表示切り替え
------------------------------------------------------------------- */
.pc_only {
    display: block;
}
.sp_only {
    display: none;
}
@media print,screen and (max-width: 767px){
.pc_only {
    display: none;
}
.sp_only {
    display: block;
}
}
/* label
------------------------------------------------------------------- */
a.label {
  background: #333333;
  color: #ffffff;
  margin: 0 5px 0 0;
  padding: 4px 2px 3px;
  width: 70px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1;
	font-size: 1.2rem;
}
a.label:hover {
  color: #ffffff;
}
a.label-info {
  background-color: #5980c1;
}
a.label-news {
    background-color: #e88859;
}
a.label-media {
    background-color: #7dbfc2;
}
a.label-blog {
    background-color: #a8c44d;
}
/* Heading
------------------------------------------------------------------- */
h1{
	
}
h2{
	padding: 0;
	margin:  0 0 30px;
	text-align: center;
  font-family: 'genj';
  font-style: normal;
  font-weight: 500;
	color: #ffffff;
	font-size: 2.5rem;
	letter-spacing: 2px;
	line-height: 1.2;
}
h3 {
}
h4{
  padding: 0px;
  margin: 20px 0;
  text-align: center;
  background-color: #f7e9ea;
	font-size: 2.8rem;
	letter-spacing: 6px;
	color: #d98f97;
}
@media print,screen and (max-width: 767px){
h3 {
}
}
h3{
	
}
h4{
	
}
h5{
	
}
h6{
	
}
/* color
------------------------------------------------------------------- */
.green{
	color: #009944;
}


/* ==========================================================================
   common
   ========================================================================== */
.container{
	width: 100%;
	margin: 0;
	padding: 0;
}
/* ==========================================================================
   header
   ========================================================================== */
.site_header{
	width: 100%;
	margin: 0;
	padding: 0;
}
.header_main{
	width: 100%;
	padding: 20px 0 4px;
	margin: 0;
	border-top: 10px solid #f8b62d;
	background-color: #f8faed;
	z-index: 3;
	position: relative;
}
.header_main::after {
  content: "";
  width: 100%;
  height: 33px;
  position: absolute;
  bottom: -33px;
  z-index: 3;
  background: url(images/home/commit_wave_01.png) repeat-x;
  background-position: center bottom;
}
.header_main .inner_base{
	position: relative;
}
@media print,screen and (max-width: 767px){
.header_main{
	padding: 5px 0 15px;
	margin: 0;
}
}
.header_main .sub_nav{
	position: absolute;
	top: 10px;
	right: 0px;
}
.header_main .sub_nav .add{
	color: #7f4f21;
	margin: 0 0 0 0;
	font-size: 1.2rem;
	text-align: right;
}
.header_main .sub_nav .tel{
	color: #7f4f21;
	margin: 0 0 0 0;
	line-height: 1;
	text-align: right;
}
.header_main .sub_nav .tel a span{
	font-size: 2.6rem;
	font-weight: 400;
	letter-spacing: 2px;
	color: #7f4f21;
}
@media print,screen and (max-width: 767px){
.header_main .sub_nav{
	display: none;
}
}



.site_header .site_logo {
  margin-left: -10px;
  bottom: 24px;
}
.site_header .site_logo {
    position: absolute;
    left: 50%;
}
.header_sub_nav {
	float: right;
	width: 54%;
}
.global_nav {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.global_nav .site_logo {
  width: 155px;
  position: absolute;
  left: calc(50% - 78px);
}
@media print,screen and (max-width: 880px){
.global_nav .site_logo {
  width: 135px;
  position: absolute;
  left: calc(50% - 78px);
}
}
.global_nav .nav_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 70px 0 0;
	width: 100%;
}
.global_nav .nav_item:nth-of-type(5) {
  margin-left: 20%;
}

.global_nav .nav_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
}
.global_nav .nav_set > li{
	font-size: 1.4rem;
	text-align: center;
}
.global_nav .nav_item a{
	color: #7f4f21;
	font-weight: bold;
	
}
.global_nav .nav_item a::before {
  margin-bottom: 0;
  font-size: 2.6rem;
  line-height: 1.1;
  text-align: center;
  color: #1eaa39;
  display: block;
  font-weight: normal;
}
.global_nav .nav_item.nav_home a::before {
    color: #1eaa39;
    content: '\e827';
    font-family: 'fontello';
}
.global_nav .nav_item.nav_product a::before {
    color: #1eaa39;
    content: '\e82b';
    font-family: 'fontello';
}
.global_nav .nav_item.nav_facility a::before {
    color: #1eaa39;
    content: '\e82c';
    font-family: 'fontello';
}
.global_nav .nav_item.nav_entrusted a::before {
    color: #1eaa39;
    content: '\e82d';
    font-family: 'fontello';
}
.global_nav .nav_item.nav_company a::before {
    color: #1eaa39;
    content: '\e82e';
    font-family: 'fontello';
}
.global_nav .nav_item.nav_access a::before {
    color: #1eaa39;
    content: '\e82f';
    font-family: 'fontello';
}
.global_nav .nav_item.nav_contact a::before {
    color: #1eaa39;
    content: '\e830';
    font-family: 'fontello';
}
.global_nav .nav_item.nav_recruit a::before {
    color: #1eaa39;
    content: '\e831';
    font-family: 'fontello';
}





a.nav_item{
  display: inline-block;
  padding: 0;
  text-decoration: none;
	color: #c0705b;
  transition: .4s;
  width: 100%;
  text-align: center;
}

a.nav_item:hover {
	color: #c0705b;
}
@media print,screen and (max-width: 767px){
.global_nav{
	display: none;
}
.site_logo {
  max-width: 331px;
  text-align: center;
}
}
.site_logo_sp{
  width: 100%;
}
.site_logo_sp img{
	margin: auto;
  max-width: 100px;
}
#visual_area {
	margin: 0;
	width: 100%;
	line-height: 0;
	text-align: center;
	z-index: 0;
	position: relative;
	clear: both;
	padding: 0;
}
#visual_area .visual_img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 200;
  height: auto;
}
#visual_area .swiper-slide img{
	margin: 0 auto;
	display: block;
}
.visual_img_01 {
    display: block;
}
.visual_img_02 {
    display: none;
}
@media print,screen and (max-width: 1038px){
.visual_img_01 {
    display: none;
}
.visual_img_02 {
    display: block;
}
}
@media print,screen and (max-width: 531px){
.visual_img {
    display: none;
}
}
#visual_area .visual_img_sp {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 20;
  height: auto;
}

@media print,screen and (max-width: 530px){
.visual_img_sp {
    display: block;
}
}
@media print,screen and (min-width: 531px){
.visual_img_sp {
    display: none;
}
}
.sub_visual_area{
	margin: 20px 0 0 0;
	width: 100%;
	line-height: 0;
	text-align: center;
	z-index: 0;
	position: relative;
	clear: both;
	background-image: url(images/com/visual_bg_01.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 20px 0;
}
.sub_visual_area span{
	font-size: 2.8rem;
	color: #3e1706;
	letter-spacing: 4px;
	line-height: 1;
}
/* ==========================================================================
   main
   ========================================================================== */
/*feed_area*/
.feed_area{
	width: 100%;
	padding: 30px 0 70px;
	background-color: #006837;
	position: relative;
}
.feed_area .inner_base{
	position: relative;
}
.feed_area::before {
  content: "";
  width: 100%;
  height: 33px;
  position: absolute;
  top: -33px;
  z-index: 2;
  background: url(images/home/commit_wave_02.png) repeat-x;
  background-position: center bottom;
}
.feed_set{
	width: 100%;
	margin: 0 auto 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
.feed_set > li:nth-child(1){
	width: calc(100% - 490px);
	margin: 0;
	padding: 0;
}
.feed_set > li:nth-child(2){
	width: 460px;
	margin: 0;
	padding: 0;
}

.feed_set>li:nth-child(2) .video{
	width: 100%;
	margin-bottom: 30px;
}
.feed_set>li:nth-child(2) .video video{
	width: 100%;
}
.feed_set>li:nth-child(2) .video a{
	display: block;
	width: 100%;
}
.feed_set>li:nth-child(2) .video a img {
	width: 100%;
	height: auto;
}
.feed_set>li:nth-child(2) .video p {
	color: #fff;
	text-align: center;
	font-size: 20px;
	margin-bottom: 40px;
}
.feed_set>li:nth-child(2) .sns {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #e2eebb;
	border-radius: 10px;
	padding: 16px 15px 16px 30px;
}

.feed_set>li:nth-child(2) .sns h4{
	background-color: transparent;
	color: #006837;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	width: 40%;
}

.feed_set>li:nth-child(2) .sns_in a {
	filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.3));
}

.feed_set>li:nth-child(2) .sns_in a:last-child img{
	margin: 0;	
}

.feed_set li img.snsico{
	width: 50px;
	height: auto;
	margin: 0 10px 0 0;
	float: left;
}
@media print,screen and (max-width: 767px){
	.feed_set > li:nth-child(1){
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.feed_set > li:nth-child(2){
		width: 100%;
		margin: 30px 0 0;
		padding: 0;
	}
	.feed_set>li:nth-child(2) .video {
		width: 100%;
		margin-bottom: 15px;
	}
	.feed_set>li:nth-child(2) .sns {
		flex-direction: column;
		align-items: center;
	}
	.feed_set>li:nth-child(2) .sns h4{
		width: 100%;
		border-bottom: solid 1px #006837;
		margin-bottom: 15px;
	}
	.feed_set>li:nth-child(2) .sns_in a {
		opacity: 0.7;
	}
	.feed_set>li:nth-child(2) .sns_in a img {
		margin: 0 20px 0 0;
	}
	.feed_set>li:nth-child(2) .sns_in a:last-child img {
		margin: 0;
	}

}
dl.home_feed {
  width: 100%;
  margin: 0 auto 0;
  padding: 0;
  overflow: hidden;
  zoom: 1;
  font-size: 1.4rem;
}
dl.home_feed dt {
  width: 120px;
  float: left;
  clear: both;
  color: #fcee21;
}
dl.home_feed dd {
  padding: 0 0 8px 120px;
  color: #ffffff;
  border-bottom: 1px dashed #ffffff;
  margin-bottom: 20px;
  line-height: 1.6;
  display: block;
}
.feed_area .btn_blog{
	text-align: right;
	color: #ffffff;
}
.feed_area .btn_blog a{
	color: #ffffff;
	text-decoration: underline;
	font-size: 1.4rem;
}

@media print,screen and (max-width: 840px){
dl.home_feed dt {
  width: 120px;
  float: none;
  clear: both;
  color: #fcee21;
}
dl.home_feed dd {
  padding: 0 0 10px 0;
  color: #ffffff;
  border-bottom: 1px dashed #ffffff;
  margin-bottom: 16px;
  line-height: 1.4;
  display: block;
}
}
@media print,screen and (max-width: 767px){
dl.home_feed {
  width: 100%;
  margin: 0 auto 0;
  padding: 0;
}
}
/*greeting_area*/
.greeting_area{
	width: 100%;
	padding: 60px 0 200px;
	background-color: #1eaa39;
	position: relative;
}
.greeting_area .inner_base{
	position: relative;
}
.greeting_area::before {
  content: "";
  width: 100%;
  height: 57px;
  position: absolute;
  top: -57px;
  z-index: 2;
  background: url(images/home/commit_wave_03.png) repeat-x;
}
.greeting_area::after {
  content: "";
  width: 100%;
  height: 176px;
  position: absolute;
  bottom: 0;
  z-index: 10;
  background: url(images/home/commit_wave_04.png) repeat-x;
  background-position: center bottom;
}
.greeting_area .text{
	width: 90%;
	margin: 0 auto 0;
	color: #ffffff;
	line-height: 2.4;
	font-size: 1.5rem;
}
@media print,screen and (max-width: 767px){
.greeting_area{
	padding: 40px 0 120px;
}
.greeting_area .text{
	line-height: 2.0;
}
}
/*lead_area*/
.lead_area{
	width: 100%;
	padding: 60px 0 0;
	background-color: #ffffff;
}
.lead_area .inner_base{
	position: relative;
}
.lead_area .lead_box{
	width: 80%;
	margin: 0 auto 50px;
	padding: 0;
	color: #aace36;
	text-align: center;
	font-family: 'genj';
	font-style: normal;
	font-weight: 700;
}
.lead_area .lead_box .ttl{
	font-size: 2.5rem;
	letter-spacing: 1px;
	line-height: 1.6;
	margin: 0 0 20px;
}
.lead_area .lead_box .text{
	font-size: 3.5rem;
	letter-spacing: 1px;
	line-height: 1.6;
}
@media print,screen and (max-width: 767px){
.lead_area .lead_box .text{
	font-size: 2.5rem;
}
}
.lead_area .lead_box .text span{
	color: #f29600;
}
.lead_area ul.lead_set{
	width: 80%;
	margin: 0 auto 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media print,screen and (max-width: 960px){
.lead_area .lead_box{
	width: 100%;
}
.lead_area ul.lead_set{
	width: 100%;
}
}
.lead_area ul.lead_set li {
  width: 33.3%;
  margin: 0;
  padding: 30px 0;
  line-height: 1.5;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.lead_area ul.lead_set li span{
	color: #ffffff;
	font-size: 2.5rem;
}
.lead_area ul.lead_set li:nth-child(1){
	background-image: url(images/home/lead_bg_01.png);
}
.lead_area ul.lead_set li:nth-child(2){
	background-image: url(images/home/lead_bg_02.png);
}
.lead_area ul.lead_set li:nth-child(3){
	background-image: url(images/home/lead_bg_03.png);
}
@media print,screen and (max-width: 767px){
.lead_area ul.lead_set li {
  width: 100%;
  margin: 0 0 10px;
  padding: 30px 0;
  line-height: 1.5;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
}
/*product_area*/
.product_area{
	width: 100%;
	padding: 60px 0 60px;
	background-color: #ffffff;
}
.product_area .inner_base{
	position: relative;
}
.product_area h2 {
  color: #009944;
}
.product_area ul.product_set{
	width: 100%;
	margin: 0 auto 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product_area ul.product_set > li{
	width: 31.8%;
	margin: 0 0 10px;
	padding: 0;
	background-color: #edf8f2;
}
@media print,screen and (max-width: 767px){
.product_area ul.product_set > li{
	width: 100%;
	margin: 0 0 20px;
}
.product_area ul.product_set > li img{
	margin: 0 auto;
}
}
.product_area ul.product_set > li .product_ttl{
	color: #009944;
	text-align: center;
	font-size: 2.4rem;
	font-family: 'genj';
	font-style: normal;
	font-weight: 400;
	padding: 8px 0 5px;
	line-height: 1.2;
}
.product_area ul.product_set > li .product_sub_ttl{
	width: 90%;
	margin: 0 auto;
	color: #f7931e;
	text-align: center;
	font-size: 1.6rem;
	font-family: 'genj';
	font-style: normal;
	font-weight: 400;
	padding: 5px 0;
	line-height: 1.2;
	border-bottom: 1px solid #009944;
}
.product_area ul.product_set > li .product_txt{
	text-align: center;
	font-size: 1.5rem;
	font-family: 'genj';
	font-style: normal;
	font-weight: 400;
	padding: 5px 0;
	line-height: 1.2;
}

.product_area ul.product_set a:hover{
	color: #333333;
}
.product_area .sub_ttl{
	text-align: center;
	font-size: 1.8rem;
	font-family: 'genj';
	font-style: normal;
	font-weight: 500;
	color: #009944;
}
.product_area .flow_box{
	width: 84%;
	margin: 0 auto;
	padding: 20px;
	background-color: #fef0d5;
	border-radius: 10px;
	box-sizing: border-box;
}

.product_area .flow_box .ttl{
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
	font-size: 2.5rem;
	font-family: 'genj';
	font-style: normal;
	font-weight: 500;
	color: #7f4f21;
}
.product_area .flow_box .text{
	width: 90%;
	margin: 0 auto;
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px){
.product_area ul.product_set{
	width: 100%;
}
.product_area .flow_box{
	width: 100%;
}
.product_area .flow_box .text{
	width: 100%;
}
}
.triangle {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
/* ラベル部分 右下に表示 */
.triangle::before {
  content: "";
  bottom: 0;
  right: 0;
  border-top: 4em solid transparent;
  border-right: 4em solid #009944; /* ラベルの色はここで変更 */
  position: absolute;
  z-index: 9;
}
.triangle::after {
  content: "more";
  display: block;
  bottom: 6px;
  line-height: 1.1;
  font-size: 1.4rem;
  transform: rotate(0deg);
  color: #fff; /* 文字色はここで変更 */
  font-weight: bold;
  right: 4px;
  position: absolute;
  z-index: 10;
}


/*facility_area*/
.facility_area{
	width: 100%;
	padding: 60px 0 60px;
	background-color: #e2eebb;
}
.facility_area .inner_base{
	position: relative;
}
.facility_area h2{
	color: #009944;
}
.facility_area .lead{
	text-align: center;
	margin: 0 auto 20px;
	color: #7f4f21;
	font-size: 2.0rem;
}
.facility_area .text{
	margin: 0 auto 40px;
	padding: 0;
}
.facility_area .swiper_item{
	padding: 10px;
	margin: 0 1% 0 0;
	background-color: #ffffff;
}
.facility_area .swiper_item .ttl{
	text-align: center;
	color: #009944;
	font-size: 1.8rem;
	line-height: 1.1;
	margin: 0 0 6px;
}
.facility_area .swiper_item .menu{
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.6;
}
.facility_area .swiper_item .menu span{
	color: #009944;
	text-align: center;
	font-size: 1.6rem;
	display: block;
	margin: 6px 0 0;
	padding: 0;
}

/*commodity_ttl_area*/
.commodity_ttl_area{
	width: 100%;
	padding: 80px 0 80px;
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	background-image:url(images/home/commodity_bg_01.jpg);
}
@media print,screen and (max-width: 768px){
.commodity_ttl_area{
	display: none;
	width: 100%;
	padding: 60px 0 60px;
}
}

/*commodity_area*/
.commodity_area{
	width: 100%;
	padding: 60px 0 50px;
	background-color: #f9f1ef;
}
.commodity_set_even{
	width: 96%;
	margin: 0 auto 40px; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
.commodity_set_even > li:nth-child(1){
	width: 48%;
	margin: 0 0 20px 0;
}
.commodity_set_even > li:nth-child(2){
	width: 48%;
	margin: 0 0 20px 0;
}
.commodity_set_even .ttl_area_even{
	margin: 0 0 20px -40px;
	padding: 0;
}
.commodity_set_even .ttl_area_even span{
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1;
}
.commodity_set_even .ttl_area_even span:before{
	content: url(images/home/commodity_ico_01.png);
	margin: 0 6px 0 0;
	padding: 0;
	width: 26px;
	height: 22px;
}
.commodity_set_even .ttl_area_even p{
	font-size: 1.3rem;
	line-height: 1.4;
}
@media print,screen and (max-width: 767px){
.commodity_set_even{
	width: 100%;
	margin: 0 auto 40px;
	flex-direction: column; 
}
.commodity_set_even > li:nth-child(1){
	width: 100%;
	margin: 0 0 20px 0;
}
.commodity_set_even > li:nth-child(2){
	width: 100%;
	margin: 0 0 20px 0;
}
.commodity_set_even .ttl_area_even{
	margin: 0 0 10px 0;
	padding: 0;
}
.commodity_set_even > li:nth-child(1) img{
	margin: 0 auto;
}
}
.commodity_set_odd{
	width: 96%;
	margin: 0 auto 40px; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap-reverse;
}
.commodity_set_odd > li:nth-child(1){
	width: 48%;
	margin: 0 0 20px 0;
}
.commodity_set_odd > li:nth-child(2){
	width: 48%;
	margin: 0 0 20px 0;
}
.commodity_set_odd .ttl_area_odd{
	margin: 0 -40px 20px 0;
	padding: 0;
	text-align: right;
}
.commodity_set_odd .ttl_area_odd span{
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1;
}
.commodity_set_odd .ttl_area_odd span:before{
	content: url(images/home/commodity_ico_01.png);
	margin: 0 6px 0 0;
	padding: 0;
	width: 26px;
	height: 22px;
}
.commodity_set_odd .ttl_area_odd p{
	font-size: 1.3rem;
	line-height: 1.4;
}
@media print,screen and (max-width: 767px){
.commodity_set_odd{
	width: 100%;
	margin: 0 auto 40px;
	flex-direction: column; 
}
.commodity_set_odd > li:nth-child(2){
	width: 100%;
	margin: 0 0 20px 0;
	order: 1;
}
.commodity_set_odd > li:nth-child(1){
	width: 100%;
	margin: 0 0 20px 0;
	order: 2;
}
.commodity_set_odd .ttl_area_odd{
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}
.commodity_set_odd > li:nth-child(2) img{
	margin: 0 auto;
}
}
.page_nav_set{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.page_nav_set .page_nav_item{
	list-style: none;
}
.page_nav_item .btn::after {
  margin-left: 10px;
  content: "\f105";
  font-family: 'fontello';
}

/*access_area*/
.access_area{
	width: 100%;
	padding: 60px 0 50px;
}
.access_set{
	width: 100%;
	margin: 0 auto 40px; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
.access_set > li:nth-child(1){
	width: 48%;
	margin: 0 0 20px 0;
}
.access_set > li:nth-child(2){
	width: 48%;
	margin: 0 0 20px 0;
}

@media print,screen and (max-width: 767px){
.access_set{
	width: 100%;
	margin: 0 auto; 
}
.access_set > li:nth-child(1){
	width: 100%;
	margin: 0 0 30px 0;
}
.access_set > li:nth-child(2){
	width: 100%;
	margin: 0 0 30px 0;
}
}
.access_area .lead_box{
}
.access_set .google-map {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75.25%;
  overflow: hidden;
}
.access_set .google-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sns_youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.sns_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*form_area*/
.form_area{
	width: 100%;
	background-color: #f4f9e9;
	position: relative;
	padding: 60px 0;
}













.faq_list{
	margin-bottom: 50px;
	padding: 0;
}
@media print,screen and (max-width: 980px){
.faq_list{
	padding: 0 15px;
}
}
.faq_set{
	width: 90%;
	margin: 0 auto;
	border-bottom: solid 2px #c0705b;
}
.faq_set .faq_row {
	text-align: left;
	background: #ffffff;
	overflow: hidden;
	margin-bottom: -2px;
}
.faq_set .faq_row:first-of-type {
	margin-top: 30px;
}
.faq_set .faq_row .question {
	padding: 10px 35px 10px 20px;
	line-height: 1.4;
	color: #c0705b;
	position: relative;
	display: block;
	cursor: pointer;
	text-align: left;
	font-size: 1.6rem;
	border-top: solid 2px #c0705b;
	border-left: solid 2px #c0705b;
	border-right: solid 2px #c0705b;
	border-bottom: solid 2px #c0705b;
	box-sizing: border-box;
}
.faq_set .simpleFAQShowing .question {
	padding: 10px 35px 10px 20px;
	line-height: 1.4;
	color: #ffffff;
	position: relative;
	display: block;
	cursor: pointer;
	background-color: #c0705b;
}
.faq_set .faq_row .question::before {
	display: none;
}
.faq_set .faq_row .question::after {
	margin-top: -.5em;
	font-size: 2.6rem;
	line-height: 1;
  content: "\e804";
  font-family: 'fontello';
	position: absolute;
	top: 50%;
	right: 16px;
}
.faq_set .faq_row .questioin:hover,
.faq_set .faq_row.simpleFAQShowing .question:hover {
	color: #ffffff;
}
.faq_set .faq_row.simpleFAQShowing .question::after {
  content: "\e805";
  font-family: 'fontello';
	color: #ffffff;
}
.faq_set .answer {
	padding: 30px 10%;
	line-height: 2;
	background: #f0f0f0;
	position: relative;
}
/*company_area*/
.company_area{
	width: 100%;
	background-color: #7f4f21;
	position: relative;
	padding: 60px 0;
}
.company_area::before {
  content: "";
  width: 100%;
  height: 33px;
  position: absolute;
  top: -33px;
  z-index: 2;
  background: url(images/home/commit_wave_05.png) repeat-x;
}
.company_set{
	width: 100%;
	margin: 0 0 50px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
.company_set > li{
	width: 48.5%;
}
.company_area .sub_ttl{
	padding: 0;
	margin: 0 0 16px;
	font-family: 'genj';
	font-style: normal;
	font-weight: 500;
	color: #f8b62d;
	font-size: 1.8rem;
	letter-spacing: 2px;
	line-height: 1.2;
	text-align: left;
}
@media print, screen and (max-width: 767px) {
.company_set{
	margin: 0 0 0 0;
}
.company_set > li{
	width: 100%;
	margin: 0 0 30px 0;
}
.company_area .sub_ttl{
	text-align: center;
}
}

.company_set table{
	width: 100%;
	font-size: 1.3rem;
	color: #ffffff;
}
.company_set table td {
	padding: 6px 0px 6px 14px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 0px;
	border-left: 0px;
	border-collapse: collapse;
	box-sizing: border-box;
}
.company_set table th {
	padding: 6px 3px;
	width: 90px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px dashed #ffffff;
	border-left: 0px;
	border-collapse: collapse;
	box-sizing: border-box;
}
.company_set .flow_box{
	border: 1px solid #ffffff;
	text-align: center;
	font-size: 1.6rem;
	margin: 0 0 14px 0;
	padding: 10px 6px;
	color: #ffffff;
	box-sizing: border-box;
}
.company_set .flow_img{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}
.company_set .flow_img img{
	width: 100%;
}
.company_area .flow_text{
	padding: 0;
	margin: 0 0 30px;
	font-weight: bold;
	color: #ffffff;
	font-size: 2.5rem;
	letter-spacing: 2px;
	line-height: 1.6;
	text-align: center;
}
.company_area .flow_text span{
	display: block;
	font-size: 1.6rem;
}
.company_sub_set{
	width: 90%;
	margin: 0 auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
.company_sub_set > li{
	width: 25%;
	margin: 0 4%;
	color: #ffffff;
}
@media print, screen and (max-width: 767px) {
.company_sub_set{
	width: 100%;
	margin: 0 auto 0;
}
.company_sub_set > li{
	width: 29%;
	margin: 0 2%;
}
}
@media print, screen and (max-width: 600px) {
.company_sub_set > li{
	width: 100%;
	margin: 0 0 26px 0;
}
.company_sub_set > li:last-child{
	margin: 0 0 0 0;
}
}
.company_sub_set > li img{
	margin: 0 auto 10px;
}
/*entrusted_area*/
.entrusted_area{
	width: 100%;
	background-image: url(images/home/entrusted_bg_01.png);
	background-repeat: no-repeat;
	background-position-x: calc(50% - 420px);
	background-position-y: -60px;
	padding: 0 0 60px;
}
.entrusted_area .inner_base{
	position: relative;
}
.entrusted_area .main_ttl {
	position: absolute;
	left: 1%;
	top: 30px;
	font-size: 3.5rem;
	font-family: 'genj';
	font-style: normal;
	font-weight: 500;
	color: #7f4f21;
}
.entrusted_area .main_lead {
	position: absolute;
	left: 1%;
	top: 130px;
	font-size: 2.0rem;
	font-family: 'genj';
	font-style: normal;
	font-weight: 500;
	color: #7f4f21;
	line-height: 1.4;
}
.entrusted_area .main_text {
	position: absolute;
	left: 1%;
	top: 340px;
	font-size: 1.5rem;
	line-height: 1.5;
	width: 30%;
	text-align: justify;
}
.entrusted_area .main_logo {
	position: absolute;
	left: 1%;
	top: 630px;
	color: #7f4f21;
}

.entrusted_area .flow_item_01{
	width: 70%;
	position: absolute;
	left: calc(50% - 200px);
	top: 10px;
}
.entrusted_area .flow_item_02{
	width: 65%;
	position: absolute;
	left: calc(50% - 120px);
	top: 20px;
}
.entrusted_area .flow_item_03{
	width: 60%;
	position: absolute;
	left: calc(50% - 90px);
	top: 50px;
}
.entrusted_area .flow_item_04{
	width: 75%;
	position: absolute;
	left: calc(50% - 190px);
	top: 60px;
}
.entrusted_area .flow_item_05{
	width: 60%;
	position: absolute;
	left: calc(50% - 460px);
	top: 0;
}
@media print, screen and (max-width: 960px) {
.entrusted_area .flow_item_05{
	width: 80%;
	position: absolute;
	left: calc(50% - 360px);
	top: 20px;
}
.entrusted_area .main_logo {
	position: absolute;
	left: 1%;
	top: 650px;
	color: #7f4f21;
}
}
.entrusted_area .sub_ttl{
	padding: 0;
	margin: 0 0 16px;
	font-family: 'genj';
	font-style: normal;
	font-weight: 500;
	color: #7f4f21;
	font-size: 2.6rem;
	letter-spacing: 2px;
	line-height: 1.2;
	text-align: center;
}

.entrusted_area .concept_ttl {
    text-align: left;
    display: flex;
    align-items: center;
    position: relative;
}
.entrusted_area .ttl {
    font-weight: normal;
    line-height: 1.5;
    font-size: 1.8rem;
}
.entrusted_area .balloon {
    margin-left: -15px;
}
.entrusted_area .ttl > .balloon {
    margin-right: 15px;
    position: static;
    width: 185px;
    line-height: 1.4;
}
.entrusted_area .balloon_lg {
    padding: 0 5px 9px;
    font-size: 1.8rem;
    width: 185px;
    height: 189px;
    box-sizing: border-box;
}
.entrusted_area .balloon_main {
    background-image: url(images/com/balloon1.png);
}
.entrusted_area .balloon {
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    background-size: 185px 189px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
}
.entrusted_area .balloon > .number {
    font-size: 3.5rem;
    line-height: 1.4;
}
/*entrusted_area_sp*/
.entrusted_area_sp{
	width: 100%;
	padding: 30px 0 60px;
}
.entrusted_area_sp > .inner_base{
	position: relative;
}
.entrusted_area_sp > .inner_base > .main_ttl {
	padding: 0;
	margin: 0 auto 20px;
	font-size: 3.0rem;
	font-family: 'genj';
	font-style: normal;
	font-weight: 500;
	color: #7f4f21;
	text-align: center;
}
.entrusted_area_sp > .inner_base > .main_lead {
	padding: 0;
	margin: 0 auto 20px;
	font-size: 2.0rem;
	font-family: 'genj';
	font-style: normal;
	font-weight: 500;
	color: #7f4f21;
	line-height: 1.4;
	text-align: center;
}
.entrusted_area_sp > .inner_base > .main_text {
	font-size: 1.5rem;
	line-height: 1.5;
	width: 100%;
	text-align: justify;
	margin: 0 auto 20px;
	padding: 0;
}
.entrusted_area_sp .concept_ttl {
	width: 100%;
	margin: 0 0 50px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.entrusted_area_sp .ttl {
  font-weight: normal;
  line-height: 1.5;
  font-size: 1.6rem;
  margin: 0 0 10px 0;
}
.entrusted_area_sp .ttl > .txt {
  line-height: 1.4;
  width: calc(100% - 140px);
}

.entrusted_area_sp .ttl > .balloon {
  margin-right: 15px;
  position: static;
  width: 120px;
  line-height: 1.4;
}
.entrusted_area_sp .balloon_lg {
  padding: 0 5px 9px;
  font-size: 1.5rem;
  width: 120px;
  height: 120px;
  box-sizing: border-box;
}
.entrusted_area_sp .balloon_main {
  background-image: url(images/com/balloon1.png);
}
.entrusted_area_sp .balloon {
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  background-size: 120px 120px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.entrusted_area_sp .balloon > .number {
  font-size: 2.5rem;
  line-height: 1.4;
}
.entrusted_area_sp .sub_ttl {
  padding: 0;
  margin: 0 0 16px;
  font-family: 'genj';
  font-style: normal;
  font-weight: 500;
  color: #7f4f21;
  font-size: 2.6rem;
  letter-spacing: 2px;
  line-height: 1.2;
  text-align: center;
}
/*map_area*/
.map_area{
	width: 100%;
	padding: 0;
	background-color: #f4f9e9;
}
.map_area .inner_base{
	width: 100%;
}
.map_area iframe {
  width: 100%;
  height: 500px;
}
/* ==========================================================================
   footer
   ========================================================================== */
#page-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  margin-bottom: -50px;
  width: 93px;
  height: 93px;
  z-index: 10;
}
@media print, screen and (max-width: 767px) {
#page-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  margin-bottom: -50px;
}
}
.footer_main{
	width: 100%;
	margin: 0;
	padding: 10px 0 0;
	background-color: #ffffff;
}
.footer_main img{
	max-width: 327px;
	height: 52px;
	margin: 0 auto;
}
.copy{
	max-width: 1200px;
	margin: 0 auto;
	font-size: 1.4rem;
	padding: 4px 0;
	text-align: right;
	background-color: #ffffff;
	color: #c0705b;
	letter-spacing: 1px;
	font-size: 1.2rem;
	box-sizing: border-box;
}
/* ==========================================================================
   drawer
   ========================================================================== */

@media print, screen and (min-width:768px) {
	#globalToggleNav{
		display: none;
	}	
}
.sp_nav > .ttl{
	width: 100%;
	margin: 0;
	padding: 25px 0;
	text-align: center;
	font-size: 1.8rem;
	color: #333333;
	font-family: 'Roboto', sans-serif;
}

.sp_nav .nav_main {
	margin: 0 0 30px;
}
.sp_nav ul.nav_set {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	border-top: solid 1px #7A6457;
	border-left: solid 0px #ddd;
	border-right: solid 0px #ddd;
}
.sp_nav ul.nav_set li.nav_item a{
	width: 100%;
	padding: 14px 0;
	margin: 0;
	text-decoration: none;
	position: relative;
	display: block;
	border-bottom: solid 1px #7A6457;
	text-align: center;
	background-color: #f8faed;
	color: #333333;
}
.sp_nav ul.nav_set li.nav_item a:hover{
	background-color: #ffffff;
	opacity: 1.0;
}
/*
.sp_nav ul.nav_set li.nav_item a:after {
  margin-top: -.5em;
  line-height: 1;
  content: '\e803';
	font-family: 'fontello';
  position: absolute;
  top: 50%;
  right: 10px;
}
*/
.sp_nav ul.nav_set li.nav_item a i{
	font-size: 2.0rem;
}
.sp_nav ul.nav_set li.nav_item.drawer-dropdown a:after {
  margin-top: -.5em;
  line-height: 1;
  content: '\e806';
	font-family: 'fontello';
  position: absolute;
  top: 50%;
  right: 10px;
}
.drawer-dropdown-menu li a{
	margin: 0;
	padding: 0;
	background-color: #eeeeee;
	line-height: 1.6rem;
}
.drawer-dropdown-menu li a::after {
  margin-top: -.5em !important;
  line-height: 1 !important;
  content: '\f105' !important;
	font-family: 'fontello' !important;
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
}
.sp_nav .nav_sub .nav_set {
  border-top: 0px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.sp_nav .nav_sub a {
    padding: 1em 10px;
    font-size: 1.2rem;
    background-color: #ffffff !important;
    border-bottom: 0px !important;
}
.sp_nav .nav_sub .nav_item {
    border-bottom: 0px !important;
    width: 48%;
    background-color: #ffffff;
}
.sp_nav .contact_area {
  margin: 0;
  padding: 20px 20px;
  background: #ffffff;
}
.sp_nav .contact_area .ttl{
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
}
.sp_nav .contact_area .tel_box{
	width: 100%;
	margin: 0;
	padding: 0;
}
.sp_nav .contact_area .tel a {
  font-size: 30px;
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'Roboto', sans-serif;
  color: #f8b62d;
}
.sp_nav .contact_area .tel a:before{
  line-height: 1;
  content: '\e810';
	font-family: 'fontello';
	margin-right: 0.2em;
  color: #f8b62d;
}
.sp_nav .contact_area .time {
  font-size: 1.4rem;
  text-align: center;
  display: block;
  margin: 0 0 10px 0;
}
.sp_nav ul.contact_btn_set{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.sp_nav ul.contact_btn_set li{
	width: calc((100% - 10px) / 2);
}


.sp_nav ul.contact_btn_set li a {
	margin: 0;
	padding: 16px 0 14px;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;
  color: #fff !important;
  border: none;
  border-radius: 50px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  transition: all .5s;
  background-color: #f8b62d;
}
.sp_nav ul.contact_btn_set li a:hover{
  background-color: #f8b62d;
}
.close_area{
  margin: 0;
  padding: 20px 20px 20px;
}
.sp_nav #close {
  display: inline-block;
  width: 100%;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  background-color: #b5bec3;
  color: #fff;
  font-size: 1.4rem;
}
.sp_nav #close:hover {
  background-color: #757c7f;
  cursor: pointer;
}
.sp_nav #close::before,
.sp_nav #close::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.sp_nav #close,
.sp_nav #close::before,
.sp_nav #close::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}