@charset "utf-8";
/*---hambugermenu---*/
.navi_title {
    background: #666;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    padding: 20px;
    position: relative;
    /*width: 924px;*/
    overflow: hidden;
}
.navi_title span {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    right: 20px;
    top: 30px;
}

.mod_headerbar_in_nav_category dl dt {
    background-color: #3e3e3e;
    color: #ffffff;
    font-size: 115%;
    line-height: 1.3;
    font-weight: bold;
    padding: 12px 0 6px 25px;
}

.mod_headerbar_in_nav_category{
	border-bottom:1px solid #6f6e6e;
}
/* common
-----------------------------------------*/
.yuMincho{
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.pcOnly {
    display: block !important;
}

.spOnly {
    display: none !important;
}

@media screen and (max-width: 640px) {

    .pcOnly {
        display: none !important;
    }

    .spOnly {
        display: block !important;
    }

}

/* anchor ----------------------- */
.anchor {
	margin-top: -40px!important;
	padding-top: 40px!important;
	}
/* ex_clearfix
-----------------------------------------*/ 
.ex_clearfix:after {
  content: "";
  clear: both;
  display: block;
}
#sections .ex_marginB0{
 margin-bottom:0px!important;
}
#sections .ex_marginBS{
 margin-bottom:10px!important;
}
#sections .ex_marginBM{
 margin-bottom:20px!important;
}
#sections .ex_marginBL{
 margin-bottom:30px!important;
}
#sections .ex_marginBLL{
 margin-bottom:80px!important;
}
#sections .ex_marginT0{
 margin-top:0px!important;
}
#sections .ex_marginTSS{
 margin-top:5px!important;
}
#sections .ex_marginTS{
 margin-top:10px!important;
}
#sections .ex_marginTM{
 margin-top:20px!important;
}
#sections .ex_marginTL{
 margin-top:30px!important;
}
#sections .ex_marginTLL{
 margin-top:80px!important;
}

.mod_section .text-indent-1 {
	text-indent: -1em;
	padding-left: 1em;
	}
/* mod_all_section
-----------------------------------------*/ 
.mod_all_section{
  margin: 0 auto;
  width: 100%;
  line-height: 1.6;
  font-size: 1.13em;
}

.mod_all_section img {
	max-width: 100%;
	height: auto;
}
	
@media screen and (max-width: 1024px) { 
  .mod_all_section{
    width:1024px;
  }
}

@media screen and (max-width: 640px) {
  .mod_all_section{
    width:auto;
  }
}
/* mod_wide_section
-----------------------------------------*/ 
.mod_wide_section{
  margin: 0 auto;
  width: 1200px;
  line-height: 1.6;
  font-size: 1.13em;
}

.mod_wide_section img {
	max-width: 100%;
	height: auto;
}
	
@media screen and (max-width: 1024px) { 
  .mod_wide_section{
    width:1024px;
  }
}

@media screen and (max-width: 640px) {
  .mod_wide_section{
    width:auto;
  }
}

/* mod_section
-----------------------------------------*/ 
.mod_section{
  margin: 0 auto;
  width: 967px;
  line-height: 1.6;
  font-size: 1.13em;
}

.mod_section img {
	max-width: 100%;
	height: auto;
	}
@media screen and (max-width: 640px) {
  .mod_section{
    width:auto;
  }
.section-inner {
	margin: 0 2.60416%;
	}
}


/*-------------------------
   .link_wrapper
-------------------------*/
.link_wrapper{
	margin: 4em auto 4em;
}
.link_wrapper a{
	color: #000;
	text-decoration: none;
}
/*-------------------------
   btn_link_column
-------------------------*/
.btn_link_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.btn_link_column::after{
    content:"";
    display: block;
    width: 24%;
}

.btn_link_column .column{
    width: 24%;
}

.btn_link_column .column:nth-child(n+5){
	margin-top: 1em;
}
@media screen and (max-width: 640px) {
.btn_link_column::after{
    width: 48%;
}

.btn_link_column .column{
    width: 48%;
}
.btn_link_column .column:nth-child(n+3){
	margin-top: 0.6em;
}
}

/*-------------------------
   btn_link
-------------------------*/
.btn_link{
	text-align: center;
	background: #FFF;
	line-height: 1.4;
	transition: 0.3s;
	position: relative;
	box-sizing: border-box;
	min-height: 70px;
	border: 4px solid #e6e6e6;
	background: rgb(196,197,198);
	background: linear-gradient(90deg, rgba(196,197,198,1) 0%, rgba(173,174,175,1) 100%);
	border-radius: 50px;
	display: block;
}
.btn_link_active{
	background: rgb(34,175,227);
	background: linear-gradient(90deg, rgba(34,175,227,1) 0%, rgba(108,196,214,1) 100%);
}

.btn_link p{
	position: absolute;
	color: #FFF;
	font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	display: block;
	width: 100%;
}
.btn_link:hover{
	background: rgb(34,175,227);
	background: linear-gradient(90deg, rgba(34,175,227,1) 0%, rgba(108,196,214,1) 100%);
    opacity: 0.8;
}
.btn_link_active:hover{
    opacity: 1.0;
}
.btn_link:after {
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("../img/icon_btn_link.png");
	background-size: contain;
	width: 24px;
	height: 24px;
	content: "";
}

@media screen and (max-width: 640px) {
.btn_link p{
	font-size: 3.6vw;
}
.btn_link:after {
	right: 10px;
	width: 4vw;
	height: 4vw;
}
}

/*-------------------------
   btn_lineup
-------------------------*/
.btn_lineup{
	text-align: center;
	background: #FFF;
	line-height: 1.4;
	transition: 0.3s;
	position: relative;
	box-sizing: border-box;
	min-height: 70px;
	border: 4px solid #e6e6e6;
	background: rgb(196,197,198);
	background: linear-gradient(90deg, rgba(196,197,198,1) 0%, rgba(173,174,175,1) 100%);
	border-radius: 50px;
	display: block;
	margin-top: 2em;
}

.btn_lineup p{
	position: absolute;
	color: #FFF;
	font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	display: block;
	width: 100%;
}
.btn_lineup:hover{
	background: rgb(34,175,227);
	background: linear-gradient(90deg, rgba(34,175,227,1) 0%, rgba(108,196,214,1) 100%);
    opacity: 0.8;
}
.btn_lineup:after {
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("../img/icon_btn_lineup.png");
	background-size: contain;
	width: 24px;
	height: 24px;
	content: "";
}

@media screen and (max-width: 640px) {
.btn_lineup p{
	font-size: 3.6vw;
}
.btn_lineup:after {
	right: 10px;
	width: 4vw;
	height: 4vw;
}
}
/*-------------------------
   btn_lineup_box
-------------------------*/

.btn_lineup_box{
    display : table;
	width: 100%;
}

.btn_lineup_box_active{
    width: 48%;
    display : table-cell;
    border-left: 2px solid #898989;
	border-right: 2px solid #898989;
	border-top: 2px solid #898989;
	text-align: center;
	background: #e6e6e6;
	font-size: 150%;
	padding: 0.4em;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}
.btn_lineup_box_center{
    width: 2%;
    display : table-cell;
	border-bottom: 2px solid #898989;
}
.btn_lineup_box_normal{
    width: 48%;
    display : table-cell;
    border: 2px solid #898989;
	text-align: center;
	font-size: 150%;
	padding: 0.4em;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}
.btn_lineup_box a{
	color: #000;
	display: block;
}
@media screen and (max-width: 640px) {
.btn_lineup_box_active,
.btn_lineup_box_normal{
	font-size: 5vw;
}
}
/*-------------------------
   btn_internal_column
-------------------------*/
.btn_internal_box{
	background: #e6e6e6;
	padding: 2em 2em 1em;
	border-left: 2px solid #898989;
	border-right: 2px solid #898989;
	border-bottom: 2px solid #898989;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
.btn_internal_box{
	padding: 4vw 2vw 2vw;
}
}
/*-------------------------
   btn_internal_column
-------------------------*/
.btn_internal_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}
.btn_internal_column a{
	color: #000;
}
.btn_internal_column::after{
    content:"";
    display: block;
    width: 18%;
}

.btn_internal_column .column{
    width: 18%;
	text-align: center;
}
.btn_internal_column .column p{
	font-size: 100%;
	margin-top: 0.8em;
	line-height: 1.0;
}

.btn_internal_column .column p:after {
	display: inline-block;
	content: " \f0d7";
	font-family: FontAwesome;
	font-size: 150%;
}

@media screen and (max-width: 640px) {
.btn_internal_column::after{
    width: 32%;
}

.btn_internal_column .column{
    width: 32%;
}
.btn_internal_column .column:nth-child(n+4){
	margin-top: 0.6em;
}
	
.btn_internal_column .column p{
	font-size: 3.4vw;
	line-height: 1.4;
}
}
/*-------------------------
   .btn_internal
-------------------------*/
.btn_internal{
	transition: 0.3s;
	font-size: 88%;
}
.btn_internal:hover{
    opacity: 0.7;
}

/*-------------------------
   btn_type_column
-------------------------*/
.btn_type_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.btn_type_column::after{
    content:"";
    display: block;
    width: 32%;
}

.btn_type_column .column{
    width: 32%;
}

.btn_type_column .column:nth-child(n+4){
	margin-top: 1em;
}
.btn_type_column a{
	color: #000;
	text-decoration: none;
}
@media screen and (max-width: 640px) {
.btn_type_column::after{
    width: 49%;
}

.btn_type_column .column{
    width: 49%;
}
.btn_type_column .column:nth-child(n+3){
	margin-top: 0.6em;
}
}
/*-------------------------
   btn_type
-------------------------*/
.btn_type{
	text-align: center;
	background: #FFF;
	border: 1px solid #333333;
	line-height: 1.4;
	transition: 0.3s;
}
.btn_type:hover{
    opacity: 0.7;
}
.btn_type_inner{
	position: relative;
	min-height: 70px;
	box-sizing: border-box;
}
.btn_type_inner:after {
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("../img/icon_btn_type.png");
	background-size: contain;
	width: 24px;
	height: 24px;
	content: "";
}

.btn_type_01{
	border-top: 10px solid #fad05b;
}
.btn_type_02{
	border-top: 10px solid #aadbf5;
}
.btn_type_03{
	border-top: 10px solid #f9e0ca;
}
.btn_type_04{
	border-top: 10px solid #cececf;
}
.btn_type_05{
	border-top: 10px solid #e2005a;
}
.btn_type_06{
	border-top: 10px solid #86c9ab;
}
.btn_type_07{
	border-top: 10px solid #919191;
}
.btn_type_08{
	border-top: 10px solid #ea6c00;
}
.btn_type_09{
	border-top: 10px solid #003d6d;
}
.btn_type_inner_text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 100%;
}
.btn_type p.main{
	font-size: 118%;
	font-weight: bold;
	margin-bottom: 0.2em;
}
.btn_type p.main span{
	font-size: 88%;
}
.btn_type p.sub{
	font-size: 88%;
}

@media screen and (max-width: 640px) {
.btn_type_inner:after {
	width: 4vw;
	height: 4vw;
	right: 8px
}
.btn_type p.main{
	font-size: 3.6vw;
}
.btn_type p.main span{
	font-size: 3vw;
}
.btn_type p.sub{
	font-size: 3vw;
}
}
/*-------------------------
   .products_wrapper
-------------------------*/
.products_wrapper{
	margin: 4em auto 4em;
}
.products_wrapper a{
	color: #000;
	text-decoration: none;
}

.products_wrapper h2{
	border-left: 10px solid #000;
	border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 165%;
	padding: 0.4em 0 0.4em 1em;
	box-sizing: border-box;
}

.products_wrapper h2 small{
	font-size: 75%;
}
.products_wrapper h3.circle{
	margin: 2em 0 0.4em;
	font-size: 138%;
	font-weight: bold;
	text-indent: -1em;
	padding-left: 1em;
}
.products_wrapper h3.image{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 3em 0 1em;
	padding: 0.4em 0;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}
.products_wrapper h4.classification{
	border-bottom: 1px solid #000;
	margin: 3em 0 1em;
	padding: 0.4em 0;
	font-size: 125%;
	font-weight: bold;
}
.products_wrapper p.lead{
	margin: 2em 0 2em 2em;
	font-size: 125%;
}

.products_wrapper p.copy{
	margin: 0 0 1em;
	font-size: 108%;
}
.products_wrapper p.caution{
	font-size: 88%;
}
@media screen and (max-width: 640px) {
.products_wrapper h2{
	font-size: 5vw
}
.products_wrapper h3.image{
	font-size: 4.6vw
}	
.products_wrapper h3.circle{
	font-size: 4.6vw
}	
.products_wrapper p.lead{
	font-size: 4vw;
	margin: 2em 0 2em 0;
}
.products_wrapper p.caution{
	font-size: 3.4vw;
}
}

/*-------------------------
   .products_wrapper h2 spans
-------------------------*/
.products_wrapper h2 span.synchro{
	background-color: #fad05b;
	padding: 0 10px;
}
.products_wrapper h2 span.haikokirikae{
	background-color: #aadbf5;
	padding: 0 10px;
}
.products_wrapper h2 span.kirikae{
	background-color: #f9e0ca;
	padding: 0 10px;
}
.products_wrapper h2 span.ra83{
	background-color: #e3e3e4;
	padding: 0 10px;
}
.products_wrapper h2 span.milook{
	background-color: #e2005a;
	padding: 0 10px;
	color: #FFF;
}
.products_wrapper h2 span.freepa{
	background-color: #86c9ab;
	padding: 10px 10px 0;
	line-height: 2.4;
}
.products_wrapper h2 span.high-type{
	background-color: #b4b4b5;
	padding: 0 10px;
}
.products_wrapper h2 span.yuragi{
	background-color: #ea6c00;
	padding: 0 10px;
	color: #FFF;
}
.products_wrapper h2 span.timer{
	background-color: #003d6d;
	padding: 0 10px;
	color: #FFF;
}
@media screen and (max-width: 640px) {
.products_wrapper h2 span.freepa{
	line-height: 2.4;
}
}
/*-------------------------
   .type_box
-------------------------*/
.type_box{
	border: 1px solid #000;
	padding: 1em 2em;
	margin: 2em 0;
}


.type_box h3{
	font-weight: bold;
	font-size: 108%;
}

.type_box p{
	font-size: 88%;
}

.type_box p img{
	vertical-align: middle;
}

@media screen and (max-width: 640px) {
.type_box{
	padding: 4vw;
}
	
.type_box h3{
	font-size: 4.4vw
}
.type_box p{
	font-size: 3.6vw
}
}

h4.h4_type {
	position: relative;
	color: #000;
	padding: 10px 0 8px 10px;
	margin-bottom: 1em;
	font-weight: bold;
	line-height: 1.8;
}

h4.h4_type span {
	font-size: 63%;
}
h4.h4_type:before{
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background-color: #FFF;
  clip-path: polygon(100% 0, 60% 0%, 100% 100%, 100% 100%);
}

h4.synchro {
	background-color: #fad05b;
}

h4.haikokirikae {
	background-color: #aadbf5;
}

h4.kousyokukirikae {
	background-color: #f9e0ca;
}

h4.milook {
	background-color: #e2005a;
	color: #FFF;
}

h4.tanshoku {
	background-color: #e3e3e4;
}
h4.high-type {
	background-color: #b4b4b5;
}
h4.freepa {
	background-color: #86c9ab;
}
h4.yuragi {
	background-color: #ea6c00;
	color: #FFF;
}

h4.timer {
	background-color: #003d6d;
	color: #FFF;
}
.lineup_text p{
	font-size: 88%;
	margin-top: 0.8em;
}

.lineup_text ul li{
	font-size: 88%;
}
.lineup_text ul li img{
	vertical-align: middle;
}
.lineup_text .kakusan{
	font-size: 100%;
	background: #898989;
	padding: 6px 10px;
	margin-top: 0.4em;
	color: #FFF;
}

.lineup_text .kakusan .bg_kakusan{
	background: url("../img/bg_kakusan.png") no-repeat right;
}
.lineup_text .shuko{
	font-size: 100%;
	background: #4c4948;
	padding: 6px 10px;
	margin-top: 0.4em;
	color: #FFF;
}
.lineup_text .shuko .bg_shuko{
	background: url("../img/bg_shuko.png") no-repeat right;
}
.lineup_text .ra{
	font-size: 100%;
	padding: 6px 10px;
	margin-top: 0.4em;
	border: 1px solid #000;
	box-sizing: border-box;
}
.lineup_text .ra90{
	font-size: 100%;
	padding: 6px 10px;
	margin-top: 0.4em;
	background: #e2005a;
	box-sizing: border-box;
	color: #FFF;
}
.lineup_text .choshokuchoko{
	font-size: 100%;
	background: #dcdddd;
	padding: 6px 10px;
	margin-top: 0.4em;
}
.lineup_text .chokofuka{
	font-size: 100%;
	padding: 6px 10px;
	margin-top: 0.4em;
	border: 1px solid #000;
	box-sizing: border-box;
}
.lineup_text .chokokano{
	font-size: 100%;
	background: #595757;
	padding: 6px 10px;
	margin-top: 0.4em;
	color: #FFF;
}
.hr{
	border-top: 1px solid #000;
	margin-bottom: 2em;
}

.denkyu{
	color: #f7c5ab;
}

.ompaku{
	color: #fdebc7;
}

.chuhaku{
	color: #bae2f8;
}
@media screen and (max-width: 640px) {
h4.h4_type {
	font-size: 3.4vw;
}
}

/*===========
table
===========*/
.scroll-box table {
  width: 100%;
  border: 1px solid #ccc;
  margin: 0;
}
.scroll-box table th {
  padding: 15px;
  background: #e6e6e6;
  border: 1px solid #ccc;
  vertical-align: middle;
  font-size: 100%;
  text-align: center;
}
.scroll-box table td {
  padding: 15px;
  background: #fff;
  border: 1px solid #ccc;
  vertical-align: middle;
  font-size: 100%;
  text-align: center;
}
@media screen and (max-width: 640px) {
/*===========
.scroll-box
===========*/
.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
.scroll-box div img {
  max-width: 100%;
  min-width: 180vw;
  vertical-align: top;
}
.scroll-box table {
  max-width: 100%;
  min-width: 240vw;
  vertical-align: top;
}
/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}
}

/*-------------------------
   three_one_two_two
-------------------------*/

.three_one_two_two{
    display : flex;
    flex-wrap : wrap;
	align-items: top;
	justify-content: center;
}

.three_one_two_two_left{
    width: 78.4%;
	padding-right: 4%;
	box-sizing: border-box;
}

.three_one_two_two_right{
    width: 21.6%;
}

@media screen and (max-width: 640px) {
.three_one_two_two_left{
    width: 100%;
    margin: 0 0 1rem;
	padding-right: 0%;
}

.three_one_two_two_right{
    width: 47%;
	margin-right: auto;
}
}

/*-------------------------
   high-type_column
-------------------------*/
.high-type_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.high-type_column::after{
    content:"";
    display: block;
    width: 30%;
}

.high-type_column .column{
    width: 30%;
}
@media screen and (max-width: 640px) {
.high-type_column::after{
    content:"";
    display: block;
    width: 47%;
}

.high-type_column .column{
    width: 47%;
}
}

/*-------------------------
   .haikokirikae_one
-------------------------*/
.haikokirikae_one{
	display: table;
}

.haikokirikae_one_left{
	display: table-cell;
	vertical-align: top;
	width: 300px;
}
.haikokirikae_one_right{
	display: table-cell;
	vertical-align: middle;
	width: 686px;
	padding-left: 20px;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
.haikokirikae_one_right p{
	font-size: 3.4vw;
}
}
/*-------------------------
   .freepa_one
-------------------------*/

.freepa_one{
    display : flex;
    flex-wrap : wrap;
	align-items: top;
	justify-content: center;
	width: 800px;
	margin: 0 auto;
}

.freepa_one_left{
    width: 36.4%;
}
.freepa_one_center{
    width: 31.8%;
	padding-left: 3%;
	box-sizing: border-box;
}
.freepa_one_right{
    width: 31.8%;
	padding-left: 3%;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
.freepa_one{
	width: 100%;
}

.freepa_one_left{
    width: 52.4%;
}
.freepa_one_center{
    width: 47.6%;
	padding-left: 6%;
}
.freepa_one_right{
    width: 47%;
	padding-left: 0;
	margin-right: auto;
	margin-top: 1em;
}
}
/*-------------------------
   .yuragi_one
-------------------------*/

.yuragi_one{
    display : flex;
    flex-wrap : wrap;
	align-items: top;
	justify-content: center;
}

.yuragi_one_left{
    width: 38.1%;
	padding-right: 3%;
	box-sizing: border-box;
}
.yuragi_one_center{
    width: 23.8%;
}
.yuragi_one_right{
    width: 38.1%;
	padding-left: 3%;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
.yuragi_one_left{
    width: 61%;
	padding-right: 3%;
	box-sizing: border-box;
}
.yuragi_one_center{
    width: 39%;
}
.yuragi_one_right{
    width: 61%;
	padding-left: 0;
	padding-right: 3%;
	box-sizing: border-box;
	margin-right: auto;
	margin-top: 1em;
}
}

/*-------------------------
    .tabs
-------------------------*/
.tabs {
	margin-top: 50px;
	background-color: #fff;
	width: auto;
	margin: 0 auto;}

.tab_item {
	width: 31%;
	border: 1px solid #000;
	background-color: #FFF;
	font-size: 16px;
	text-align: center;
	color: #000;
	display: block;
	float: left;
	font-weight: bold;
	transition: all 0.2s ease;
	padding: 10px 0;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	margin: 0 1%;
}

.tab_item img {
	width: 80px;
	vertical-align: middle;
	margin-right: 20px;
}
.tab_item:hover {
	opacity: 0.75;
	cursor: pointer;
}

input[name="tab_item"],
input[name="tab_item02"],
input[name="tab_item03"]{
	display: none;
}

.tab_content {
	display: none;
	padding: 3em 2em;
	clear: both;
	overflow: hidden;
	margin-bottom: 2em;
	border-top: 3px solid #000;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}


#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content,
#tab04:checked ~ #tab04_content,
#tab05:checked ~ #tab05_content,
#tab06:checked ~ #tab06_content,
#tab07:checked ~ #tab07_content,
#tab08:checked ~ #tab08_content,
#tab09:checked ~ #tab09_content {
  display: block;
}

.tabs input:checked + .tab_item {
	background-color: #000;
	color: #fff;
}

@media screen and (max-width: 640px) {
	
.tab_item {
	width: 30.6%;
	padding: 10px 0 0;
}
.tab_item img {
	width: 16vw;
	margin: 0 auto 2em!important;
}	
.tab_content {
	padding: 2em 0.4em;
}
.tab_item {
	font-size: 3.2vw;
	line-height: 2;
}
}

/* ------------------------

.point_slider_wrap

------------------------ */
.case_slider .slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	display: block;
	width: 0;
	height:0;
	left: 40%;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.case_slider .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	display: block;
	width: 330px;
	height: 220px;
	left: 40%;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.case_slider .slick-next {
	left: auto;
	right: 20%;
}
.case_slider .slick-prev:before {
	position: absolute;
	content: "";
}
.case_slider .slick-next:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 300px;
	height: 200px;
	background: url("../img/btn_slider.png") no-repeat right center;
	background-size: 100%;
}
.case_slider .slick-dots {
      position: relative;
      padding: 0;
      text-align: center;
      width: 100%;
      display: flex;
      justify-content: center;
      margin: 20px auto 0;
    }
.case_slider  .slick-dots li {
      display: inline-block;
      margin: 0 5px;
    }
.case_slider .slick-dots .slick-active button {
      background: #791327;
    } 
.case_slider .slick-dots button {
      color: transparent;
      outline: none;
      width: 40px;
      height: 5px;
      display: block;
      background: #ADADAD;
      border: none;
    }
.case_slider .slick-dots button::before {
      display: none;
    }
@media only screen and (max-device-width: 1280px) and (max-width: 640px){
  .point_slider_wrap .slider_box {
    width: 350px;
  }
  .point_slider_wrap.pc_slide_off {
    display: block;
  }
  .point_slider_wrap .slick-list {
    padding: 0;
  }
	
.case_slider .slick-next:before {
	width: 50vw;
	height: 50vw;
	left: 50vw;
}
  .point_slider_wrap .slick-prev {
    left: 0;
  }
	
  .point_slider_wrap .slick-next {
	right: 0;
  }
  .point_slider_wrap .slick-dots {
    width: calc(100% - 92px);
  }
}
/*-------------------------
   two_one_column
-------------------------*/
.two_one_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.two_one_column::after{
    content:"";
    display: block;
    width: 48%;
}

.two_one_column .column{
    width: 48%;
}

@media screen and (max-width: 640px) {
.two_one_column::after{
    width: 100%;
}

.two_one_column .column{
    width: 100%;
}
.two_one_column .column:nth-child(n+2) {
	margin-top: 1em;
}
}

/*-------------------------
   two_one_column
-------------------------*/
.two_two_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.two_two_column::after{
    content:"";
    display: block;
    width: 48%;
}

.two_two_column .column{
    width: 48%;
}
.two_two_column .column:nth-child(n+2) {
	margin-top: 1em;
}

/*-------------------------
   three_two_column
-------------------------*/
.three_two_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.three_two_column::after{
    content:"";
    display: block;
    width: 32%;
}

.three_two_column .column{
    width: 32%;
}

@media screen and (max-width: 640px) {
.three_two_columnn::after{
    content:"";
    display: block;
    width: 48%;
}

.three_two_column .column{
    width: 48%;
}
.three_two_column .column:nth-child(n+3) {
	margin-top: 1em;
}
}
/*-------------------------
   three_column
-------------------------*/
.three_three_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.three_three_column::after{
    content:"";
    display: block;
    width: 32%;
}

.three_three_column .column{
    width: 32%;
}


/*-------------------------
   four_two_column
-------------------------*/
.four_two_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.four_two_column::after{
    content:"";
    display: block;
    width: 24%;
}

.four_two_column .column{
    width: 24%;
}

@media screen and (max-width: 640px) {
.four_two_columnn::after{
    content:"";
    display: block;
    width: 48%;
}

.four_two_column .column{
    width: 48%;
}
.four_two_column .column:nth-child(n+3) {
	margin-top: 1em;
}
}