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

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

.contact_bg input,.contact_bg textarea,.contact_bg select
{font-size:16px;
  line-height:1.5em}
  
.contact_text
{width:100%;}

.contact_text2
{width:80%}

.contact_text3
{width:160px}

.contact_textarea
{width:100% !important;
  height:300px !important;}

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

.contact_textarea
{width:100% !important;
  height:240px !important;}
}

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

ul.radio01>li
{display:flexbox;
  margin-right:50px;
  font-size:20px;
  line-height:1.5;
  font-weight:300;
  margin-bottom:10px}

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

ul.radio02>li
{display:flexbox;
  width:25%;
  font-size:20px;
  line-height:1.5;
  margin-bottom:10px;
  font-weight:300;}

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

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

ul.radio03>li
{display:flexbox;
  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:11px;
  line-height:1.4em;
  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:40px 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:17px;
  line-height:1.5;
  margin-bottom:0px;}
ul.radio02>li
{width:50%}
}

/*Checkboxes styles*/
input[type="checkbox"] { display: none; }

input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type="checkbox"] + label:last-child { margin-bottom: 0; }

input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #d44;
  position: absolute;
  left: 0;
  top:6px;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: 1px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.cp_ipradio input[type='radio'] {
	position: absolute;
	opacity: 0;
}
.cp_ipradio label {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	padding-left: 35px;
	padding-top:5px;
	padding-bottom:8px;
	cursor: pointer;
}
.cp_ipradio label::before {
	position: absolute;
	top:10px;
	left: 0;
	display: block;
	width: 24px;
	height: 24px;
	content: ' ';
	border: 1px solid #c55;
	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: #c55;
}
#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:15px 30px 17px;
  border-radius: 5px;
  background-color: #333;
  color: #fff;
  font-size:20px;
  line-height:1.5em;
  font-weight: bold;
  font-family:'Zen Kaku Gothic New','游ゴシック体', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',' Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica','sans-serif' !important;
  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: 15px 54px 17px 22px;
      font-size:20px;
	  line-height:1.3;
      color: #666;
	  border:1px solid #ddd;
      background:rgba(255,255,255,1.0);
      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: 15px 22px 17px;
      border-bottom: 1px solid #b5b5b5;
      font-size: 18px;
	  line-height:1.3;
      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);
    }