@charset "UTF-8";
body{color: #383838 !important;}

input {font-size: 16px;}

label{
  font-size: 14px !important;
  font-weight:normal !important;
  color: #383838 !important;
}

::-moz-selection {background-color: #D66329;}
::selection {background-color: #D66329;}

.flame_container {
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
	.flame_container {
	}
}

:root {
  --blue: #195d80;
  --green: #93b723;
  --backbaige: #fff8ed;
  --backblue: #dce5ea;
}

/*-------プレースホルダーの色-------*/
input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}
input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}
input:focus:-ms-input-placeholder {
	color: transparent;
}
input::-moz-placeholder {
	color: #3A526E;
}
input:focus::-moz-placeholder {
	color: transparent;
}

/*--------入力フォームタイトル---------*/

.sec-head-title2{display: block; margin-top:20px; margin-bottom: 30px;background-color: #f9f9f9; padding: 0;}
.sec-head-title2 .title{color: #3A526E; font-weight: bold; font-size: 20px; border-top:solid 2px #000; border-bottom:solid 2px #000; padding:20px 0;text-align: center;} 

.sec-head-titletop{display: block; margin-top:0px; margin-bottom: 30px;background-color: #f9f9f9;padding: 0;}
.sec-head-titletop .title{color: #3A526E; font-weight: bold; font-size: 20px;  border-bottom:solid 2px #000; padding:20px 0;text-align: center;} 

@media screen and (max-width:768px){
.sec-head-title2{ margin-top:20px; margin-bottom: 20px;background-color: #f9f9f9; padding: 0;}
.sec-head-title2 .title{color: #3A526E; font-weight: bold; font-size: 20px; border-top:solid 2px #000; border-bottom:solid 2px #000; padding:20px 0;text-align: center;} 

.sec-head-titletop{display: block; margin-top:0px; margin-bottom: 20px;background-color: #f9f9f9;padding: 0;}
.sec-head-titletop .title{color: #3A526E; font-weight: bold; font-size: 20px; border-top:solid 2px #000; border-bottom:solid 2px #000; padding:20px 0;text-align: center;} 

}

/*--------ここまで入力フォームタイトル---------*/

@media screen and (min-width:320px) and (max-width:440px){
	.mgr-bottom{margin-bottom: 20px;}
}


@media screen and (max-width:768px){
.sec-cat-title2{display: block; margin: 30px 0; }
.sec-cat-title2 .title{display: block; font-weight: bold; color: var(--blue); margin:auto 0; padding:10px 0; text-align: left; padding-left: 10px; border-top:solid 2px var(--blue); border-bottom:solid 2px var(--blue);}
}

@media screen and (min-width:769px){
	.sec-cat-title2{display: block; margin: 30px 0; }
	.sec-cat-title2 .title{display: block; font-weight: bold; font-size: 16px; color: #3A526E; margin:auto 0; padding:10px 0; text-align: left; padding-left: 10px; border-top:solid 2px var(--blue); border-bottom:solid 2px var(--blue);}
}

.sec-topimg{margin-bottom: 50px; margin-top: 15px;}
@media screen and (max-width:1024px){
	.sec-topimg{margin-bottom: 10px;}
}

.errorTxt1,
.errorTxt2,
.errorTxt3,
.errorTxt4,
.errorTxt5,
.errorTxt6,
.errorTxt7,
.errorTxt8,
.errorTxt9,
.errorTxt10,
.errorTxt11,
.errorTxt12,
.errorTxt13,
.errorTxt14,
.errorTxt15
{
	margin-top:0px; 
	text-align: left; 
	font-size: 11px; 
	color: coral;
	font-weight: bold;
}
h1,h2,p,label {color: #383838;}

.backcolor1 {background-color: var(--backbaige);}
.backcolor2 {background-color: var(--backblue)}
.orange_font {color: tomato;}
.baige_font {color: #F5F3F0; }

/*カタログ取り寄せメイントップ---------------------------*/
.catalog_top p{
	text-align: center
}
@media screen and (max-width:768px){
.catalog_top p{
	text-align: left}
}

/* 2018/08/07 add*/
.txt-cat{padding: 10px; font-size: 16px;}


/*入力コンテンツボックス */

#form_container{
	display:block;
	width:100%;
  max-width: 750px;
	padding:40px 0;
	margin:0 auto;	
}

#form_container .title_text{
	margin:20px 0;	
}


@media screen and (max-width:768px){
#form_container{
	padding:10px 0;
	margin:40px auto auto;
	border:none;
	}
	
#form_container .title_text{
	margin:10px 0;	
}
}

.sec-form-add-mgr{margin-bottom: 20px;}
.sec-form-add-font{font-size: 20px;}

.sec-sofa-fab{display: block; margin-top:20px; margin-bottom: 0px; background: #000; height: 70px;}
.sec-sofa-fab .title{display: block; color: #fff; font-weight: bold; font-size: 20px; font-size: 11px; padding-top: 15px; text-align: center;}
.sec-sofa-fab .title .fab{font-size: 14px;}

@media screen and (min-width:769px){
	.sec-sofa-fab{height: 100px; margin-top: 50px;}
	.sec-sofa-fab .title{margin:auto; font-size: 17px; padding: 25px 20px; text-align: center;}
	.sec-sofa-fab .title .fab{font-size: 22px; margin-bottom: 10px;}
}

.btn-lg{width: 150px; height: 50px;}

.sec-mail-description{}
.sec-mail-description .sec1{margin-bottom: 20px;}
.sec-mail-description .sec2{font-weight: bold; font-size: 14px; text-decoration: underline;}
.sec-mail-description img{margin:20px auto;}
.sec-mail-description .sec3{margin-bottom: 20px;}
@media screen and (max-width:1024px){
	.sec-mail-description .sec1,
	.sec-mail-description .sec3
	{
		text-align: left;
	}
}

/* 2018/05/06 add */
.sec-sample-seikyu{border: dashed 1px rgb(64, 64, 64); padding:10px;}
.sec-sample-seikyu h2{font-size: 14px; font-weight: bold; font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; margin: 7px 0;}
.sec-sample-seikyu p{font-size: 12px; text-align: left; line-height: 18px;}
.sec-sample-seikyu img{width: 50%; margin:0 auto;}
.sec-sample-seikyu .blk-sample-btn{display: block; width: 250px; height: 50px; background: rgb(68, 66, 66); margin: 10px auto; padding:14px 10px; color: #fff; font-size: 12px;}
@media screen and (min-width:321px) and (max-width:375px){
	.sec-sample-seikyu h2{font-size: 16px;}
	.sec-sample-seikyu .blk-sample-btn{width: 300px; font-size: 14px;}
}
@media screen and (min-width:376px) and (max-width:440px){
	.sec-sample-seikyu h2{font-size: 18px;}
	.sec-sample-seikyu .blk-sample-btn{width: 300px; font-size: 14px;}
}

.txt-catalog{font-size: 24px;}
.txt-catalog img{width: 5%;}
@media screen and (max-width:320px){
	.txt-catalog{font-size: 16px;}
	.txt-catalog img{width: 7%;}
}
@media screen and (min-width:321px) and (max-width:375px){
	.txt-catalog{font-size: 18px;}
	.txt-catalog img{width: 7%;}
}
@media screen and (min-width:376px) and (max-width:440px){
	.txt-catalog{font-size: 20px;}
	.txt-catalog img{width: 7%;}
}

.txt-ctr-name{width: 200px;}
.txt-ctr-name-kana{width: 200px; font-size: 16px;}
.txt-ctr-mail{width: 500px; font-size: 16px;}
.txt-ctr-ybb{width: 100px;}
.txt-ctr-todofuken{width: 100px;}
.txt-ctr-gokinyu{font-size: 16px;}
.select-ctr-form{width: 150px;}
@media screen and (max-width:1024px){
	.txt-ctr-mail{width: 100%;}
}
@media screen and (max-width:320px){
	.txt-ctr-ybbhaifun{padding: 10px 0px 0px 0px;}
}
@media screen and (min-width:321px) and (max-width:440px){
	.txt-ctr-ybbhaifun{padding: 10px 0px 0px 0px;}
}

@media screen and (max-width:440px){
	.sec-mgr-minus{margin-top: -15px;}
}

@media screen and (min-width:441px) and (max-width:1024px){
	.sec-mgr-minus{margin-top: -15px;}
}

@media screen and (min-width:1025px){
	.sec-mgr-minus{margin-top: -40px;}
}

.sub_contents-title h2{text-align:center; margin:20px 0 20px 0;font-weight:bold;font-size:26px;}

/*送信ボタン*/
.btn-primary {background: #D66329;}

/*mautic：フォーム用*/
.mauticform_wrapper{text-align: left;max-width: 700px;margin: 10px auto 50px;}
@media screen and (max-width:768px){
  .mauticform_wrapper{width: 90%;margin: 30px auto 50px;}
}

.mauticform_wrapper input{margin-bottom: 15px;}

.inp-shimei{width: 200px;}
.inp-ybb{width: 100px;}
.inp-todofuken{width: 100px;}

.sec-kentou{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.sec-kentou .blk-kentou{display: block; width: 50%;}

/*共通*/
.common_link {
	margin: 5% auto;
	width: 50%;
	position: relative;
	font-size: 15px;
	padding: 1.25vw 1.95312vw;
  background: #474A4D;
  color: white;
  text-align: center;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 1024px) {
	.common_link {
		width: 85%;
		font-size: 14px;
		padding: 12px 31px;
	}
}

.common_link a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*トップ*/
#fv {
  background-color: var(--blue);
  width: 100%;
  margin: 0 auto;
  display: block;
}

#fv img {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  display: block;
}

#msg_container {
  padding: 50px 0 60px;
  background-color: var(--backbaige);
}
@media screen and (max-width: 1024px) {
  #msg_container {
    padding: 50px 0 50px 0;
  }
}

#msg_container .msg_wrap {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

#msg_container .msg_wrap .read {
  width: 90%;
  margin: 20px auto 100px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 1.85;
  text-align: left;
  font-weight: 500;
}

@media screen and (max-width: 1024px) {
	#msg_container .msg_wrap .read {
		font-size: 15px;
    margin: 30px auto 70px;
	}
}
.read_big {
	font-size: 18px;
	letter-spacing: 0.2em;
	line-height: 1.85;
  text-align: left;
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
	.read_big {
		font-size: 18px;
	}
}

#msg_container .msg_wrap .img_wrap {
  display: flex;
  justify-content: flex-end;
  text-align: left;
}

#msg_container .msg_wrap .img_wrap img {
  width: 50%;
  height: auto;

}
@media screen and (max-width: 768px) {
  #msg_container .msg_wrap .img_wrap img {
    width: 60%;
  }
}

#msg_container .msg_wrap .img_wrap_second {
  display: flex;
  margin: 5% 0;
  justify-content: flex-end;
  text-align: right;
}

@media screen and (max-width: 768px) {
  #msg_container .msg_wrap .img_wrap_second {
    margin: 5% 0;
  }
}

#msg_container .msg_wrap .img_wrap_second img {
  width: 60%;
  height: auto;
}

@media screen and (max-width: 768px) {
  #msg_container .msg_wrap .img_wrap_second img {
    width: 50%;
   height: auto;
  }
}

#msg_container .msg_wrap .read {
  width: 90%;
  margin: 20px auto 100px;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 1.85;
  text-align: left;
  font-weight: 500;
}

@media screen and (max-width: 1024px) {
	#msg_container .msg_wrap .read {
		font-size: 15px;
    margin: 30px auto 70px;
	}
}
#msg_container .msg_wrap .note_wrap{
  background: white;
  padding: 5%;
  width: 100%;
  margin: 80px auto 80px;
  box-shadow: 0px 0px 20px 5px rgba(184, 185, 186, 0.1);
  border: 8px var(--backblue) solid;
}
@media screen and (max-width: 1024px) {
  #msg_container .msg_wrap .note_wrap{
    width: 94%;
  }
}
#msg_container .msg_wrap .note_wrap p.note_ttl{
   font-size: 18px;
   font-weight: bold;
   line-height:1.8;
   text-align:left;
   margin: 20px auto 30px;
}
#msg_container .msg_wrap .note{
  background-image:
    linear-gradient(
      180deg,
      white 0%,
      white 97%,
      var(--backblue) 97%,
      var(--backblue) 100%
    );
  background-size:100% 30px;
  line-height:2.5;
}
@media screen and (max-width: 1024px) {
  #msg_container .msg_wrap .note{
    background-size:100% 28px;
    line-height:2.5;
  }
}
#msg_container .msg_wrap .note p{
   font-size: 15px;
   line-height:2;
   margin-bottom:30px;
   text-align: left;
}
@media screen and (max-width: 1024px) {
  #msg_container .msg_wrap .note p{
    font-size: 14px;
  }
}

#msg_container .msg_wrap .note .sign{
  width: 180px;
   margin: 0 0 0 auto;
}


/*見出し*/

.contents_title{
	max-width:700px;
	margin:80px auto 50px;
	border-bottom:2px solid var(--blue);
	padding-bottom:20px;
}
.contents_title h2{
	font-size:26px;
	text-align:left;
	font-weight:bold;
  line-height: 1.8;
  color: var(--blue);
}
@media screen and (max-width:1025px){
	.contents_title{
    width: 90%;
		margin:60px auto 20px;
	}
}
@media screen and (min-width:768px) and (max-width:1024px){
	.contents_title{
		margin:80px auto 40px;
	}
}
@media screen and (max-width:440px){
	.contents_title{
		margin:50px auto 10px;
		padding-bottom:10px;
	}
	.contents_title h2{
		font-size:20px;
	}
}

/*詳細*/
.sec-naiyo {
  display: block;
/*
  background: white;
*/
  width: 100%;
  max-width: 700px;
  margin: 50px auto 50px;
  padding: 0;
  border-radius: 20px;
}

/*
.sec-naiyo .naiyo-ttl{
  font-size: 30px;
  font-weight: bold;
  color: #D66329;
  border-bottom: 2px #D66329 solid;
  padding: 10px 0 20px 0;
  text-align: center;
}
*/

.sec-naiyo ul.naiyo-all {
  width: 100%;
  margin: 10px auto 10px;
}

.sec-naiyo ul.naiyo-all li{
  margin: 10px auto 10px;
}

.sec-naiyo ul.naiyo-all li .naiyo-detail{
  font-size: 18px;
  font-weight: bold;
  color: var(--blue);
  padding: 10px 0 5px 0;
  margin: 0 0 5px 0;
  text-align: left;
  border-bottom: 2px var(--blue) solid;
}

/*
.sec-naiyo ul.naiyo-all li .naiyo-detail span.bignum{
  font-size: 30px;
  font-weight: bold;
  color: #D66329;
  padding: 10px 10px 5px 0;
  text-align: left;
}
*/
.sec-naiyo ul.naiyo-all li p{
  font-size: 14px;
  padding: 5px 10px 10px 0;
  text-align: left;
  line-height: 1.7;
}
.sec-naiyo ul.naiyo-all li  span.sm_txt{
  font-size: 13px;
  padding: 0;
  text-align: left;
}

.barline {border-bottom: 2px solid var(--blue);padding: 20px 0;}

@media screen and (max-width:1025px){
  .sec-naiyo {
    width: 90%;
    margin: 0px auto 50px;
    padding: 2% 0%;
  }
  .sec-naiyo .naiyo-ttl{
    font-size: 22px;
    margin: 0 auto 10px;
  }
  .sec-naiyo ul.naiyo-all li .naiyo-detail{
    font-size: 18px;
  }
  .sec-naiyo ul.naiyo-all li .naiyo-detail span.bignum{
    font-size: 20px;
  }
  .sec-naiyo ul.naiyo-all li p{
    font-size: 14px;
  }
  .sec-naiyo ul.naiyo-all li span.sm_txt{
    font-size: 12px;
    padding: 0;
    text-align: left;
  }
}

.sec-naiyo ul.naiyo-all li ul li{
  padding: 5px 0 5px 0;
  font-size: 14px;
  text-align: left;
  line-height: 1.2;
  color: #383838;
}

.sec-naiyo ul.naiyo-all li ul.attention li{
  font-size: 14px;
  text-align: left;
  line-height: 1.2;
  color: #383838;
  list-style-type: disc;
  margin: 5px 0 5px 15px;
  padding-left: 3px;
}
.sec-naiyo ul.naiyo-all li ul.attention li.ttl{
  font-size: 15px;
  font-weight: bold;
  list-style-type: none;
  margin: 15px 0 0 0;
}
.sec-naiyo ul.naiyo-all li ul.attention li.nonedisc{
  font-size: 14px;
  list-style-type: none;
  margin:  0;
}
@media screen and (max-width:1025px){
  .sec-naiyo ul.naiyo-all li ul.attention li{
    font-size: 13px;
  }
  .sec-naiyo ul.naiyo-all li ul.attention li.ttl{
    font-size: 14px;
  }
  .sec-naiyo ul.naiyo-all li ul.attention li.nonedisc{
    font-size: 13px;
  }
}

/*注意書き*/
.sec-attention {
  display: block;
  width: 100%;
  max-width: 750px;
  margin: 0 auto 50px;
  padding: 2% 5%;
}
.sec-attention .title{
  padding: 0;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
}
.sec-attention ul.attention-all {
  width: 100%;
  margin: 10px auto 10px;
}
.sec-attention ul.attention-all li{
  list-style: disc;
  padding: 5px 0 5px 0;
  margin-left: 10px;
  font-size: 15px;
  text-align: left;
  line-height: 1.2;
  color: #383838;
}
@media screen and (max-width:1025px){
  .sec-attention {
    width: 90%;
  }
  .sec-attention .title{
    font-size: 14px;
    text-align: left;
  }
  .sec-attention ul.attention-all li {
    font-size: 13px;
  }
}
/* 参加フロー */
.sec-naiyo .flow_design05 {
  width: 100%;
  /* display: flex; */
  /* justify-content: center; */
  align-items: center;
  margin: 30px auto 50px;
}

.sec-naiyo .flow05 {
  padding-left: 0;
}

.sec-naiyo .flow05 > li {
  list-style-type: none;
  position: relative;
  padding-left: 50px;
}

.sec-naiyo .flow05 > li:not(:last-child) {
  padding-bottom: 20px;
}

.sec-naiyo .flow05 > li .icon05 {
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  border-radius: 100vh;
  display: inline-block;
  background: var(--green);
  color: #fff;
  position: absolute;
  left: 0;
  margin-top: -5px;
}

.sec-naiyo .flow05 > li:not(:last-child)::before {
  content: '';
  background: var(--green);
  width: 1px;
  height: 100%;
  position: absolute;
  top: calc(50% - -30px);
  left: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.sec-naiyo .flow05 > li dl dt {
  font-size: 16px;
  font-weight: 600;
  margin-left: 40px;
}

.sec-naiyo .flow05 > li dl dd {
  margin: 10px 0 0 40px;
  line-height: 1.6;
}

/*選択ボタン*/
.select_list{
  display: flex;
  justify-content: center;
  margin: 0 0 30px 0;
}
.select_list a:hover{
	text-decoration: none !important;
}
.select_list .s_btn{
  box-sizing: border-box;
  padding: 20px 30px;
  margin: 0 15px;
  border: 2px #a1c3cc solid;
  font-size: 15px;
}
.select_list .s_btn:hover{
	background: #a1c3cc;
	color: white;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
@media screen and (max-width:768px){
	.select_list{
      display:block;
      justify-content: center;
      margin: 0 0 30px 0;
    }
	.select_list .s_btn{
      box-sizing: border-box;
      padding: 20px 30px;
      margin: 15px 10px;
    }

}

.form-group {
  margin: 15px auto 15px;
  font-size: 13px;
}

.blk-form label{
  font-weight: bold !important;
}

.g-recaptcha{
  margin-right:auto;
  margin-left:auto;
  text-align: center;
  width:300px;
  margin-top:20px;
}
/*2024-1-28 add 注意書き*/
.sec-attention {
  background:#F6F4ED;
  margin: 30px auto 30px;
  padding: 20px;
  border-radius: 5px;
}
.att-mark{
  font-size: 25px;
  text-align: center;
  color:firebrick;
  margin-bottom: 10px;
}
.att-txt {
  font-size: 13px;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 1px;
  color:firebrick;
}
.kome {
  font-size: 13px !important;
  line-height: 1.4;
}

.all_info {
  display: block;
  background: white;
  width: 100%;
  max-width: 750px;
  margin: 30px auto 30px;
  padding: 5% 8%;
  border-radius: 10px;
  border: 2px solid #D66329;
}

/*----------
  応募規約
----------*/
.Terms_container{
	margin:30px auto 80px;
	width:100%;
}
.Terms_container section {
    width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0px 10px 0 10px;
/*
	border-bottom: 4px solid #FFF;
*/
}
.Terms_container section:before {
    background-color: #fff;
    border-radius: 3px;
    content: "";
    display: block;
    height: 6px;
	margin: 0 0 20px 0;
}
.Terms_container section p{
	font-size: 15px;
	padding: 10px 10px;
	text-align: left;
}

.Terms_container section p.center{
	font-size: 15px;
	padding: 10px 0;
	text-align: center;
}
.Terms_container section p.backcl{
	background: #FFF;
	border-radius: 2px;
	padding: 10px 10px;
	margin: 0 auto 15px;
}
.Terms_container section ol{
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 10px 30px;
}
.Terms_container ol li{
	font-size: 15px;
	padding: 5px 5px;
	text-align: left;
	list-style: disc;
}
.Terms_container .scroll__inner {
    width: 100%;
    max-width: 700px;
    height: 550px;
	background: #FFF;
    overflow-y: scroll;
	margin: 10px auto;
	padding: 20px;
	border-radius: 2px;
}
.Terms_container .scroll__inner ol li{
	font-size: 15px;
	padding: 2px 2px;
	line-height: 1.7;
}
.Terms_container .scroll__inner ol li.midashi{
  margin: 20px 0 5px 0;
}
.Terms_container .scroll__inner ol li.midashi,
.Terms_container .scroll__inner ol li.nocic{
	line-height: 1.7;
	list-style: none;
}
.Terms_container .scroll__inner ol li.list{
	margin-left: 10px;
	line-height: 1.7;
	list-style: disc;
}

@media screen and (max-width:768px){
	.Terms_container{
        padding:0;
        margin:40px auto 50px;
        width:100%;
    }
	.Terms_container .scroll__inner {
        width: 90%;
        height: 400px;
        background: #FFF;
        overflow-y: scroll;
        margin: 10px auto;
        padding: 20px;
        border-radius: 5px;
    }
	.Terms_container .scroll__inner ol{
        font-size: 13px;
        padding: 2px;
        line-height: 1.7;
    }
	.Terms_container .scroll__inner ol li{
        font-size: 13px;
        line-height: 1.7;
    }
    .Terms_container .scroll__inner ol li.list{
        margin-left: 15px;
    }
}

.scroll__inner::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.simplebar-scrollbar::before {
  background: #ffffff;
  border-radius: 0;
  width: 5px;
  margin-left: 3px;
  margin-top: 2px;
}
.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.simplebar-track {
  background: var(--backblue);
  width: 15px !important;
}

/*----------
  モーダルウィンドウ
----------*/

.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5000000000;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
}
.popup.is-show {
    opacity: 1;
    visibility: visible;
}
.popup-inner {
    position: absolute;
    left: 55%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    max-width: 600px;
    padding: 0px;
    background-color:var(--backblue);
    z-index: 4000000000;
    height: 80%;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
    margin: 0 auto;
    border-radius: 5px;
}
@media screen and (min-width:1441px){
	#js-popup_option .popup-inner{
    width: 80%;
		height: 70%;
	}
}
@media screen and (max-width:1025px){
    .popup-inner {
        width: 90%;
        top:52%;
        left: 50%;
        height: 80%;
    }
}
@media screen and (max-width:440px){
    .popup-inner {
        width: 90%;
        top:52%;
        left: 50%;
        height: 80%;
    }
}
.popup-inner::-webkit-scrollbar{
    display:none;
}
.popup-inner .popup-main{
  padding: 20px;
  background: white;
}
.popup-inner .popup-main img{
    margin: 10px auto;
}

.popup-inner .title{
  display: block;
  text-align: center;
	margin:0 auto;
	padding-bottom:30px;
}
.popup-inner .title p{
	text-align:center;
	font-size:22px;
  color: #474A4D;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width:440px){
.popup-inner .popup-main{
    margin-top: 0px;
    padding: 10px
}
	.popup-inner .title p{
		font-size: 20px;
		padding:0;
	}
}
.popup-inner .popup-main p.description{
  text-align: left;
	font-size: 15px;
	margin:30px auto;
	line-height:1.5;
	width:90%;
  color: #474A4D;
}
.popup-inner .popup-main ul{
  margin: 30px;
}
.popup-inner .popup-main ul li{
  font-size: 13px;
  line-height: 1.3;
  margin: 0 auto;
}
@media screen and (max-width:440px){
  .popup-inner .popup-main ul{
      margin: 10px;
    }
  .popup-inner .popup-main ul li{
    font-size: 12px;
  }
}

.popup-inner .popup-main .more_details{
	background:#f3f3f2;
	padding:15px;
	margin:15px;
}
.popup-inner .popup-main .more_details p{
	text-align:center;
}
.popup-inner .popup-main .more_details .term{
	font-size:16px;
	font-weight:bold;
	margin:5px 0;
}
@media screen and (max-width:440px){
	.popup-inner .popup-main p.description{
		font-size:14px;
		padding:0 10px;
		width:100%;
	}
	.popup-inner .popup-main .more_details{
		padding:10px;
		margin:0 10px;
	}
	.popup-inner .popup-main .more_details p{
		padding:0;
	}
	.popup-inner .popup-main .more_details .term{
		font-size:14px;
		margin:0;
	}
}
.popup-inner .popup-main .img_conts{
	text-align:center;
	margin:30px auto;
	width:90%;
}
.popup-inner .popup-main .img_conts img{
	width:100%;
}
@media screen and (max-width:440px){
	.popup-inner .popup-main .img_conts{
		margin:15px auto 30px;
		width:95%;
	}
}

.pop_btn {
	width: 90%;
	max-width: 400px;
	border: 1px solid #0F0F0F;
	text-align: center;
	font-size:16px;
	margin: 10px auto;
	padding: 5px 0;
	display: block;
	transition:border color 0.8s;
}
.pop_btn:hover{
	border: 1px solid #443F6C;
	color: #443F6C;
}

@media screen and (max-width:768px){
  .pop_btn {
    width: 90%;
    margin: 10px auto;
  }
}
.close-btn {
  position: sticky;
  left: 100%;
  top: 1%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  z-index: 6000000000;
}

.close-btn i{
  font-size: 20px;
  color: white;
  background: #494949;
  padding: 7px 10px;
  border-radius: 50px;
}

.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}

.link_blue {
  color: #5A83C9;
}

.sec-samples{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0 100px 0;
}
@media screen and (max-width:768px){
  .sec-samples{
    margin: 20px 0 50px 0;
  }
}
.sec-samples .blk-sample,
.sec-samples .blk-sample-none{
    display: block;
    width: 46%;
    margin: 3% 2%;
}
.sec-samples .blk-sample img{
    margin-bottom: 10px;
}
.sec-samples .blk-sample p{
    text-align: left;
}

.sec-samples .blk-sample .title{
    display: block;
    font-size: 16px;
    font-weight: bold;
    background-color: rgb(230, 230, 230);
    color: rgb(77, 77, 77);

    height: 40px;
    text-align: center;
    padding-top: 10px;
	margin: 5px 0;
}

@media screen and (max-width:768px){
    .sec-head{
        margin-top: 50px;
    }
    .sec-head p{
        text-align: left;
    }
    .sec-samples .blk-sample{
        width: 100%;
    }
    .sec-samples .blk-sample-none{
        display: none;
    }
}