@charset "UTF-8";
/* =============================================

style.css

==============================================*/

/* Home */
.m_slider{
margin-top: -5rem;
margin-bottom: 5rem;
}
.m_sec_light .m_sec_img{
padding-top: 8rem;
}
.m_sec_electric .e_txt_note{
margin-top: -3rem;
}
/* Products */
.m_products_item{
margin-bottom: 15rem;
}
.m_products_item .m_item_body_l{
float: left;
width: 570px;
}
.m_products_item .m_item_body_r{
float: right;
width: 630px;
}
.m_products_item .m_item_body_fig{
float: left;
width: 800px;
margin-right: 1rem;
}
.m_products_item .m_item_body_fig .e_fig_l{
float: left;
margin-right: 1rem;
}
.m_products_item .m_item_body_l .e_ttl_lv2_type2{
border-right: none;
}
.m_products_item .m_item_body_r .e_ttl_lv2_type2{
border-left: none;
}
.m_products_item .m_item_body_l .e_ttl_lv5_type2{
border-right: none;
}
.m_products_item .m_item_body_r .e_ttl_lv5_type2{
border-left: none;
}
.m_products_item .m_item_body_r .m_item_body_inner{
margin-left: 20px;
}
.m_products_tbl{
margin: 2rem 0;
}
.m_products_tbl .e_tbl{
width: 100%;
border-collapse: collapse;
}
.m_products_tbl .e_tbl th,
.m_products_tbl .e_tbl td{
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
padding: .5rem .75rem ;
vertical-align: middle;
white-space: nowrap;
}
.m_products_tbl .e_tbl th:last-child,
.m_products_tbl .e_tbl td:last-child{
border-right: none;
}
.m_products_tbl .e_tbl thead th{
text-align: center;
background-color: #aaa;
color: #fff;
border-color: #fff;
}
.m_products_tbl .e_tbl .e_td_weight{
text-align: center;
}
.m_products_tbl .e_tbl .m_list_icon .e_list{
text-align: left;

text-align: center;
}
.m_products_tbl .e_tbl .m_list_icon .e_li{
display: inline;
}
.m_list_icon .e_list{
text-align: right;
}
.m_list_icon .e_dt,
.m_list_icon .e_dd{
display: inline-block;
padding: .5rem;
vertical-align: middle;
font-size: 1.3rem;
line-height: 1.2;
}
.m_list_icon .e_dt{
width: 4%;
}
.m_products_item_color .m_list_item_color .e_list{
text-align: center;
}
.m_products_item_color .m_list_item_color .e_li{
display: inline-block;
width: 12.5%;
margin: .5%;
}
.m_products_item_option .m_item_wrap .m_item_body .e_txt{
overflow: hidden;
padding: 3rem 1em 0;
line-height: 1.8;
}

/* Faq */
.m_faq_items .e_ttl_lv2_type2{
padding: 1rem 5rem;
text-align: left;
font-size: 2.8rem;
}
.m_faq_items .e_ttl_lv2_type2 .m_faq_cap{
margin-right: 1rem;
}
.m_faq_items .e_body{
font-size: 1.6rem;
margin-left: 13rem;
margin-right: 10rem;
margin-top: 5rem;
position: relative;
letter-spacing: 0.1em;
line-height: 1.8;
}
.m_faq_items .e_body  .m_faq_cap{
position: absolute;
left: -2rem;
}
.m_faq_items .e_body{
margin-bottom: 6rem;
}
/* Contact */
.m_item_wrap> .e_body>.e_txt+.e_btn{
margin-top: 4rem;
}
.m_contact_item .e_ttl_lv2_type2{
padding: 1rem 5rem;
text-align: left;
font-size: 2.8rem;
}
.m_contact_item .e_body{
margin-bottom: 4rem;
}
.m_contact_item .e_body{
margin: 0 5rem 5rem;
}
.m_contact_item .e_body .e_btn{
display: block;
width: 30%;
margin: auto;
text-align: center;
}

@media screen and (max-width: 767px) {
a{
color:#9fcd4d;
}
.m_products_item .m_item_body_l,
.m_products_item .m_item_body_r{
float: none;
width: auto;
margin-bottom: 2rem;
}
.m_products_item .m_item_body_l .e_ttl_lv2_type2,
.m_products_item .m_item_body_r .e_ttl_lv2_type2{
border: 2px solid #9FCD4D;
}
.m_products_item .m_item_body_r .m_item_body_inner{
margin-left: 0;
}
.e_fig_c{
margin-left: 2rem;
margin-right: 2rem;
}
.m_products_item .m_item_body_fig{
float: none;
width: auto;
}
.m_products_item .m_item_body_fig .e_fig_l{
float: none;
}
.m_products_item .m_item_body_fig .e_fig{
margin-bottom: 1rem;
}
.m_products_item .m_item_wrap{
margin-left: 2rem;
margin-right: 2rem;
}
.e_ttl_lv2+.m_lead{
margin-left: 2rem;
margin-right: 2rem;
}
.m_faq_items{
margin-left: 2rem;
margin-right: 2rem;
}
.m_faq_items .e_body{
margin-left: 4rem;
margin-right: 0;
}
.m_faq_items .e_ttl_lv2_type2{
padding: 1rem 2rem;
font-size: 2rem;
}
.m_contact_item{
margin-left: 2rem;
margin-right: 2rem;
}
.m_contact_item.m_contact_tel,
.m_contact_item.m_contact_mail{
margin: 0;
}
.m_contact_item .e_body{
margin: 0 3rem 5rem;
}
.m_contact_item .e_body .e_btn{
width: 80%;
}
.m_products_tbl .e_tbl th, .m_products_tbl .e_tbl td{
white-space: normal;
}
.m_sec_light .m_sec_img{
padding-top: 0;
}
.m_products_tbl .e_tbl .m_list_icon .e_li{
display: block;
margin-bottom: .5rem;
}
.m_products_item_color .m_list_item_color .e_li{
width: 48%;
}
.m_products_item_option .m_item_body_fig .e_fig{
text-align: center;
}

.m_list_icon .e_dt, .m_list_icon .e_dd{
font-size: 1rem;
}
.m_list_icon .e_list{
text-align: center;
}
}
.mod-auto, .mod-auto-pc {
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
    max-width: 1360px;
    width: 100%;
}
/*よくあるご質問・お問い合わせ*/
/*タブ切り替え全体のスタイル*/
/*タブのスタイル*/
.tab_item {
  width: calc(95%/2);
  height: 70px;
  border-bottom: 10px solid #8ac731;
  background-color: #8ac731;
  line-height: 70px;
  font-size: 30px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-left: 20px;
}
.tab_item.tab_item_s {
  width: calc(95%/2);
  height: 70px;
  border-bottom: 10px solid #119cda;
  background-color: #119cda;
  line-height: 70px;
  font-size: 30px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-left: 20px;
}
.tab_item:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 20px 0px;
  clear: both;
  overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#faq01:checked ~ #faq01_content,
#faq02:checked ~ #faq02_content {
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #eee;
  color: #8ac731;
  position: relative;
}
.tabs input:checked + .tab_item.tab_item_s {
  background-color: #eee;
  color: #119cda;
  position: relative;
}
.tabs input:checked +.tab_item::before {
    bottom: -20px;
    content: '';
    border-color: #8ac731 transparent transparent;
    border-style: solid;
    border-width: 20px 18px 0;
    opacity: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.tabs input:checked +.tab_item.tab_item_s::before {
    bottom: -20px;
    content: '';
    border-color: #119cda transparent transparent;
    border-style: solid;
    border-width: 20px 18px 0;
    opacity: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
/*タブのスタイル*/
.tab_item_2 {
  width: calc(95%/2);
  height: 70px;
  border-bottom: 10px solid #8ac731;
  background-color: #8ac731;
  line-height: 70px;
  font-size: 30px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-left: 20px;
}
.tab_item_2:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_2_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_2_content {
  display: none;
  padding: 20px 0px;
  clear: both;
  overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#all_2:checked ~ #all_2_content,
#faq01_2:checked ~ #faq01_2_content{
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs_2 input:checked + .tab_item_2 {
  background-color: #eee;
  color: #8ac731;
  position: relative;
}
.tabs_2 input:checked +.tab_item_2::before {
    bottom: -16px;
    content: '';
    border-color: #8ac731 transparent transparent;
    border-style: solid;
    border-width: 16px 12px 0;
    opacity: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
@media screen and (max-width:47.938em) {
	.tab_item {
  width: 100%;
  height: 50px;
  border-bottom: 3px solid #8ac731;
  background-color: #8ac731;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-bottom: 5px;
}
.tab_item.tab_item_s {
  width: 100%;
  height: 50px;
  border-bottom: 3px solid #119cda;
  background-color: #119cda;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-bottom: 5px;
  margin-left: 0px;
}
.tab_item_2 {
  width: 100%;
  height: 50px;
  border-bottom: 3px solid #8ac731;
  background-color: #8ac731;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-bottom: 5px;
}
.tabs input:checked +.tab_item::before {
    display: none;
}
.tab_item {
  margin-left: 0px;
}
	.tab_item_2 {
  margin-left: 0px;
}
	.only_bt{
		width: 100%;
	}
	.superfoods_ul_box li{
		background-size: 10px;
	}
	.btn-blue_square,
	.btn-green_square{
		width: 100%;
	}
.btn-square-little-rich {
  padding: 0.6em 0.4em;
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
.subtitle_icon{/*四角アイコン*/
	padding-left: 12px;
	background-size: 10px;
	background-position: 0px 7px;
}
.tabs_2 input:checked + .tab_item_2 {
  position: unset;
}
.tabs input:checked + .tab_item {
  position: unset;
}
}