@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * メイン
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------------------------------
   * セクショニング
/* ---------------------------------------------------------------------------------------------- */

#main {}

#main-contents {}

#main-contents div.body {
  max-width: 1040px;
  padding:0 20px;
  margin: 0 auto;
  overflow: hidden;
}

#main-contents .column ~ .column {
  margin-top: 40px;
}

/* :::::::: ブレイクポイント :::::::: */

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

 #main-contents div.body {
   max-width: 1000px;
   }
}
@media screen and (max-width:1100px) {

 #main-contents div.body {
   max-width: 100%;
   padding:0 20px;
   margin: 0 auto;
   overflow: hidden;
   }
}

/* :::::::: ブレイクポイント :::::::: */

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

#main-contents > .section {
  padding-top: 30px;
  padding-bottom: 30px;
}

#main-contents div.body {
  max-width: 100%;
  padding:0 20px;
  margin: 0 auto;
  overflow: hidden;
}

#main-contents .column ~ .column {
  margin-top: 20px;
}

}


body#layout-lower .visual .body .title {
    font-size: 4.3rem !important;
}

/* ****************************************************************************************************
   * お問い合わせ
**************************************************************************************************** */
/* ----------------------------------------------------------------------------------------------------
   * 共通
/* ------------------------------------------------------------------------------------------------- */

.donation {
  position: relative;
  padding-bottom: 110px;
}

.donation .body {
  overflow: inherit !important;
}

.donation .body::after {
  content: "";
  display: block;
  background: url("../../_images/contact/icon-4.png") no-repeat;
  width: 161px;
  height: 134px;
  background-size: 161px 134px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 50px;
  margin-right: 300px;
  animation: fuwafuwa2 3s infinite linear alternate;
}

/* :::::::: ブレイクポイント :::::::: */

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

.donation .body::after {
  display: none;
}
}



/* ****************************************************************************************************
   * ビジュアル
**************************************************************************************************** */

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:1500px) {
.visual .bg .inner {
    position: relative;
    width: 45% !important;
    height: 100%;
    margin-right: 25px !important;
    margin-left: auto;
	top: 80px;
}
}

@media screen and (max-width:1100px) {
.visual .bg .inner {
	width: 45vw !important;
    margin-right: 25px !important;
	padding-bottom: 250px;
	top: 150px;
}
}
@media screen and (max-width:736px) {
.visual .bg .inner {
	width: 100% !important;
    margin-right: auto !important;
	text-align: center;
	top: 0;
	padding-bottom: 0;
}
.visual .bg img { margin: 0 auto; }
}


/* ----------------------------------------------------------------------------------------------------
   * アイコン
/* ------------------------------------------------------------------------------------------------- */

body.page-donation
.visual .body .box::before {
  content: "";
  display: block;
  background: url("../../_images/contact/icon-1.png") no-repeat;
  width: 76px;
  height: 84px;
  background-size: 76px 84px;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -30px;
  margin-right: -70px;
}

body.page-donation
.visual .body .box::after {
  content: "";
  display: block;
  background: url("../../_images/contact/icon-2.png") no-repeat;
  width: 83px;
  height: 84px;
  background-size: 83px 84px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: -200px;
  margin-right: -100px;
  animation: rotation 6s linear infinite;
}

body.page-donation
.visual .body::after {
  content: "";
  display: block;
  background: url("../../_images/contact/icon-3.png") no-repeat;
  width: 278px;
  height: 254px;
  background-size: 278px 254px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: -300px;
  margin-left: 0px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {
  /*ブラウザの幅が736px以下の時*/
body.page-donation
.visual .body .box::before {
  content: "";
  display: block;
  background: url("../../_images/contact/icon-1.png") no-repeat;
  width: 38px;
  height: 42px;
  background-size: 38px 42px;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0px;
  margin-right: 0px;
}

body.page-donation
.visual .body .box::after {
  display: none;
}

body.page-donation
.visual .body::after {
  display: none;
}
}

/* ****************************************************************************************************
   * お問い合わせ
**************************************************************************************************** */

/* :::::::: ブレイクポイント :::::::: */

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


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

}

/* :::::::: ブレイクポイント :::::::: */

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


}

/* フォーム */
.donation_form_sec{ width: 90%; max-width: 1000px; margin: 0 auto; font-family: "Kiwi Maru", serif; }

.contact_item{display: flex; align-items: center; width: 100%; padding: 20px 20px; border-bottom: 1px solid #ccc;}
.contact_tit{width: 40%; font-weight: 700; position: relative; padding-left: 60px; margin-right: 20px; }
.contact_tit span{position: absolute; display: block; background-color: #f09cb4; color: #fff !important; border: 1px solid #f09cb4; padding: 4px 10px; left: 0px; top: -4px; font-size: 1.4rem; letter-spacing: 2px; line-height: 1; }
.contact_tit p{ text-align: right !important; font-size: 14px !important; font-weight: normal !important; margin-bottom: 0 !important; }
.contact_txt p{ text-align: left !important; font-size: 14px !important; font-weight: normal !important; margin-bottom: 0 !important; }
.contact_txt,
.contact_adress,
.contact_txtarea{width: 65%;}
.contact_txt input{ width: 100%; font-size: 18px; background: #fff; height: 35px; padding:  20px 10px; border: 1px solid #ccc; border-radius: 5px; }
.contact_txt input[type="checkbox"]{ float: none; width: 15px; height: 15px; }
.contact_txt input[type="radio"]{ width: 15px; height: 15px; }
.contact_txtarea textarea{font-size: 2rem; padding: 8px; background: #fff; border: 1px solid #ccc; background-color: #f5f5f5; width: 100%;}
.contact_adress_sub p{padding: 15px 0;}
.contact_adress input{background: #fff; border: 1px solid #ccc; height: 35px; margin-left: 15px; font-size: 2rem;}
.contact_submit{border-bottom: none;}
.contact_submit_btn{text-align: center; }
.contact_submit_btn input{ font-weight: 300; background-color: #e47e19; color: #fff; font-size: 1.8rem; 
    letter-spacing: 1px; padding: 15px 30px; cursor: pointer;   -webkit-appearance: none; border-radius: 0;}

input[type="checkbox"]{float: left;}
.contact_check{display: flex;}
.contact_submit .contact_tit{width: 30%;}
.wpcf7-spinner{display: block;}

.contact_submit_btn{ text-align: center; margin-top: 60px; margin-bottom: 60px;  }
.contact_submit_btn input{ background-color: #9cc715; color: #fff; font-size: 20px; letter-spacing: 1px; padding: 10px 25px; cursor: pointer; transition: 0.5s ease-in-out; border: 2px solid #9cc715; border-radius: 40px; }
input.wpcf7-submit:hover{ background-color: #f09cb4; color: #fff; border: 2px solid #f09cb4; }


::placeholder{ color: #999; }

.contact_item .wpcf7-list-item{ display: block; margin: 0 0 0 0; text-align: left !important; color: #333 !important; }
.contact_item .wpcf7-list-item-label{ color: #333 !important; line-height: 1.5;}

.wpcf7-not-valid-tip{ font-weight: 700 !important; }

.contact_txt p span{ color: #333 !important; }
.support-price{ padding: 10px; font-size: 18px; }
.radio_ryousyuusyo p > spanyo > span{ display: flex !important; }
.ryousyuusyo label{ padding: 10px; font-size: 18px; }

.contact_txt p span.wpcf7-not-valid-tip {
    color: #dc3232 !important;
    font-size: 1em;
    font-weight: normal;
    display: block;
	margin-top: 5px;
}

/* :::::::: ブレイクポイント :::::::: */

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

/* フォーム */
.contact_item{ flex-wrap: wrap; width: 100%; padding: 20px 20px; border-bottom: 1px solid #ccc; }
.contact_tit{ width: 100%; font-weight: 700; position: relative; padding-left: 0px; margin-right: 0px; margin-bottom: 10px; }
.contact_tit span{ position: initial; display: inline-block; color: #fff; padding: 2px 5px; left: 0px; top: -4px; font-size: 12px; margin-right: 10px; }
	
.contact_tit p{ text-align: left !important; font-size: 14px !important; font-weight: normal !important; margin-bottom: 0 !important; }
.contact_txt p{ text-align: left !important; font-size: 14px !important; font-weight: normal !important; margin-bottom: 0 !important; }

.contact_txt,
.contact_adress,
.contact_txtarea{ width: 100%; }
.contact_txt input{ width: 100%;  font-size: 2rem; background: #f5f5f5; height: 35px; padding:  20px 10px; border: 1px solid #ccc;}
.contact_txt input[type="checkbox"]{ float: none; width: 15px; height: 15px; }
.contact_txt input[type="radio"]{ width: 15px; height: 15px; }
.contact_txtarea textarea{ width: 100%; font-size: 2rem; padding: 8px; background: #fff; border: 1px solid #ccc; background-color: #f5f5f5; }
.contact_adress_sub p{padding: 15px 0;}
.contact_adress input{background: #fff; border: 1px solid #ccc; height: 35px; margin-left: 15px; font-size: 2rem;}
.contact_submit{border-bottom: none;}
.contact_submit_btn{text-align: center; }
.contact_submit_btn input{ font-weight: 300; color: #fff; font-size: 1.8rem; 
    letter-spacing: 1px; padding: 15px 30px; cursor: pointer;   -webkit-appearance: none; border-radius: 0;}

input[type="checkbox"]{float: left;}
.contact_check{display: flex;}
.contact_submit .contact_tit{width: 30%;}
.wpcf7-spinner{ display: block !important; margin: 0 auto !important; }

.contact_submit_btn{ text-align: center; margin-top: 60px; margin-bottom: 60px;  }
.contact_submit_btn input{ font-size: 20px; letter-spacing: 1px; padding: 15px 25px; cursor: pointer; transition: 0.5s ease-in-out; }



::placeholder{ color: #999; }

.contact_item .wpcf7-list-item{ display: block; margin: 0 0 0 0; text-align: left !important; color: #333 !important; }
.contact_item .wpcf7-list-item-label{ color: #333 !important; line-height: 1.5;}

.wpcf7-not-valid-tip{ font-weight: 700 !important; }

.contact_txt p span{ color: #333 !important; }
.support-price{ padding: 10px; font-size: 18px; }
.radio_ryousyuusyo p > spanyo > span{ display: flex !important; }
.ryousyuusyo label{ padding: 10px; font-size: 18px; }

.contact_txt p span.wpcf7-not-valid-tip {
    color: #dc3232 !important;
    font-size: 1em;
    font-weight: normal;
    display: block;
	margin-top: 5px;
}


}