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

article#donation {
	background: #fafafa;
}

.mwform-zip-field input,
.mwform-tel-field input {
	width: initial!important;
}

.mw_wp_form_preview div.privacy {
	display: none!important;
}

article#donation dl dd input[type=text],
article#donation dl dd input[type=email],
article#donation dl dd input[type=tel],
article#donation dl dd textarea{
    width: 100%!important;
	font-size: 16px;
    font-size: 1.6rem;
    padding: 0.5em 0.5em;
    background: #FFF!important;
	border: 1px solid #ccc;
}

div.check_block label {
    cursor: pointer!important;
}

#choice01, #choice02, #choice05 { margin-top: 15px; }
#choice01 span {
	display: inline-block;
}
#choice01 span + span{
	margin-left: 16px;
}

#choice01 span input[type=text].num,
#choice02 input[type=text].num{
	width: 5em!important;
}

#choice01 div {
	margin-top: 10px;
}

#choice01 div input[type=text]{
	width: 50%!important;
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/
@media print, screen and (min-width: 769px){
	
	article#donation{
		padding: 77px 0 90px;
	}
	
	article#donation section{
		width: 720px;
		margin: 0 auto;
	}
	
	article#donation section h2{
		font-size: 36px;
		font-size: 3.6rem;
		font-weight: 300;
		color: #333;
		text-align: center;
		background: none;
		padding: 0;
		margin: 0 0 45px 0;
	}
	
	article#donation section h2 + p{
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 400;
		color: #333;
		text-align: center;
	}
	
	article#donation section dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 50px 0 0;
	}
	
	article#donation section dl dt{
		width: 220px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 400;
	}
	
	article#donation section dl dt small{
		font-size: 14px;
		font-size: 1.4rem;
		display: block;
		line-height: 1;
	}
	
	article#donation section dl dt:nth-child(n + 2),
	article#donation section dl dd:nth-child(n + 3){
		margin-top: 40px;
	}
	
	article#donation section dl dd{
		width: calc(100% - 220px);
	}
	
	article#donation section div.btn_block{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 80px auto 0;
		gap: 40px;
	}
	
	article#donation section div.btn_block input.submit{
		width: 190px;
		height: 3em;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1;
		color: #FFF;
		background: #009fe8;
		border: none;
		border-radius: 24px;
		cursor: pointer;
	}
	
	article#donation section div.btn_block input.back{
		width: 190px;
		height: 3em;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1;
		color: #FFF;
		background: #999;
		border: none;
		border-radius: 24px;
		cursor: pointer;
	}
	
	div.check_block{
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 1.6;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: 45px 0 0;
	}
	
	div.check_block p{
		width: 100%;
		text-align: center;
		margin-bottom: 1em;
	}
	
	input[type="checkbox"] {
      position: relative;
      width: 22px;
      height: 22px;
      background: #FFF;
      border: 1px solid #333333;
      vertical-align: -5px;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      margin-right: 8px;
	  cursor: pointer;
    }

    input[type="checkbox"]:checked:before {
      position: absolute;
      top: 1px;
      left: 6px;
      transform: rotate(50deg);
      width: 8px;
      height: 14px;
      border-right: 2px solid #009fe8;
      border-bottom: 2px solid #009fe8;
      content: '';
    }
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 768px){
	
	article#donation{
		padding: 12vw 0 15vw;
	}
	
	article#donation section{
		width: 100%;
		margin: 0 auto;
		padding: 0 5%;
	}
	
	article#donation section h2{
		width: 100%;
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 300;
		color: #333;
		text-align: center;
		background: none;
		padding: 0;
		margin: 0 0 1.5em 0;
	}
	
	article#donation section h2 + p{
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 400;
		color: #333;
		text-align: center;
	}
	
	article#donation section dl{
		display: block;
		margin: 50px 0 0;
	}
	
	article#donation section dl dt{
		width: 100%;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 400;
	}
	
	article#donation section dl dt small{
		font-size: 14px;
		font-size: 1.4rem;
		display: inline-block;
		line-height: 1;
		margin-left: 0.5em;
	}
	
	article#donation section dl dd + dt{
		margin-top: 30px;
	}
	
	article#donation section dl dd{
		margin-top: 5px;
	}
	
	article#donation section dl dd{
		width: 100%;
	}
	
	article#donation section div.btn_block{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 80px auto 0;
		gap: 40px;
	}
	
	article#donation section div.btn_block input.submit{
		width: 190px;
		height: 3em;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1;
		color: #FFF;
		background: #009fe8;
		border: none;
		border-radius: 24px;
		cursor: pointer;
	}
	
	article#donation section div.btn_block input.back{
		width: 190px;
		height: 3em;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1;
		color: #FFF;
		background: #999;
		border: none;
		border-radius: 24px;
		cursor: pointer;
	}
	
	div.check_block{
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 1.6;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: 11vw 0 0;
	}
	
	div.check_block p{
		width: 100%;
		text-align: center;
		margin-bottom: 1em;
	}
	
	input[type="checkbox"] {
      position: relative;
      width: 4.4vw;
      height: 4.4vw;
      background: #FFF;
      border: 1px solid #333333;
      vertical-align: -1vw;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      margin-right: 1.6vw;
	  cursor: pointer;
    }

    input[type="checkbox"]:checked:before {
      position: absolute;
      top: 1px;
      left: 1.2vw;
      transform: rotate(50deg);
      width: 1.6vw;
      height: 2.8vw;
      border-right: 0.4vw solid #009fe8;
      border-bottom: 0.4vw solid #009fe8;
      content: '';
    }
}