@charset "UTF-8";

header{
	z-index: 9999;
	position: fixed;
	top: 0;
	width: 1400px;

}
.prfl{

}

.prfl dt{
  float: left;
}

.prfl dd{
  margin-left:0.5rem;
}

/* ------------------
	modal
 ------------------ */


.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 60px 10px;
  text-align: center
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 70%;
  max-width: 600px;
  padding: 30px 30px 15px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  color: #95979c !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important
}


/* ------------------
救援セット、夏雅でのmodal
 ------------------ */



*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.content_mdl{
    margin: 0 auto;
    padding: 5px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
	left: 0;
    width: 100%;
	
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content_mdl{
    background: #fff;
    left: 50%;
    padding: 0px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
	height: 100%;
	overflow-y:scroll;
}

.bg-blk1{
    background: rgba(0,0,0,1);
}

.bg-white1{
    background: rgba(255,255,255,0.7);
}

.iframe-wrap {
  position: relative;
  width: 100%;
  height:800px;
  overflow-y:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}

.fwt1{
    animation-name: fadein;
    animation-duration: 3s;
}
@keyframes fadein{
    0%{
    opacity: 0;
    transform: translateY(20px);
    }
    100%{
    opacity: 1;
    transform: translateY(0px);
    }
}


.fwt2{
    transform: translateY(50px);
}



.bd-w {
    margin : 3em 0 1.5em ;
    padding : 1em 1.5em ;
    line-height : 1.8 ;
    border : double 4px #e6b422 ; 
}

.w1000{width:1000px;margin:0 auto 4rem auto;color:#fff;}

.wide1{
	width: 100%;
	margin: 0 auto 4rem auto;
	color: #000000;
}

.btgd_bg{
		background-image: url("https://souzen.co.jp/test/images/hd_bk1.jpg");
		background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
	
			}

.bgpc{
		background-image: url("https://souzen.co.jp/d/images/cmnt_bk_pc.jpg");
		font-weight:bolder;
			}
.bgpc2{
		background-image: url("https://souzen.co.jp/d/images/cmnt_bk5.jpg")
			}
.bg-pnk	{
		background-image: url("https://souzen.co.jp/d/images/pnk1.jpg")
			}
.bg-pnk2	{
		background-image: url("https://souzen.co.jp/d/images/bg-pnk2.jpg")
			}

.bg-pnk3	{
		background-image: url("https://souzen.co.jp/d/images/bg-pink3.jpg")
			}


.bg-gld1	{
		background-image: url("https://souzen.co.jp/d/images/bg-gld1.jpg")
			}	
.bg-gld2	{
		background-image: url("https://souzen.co.jp/d/images/bg-gld2.jpg")
			}	

.bg-tn	{
		background-image: url("https://souzen.co.jp/d/images/bg_tn.jpg")
			}

.lh1{line-height:1.0;}
.lh12{line-height:1.2;}
.lh15{line-height:1.5;}
.lh18{line-height:1.8;}
.lh20{line-height:2.0;}
.lh25{line-height:2.5;}
.lh30{line-height:3.0;}

.red24{
color:#990000;
font-size:24px;
line-height:1.5em;
}

.text-red{
color:#990000;
}

.color-dark1{
color:#A0A0A0;
}

.color-dark2{
color:#6F6F6F;
}
.color-dark3{
color:#5A5A5A;
}

.bg-red{
background-color:#990000;
}

.bg-dark1{
background-color:#A0A0A0;
}

.bg-dark2{
background-color:#6F6F6F;
}
.bg-dark3{
background-color:#5A5A5A;
}




.border-gld{
 border-color: #C9C551 !important;
}

.hnbn18{
color:#000;
font-size:18px;
line-height:1.5em;
}
.bgimg1{
background-image: url("https://souzen.co.jp/d/images/kkkj_bg1.jpg");
background-repeat: no-repeat;
background-position: center;
}

.bgimg2{
background-image: url("https://souzen.co.jp/d/images/kkkj_bg2.jpg");
background-repeat: no-repeat;

}

.hr1 {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #ffaaaa;
  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}
.hr2 {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px dashed #cccccc;
}


ul.cp_list {
	padding: 0.5em;
	list-style: none;
}
ul.cp_list li {
	position: relative;
	padding: 0.5em 1em 0.5em 2.3em;
	margin-bottom:5px;
	border-bottom: 1px solid rgba(255,143,0,1);
}
ul.cp_list li:after,
ul.cp_list li:before {
	content:'';
	position: absolute;
	transform: rotate(45deg);
}
ul.cp_list li:before {
	top: 0.7em;
	left: 0.2em;
	width: 12px;
	height: 12px;
	border:2px solid rgba(255,143,0,1);
}
ul.cp_list li:after {
	top: 0.9em;
	left: 0.7em;
	width: 14px;
	height: 14px;
	background: rgba(255,143,0,0.5);
	transform: rotate(60deg);
}


ul.dot1 li {
  line-height: 1.2;
  padding: 0.3em 0 0.3em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}


.cp_kzr1 {
	position: relative;
	padding: .1em .3em .1em 1em;
	border-bottom: 1px solid #FFB300;
}
.cp_kzr1:before,.cp_kzr1:after {
	position: absolute;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border: 2px solid #da3c3c;
	top: 40%;
	left: 3px;
	transform: rotate(45deg);
}
.cp_kzr1:after {
	top: 40%;
	left: 10px;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	border: none;
	background: rgba(255,179,0,.3);
}


/*QA*/

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	border-top: 1px solid #1b2538;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1px;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 1em;
	cursor: pointer;
	border-bottom: 1px solid #1b2538;
}
.cp_qa .cp_actab label:hover {
	color: #00838F;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;
	color: #ffffff;
	background: rgba(26,36,37,0.50);
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em;
}
/* 質問を開いた時の仕様 */
/* --アイコン */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838F;
}
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab label::after {
	line-height: 1.6;
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 3em;
	margin-top: -12.5px;
	-webkit-transition: all 0.5s ease;
	        transition: all 0.5s ease;
	text-align: center;
}
.cp_qa .cp_actab input[type=checkbox] + label::after {
	content: '▼';
}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

/*QA*/


.mds_qa1 {
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  padding: 1rem 2rem;
  color: #fff;
  background: #000;
}

.grd1 {
  background-image: -webkit-linear-gradient(315deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* hr線を背景グラデーションを使って作ってみたバージョン */

.bar1 {
  display:block;
  width: 100%;
  height: 10px;
  border: 0;
  border: 1px solid #cacaca;
  -webkit-border-radius: 10px;
  background: #005500; /* Old browsers */
  background: -moz-linear-gradient(left,  #B5A324 0%, #E3D572 20%, #FCF7D1 51%,  #E3D572 80%, #B5A324 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#B5A324), color-stop(20%,#FCF7D1), color-stop(51%,#FCF7D1), color-stop(76%,#E3D572), color-stop(96%,#B5A324), color-stop(100%,#FCF7D1), color-stop(100%,#B5A324)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #B5A324 0%,#E3D572 20%,#FCF7D1 51%,#FCF7D1 76%,#B5A324 96%,#E3D572 100%,#B5A324 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to right,  #B5A324 0%,#E3D572 20%,#FCF7D1 51%,#FCF7D1 76%,#FCF7D1 96%,#E3D572 100%,#B5A324 100%); /* W3C */
}

.bar2 {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(209,185,19,1.00), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(209,185,19,1.00), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(209,185,19,1.00), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(209,185,19,1.00), rgba(0,0,0,0));
}

.bar3 {
  display:block;
  width: 100%;
  height: 10px;
  border: 0;
  border: 1px solid #cacaca;
  -webkit-border-radius: 10px;
  background: #005500; /* Old browsers */
  background: -moz-linear-gradient(left,  #005500 0%, #52b152 20%, #83c783 51%, #008a00 76%, #005500 96%, #005700 100%, #005500 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#005500), color-stop(20%,#52b152), color-stop(51%,#83c783), color-stop(76%,#008a00), color-stop(96%,#005500), color-stop(100%,#005700), color-stop(100%,#005500)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #005500 0%,#52b152 20%,#83c783 51%,#008a00 76%,#005500 96%,#005700 100%,#005500 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to right,  #005500 0%,#52b152 20%,#83c783 51%,#008a00 76%,#005500 96%,#005700 100%,#005500 100%); /* W3C */
}


.ls1 {letter-spacing: -0.1em}

.ls05 {letter-spacing: 0.05em}

.border-dotted{
 border-style: dotted;
}

header{

height:50px;

}

p{
margin-bottom: 2rem;
}

@media screen and (max-width: 374px) {
p{
font-size: 1.2rem;
}
}

@media screen and (min-width: 375px) and (max-width: 413px) {
p{
font-size: 1.35rem;
}
}
@media screen and (min-width: 414px) and (max-width: 480px) {
p{
font-size: 1.5rem;
}
}

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

header{

height:40px;

}

.bgimg2{

background-size:contain;

}

.red24{
color:#990000;
font-size:18px;
line-height:1.3em;
}
.hnbn18{
color:#000;
font-size:14px;
line-height:1.5em;
}


}


.btn-red {
  color: #fff;
  background-color:#990000;
  border-color: #cc0000;
}

.btn-grn {
  color: #fff;
  background-color:#669027;
  border-color: #cc0000;
}


.bnr_w8{
 width: 80%;
}

.bnr_w9{
 width: 90%;
}

p.fst3:first-letter{
  font-size:3rem;

  color: #990000;
 }
 
 p.fst3g:first-letter{
  font-size:3rem;

  color: #E0D35E;
 }

 p.fst3grn:first-letter{
  font-size:3rem;

  color: #038215;
 }


.jmb_bg1{
background-image: url(https://souzen.co.jp/d/images/ehagaki_bg1.jpg);
background-repeat: no-repeat;
}

.badge a{color:#fff;}


/******************************

 ソーシャルエリア全体を囲む要素
 * 他のコンテンツと距離を取りたい場合は[margin]を設定して下さい

******************************/
.social-area-syncer {
	width: 100% ;
	min-height: 190px ;
/*	background: #F5F1E9 ;	*/ 
	padding: 1.5em 0 ;
}




/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:481px ) {
	.social-area-syncer {
		min-height: 119px ;
	}
}


/******************************

 [ul]要素

******************************/
/* スマホ */
ul.social-button-syncer {
	width: 90% ;
	margin: 24px auto ;
	padding: 0 ;
	border: none ;
	list-style-type: none ;
}

/* デスクトップ */
@media screen and ( min-width:481px ) {
	ul.social-button-syncer {
		width: 410px ;
	}
}


/******************************

 [li]要素

******************************/
ul.social-button-syncer li {
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 8px ;
	padding:0 ;
}


/******************************

 吹き出し

******************************/
.fkds-r {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.fkds-r:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #e0edff;
}

.fkds-r p {
  margin: 0;
  padding: 0;
}


/******************************

 各種ボタン

******************************/
/* [Twitter] */
.sc-tw {
	width: 71px ;
}

.sc-tw svg {
	width: 30px ;
	height: 30px ;
 }

.sc-tw a {
	height: 56px ;
	margin: 0 auto ;
	padding-top: 6px ;
	display: block ;
	background: #1B95E0 ;
	font-size: 12px ;
	color: #fff ;
	font-weight: 700 ;
	text-decoration: none ;
	letter-spacing: .5px ;
	border-radius: 2px ;
}

.sc-tw a:hover {
	color: #fff ;
	background: #0c7abf ;
}

.sc-tw span:before {
	white-space: pre ;
	content: '\A' ;
}

/* [Facebook] */
.sc-fb {
	z-index: 99 ;
	width: 69px ;
}

/* [LINE] */
.sc-li {
	width: 50px ;
}

.sc-li-img {
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 100px ;

}


.bg-gry1{
background-color: #F8F8F8;

}

.bg-gry2{
background-color:#D4D1D1;

}

.bg-blu1{
background-color: #F2FDFF;

}

.bg-blu2{
background-color: #036AD7;

}


.bg-yllw1{
background-color: #F7F8CC;

}


.fs-p-scrollingCartButton {
    right: 10px;
    bottom: 15%;
 }
	
.mb-6 {
  margin-bottom: 3.5rem !important;
}

.mb-7 {
  margin-bottom: 4rem !important;
}

.mb-8 {
  margin-bottom: 4.5rem !important;
}

.mb-9 {
  margin-bottom: 5rem !important;
}

.mb-10 {
  margin-bottom: 6rem !important;
}

.mtm2{
margin-top:-2rem;
}
.mtm3{
margin-top:-3rem;
}
.mtm4{
margin-top:-4rem;
}
.mtm5{
margin-top:-5rem;
}
.mtm6{
margin-top:-6rem;
}

.ht2 {height:2rem !important;}
.ht3 {height:3rem !important;}
.ht4 {height:4rem !important;}
.ht5 {height:5rem !important;}
.ht6 {height:6rem !important;}
.ht7 {height:7rem !important;}
.ht8 {height:8rem !important;}
.ht9 {height:9rem !important;}
.ht10 {height:10rem !important;}
.ht11 {height:11rem !important;}
.ht12 {height:12rem !important;}
.ht13 {height:13rem !important;}
.ht14 {height:14rem !important;}
.ht15 {height:15rem !important;}
.ht16 {height:16rem !important;}
.ht17 {height:17rem !important;}
.ht18 {height:18rem !important;}
.ht19 {height:19rem !important;}
.ht20 {height:20rem !important;}

.pc { display: block !important; }
.sp { display: none !important; }

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

.wide1 header{
	width: 100%;
}

.pc { display: none !important; }
.sp { display: block !important; }

.mda ul li{
	margin:1rem 0 1rem -2rem;
}
}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:481px ) {
	.sc-li {
		display: none ;
	}
}

.cdt11{
   font-size:14px;
}

.cdt12{
   font-size:16px;
}

.cdt14{
   font-size:18px;
}
.cdt16{
   font-size:21px;
}
.cdt18{
   font-size:26px;
}
.cdt21{
   font-size:32px;
}
.cdt24{
   font-size:36px;
}

.cdt28{
   font-size:42px;
}
.cdt32{
   font-size:52px;
}



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

.w1000,.wide1{width:100%}
	
.bgpc{
		background-image: url("https://souzen.co.jp/d/images/cmnt_bk.jpg")
			}
			


.bnr_w8{
 width: 100%;
}

.bnr_w9{
 width: 100%;
}


.modal__content_mdl{
    background: #fff;
    left: 50%;
    padding: 1px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.cdt11	{
	font-size: 11px;
}

.cdt12{
   font-size:12px;
}
.cdt13{
   font-size:13px;
}
.cdt14{
   font-size:14px;
}
.cdt16{
   font-size:16px;
}
.cdt18{
   font-size:18px;
}
.cdt21{
   font-size:21px;
}
.cdt24{
   font-size:24px;
}
.cdt28{
   font-size:28px;
}
.cdt32{
   font-size:32px;
}

}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}