@charset "utf-8";


/*--------------------------------------
　Main Index
---------------------------------------*/
.contents_top {
	width: 100%;
	margin: auto;
	box-sizing: border-box;
  position: relative;
  /*z-index: 0;*/
  overflow: hidden;
}

.sec {
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	position: relative;
}

.sec .inner,.offer .inner {
	max-width: 1200px;
	width: inherit;
	margin: auto;
	box-sizing: border-box;
	padding: 0 4rem;
}

@media screen and (max-width: 768px) {
	.contents_top {
		width: 100%;
	}
  
	.sec {
		min-width: 100%;
	}
  
.sec .inner,.offer .inner {
		max-width: 100%;
		padding: 0 2rem;
		box-sizing: border-box;
	}
}





/*--------------------------------------
　Title
---------------------------------------*/

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





/*--------------------------------------
　テキスト
---------------------------------------*/
.contents_top p {
	margin: 3rem 0 3rem;
	font-size: 1.8rem;
	line-height: 2;
}

.txt {
	margin: 3rem 0 3rem;
	font-size: 1.8rem;
	text-align: justify;
	line-height: 2;
}

.lead {
	margin: 3rem 0 0!important;
	font-size: 1.5rem;
	line-height: 2;
}

p.caption {
	margin: 1rem 0 0 0!important;
	padding: 0 0 0.5rem 0;
	font-size: 1rem;
	line-height: 1.3;
}

.sec p {
	margin: 0 0 0;
}
.sub {
	font-size: 1.4rem!important;
	line-height: 1.5!important;
}
a.txtlink {
	color: blue;
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
	.contents_top p {
		margin: 2rem 0 2rem;
		line-height: 1.8;
		font-size: 1.5rem;
	}

	.txt {
		margin: 2rem 0 2rem;
		line-height: 1.8;
		font-size: 1.5rem;
	}

	.lead {
		margin: 2rem 0 0!important;
		line-height: 1.8;
	}
  
  p.caption {
    margin: 1rem 0 0 0!important;
    padding: 0 0 0.5rem 0;
    font-size: 1rem;
    line-height: 1.3;
  }
  
  .sec p {
    margin: 0 0 0;
  }
.sub {
	font-size: 1rem!important;
}

}
/*--------------------------------------
　Header
---------------------------------------*/
	header {
		background: #fff;
		width: 100%;
		min-width: 100%;
	}
	header .sitename {
		font-size: 1rem;
		text-align: left;
	}  
header .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1.5rem;
}
header .inner .logo{
	width: 24%;
}

@media screen and (min-width: 768px) {

header {
	width: 100%;
}

header .sitename {
	padding: 1rem 2rem;
  font-size: 1.8rem;
}
header .inner {
	padding: 1.5rem 2rem;
}
header .sitename a {
  font-weight: bold;
}
}
/*--------------------------------------
　mv
---------------------------------------*/
.mv {
	background: url("/assets/img/lp/alcoholchecker/mv_bg.webp") center top no-repeat;
	background-size: cover;
	padding: 10% 0;
}
.mv_inner {
	padding: 0 2rem;
}
.mv .mv_img {
	padding:3rem 0;
}


@media screen and (min-width: 768px) {
.mv {
	background: url("/assets/img/lp/alcoholchecker/mv_bg_pc.webp") center top no-repeat;
	background-size: cover;
	padding: 6% 0;
}
.mv_inner {
	max-width: 1200px;
	padding: 0 4rem;
	margin: 0 auto;
}
.mv .mv_img {
	padding:6rem 0;
}
}
/*--------------------------------------
　offer
---------------------------------------*/
.offer {
	background: #fff;
	padding: 5rem 0 6rem;
}
.offer a {
	display: block;
	width: 100%;
}
.offer .btn_01 {
	margin-bottom: 2rem;
}
.offer .btntxt {
	text-align: center;
	margin-bottom: 1rem;
	font-weight: bold;
	font-size: 4.2vw;
}

@media screen and (min-width: 768px) {
.offer {
	padding: 5rem 0 3rem;
}
.offer .inner {
	display: flex;
	justify-content: space-between;
}
	.offer .btn_box {
		width: 48%;
}
.offer a {
	display: block;
	width: 100%;
}
.offer .btn_01 {
	margin-bottom: 2rem;
}
.offer .btntxt {
	margin-bottom: 1rem;
	font-size: 20px;
}
}
/*--------------------------------------
　sec01
---------------------------------------*/
.sec01 {
	background-image: linear-gradient(90deg, #01afea, #c0dd98);
	background-size: 100% auto;
	padding: 6rem 0;
}
.sec01 .logo {
	width: 40%;
	margin: 0 auto 4%;
}
.sec01 .sec_ttl {
	font-size:10vw;
	color: #fff;
	font-weight: bold;
	display: table;
	margin: 0 auto 4rem;
	border-bottom: 4px dotted #fff;
}
.sec01 .txt_02 {
	text-align: center;
	margin: 3rem 0 1rem;
	font-weight: bold;
}
.sec01 .txt_03 {
	text-align: center;
	margin: 3rem 0 2rem;
	font-weight: bold;
	color: #b4261c;
	font-size: 4vw;
	background: #fff;
	border-radius: 6px;
	padding: 1rem;
}
.sec01 .txt_03 span{
	font-weight: bold;
	font-size: 6.8vw;
}
.sec01 .txt_04 {
	text-align: center;
	font-weight:bold;
	margin-bottom: 2rem;
}
.sec01 a {
	font-weight: bold;
	display: block;
	color: #fff;
	background: #b4261c;
	border-radius: 100px;
	text-align: center;
	font-size: 2rem;
	padding: 2rem 0;
	position: relative;
}
.sec01 a:after {
	display: block;
	content: "";
	position: absolute;
	background: url("/assets/img/lp/alcoholchecker/arrow_01.webp") center no-repeat;
	background-size: cover;
	width: 20px;
	height: 10px;
	right: 20px;
	top: 50%;
	transform: translate(0,-50%);
}
.sec01 .sub{
	text-align: center;
	margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
.sec01 {
	padding: 10rem 0;
}
.sec01 .sec_ttl {
	font-size:62px;
	margin: 0 auto 6rem;
	border-bottom: 8px dotted #fff;
}
	.sec01 .img_01 {
	max-width: 90%;
	margin: auto;
}
.sec01 .txt_01 {
	max-width: 80%;
	margin: auto;
}
.sec01 .txt_02 {
	text-align: center;
	margin: 3rem 0 1rem;
}
.sec01 .txt_03 {
	margin: 6rem auto 4rem;
	font-size: 28px;
	border-radius: 12px;
	padding: 2rem;
	max-width: 740px;
}
.sec01 .txt_03 span{
	font-size: 52px;
	line-height: 1!important;
}
.sec01 .txt_04 {
	margin-bottom: 4rem;
}
.sec01 a {
	font-size: 28px;
	padding: 2.4rem 0;
	position: relative;
	margin: auto;
	width: 60%
}
.sec01 a:after {
	display: block;
	content: "";
	position: absolute;
	background: url("/assets/img/lp/alcoholchecker/arrow_01.webp") center no-repeat;
	background-size: cover;
	width: 30px;
	height: 15px;
	right: 40px;
	top: 50%;
	transform: translate(0,-50%);
}
.sec01 .sub{
	margin-bottom: 5rem;
}
}
/*--------------------------------------
　sec02
---------------------------------------*/
.sec02 {
	padding: 6rem 0 0;
}
.sec02 .sec_ttl {
	font-size: 6.6vw;
	text-align: center;
}
.sec02 .bg {
	background: #ecf3f9;
	padding-bottom: 6rem;
}
.sec02 .txt_01 {
	color: #004098;
	font-size: 6.2vw;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3rem;
}

.sec02 ul li  {
	background: #fff;
	padding: 2rem;
	border-radius: 10px;
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
	font-weight: bold;
}
.sec02 ul li img {
	display: block;
	width: 24px;
	margin-right: 2rem;
}

@media screen and (min-width: 768px) {
.sec02 {
	padding: 10rem 0 0;
}
.sec02 .sec_ttl {
	font-size: 42px;
	margin-bottom: 6rem;
}
.sec02 .bg {
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.sec02 .img_01 {
	max-width: 1200px;
	margin: auto;
	padding: 0 4rem;
}
.sec02 .txt_01 {
	font-size: 42px;
	margin-bottom: 6rem;
}
.sec02 ul   {
	max-width: 1000px;
	margin: auto;
}
.sec02 ul li  {
	padding: 2rem 4rem;
	border-radius: 10px;
	margin-bottom: 1.5rem;
}
.sec02 ul li img {
	display: block;
	width: 24px;
	margin-right: 2rem;
}
.sec02 .sub  {
	max-width: 1000px;
	margin: auto;
	text-align: right;
}
}
/*--------------------------------------
　sec03
---------------------------------------*/
.sec03 .upper{
	padding: 6rem 0 4rem;
	background: #ecf3f9;
}
.sec03 .upper .sec_ttl {
	font-size: 6.6vw;
	text-align: center;
	margin-bottom: 2rem;
}
.sec03 .upper .txt {
	text-align: center;
}
.sec03 .middle {
	background-image: linear-gradient(90deg, #01afea, #c0dd98);
	padding: 5rem 0 5rem;
}
.sec03 .middle .mp_logo {
	width: 60%;
	margin: 0 auto 2rem;
}
.sec03 .middle .sec_ttl {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
.sec03 .middle .sec_ttl span {
	font-size: 12vw;
	color: #b4261c;
	font-weight: bold;
}
.sec03 .middle .txt_01 {
	text-align: center;
	font-weight: bold;
}
.sec03 .middle .txt_01 span {
	font-size: 20px;
	font-weight: bold;
}
.sec03 .ac_upper {
	font-size: 3.8vw;
	text-align: center;
	margin: 3rem 0 2rem;
	font-weight: bold;
}
.sec03 .ac_upper span{
	font-weight: bold;
}
.sec03 .under {
	background: #ecf3f9;
	padding: 5rem 0 5rem;
}
.sec03 .under .sec_ttl {
	font-size: 6.2vw;
	text-align: center;
	margin-bottom: 2rem;
}
.sec03 .under .sec_ttl span {
	font-weight: bold;
	color: #004098;
}
/*---------　カルーセル　------------*/
.sliderArea {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 25px;
}
.slick-track {
  display: flex!important;
}
.slick-slide {
	margin: 0 5px;
	background: #fff;
	height: auto !important;
	width: 100%!important;
	border-radius: 10px;
}
.slick-slide .wrap_01 {
	padding:0 2rem 2rem;
}

.slick-slide img {
	width: 100%;
	height: auto;
}
.slick-slide .name {
	font-size: 3.4vw;
	font-weight: bold;
	text-align: center;
}
.slick-slide .num {
	font-size: 12px;
	text-align: center;
	color: #696969;
}
.slick-slide .btnbox {
	display: flex ;
	margin: 1rem 0;
}
.slick-slide .btnbox a {
	display: block;
	width: 32%;
}
.slick-slide .btnbox a:not(:last-child){
	margin-right: 2%;
}
.slick-prev, .slick-next {
	z-index: 1;
}
.slick-prev:before, .slick-next:before {
	color: #000;
}
.slick-slide {
	transition: all ease-in-out .3s;
}
.thumb {
	margin: 20px 0 0;
}
.thumb .slick-slide {
	cursor: pointer;
}
.thumb .slick-slide:hover {
	opacity: .7;
}
.full-screen .slick-list {
	overflow: visible;
}
.full-screen.slider {
	max-width: 100%!important;
	margin: 0 auto;
}
.slick-dots {
  bottom:-40px!important;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  text-indent: -9999px;
  display: block;
  width: 4px!important;
  height: 4px!important;
  margin: 0 0!important;
  outline: 0;
  border-radius: 100%;
  transition-duration: 0.3s;
   background: #fff!important;
	opacity: 0.5;
}
.slick-dots li button:before {
  content: none;
}
.slick-dots li button:hover, .slick-dots li.slick-active button {
  width: 12px;
  height: 12px;
	opacity: 1;
}
.sliderArea2 .slick-dots li button:hover,.sliderArea2 .slick-dots li.slick-active button {
	 background: #01aeeb!important;
}
.slide-arrow {
  bottom: 0;
  cursor: pointer;
  margin: auto;
  position: absolute;
  top: 0;
  width: 40px;
	z-index: 10!important;
}
.prev-arrow {
  left: -20px;
}
.next-arrow {
  right: -20px;
}
@media screen and (min-width: 768px) {
.sec03 .upper{
	padding: 6rem 0 4rem;
}
.sec03 .upper .sec_ttl {
	font-size: 42px;
	margin-bottom: 2rem;
}
.sec03 .upper .txt {
	text-align: center;
}
.sec03 .middle {
	padding: 10rem 0 10rem;
}
.sec03 .middle .mp_logo {
	width: 24%;
	margin: 0 auto 3rem;
}
.sec03 .middle .sec_ttl {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
}
.sec03 .middle .sec_ttl span {
	font-size: 84px;
	line-height: 1.2;
}
.sec03 .middle .txt_01 {
	text-align: center;
	font-size: 24px;
}
.sec03 .middle .txt_01 span {
	font-size: 32px;
	font-weight: bold;
}
.sec03 .ac_upper {
	font-size: 28px;
	margin: 3rem 0 2rem;
	line-height: 1.4;
}
.sec03 .under {
	padding: 10rem 0 8rem;
}
.sec03 .under .sec_ttl {
	font-size: 42px;
	margin-bottom: 2rem;
}
.sec03 .under .sec_ttl span {
	font-weight: bold;
	color: #004098;
}
/*---------　カルーセル　------------*/
.sliderArea {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 25px;
}
.slick-track {
  display: flex!important;
}
.slick-slide {
	margin: 0 10px;
	border-radius: 10px;
}
.slick-slide .wrap_01 {
	padding:0 2rem 2rem;
}
.slick-slide .wrap_01 .txt {
	font-size: 14px;
	line-height: 1.5;
}
.slick-slide img {
	width: 100%;
	height: auto;
}
.slick-slide .name {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.under .slick-slide .name {
	font-size: 12px;
}
.slick-slide .num {
	font-size: 12px;
	text-align: center;
	color: #696969;
}
.slick-slide .btnbox {
	display: flex ;
	margin: 1rem 0;
}
.slick-slide .btnbox a {
	display: block;
	width: 32%;
}
.slick-slide .btnbox a:not(:last-child){
	margin-right: 2%;
}
.slick-prev, .slick-next {
	z-index: 1;
}
.slick-prev:before, .slick-next:before {
	color: #000;
}
.slick-slide {
	transition: all ease-in-out .3s;
}
.thumb {
	margin: 20px 0 0;
}
.thumb .slick-slide {
	cursor: pointer;
}
.thumb .slick-slide:hover {
	opacity: .7;
}
.full-screen .slick-list {
	overflow: visible;
}
.full-screen.slider {
	max-width: 100%!important;
	margin: 0 auto;
}
.slick-dots {
  bottom:-40px!important;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  text-indent: -9999px;
  display: block;
  width: 4px!important;
  height: 4px!important;
  margin: 0 0!important;
  outline: 0;
  border-radius: 100%;
  transition-duration: 0.3s;
   background: #fff!important;
	opacity: 0.5;
}
.slick-dots li button:before {
  content: none;
}
.slick-dots li button:hover, .slick-dots li.slick-active button {
  width: 12px;
  height: 12px;
	opacity: 1;
}
.sliderArea2 .slick-dots li button:hover,.sliderArea2 .slick-dots li.slick-active button {
	 background: #01aeeb!important;
}
.slide-arrow {
  width: 40px;
}
.prev-arrow {
  left: 35%;
}
.next-arrow {
  right: 35%;
}
/* 常に5枚表示 */
.sliderArea1 {
	max-width:100vw!important;
	width: 100vw!important;
	margin: 0 auto;
	padding: 0 25px;
	margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.sliderArea1 .slick-slide {
  width: auto !important;     
  height: auto !important;   
}
}
@media screen and (max-width: 1100px) {
.under .slick-slide .name {
	line-height: 1.4;
	height: 40px;
}
}
@media screen and (max-width: 768px) {
  .under .slick-slide .name {
    height: auto !important;
  }
}
/*--------------------------------------
　sec04
---------------------------------------*/
.sec04 {
	padding: 6rem 0 4rem;
	background: #ecf3f9;
}
.sec04 .sec_ttl {
	font-size: 6.6vw;
	text-align: center;
	margin-bottom: 2rem;
}
.sec04 ul li  {
	background: #fff;
	padding: 4rem 2rem;
	border-radius: 10px;
	margin-bottom: 2rem;
}
.sec04 ul li .txt_01 {
	font-weight: bold;
	text-align: center;
	color: #004098;
	font-size: 2.2rem;
}
.sec04 ul li .img_01 {
	width: 70%;
	margin: 2rem auto;
}
.sec04 ul li .wrap_01 .txt_02 {
	font-weight: bold;
	text-align:center;
	margin: 3rem 0 2rem;
}
.sec04 ul li .wrap_01 .sub {
	display: table;
	margin: 2rem 0 0 auto;
}

@media screen and (min-width: 768px) {
.sec04 {
	padding: 10rem 0 6rem;
}
.sec04 .sec_ttl {
	font-size:42px;
	margin-bottom: 2rem;
}
.sec04 ul li  {
	background: #fff;
	padding: 4rem 6rem;
	border-radius: 10px;
	margin-bottom: 2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
	.sec04 ul li .txtbox {
		width: 55%;
}
		.sec04 ul li .txt{
			font-size: 16px;
}
.sec04 ul li .txt_01 {
	font-weight: bold;
	text-align:left;
	font-size: 28px;
	line-height: 1.6;
	margin-bottom: 2rem;
}
.sec04 ul li .img_01 {
	width: 40%;
	margin: 0;
}
.sec04 ul li .wrap_01  {
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
}
.sec04 ul li .wrap_01 .txt_02 {
	font-weight: bold;
	text-align:left;
	line-height: 1.6;
	margin: 3rem 0 2rem;
	font-size: 22px;
}
.sec04 ul li .wrap_01 .jbatc_logo {
	width: 50%;
}
.sec04 ul li .wrap_01 .sub {
	display: table;
	margin: 2rem 0 0 auto;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 12px!important;
}

}
/*--------------------------------------
　sec05
---------------------------------------*/
.sec05 .upper{
	padding: 6rem 0 3rem;
	background: #d4eaf5;
	position: relative;
}

.sec05 .under {
	padding: 12rem 0 4rem;
	background-image: linear-gradient(90deg, #01afea, #c0dd98);
	position: relative;
}
.sec05 .under:after {
	content: "";
	position: absolute;
	top: -1px;
	display: block;
	width: 100%;
	height: 60px;
	background: #d4eaf5;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.sec05 .under .sec_ttl {
	font-size: 6vw;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
}
.sec05 .under ul li  {
	background: #fff;
	padding: 4rem 2rem;
	border-radius: 10px;
	margin-bottom: 2rem;
}
.sec05 .under ul li .txt_01 {
	font-weight: bold;
	text-align: center;
	color: #b4261c;
	font-size: 2.2rem;
}
.sec05 .under ul li .img_01 {
	width: 70%;
	margin: 2rem auto;
}
.sec05 .under ul li:nth-child(2) .img_01 {
	width: 90%;
}
.sec05 .under ul li .sub {
	display: table;
	margin: 1rem 0 0 auto;
}
@media screen and (min-width: 768px) {
.sec05 .upper{
	padding: 10rem 0 2rem;
}
	.sec05 .upper .sec_ttl {
		width: 80%;
		margin: auto;
}

.sec05 .under {
	padding: 20rem 0 6rem;
	background-image: linear-gradient(90deg, #01afea, #c0dd98);
	position: relative;
}
.sec05 .under:after {
	content: "";
	position: absolute;
	top: -1px;
	display: block;
	width: 100%;
	height: 100px;
	background: #d4eaf5;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.sec05 .under .sec_ttl {
	font-size: 42px;
	margin-bottom: 4rem;
}
	.sec05 .under ul   {
		display: flex;
		justify-content: space-between;
}
.sec05 .under ul li  {
	width: 48%;
	padding: 6rem 4rem;
	border-radius: 10px;
	margin-bottom: 0;
}
.sec05 .under ul li .txt_01 {
	font-size: 30px;
	line-height: 1.6;
}
.sec05 .under ul li .img_01 {
	width: 70%;
	margin: 2rem auto;
}
.sec05 .under ul li:nth-child(2) .img_01 {
	width: 100%;
	margin: 4rem auto 4rem;
}
.sec05 .under ul li .sub {
	display: table;
	margin: 1rem 0 0 0;
	font-size: 10px!important;
}
}
/*--------------------------------------
　sec06
---------------------------------------*/
.sec06 {
	padding: 6rem 0;
	background: #ecf3f9;
}
.sec06 .sec_ttl {
	font-size: 6vw;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3rem;
}
.accordion-content {
  display: none;
}
.sec06 .accordion-header {
  background-color: #fff;
  padding: 20px 40px 20px 0;
  margin: 10px 0 0;
  transition: background .3s ease;
  cursor: pointer;
  position: relative;
  color: #004098;
}
.sec06 .accordion-header span{
	font-weight: bold;
}
.sec06 .accordion-header span:before{
	display: block;
	content: "";
	position: absolute;
	background: url("/assets/img/lp/alcoholchecker/q.webp") center no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
	left: 10px;
	top: -5px;
}
.sec06 .accordion-header::before,
.sec06 .accordion-header::after{
  position:absolute;
  content:'';
  top:1px;
  right:20px;
  bottom:0;
  width:12px;
  height:2px;
  margin:auto;
  background:#004098;
}
.sec06 .accordion-header::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.sec06 .accordion-header.active::after{transform:rotate(0deg);}

.sec06 .accordion-content {
	border-top: #ddd 1px solid;
  background-color: #fff;
  padding: 2rem 2rem 2rem 0;
	position: relative;
}

.sec06 .accordion-header span,
.sec06 .accordion-content span{
  position: relative;
	display: block;
	padding-left: 45px;
}

.sec06 .accordion-content span:before{
	display: block;
	content: "";
	position: absolute;
	background: url("/assets/img/lp/alcoholchecker/a.webp") center no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
	left: 10px;
	top: -5px;
}

/* hover */
.sec06 .accordion-header:hover {
	opacity: 0.8;
}
@media screen and (min-width: 768px) {
.sec06 {
	padding: 10rem 0;
}
.sec06 .sec_ttl {
	font-size: 42px;
	margin-bottom: 4rem;
}
	.accordion {
		max-width:1000px;
		margin: auto;
}
.accordion-content {
  display: none;
}
.sec06 .accordion-header {
  padding: 40px 60px 40px 0;
  margin: 20px 0 0;
  transition: background .3s ease;
  cursor: pointer;
  position: relative;
  color: #004098;
}
.sec06 .accordion-header span{
	font-weight: bold;
}
.sec06 .accordion-header span:before{
	display: block;
	content: "";
	position: absolute;
	background: url("/assets/img/lp/alcoholchecker/q.webp") center no-repeat;
	background-size: cover;
	width: 50px;
	height: 50px;
	left: 40px;
	top: -5px;
}
.sec06 .accordion-header::before,
.sec06 .accordion-header::after{
  position:absolute;
  content:'';
  top:1px;
  right:40px;
  bottom:0;
  width:24px;
  height:4px;
  margin:auto;
  background:#004098;
}
.sec06 .accordion-header::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.sec06 .accordion-header.active::after{transform:rotate(0deg);}

.sec06 .accordion-content {
	border-top: #ddd 2px solid;
	padding: 4rem 4rem 4rem 0;
	position: relative;
	font-size: 18px;
}

.sec06 .accordion-header span,
.sec06 .accordion-content span{
  position: relative;
	display: block;
	padding-left: 110px;
}

.sec06 .accordion-content span:before{
	display: block;
	content: "";
	position: absolute;
	background: url("/assets/img/lp/alcoholchecker/a.webp") center no-repeat;
	background-size: cover;
	width: 50px;
	height: 50px;
	left: 40px;
	top: -10px;
}

/* hover */
.sec06 .accordion-header:hover {
	opacity: 0.8;
}
}

/*--------------------------------------
　モーダル
---------------------------------------*/
/* Modal Base */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 100;
}
.modal-bg {
  position: absolute;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 101;
}
/* Modal Content */
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:80vw;
  z-index: 102;
}
.modal-inner {
  position: relative;
  background: white;
  width: 100%;
  min-height: 100px;
  max-height: 500px;
  padding: 30px;
  overflow-x: hidden;
  overflow-y: auto;
	border-radius: 10px;
}

/* Close Button */
.btn_close {
  display: block;
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #e4e4e4;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: black;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  line-height: 30px;
  z-index: 105;
}
.modal_ttl {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 6px ;
	border-radius: 4px;
	box-sizing: border-box;
}
#modal-01 .modal_ttl {
	color: #fff;
	background: #004098;
}
#modal-02 .modal_ttl {
	color: #fff;
	background:#008086;
}
#modal-03 .modal_ttl {
	color: #004098;
	border: 2px solid #004098;
}
#modal-04 .modal_ttl {
	color: #008086;
	border: 2px solid #008086;
}

@media screen and (min-width: 768px) {
.modal-content {
  width:500px;
}
.modal_ttl {
	font-size: 24px;
	padding: 10px ;
	border-radius: 4px;
}
#modal-03 .modal_ttl {
	border: 4px solid #004098;
}
#modal-04 .modal_ttl {
	border: 4px solid #008086;
}


}