@charset "utf-8";
/*
Template:lightning
Theme Name:lightning-child
Description:lightning の子テーマです
Author:Vektor,Inc.
Version:9.0.7
*/ 

@import url(“../lightning/style.css”); 

/*ページ装飾----------------------------------*/

html{font-size: 62.5%;}/*10px*/

.left{float: left;}
.clear{clear: both;}
.block{display: block;}
.red{color:#A20002;}
h2{
	margin:0; 
	border-top:none;
	border-bottom:none;
}
p{margin: 0;}

img{margin: 0;
	padding: 0;}

di,dt,dd{border-style:none;}

.attention{
	margin: 1em 0;
	font-size: 1.4rem;
	color: #8e8e8e;
}
.card-body{
	margin: 0;
	padding: 0;
}
#download dl{
	margin: 0;
	padding: 1em;
	border-bottom: 2px solid #000000;
}
#download dd{
	padding: 0 0 0 1em;
	margin: 0;
}
.w3eden .card{
	background-color: #ECECEC;
	border-style:none;
}
.mb-2{border-style:none;}
.w3eden .media{
	border-bottom: none;
	padding: 0;
}

.media:first-child{
	margin-bottom: 0;
	border-top: none;
}
.media-body{
	margin: 0;}

.media>div{width: auto;}


@media only screen and (min-width: 751px) {
	.main-copy-b{
		color: #79B8e0;
		font-size: 3rem;
	}
	.main-copy-p{
		color:#e3007f;
		font-size: 3rem;
		margin: 0;
		padding: 0;
	}

	#money{
		text-align: center;
		margin:0 0 6em 0;
	}

	#money dt{
		font-size: 4rem;
		margin: 0;
		padding: 0;
		}
	
	.zei{
		font-size: 0.5em;
	}
	
	dl .attention-g{
		color: #5a968d;
		font-size: 2.3rem;
		padding: 1%;
	}
	dl .attention-p{
		font-size: 1.6rem;
		line-height:1;
	}
	
	#original-copy{
		width: 50%;
		margin: 0 1.5% 0 0;}
	#img100{width: 40%;}
	
	#download{
		background-color: #ECECEC;
		margin:5% 25%;
	}
	#download dl{padding: 2em 0 0 0;} 
	#download dt{margin: 0 0 0 5em;} 
	.w3eden .card{padding: 0 2em 1em 2em;}
	.w3eden .btn-lg {
		padding: 15px 40px;
	}

}

@media only screen and (max-width: 750px) {
	
	.main-copy-b{
		color: #79B8e0;
		font-size: 1.7rem;
		font-weight: bold;
	}
	.main-copy-p{
		color:#e3007f;
		font-size: 1.8rem;
		font-weight: bold;
	}

	#money{text-align: center;}

	#money dt{
		font-size: 1.8rem;
		margin: 0;
		padding: 0;
		}
	#download{
		background-color: #ECECEC;}

	dl .attention-g{
		color: #5a968d;}
	
	dl .attention-p{
		font-size: 1rem;
	}
	
	#img100{width: 100%;}
.w3eden .btn-lg {
		padding: 15px 45px;
	}
}


/*メールフォーム----------------------------------*/
@media only screen and (min-width: 751px) {
	.form-width {
		width: 100%;
		font-size: 2rem;}
	.mail-g{
	font-size: 2.2rem;
	color:#5a968d;
	}
	label{margin: 2rem 0 ;}
	}

@media only screen and (max-width: 750px) {
	.form-width {
		width: 100%;
		font-size: 1rem;
	}
	.mail-g{
	font-size: 1.6rem;
	color:#5a968d;
	}
	label{margin: 1rem 0 ;}
}

.wpcf7-submit.btn.btn-primary {
	zoom: 150%;
}


/*ご利用の流れ*/
.flow{
	background-color:#D1DFE6;
	padding: 20px;
	margin: 0 calc(50% - 50vw) 3em;
}
.flow-a{
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 15px;
	color:#559FBC;
	letter-spacing: 0.2em;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.flow-pc { 
	display: block !important;
	width: 70%;	
	margin: auto;
}
.flow-sp { 
	display: none !important; 
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.flow-pc { 
	display: none !important; 
}
.flow-sp {
	display: block !important; 
	width: 50%;
	margin: auto;
}
}

.veu_flowBox dl dd p{
	color: #00A0E9;
}

.veu_flowBox2{
	background-color: #E5F4FD;
	margin-top: -40px;
}
.veu_flowBox2 dl{
    display: block;
    overflow: hidden;
    padding: 20px 25px;
    margin: 0;
}
.veu_flowBox2 dl dt{
	border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    font-size: 1.2em;
}


/*ボックス全体*/
.hidden_box {
	width: 100%;
    margin: 0;
    padding: 0;
	text-align: center;
}

.hidden_show {
	margin-top: 20px;
}

/*ラベル*/
.labelX {
    display: block;
    margin: 1.5px 0;
    padding : 10px 12px 10px 0;
    color: #bf783e;
    font-weight: bold;
	font-size: 1.15em;
    background: #fff2cc;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.labelX:hover {
    background :#ffe9a9;
}

/*チェックは隠す*/
input#label1 {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
	text-align: left;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    height: auto;
    padding: 5px;
    opacity: 1;
}


/*ボックス全体*/
.hidden_box2 {
    margin: 0;
    padding: 0;
	text-align: center;
}

.hidden_show2 {
	margin-top: 20px;
}

/*チェックは隠す*/
input#label2 {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box2 .hidden_show2 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
	text-align: left;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box2 input:checked ~ .hidden_show2 {
    height: auto;
    padding: 5px;
    opacity: 1;
}

/*アイコンを表示*/
.hidden_box label:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  content: '\f0da';
  font-weight: 900;
  padding-right: 5px;
}

/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before {
	 font-family: "Font Awesome 5 Free";
     content: '\f0d7';
	 font-weight: 900;
     padding-right: 5px;
}

/*アイコンを表示*/
.hidden_box2 label:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  content: '\f0da';
  font-weight: 900;
  padding-right: 5px;
}

/*アイコンを切り替え*/
.hidden_box2 input:checked ~ label:before {
	 font-family: "Font Awesome 5 Free";
     content: '\f0d7';
	 font-weight: 900;
     padding-right: 5px;
}

.wpcf7 label:before{
	display: none;
}

/* 選択肢1の画像 */
@media only screen and (min-width: 751px) {
span.radio-1 .wpcf7-list-item:nth-of-type(1) .wpcf7-list-item-label:before {
    content: url(https://sdgs.global-pci.com/wp/wp-content/uploads/2020/04/bc-sample-sss-01.jpg);
}
}
@media only screen and (max-width: 750px) {
span.radio-1 .wpcf7-list-item:nth-of-type(1) .wpcf7-list-item-label:before {
    content: url(https://sdgs.global-pci.com/wp/wp-content/uploads/2020/04/bc-sample-ss-01.jpg);
}
}
@media only screen and (min-width: 751px) {
span.wpcf7-list-item.first {
    width: 250px;
    text-align: center;
}
}
@media only screen and (max-width: 750px) {
span.wpcf7-list-item.first {
    width: 200px;
    margin: 0 auto;   
	text-align: center;
}
}

/* 選択肢2の画像 */
@media only screen and (min-width: 751px) {
span.radio-1 .wpcf7-list-item:nth-of-type(2) .wpcf7-list-item-label:before {
    content: url(https://sdgs.global-pci.com/wp/wp-content/uploads/2020/04/bc-sample-sss-02.jpg);
}
}
@media only screen and (max-width: 750px) {
span.radio-1 .wpcf7-list-item:nth-of-type(2) .wpcf7-list-item-label:before {
    content: url(https://sdgs.global-pci.com/wp/wp-content/uploads/2020/04/bc-sample-ss-02.jpg);
}
}
@media only screen and (min-width: 751px) {
span.wpcf7-list-item {
	width: 250px;
    text-align: center;
}
}
@media only screen and (max-width: 750px) {
span.wpcf7-list-item {
    width: 200px;
    margin: 0 auto;
    text-align: center;
}
}

/* 選択肢3の画像 */
@media only screen and (min-width: 751px) {
span.radio-1 .wpcf7-list-item:nth-of-type(3) .wpcf7-list-item-label:before {
		content: url(https://sdgs.global-pci.com/wp/wp-content/uploads/2020/04/bc-sample-sss-03.jpg);
}
}
@media only screen and (max-width: 750px) {
span.radio-1 .wpcf7-list-item:nth-of-type(3) .wpcf7-list-item-label:before {
    content: url(https://sdgs.global-pci.com/wp/wp-content/uploads/2020/04/bc-sample-ss-03.jpg);
}
}

/* 選択肢4の画像 */
@media only screen and (min-width: 751px) {
span.radio-1 .wpcf7-list-item:nth-of-type(4) .wpcf7-list-item-label:before {
    content: url(https://sdgs.global-pci.com/wp/wp-content/uploads/2020/04/bc-sample-sss-04.jpg);
}
}
@media only screen and (max-width: 750px) {
span.radio-1 .wpcf7-list-item:nth-of-type(4) .wpcf7-list-item-label:before {
    content: url(https://sdgs.global-pci.com/wp/wp-content/uploads/2020/04/bc-sample-ss-04.jpg);
}
}
@media only screen and (min-width: 751px) {
span.wpcf7-list-item.last {
	width: 250px;
    text-align: center;
}
}
@media only screen and (max-width: 750px) {
span.wpcf7-list-item.last {
    width: 200px;
    margin: 0 auto;
    text-align: center;
}
}

span.wpcf7-list-item.first.last{
	text-align: left;
	margin: 10px;
}

.design{
	background-color: #eeeeee;
	padding: 20px;
}

.design-cd{
	color: #E60012;
	font-size: 1.2em;
}

.design-url{
	font-size: 0.9em;
}

h5.banner{
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 16px;
}
@media only screen and (min-width: 751px) {
.banner-a img{
	margin: 10px;
}
}
@media only screen and (max-width: 750px) {
.banner-a img{
	margin: 0.2em;
}
}




/*個人情報保護方針*/

.hogo h2{
	font-size: 1.5em;
	background-color: #f5f5f5;
    padding: 18px 15px 15px;
    border-top: 2px solid #337ab7;
    border-bottom: 1px solid #e9e9e9;
	margin-top: 20px;
	margin-bottom: 30px;
}
.hogo h3{
	font-size: 1.4em;
	margin-top: 50px;
}
.hogo h4{
	font-size: 1.2em;
	margin: 25px 0 15px 0; 
}
.hogo p{
	font-size: 1.0em;
}

/*特定商取引法の表記*/

.hou h1{
	font-size: 2.0em;
	margin-top: 20px;
	margin-bottom: 15px;
}

.tokutei{
	background: #999999;
	border: 0;
	border-collapse:separate;
	border-spacing: 1px;
	text-align: left;
}
.hyoki1{
	background-color: #eeeeee;
	width: 15%;
}
.hyoki2{
	background-color: #ffffff;
	width: 85%;
}