@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　contact
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl{
	padding-top: 80px;
}
.page-ttl h1 .ja{
	font-size: 7rem;
	line-height: 1.2;
}
.page-ttl h1 .ja span{
	font-size: 5rem;
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* contact
-----------------------------------------------------------------*/
.contact{
  padding: 40px 0 150px;  
}
.contact .progress{
  margin-bottom: 80px;
  text-align: center;  
}
.form-list{
  border-top: 1px solid #E7EBF0;  
}
.form-list > div{
  display: flex;
  border-bottom: 1px solid var(--gray);
}
.form-list dt{
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 360px;
  padding: 30px;
  background: var(--bgblue);
  font-weight: bold;  
}
.form-list dt p{
  display: flex;
  align-items: center;
  line-height: 1.6; 
}
.form-list dt p .req{
  margin-left: 20px;
  padding: 8px 14px;
  background: var(--blue);
  border-radius: 100vmax;
  color: var(--light);
  font-size: 1.4rem;
	line-height: 1;
  font-weight: normal; 
}
.form-list dt p span small{
	display: block;
	margin-top: 10px;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.6;
}
.form-list dd{
  width: calc(100% - 360px);
  padding: 30px;  
}
.form-list dd p{
  display: flex;
  align-items: center;
	width: 100%;  
}
.form-list dd p._wrap{
  flex-wrap: wrap;
}
.form-list dd p + p{
  margin-top: 30px;  
}
.form-list dd span{
  display: inline-block;  
}
.form-list dd .unit + .unit{
  margin-left: 20px;
}
.form-list dd .ttl._name{
  width: 3em;  
}
.form-list dd .ttl._address{
  width: 5.5em;  
}
.form-list dd .hyphen{
  margin: 0 .5em;  
}
.form-list dd .txt{
  display: block;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.4;  
}
.form-list dd .txt._postal{
  margin-top: 10px;  
}
.form-list dd .txt._mail{
  margin-bottom: 10px;  
}
.form-list dd .note{
  margin-left: 20px;
  font-size: 1.4rem;   
}
.checkbox-list{
	display: flex;
	flex-wrap: wrap;
}
.checkbox-list li{
	min-width: 270px;
	margin: 0 10px 5px 0;
}

#name01,#name02,#kana01,#kana02,#pref,#name03,#name04,#kana03,#kana04,#pref02{ width: 200px; }
#zip01,#zip02,#zip03,#zip04{ width: 140px; }
#address01,#address02,#address03,#address04{ max-width: 540px; width: 100%; }
#phone-num01,#phone-num03,#phone-num04,#phone-num06{ width: 150px; }
#phone-num02,#phone-num05{ width: 160px; }
#e-mail,#e-mail-confirm,#e-mail02,#e-mail-confirm02,#corporate-name,#corporate-kana,#department,#post,#job,#relationship,#workplace,#company,#bukken,#awareness-select,#area-select,.select .form_select{ max-width: 620px; width: 100%; }
#message,
#remarks{
  width: 100%;
  height: 400px; 
}
.zip-btn{
  width: 100px;
  height: 50px;
  margin-left: 15px;
  border-radius: 10px;
  border: none;
  background: var(--blue);
  text-align: center;
  color: var(--light);
  font-size: 1.4rem;
  cursor: pointer;  
}

.form-section + .form-section{
	margin-top: 150px;
}
.form-section h3{
	margin-bottom: 25px;
	font-size: 3rem;
	line-height: 1.4;
}


/* top ------------------------ */
.contact._top h2{
	margin-bottom: 150px;
	font-size: 1.6rem;
	font-weight: normal;	
}
.tab-nav{
	display: flex;
	justify-content: space-between;
	max-width: 1010px;
	margin-inline: auto;
}
.tab-nav._upper{
	margin-bottom: 80px;
}
.tab-nav._bottom{
	margin-top: 80px;
}
.tab-nav li{
	position: relative;
	max-width: 490px;
	width: calc(50% - 5px);
	padding: 20px 10px;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	cursor: pointer;
	transition: .3s;
}
.tab-nav._upper li{
	border-bottom: 2px solid var(--dark);
}
.tab-nav._bottom li{
	border-top: 2px solid var(--dark);
}
.tab-nav li::after{
	position: absolute;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	content: "";
	border: solid transparent;
	border-width: 13px 9px;
	transition: .3s;
}
.tab-nav._upper li::after{
	bottom: 0;
	transform: translate(-50%,100%);
	border-top-color: var(--dark);
}
.tab-nav._bottom li::after{
	top: 0;
	transform: translate(-50%,-100%);
	border-bottom-color: var(--dark);
}

.tab-nav._upper li.current,
.tab-nav._upper li:hover{
	border-bottom-color: var(--pointblue);
}
.tab-nav._bottom li.current,
.tab-nav._bottom li:hover{
	border-top-color: var(--pointblue);
}
.tab-nav li.current,
.tab-nav li:hover{
	color: var(--pointblue);
}
.tab-nav._upper li.current::after,
.tab-nav._upper li:hover::after{
	border-top-color: var(--pointblue);
}
.tab-nav._bottom li.current::after,
.tab-nav._bottom li:hover::after{
	border-bottom-color: var(--pointblue);
}
.tab-cont + .tab-cont{
	display: none;
}
.tab-cont .contact-item{
	padding: 50px 4%;
}
.tab-cont .contact-item + .contact-item{
	margin-top: 80px;
}
.tab-cont .contact-item .layout-box{
	align-items: center;
}
.tab-cont .contact-item h3{
	font-size: 3.5rem;
	line-height: 1.5;
}
.tab-cont .contact-item h3 small{
	font-size: 3rem;
}
.tab-cont .contact-item h4{
	width: 35%;
	font-size: 2.2rem;
	line-height: 1.6;
}
.tab-cont .contact-item .co-name{
	font-size: 2.8rem;
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: .05em;
}
.tab-cont .contact-item .co-name,
.tab-cont .contact-item h3 span,
.tab-cont .contact-item h4 span{
	color: var(--blue);
}
.tab-cont .contact-item .item-list{
	margin-top: 30px;
}
.tab-cont .contact-item .item-list > li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 2.5%;
	background:  var(--light);
	border-radius: 10px;
}
.tab-cont .contact-item .item-list > li:nth-child(n+2){
	margin-top: 30px;
}
.tab-cont .contact-item .item-list .layout-box{
	width: 100%;
}
.tab-cont .contact-item .btn-list{
	display: flex;
	align-items: center;
	max-width: 555px;
	width: 60%;	
}
.tab-cont .contact-item .layout-box .btn-list{
	margin-right: 3%;
}
.tab-cont .contact-item .btn-list.layout-box {
    width: 60%;
}
.tab-cont .contact-item .btn-list .txt{
	max-width: 255px;
	font-size: 1.4rem;
}
.tab-cont .contact-item .btn-base{
	width: 300px;
}
.tab-cont .contact-item .btn-base._s{
	width: 220px;
}
.tab-cont .contact-item .btn-base._tel{
	width: 225px;
	margin-left: 25px;
}
.tab-cont .contact-item .btn-base._tel a{
	background: url(../img/common/ico_phone_w.svg) no-repeat left 20px center #333;
	background-size: 16px auto;
	border: 2px solid #333;
	font-size: 1.8rem;
	letter-spacing: .1em
}
.tab-cont .contact-item .btn-base._tel a span{
	padding-left: 15px;
}
.tab-cont .contact-item .btn-base._tel a:hover{
	background-image: url(../img/common/ico_phone_black.svg);
	background-color: var(--light);
	color: var(--dark);
}


/* entry ------------------------ */
.contact .notes-box{
  margin: 35px 0 80px;
  padding: 50px 5%;
}
.contact .notes-box h3{
  margin-bottom: 25px;
  font-size: 1.8rem;  
}
.contact .notes-box .dot-list{
  line-height: 2;  
}
.contact .notes-box .dot-list a{
	border-bottom: 1px solid var(--dark);
	transition: .3s;
}
.contact .notes-box .dot-list a:hover{
	border-bottom-color: transparent;
}
.privacy-policy-box{
  margin: 80px 0;
  padding: 50px;
  height: 500px;
  overflow: auto;
  border: 1px solid var(--gray);
}
.privacy-policy-box::-webkit-scrollbar{
    width: 8px;
    height: 40px;
    background-color: var(--bgblue); 
}
.privacy-policy-box::-webkit-scrollbar-thumb{
    background: var(--pointblue);
    width: 6px;
    border-radius: 10px;
}
.privacy-policy > li{
	padding: 40px 0;
	line-height: 2;
}
.privacy-policy > li:nth-child(n+2){
	border-top: 1px solid var(--gray);
}
.privacy-policy > li h3{
	margin-bottom: 25px;
}
.privacy-policy ol li{
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.privacy-policy ol > li:nth-child(n+2){
	margin-top: 25px;
}
.privacy-policy .dot-list{
	margin: 20px 0;
}
.privacy-policy .dot-list li{
	text-indent: 0;
	padding-left: 0;
}
.privacy-policy li > p + *{
	margin-top: 25px;
}
.privacy-policy dl > div{
	display: flex;
}
.privacy-policy dl dt{
	display: flex;
	align-items: center;
	padding: 15px 15px 15px 30px;
	width: 28.125%;
	background: var(--bgblue);
}
.privacy-policy dl > div:nth-child(n+2) dt{
	border-top: 1px solid var(--light);
}
.privacy-policy dl dd{
	width: 71.875%;
	border-bottom: 1px solid var(--gray);
}
.privacy-policy dl dd p{
	padding: 20px 30px;
}
.privacy-policy dl dd p + p{
	border-top: 1px solid var(--gray);
}
.privacy-policy + .privacy-policy li:last-child{
	border-bottom: 1px solid var(--gray);
}
.btn-submit{
  max-width: 305px;
  margin-inline: auto;  
}


/* confirm ------------------------ */

.contact._confirm .form-list dd p + p{
	margin-top: 15px;
}
.contact._confirm .btn-list{
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  margin-top: 120px;  
}
.contact._confirm .btn-list li{
  max-width: 305px;
  width: calc(50% - 80px);
  margin: 0 40px;
}
.contact._confirm .btn-list .btn-base._line a{
  background-image: url(../img/common/arw_btn_rev.svg);
  background-position: left 20px center;  
}
.contact._confirm .btn-list .btn-base._line a:hover{
  background-image: url(../img/common/arw_btn_rev_w.svg);
}
#Page .contact .form-list dd .error-msg{
  margin-top: 5px;
  color: #FF000D;  
}


/* complete ------------------------ */
.complete-message{
  margin-bottom: 80px;
  padding: 50px 8%;
  border: 1px solid var(--gray);  
}
.contact._complete .btn-base{
  max-width: 305px;
  margin-inline: auto;  
}



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

.tab-cont .contact-item > .item-list > li {
    justify-content: flex-start;
}

}

@media screen and (max-width: 990px) {
	.tab-cont .contact-item > .item-list > li {
    display: block;
	}
	.tab-cont .contact-item > .item-list > li h4{
		width: 100%;
		margin-bottom: 10px;
	}
}



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

	.page-ttl{
		padding-top: 40px;
	}
	.page-ttl h1 .ja{
		font-size: 3.8rem;
	}
	.page-ttl h1 .ja span{
		font-size: 3rem;
	}


/* contact
-----------------------------------------------------------------*/
  .contact{
    padding: 50px 0;  
  }
  .contact .progress{
    margin-bottom: 40px; 
  }
  .form-list{
    border-bottom: 1px solid var(--gray);
  }
  .form-list > div{
    display: block;
    border-bottom: none;
  }
  .form-list dt{
    display: block;
    width: 100%;
    padding: 20px 10px; 
  }
  .form-list dt p .req{
    margin-left: 10px;
    padding: 6px 12px;
    font-size: 1.2rem; 
  }
  .form-list dd{
    width: 100%;
    padding: 20px 0;  
  }
  .form-list dd p{
    flex-wrap: wrap;
  }
  .form-list dd .unit{
    display: flex;
    align-items: center;
    width: 100%; 
  }
  .form-list dd p._wrap{
    flex-wrap: wrap;
  }
  .form-list dd p.phone{
    width: calc(100% + 30px);  
  }
  .form-list dd p + p{
    margin-top: 30px;  
  }
  .form-list dd span{
    display: inline-block;  
  }
  .form-list dd .unit + .unit{
    margin: 15px 0 0;
  }
  .form-list dd .ttl{
    font-size: 1.6rem;  
  }
  .form-list dd .ttl._name{
    width: 2.5em;  
  }
  .form-list dd .ttl._address{
    width: 100%;
    margin-bottom: 5px;  
  }
  .form-list dd .hyphen {
    margin: 0 3px;
  }
  .form-list dd .txt{
    font-size: 1.3rem; 
  }
  .form-list dd .note{
    margin-left: 5px;
    font-size: 1.2rem;   
  }
	.checkbox-list{
		display: block;
		padding-left: 5px;
	}
	.checkbox-list li{
		min-width: inherit;
		width: 100%;
		margin: 0 0 5px 0;
	}
  
  #name01,#name02,#kana01,#kana02,#pref,#name03,#name04,#kana03,#kana04,#pref02{ width: 200px; }
  #zip01,#zip02,#zip03,#zip04{ width: 120px; }
  #phone-num01,#phone-num03,#phone-num04,#phone-num06{ width: 100px; padding: 0.8em 5px;}
  #phone-num02,#phone-num05{ width: 100px; }
  #message{
    height: 300px; 
  }
  .zip-btn{
    width: 100px;
    margin: 15px 0 0;
  }
  .zip-btn + .note{
    transform: translateY(5px);  
  }

	.form-section + .form-section{
		margin-top: 50px;
	}
	.form-section h3{
		margin-bottom: 20px;
		font-size: 2rem;
	}


/* top ------------------------ */
	.contact._top h2{
		margin-bottom: 50px;
		font-size: 1.3rem;
	}
	.tab-nav._upper{
		margin-bottom: 40px;
	}
	.tab-nav._bottom{
		margin-top: 40px;
	}
	.tab-nav li{
		max-width: none;
		padding: 15px 5px;
		font-size: 1.8rem;
	}
	.tab-nav li::after{
		border-width: 10px 7px;
	}
	.tab-cont .contact-item{
		padding: 25px 15px;
	}
	.tab-cont .contact-item + .contact-item{
		margin-top: 30px;
	}
	.tab-cont .contact-item .layout-box{
		display: block;
	}
	.tab-cont .contact-item h3{
		font-size: 2.1rem;
		text-align: center;
	}
	.tab-cont .contact-item h3 small{
		font-size: 1.8rem;
	}
	.tab-cont .contact-item h4{
		margin-bottom: 10px;
		font-size: 1.6rem;
		text-align: center;
	}
	.tab-cont .contact-item .co-name{
		margin-bottom: 10px;
		font-size: 1.8rem;
		text-align: center;
	}
	.tab-cont .contact-item .co-name,
	.tab-cont .contact-item h3 span,
	.tab-cont .contact-item h4 span{
		color: var(--blue);
	}
	.tab-cont .contact-item .item-list{
		margin-top: 15px;
	}
	.tab-cont .contact-item .item-list > li{
		display: block;
		padding: 20px 15px;
		background:  var(--light);
		border-radius: 10px;
	}
	.tab-cont .contact-item .item-list > li:nth-child(n+2){
		margin-top: 15px;
	}
	.tab-cont .contact-item .item-list .layout-box{
		width: 100%;
	}
	.tab-cont .contact-item .item-list h3 + p{
		margin-top: 15px;
	}
	.tab-cont .contact-item .btn-list{
		display: block;
		max-width: 320px;
		width: 100%;
		margin: 15px auto 0;	
	}
	.tab-cont .contact-item .btn-list li:nth-child(n+2){
		margin-top: 15px;
	}
	.tab-cont .contact-item .layout-box .btn-list{
		margin-right: 0;
	}
	.tab-cont .contact-item .btn-list .txt{
		max-width: none;
		font-size: 1.2rem;
		text-align: center;
		line-height: 1.6;
	}
	.tab-cont .contact-item .btn-base{
		max-width: 320px;
		width: 100%;
		margin: 0 auto;
	}
	.tab-cont .contact-item .btn-base._s{
		max-width: 320px;
		width: 100%;
	}
	.tab-cont .contact-item .btn-base._tel{
		max-width: 320px;
		width: 100%;
		margin: 0 auto;
	}
	.tab-cont .contact-item .btn-base._tel a{
		font-size: 1.7rem;
	}
	.tab-cont .contact-item .btn-base._tel a span{
		padding-left: 10px;
	}
	.tab-cont .contact-item .btn-base._tel a:hover{
		background-image: url(../img/common/ico_phone_w.svg);
		background-color: var(--dark);
		color: var(--light);
	}


/* entry ------------------------ */
  .contact .notes-box{
    margin: 20px 0 40px;
    padding: 30px 20px;
  }
  .contact .notes-box h3{
    margin-bottom: 15px;
    font-size: 1.6rem;  
  }
  .contact .notes-box .dot-list{
    line-height: 2;  
  }
	.contact .notes-box .dot-list a:hover{
		border-bottom-color: var(--dark);
	}
  .privacy-policy-box{
    margin: 40px 0;
    padding: 30px 20px;
    height: 400px;
  }
  .privacy-policy > li{
    padding: 20px 0;
    text-align: justify;
  }
  .privacy-policy > li h3{
    margin-bottom: 15px;
  }
  .privacy-policy ol > li:nth-child(n+2){
    margin-top: 15px;
  }
  .privacy-policy .dot-list{
    margin: 15px 0;
  }
  .privacy-policy li > p + *{
    margin-top: 15px;
  }
  .privacy-policy dl{
   border-bottom: 1px solid var(--gray); 
  }
  .privacy-policy dl > div{
    display: block;
  }
  .privacy-policy dl dt{
    display: block;
    padding: 15px;
    width: 100%;
  }
  .privacy-policy dl > div:nth-child(n+2) dt{
    border-top: none;
  }
  .privacy-policy dl dd{
    width: 100%;
    border-bottom: none;
  }
  .privacy-policy dl dd p{
    padding: 15px;
  }
  .btn-submit{
    max-width: 320px;
  }


/* confirm ------------------------ */
  .contact._confirm .btn-list{
    display: block;
    justify-content: center;
    margin-top: 40px;  
  }
  .contact._confirm .btn-list li{
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
  }
  .contact._confirm .btn-list li:nth-child(n+2){
    margin-top: 15px;  
  }
  .contact._confirm .btn-list .btn-base._line a:hover{
    background-image: url(../img/common/arw_btn_rev.svg);
  }


/* complete ------------------------ */
  .complete-message{
    margin-bottom: 40px;
    padding: 30px 20px; 
  }
  .contact._complete .btn-base{
    max-width: 320px;
  }
    
  
  
}













/*--------------------------------------------------------------------------
   Form
---------------------------------------------------------------------------*/
input:focus:placeholder-shown, textarea:focus:placeholder-shown {
  color: transparent;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: transparent;
}

input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
  color: transparent;
}

input, select {
  vertical-align: middle;
}

::placeholder {
  color: rgba(68,130,100,.2);
}
:focus {
  outline: none;
}

select::-ms-expand {
  outline: none;
}

button {
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 1.5em;
}

/* @SP */

@media all and (max-width: 768px) {
  ::placeholder {
    font-size: 1.3rem;
  }    
}


/* テキストボックス・テキストエリア
--------------------------------------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea{
	box-sizing: border-box;
	padding: 1em 0.8em;
	border: 2px solid #EFF1F8;
	border-radius: 10px;
  background: var(--light);
	font-size: 1.5rem;
  caret-color: var(--dark);
}


.not_required input[type="text"],
.not_required input[type="email"],
.not_required input[type="tel"],
.not_required input[type="password"],
.not_required textarea{
  background: #FFF;
}

/* @SP */

@media all and (max-width: 768px) {
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  textarea{
    width: 100%;
    padding: 0.8em 0.5em;
    font-size: 1.6rem;  
  }
}


/* セレクトボックス
--------------------------------------------------------------------------*/

select{
	padding: 1em;
	border: 2px solid #EFF1F8;
	border-radius: 10px;
  background: var(--light);
	font-size: 1.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;	
}

.form_select {
  position: relative;
  display: inline-block;
}

.form_select:before{
  display: block;
  content: "";
  position: absolute;
  right:0;
  top:0;
  width: 42px;
	border-radius: 0 10px 10px 0;
  height: 100%;
  background: var(--blue);
  pointer-events: none;
}

.form_select:after {
  display: block;
  content: " ";
  position: absolute;
  top: 43%;
  right: 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
  pointer-events: none;
}


/* @SP */

@media all and (max-width: 768px) {
  
  select{
    font-size: 1.6rem; 
  }
  .form_select:after {
    top: 45%;
  }	
	
}

/* ラジオボタン・チェックボックス
--------------------------------------------------------------------------*/
input[type="radio"], input[type="checkbox"] {
  opacity:0;
}

input[type="checkbox"]+label{
	font-size: 1.6rem;
}
input[type="checkbox"]+label,
input[type="checkbox"]+label span{
  position: relative;  
}
input[type="checkbox"]+label span{
	padding-left: 5px;
}

input[type="checkbox"]+label span:before {
  position: absolute;
  left: -24px;
  top: 4px;
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid var(--blue);
  background: var(--light);
}
input[type="checkbox"]:checked+label span:before{
	background: var(--blue);
}
input[type="checkbox"]:checked+label:before {
  position: absolute;
  left: -23px;
  top: 16px;
  display: block;
  content: "";
  width: 8px;
  height: 2px;
  background: var(--light);
  -webkit-transform: rotate(40deg);
  -webkit-transform-origin: right center;
  transform: rotate(40deg);
  transform-origin: right center;
  z-index:5;
}

input[type="checkbox"]:checked+label:after {
  display: block;
  position: absolute;
  left: -16px;
  top: 16px;
  content: "";
  width: 13px;
  height: 2px;
  background: var(--light);
  -webkit-transform: rotate(-48deg);
  -webkit-transform-origin: left center;
  transform: rotate(-48deg);
  transform-origin: left center;
  z-index:5;
}

input[type="radio"]+label{
	position: relative;
	padding-left: 5px;
	font-size: 1.7rem;	
}
input[type="radio"]+label:before{
  display: block;
  position: absolute;
  left: -21px;
  top:3px;
  content: "";
  border: 1px solid var(--blue);
  margin-right: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background:#FFF;	
}
input[type="radio"]:checked+label:after {
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  content: "";
  left: -18px;
  top: 6px;
  background-color: var(--blue);
  border-radius: 50%;
}


/* @SP */

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

input[type="checkbox"]+label,
input[type="radio"]+label{
	font-size: 1.3rem;
}
input[type="checkbox"]+label span:before {
  top: 0;
/*  top: 5px;	*/
}
input[type="checkbox"]:checked+label:before {
  top: 13px;
/*  top: 20px;*/
}
input[type="checkbox"]:checked+label:after {
  top: 13px;
/*  top: 20px;	*/
}
  
}


/* 送信ボタン
--------------------------------------------------------------------------*/
button{
	cursor:pointer;
	transition:.3s;
}
button:hover{
	opacity:.7;	
}

input[type="submit"]{
	width: 100%;
	height: 70px;
	background: url(../img/common/arw_btn_w.svg) no-repeat right 20px center var(--blue);
  background-size: 8px auto;
	border: 2px solid var(--blue);
	border-radius: 100vmax;
	font-size: 1.6rem;
	font-weight: bold;
  text-align: center;
	color: var(--light);
  cursor: pointer;
	transition: .3s;  
}
input[type="submit"]:hover{
	background: url(../img/common/arw_btn.svg) no-repeat right 20px center var(--light);
  background-size: 8px auto;
	color: var(--blue);  
}

/* @SP */

@media all and (max-width: 768px) {
  input[type="submit"]{
    height: 50px;
    background: url(../img/common/arw_btn_w.svg) no-repeat right 20px center var(--blue);
    background-size: 8px auto;
  }
  input[type="submit"]:hover{
    background: url(../img/common/arw_btn_w.svg) no-repeat right 20px center var(--blue);
    background-size: 8px auto;
    color: var(--light); 
  }

}