@charset "utf-8";
/***************************
MADE BY JOHOSTATION co., ltd.
***************************/

/*お問合わせ/contact/*/	

.contact_text
{width:100%;}
.contact_text2
{width:80%}
.contact_text3
{width:200px}

.contact_textarea
{width:100% !important;
  height:30rem !important;}

@media (max-width: 1024px) {
.contact_text2
{width:100%}

.contact_textarea
{width:100% !important;
  height:24rem !important;}
}

ul.radio01
{display:flex;
  flex-wrap:wrap;
  z-index:2}

ul.radio01>li
{margin-right:4rem;
  font-size:16px !important;
  line-height:1.5;
  margin-bottom:1rem}

ul.radio02
{}
ul.radio02>li
{font-size:16px !important;
  line-height:1.5;
  margin-bottom:1rem;}

ul.radio02>li>label>span
{top:2px}

ul.radio03
{display:flex;
  flex-wrap:wrap;}

ul.radio03>li
{width:32%;
  margin-right:2%;
  font-size:22px;
  line-height:1.5em;
  font-weight:300;
  margin-bottom:15px}

ul.radio03>li:nth-of-type(3n)
{margin-right:0%;}

.cattension
{font-size:13px;
  line-height:1.4;
  font-weight:400;
  margin-top:20px;}

.delate
{display:none !important}

.cfile
{margin-bottom:5px}

#xxdate
{z-index:5}

.ui-datepicker-trigger
{width:50px;
  display:inline-block;
  margin:0px 10px 0px 5px;
  top:15px;
  cursor:pointer}

input
{margin-bottom:5px !important}

.contact_confirm
{margin:4.0rem auto 0px;
  text-align:center}

.contact_confirm>p
{border:1px solid #e99;
  margin:30px 0px 0px;
  padding:15px 30px;
  text-align:justify}

.contact_confirm>p>strong
{display:block;
  text-align:center}

@media (max-width: 1024px) {
ul.radio01>li,ul.radio02>li
{font-size:1.6rem;
  line-height:1.5;
  margin-bottom:0px;}
}

/*Checkboxes styles*/



.cp_ipradio input[type='radio'] {
	position: absolute;
	opacity: 0;
}
.cp_ipradio label {
	position: relative;
	display: inline-block;
	padding-right: 1.5rem;
	padding-left: 2.0rem;
	padding-top:0.2rem;
	padding-bottom:0.5rem;
	cursor: pointer;
}
.cp_ipradio label::before {
	position: absolute;
	top:8px;
	left: 0;
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	content: ' ';
	border: 1px solid #690;
	border-radius: 4px;
}

.cp_ipradio label >span{
	position: relative;
	z-index:2}
@media (max-width: 1024px) {
.cp_ipradio label {
	padding-right: 20px;
	padding-left: 30px;}
	
.cp_ipradio label::before
{top:8px;
  width: 20px;
  height: 20px;}
}
.cp_ipradio input[type='radio'] + label::before {
	border-radius: 28px;
}
.cp_ipradio input[type='radio']:checked + label {
	padding-left:20px;
	color: #ffffff;
}
.cp_ipradio input[type='radio']:checked + label::before {
	top: 0;
	width: 100%;
	height: 100%;
	background: #690;;
}
#csex01:checked + label::before {
	background: #06c;
	border:none}
#csex02:checked + label::before {
	background: #e77;
	border:none}
/* Transition */
.cp_ipradio label, .cp_ipradio label::before {
	-webkit-transition: 0.25s all ease;
	        transition: 0.25s all ease;
}

input[type='submit']{
  border: none;
  display:inline-block;
  padding:1.5rem 3.0rem 1.7rem;
  border-radius:2px;
  background-color: #333;
  color: #fff;
  font-size:2.0rem;
  line-height:1.5;
  font-weight: bold;
  font-family:'Noto Sans Japanese','游ゴシック体', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',' Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica','sans-serif';
  cursor: pointer;
  margin: 0 auto;
  -webkit-transition: 0.25s all ease;
	        transition: 0.25s all ease;
}

input[type='submit']:hover{
  opacity:0.5
}

/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
}
  .custom-select-wrapper select {
    display: none;
  }
  .custom-select {
    position: relative;
    display: inline-block;
  }
    .custom-select-trigger {
      position: relative;
      display: block;
      padding: 0 54px 0 22px;
      font-size:20px;
      font-weight:400;
      color: #666;
      line-height: 60px;
      background:rgba(170,34,68,0.1);
      border-radius: 4px;
      cursor: pointer;
    }
	@media (max-width: 1024px) {
	.custom-select-trigger {
		  padding: 0 54px 0 22px;
		  font-size: 17px;
		  cursor: pointer;}
	}
      .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px; height: 10px;
        top: 50%; right: 25px;
        margin-top: -3px;
        border-bottom: 1px solid #666;
        border-right: 1px solid #666;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
      }
      .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
      }
  .custom-options {
    position: absolute;
    display: block;
    top: 100%; left: 0; right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
	z-index:10
  }
  .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
  }
    .custom-options:before {
      position: absolute;
      display: block;
      content: '';
      bottom: 100%; right: 25px;
      width: 7px; height: 7px;
      margin-bottom: -4px;
      border-top: 1px solid #b5b5b5;
      border-left: 1px solid #b5b5b5;
      background: #fff;
      transform: rotate(45deg);
      transition: all .4s ease-in-out;
    }
    .option-hover:before {
      background:#fff;
    }
    .custom-option {
      position: relative;
      display: block;
      padding: 0 22px;
      border-bottom: 1px solid #b5b5b5;
      font-size: 18px;
      font-weight: 600;
      color: #b5b5b5;
      line-height: 47px;
      cursor: pointer;
      transition: all .4s ease-in-out;
    }
    .custom-option:first-of-type {
      border-radius: 4px 4px 0 0;
    }
    .custom-option:last-of-type {
      border-bottom: 0;
      border-radius: 0 0 4px 4px;
    }
    .custom-option:hover,
    .custom-option.selection {
      background: rgba(204,153,102,0.2);
    }