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

*{ padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    list-style-type: none;
    word-break: break-all;
}

/*google font＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body {
    color: #1e1e32;
    font-family: "游ゴシック", "Yu Gothic", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    -webkit-text-size-adjust: 100%;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
	letter-spacing: 0.03em;
    line-height: 1.7;
	background: #fff;
	font-weight: 500;
}
ul,ol{ 	padding:0; 	margin:0; }
li{ list-style-type: none; }
table{ border-collapse:collapse; border-spacing:0; }
img{ width: 100%; display: block; border:none; height: auto; }
a, a img{
    color: #4c4948;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
a:hover, a img:hover { opacity: 0.7; }
::selection { background: #e1f3f7; }
iframe{ position: absolute; top: 0; }/*Google Tag Manager余白回避*/

/*デフォルト上書き分＝＝＝＝＝＝＝＝＝＝＝*/
div#container {
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    text-align: left;
    overflow: hidden;
    max-width: none;
    width: 100%;
}
#lpshoppingcolumn {
    width: 80% !important;
    margin: 130px auto !important;
    max-width: 850px !important;
}
#lpshoppingcolumn form .custom-select select, #lpshoppingcolumn .custom-select select {
    font-size: 1em !important;
}
#lpshoppingcolumn input[type=checkbox] + label {
    font-size: 1.4rem !important;
}
#lpshoppingcolumn .lp_red {
    background: #ffeaea !important;
    margin: 10px 0 0 0 !important;
    color: #e54848 !important;
    padding: 5px 7px !important;
    text-align: justify;
}
#lpshoppingcolumn em {
    display: block !important;
}
#lpshoppingcolumn h3 {
    font-size: 16px !important;
}
#lpshoppingcolumn img.lp_submit_area {
	width: 80%;
	max-width:528px;
}
#lpshoppingcolumn .lp-error {
    font-size: 1.5rem;
}
#lpshoppingcolumn .lp_submit_area li {
    margin: 20px auto !important;
}
#lpshoppingcolumn #lp-login .fl30 .pdt20 a img{width: initial;float: left;}
#lpshoppingcolumn #lp-login .fl30 .pdt20 { padding: 10px 0 0 0 !important;}

/*GENERAL＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.w80{ width:80%; margin:0 auto;}
.mb-sec{margin-bottom: 6em;}
.pb-2em{padding-bottom: 2em;}
.pb-4em{padding-bottom: 4em;}
.pb-6em{padding-bottom: 6em;}
.purple-light-bg{ background: #e7e5fa !important; }

/*コンテナ＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#lp-wrapper{
	width: 100%;
    background: #d7e2e8;
    padding-bottom: 130px;
    font-size: 19px;
}
@media screen and (max-width: 750px){ 
	#lp-wrapper{ 
		width: 100%; 
		padding-bottom: 0px;
		font-size: 3.5vw; 
	}
}
#lp-wrapper-inner{
	width: 600px;
	margin: 0 auto;
	position: relative; 
	background:#fff;
	box-shadow: 0px 0 40px 0px #b4ccd3;
	padding-bottom: 1em;
}
@media screen and (max-width: 750px){ 
	#lp-wrapper-inner{ 
		width: 100%; 
		box-shadow: none;
	} 
}

/*cta ＝＝＝＝＝＝＝＝＝＝＝＝*/
section.cta-wrap {
    position: relative;
}
a.cta-btn{
	width: 76%;
    display: block;
    position: absolute;
    bottom: 13%;
    right: 12%;
}

/*slick ＝＝＝＝＝＝＝＝＝＝＝＝*/
.howto-slide {
    background: #565565;
    padding: 0 0 6em 0;
}
.slick-container{
    width: 70%;
    margin: 0 auto;
}


/*Q&A＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.qa {
    background: #e1f3f7;
}
.qa-inner{
    width: 88%;
    margin: 0 auto;
    padding: 0 0 4em 0;
}
.qa h2 { 
    color: #5eb2c4;
    font-size: 1.2em;
    line-height: 1;
    margin: 2em 0 0 0;
}
.accordion  {
  margin: 15px auto;
}

.accordion_title {
  position: relative;
  border: none;
  display: block;
  list-style: none;
  width: 100%;
  cursor: pointer;
  background: #c2e6ee;
  padding: 1.4em 1.6em 1.4em;
  line-height: 1.6em;
}

summary.accordion_title::-webkit-details-marker {
  display:none;
}

.accordion_title:after {
  content: "＋"; 
  position: absolute;
  top: calc(50% - 0.5em);
  right: 20px;
  line-height: 1;
  padding: 0;
  pointer-events: none;
}

.accordion::details-content {
  opacity: 0;
  block-size: 0;
  transition: .3s;
  transition-property: display, opacity, block-size, padding;
  transition-behavior: allow-discrete;
  line-height: 1.6em;
  background: #ffffff;
}

.accordion .accordion_content {
  padding: 0 1.4em;
}

.accordion .accordion_content > *:first-of-type {
  margin-top: 0;
}

.accordion .accordion_content > *:last-of-type {
  margin-bottom: 0;
}

.accordion[open]::details-content {
  opacity: 1;
  block-size: auto;
  block-size: calc-size(auto, size);
}

.accordion[open] .accordion_content {
  padding: 1.4em;
}

.accordion[open] .accordion_title:after {
  content: "ー";
}

.accordion_contents p {
    padding: 1.4em 1.6em;
    line-height: 1.8;
    text-align: justify;
    background: #fff;
}

/*電話番号まわり＝＝＝＝＝＝＝＝*/
.tel-wrap{
	border: 2px solid #000;
	padding: 1.5em;
	text-align: center;
	margin-bottom: 4em;
}
.tel-wrap h3{ font-weight: 400; }

.tel-nomber{
	font-size: 1.7em;
	letter-spacing: 0.15em;
	line-height: 1.5;
}

/*syousai＝＝＝＝＝＝＝＝＝＝＝*/
.syousai{ 
	margin-bottom: 6em;
	text-align: justify;
	line-height: 1.5;
	font-size: .85em;
} 
.syousai dt{ 
    margin-bottom: 0.8em;
} 
.syousai dd{ margin-bottom: 2em; }
.syousai table { margin-bottom: 1em; }

/*FOOTER＝＝＝＝＝＝＝＝＝＝＝*/
footer{
	background: #ABA2D7;
	padding: 3em 0 2em;
}
footer ul{ text-align: center; }
footer ul li{
	display: inline-block;
	padding-bottom : 1em;
	color: #fff;
}
footer ul li a{ color: #fff; }
footer p{
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    letter-spacing: 0.15em;
}

/*LP　LINEログイン＝＝＝＝＝＝＝＝＝＝＝*/
.line_lp_btn_pc{
    width: 310px;
    display: block;
    margin: 20px auto;
}
.line_lp_btn_smp{
    display: block;
    width: 90%;
    margin: 20px auto 0;
}