@charset "shift_jis";
.toiawase-s{font-size: .7em;}

@media only screen and (max-width:480px) {
	.toiawase-s{font-size: .7em; margin-left: -2em;}
}


/********** 内容 gtco-container **********/
.gtco-container {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  
		font-size: .7em;
}

.gtco-cover > .gtco-container {
  position: relative;
  z-index: 10;
}

.gtco-section {
	margin-top: -2.5em;
  padding: 3em 0;
  clear: both;
  position: relative;
}
@media screen and (max-width: 768px) {
  .gtco-section {
    padding: 3em 0;
  }
}
.gtco-section.border-bottom {
  border-bottom: 1px solid #d9d9d9;
}
.gtco-section.gtco-gray {
  background: #f6f6f6;
}
/********** 内容 gtco-container  END**********/



@keyframes bodyFadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes bodyFadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}


p.btn input {
	width: 110px;
	height: 32px;
}

/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}


/* col-head-type2 フォームテーブル */
.col-head-type2 {
  border-collapse: collapse;
  width: 100%;
}
 
.col-head-type2 tr {
  border-bottom: 0px solid #dbe1e8;  
}
.col-head-type2 tr:first-child {
  border-top: 0px solid #dbe1e8;  
}
 
.col-head-type2 th,
.col-head-type2 td {
  padding: 8px 0;
}
 
.col-head-type2 th {
  text-align: left;
  width: 160px;
}
 
.col-head-type2 input[type='text'],
.col-head-type2 textarea {
  width: 50%;
}
.col-head-type2 textarea {
  height: 100px;
}

.col-head-type2 input[type='email'],
.col-head-type2 input[type='number'] {
  width: 50%;
}
 
@media only screen and (max-width: 800px) {
  .col-head-type2 tr,
  .col-head-type2 th,
  .col-head-type2 td {
    display: block;
    width: auto;
  }
  
  .col-head-type2 th {
    padding-bottom: 0;
  }
  
  .col-head-type2 input[type='text'],
  .col-head-type2 textarea {
    width: 100%;
  }
		
		.col-head-type2 input[type='email'],
  .col-head-type2 input[type='number'] {
    width: 100%;
  }
		
		.col-head-type2 th {
  text-align: left;
}
.row{
	width:100%;
margin-right: auto;
margin-left : auto;
}
}


/********** ボタン **********/
.cp_ipradio {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_ipradio:before,
.cp_ipradio:after {
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;
}
.cp_ipradio .box {
	width: 90%;
	margin: 2em auto;
	text-align: left;
	border: 1px solid white;
	border-radius: 3px;
	background: #ffffff;
}
.cp_ipradio input[type=radio] {
	display: none;
}
.cp_ipradio label:focus,
.cp_ipradio label:hover,
.cp_ipradio label:active,
.cp_ipradio input:checked + label {
	color: #da3c41;
}
.cp_ipradio label:focus:before,
.cp_ipradio label:hover:before,
.cp_ipradio label:active:before,
.cp_ipradio input:checked + label:before {
	border-color: #da3c41;
	background: #ffffff;
}
.cp_ipradio label {
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 1em 1em 1em 3em;
	cursor: pointer;
	-webkit-transition: all 0.15s ease;
	        transition: all 0.15s ease;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: #ffffff;
}
.cp_ipradio label:before {
	position: absolute;
	top: 1em;
	left: 1em;
	width: 10px;
	height: 10px;
	content: '';
	border: 0.2em solid #cccccc;
	border-radius: 50%;
}
.cp_ipradio input:checked + label:before {
	border-color: #da3c41;
	background: #da3c41;
}
.cp_ipradio input:disabled + label {
	cursor: not-allowed;
	color: rgba(0, 0, 0, 0.5);
	background: #efefef;
}
.cp_ipradio input:disabled + label:hover {
	border-color: rgba(0, 0, 0, 0.1);
}
.cp_ipradio input:disabled + label:before {
	border-color: #ffffff;
	background: #ffffff;
}

@media only screen and (max-width: 800px) {
.cp_ipradio label {
	display: block;
}
}



/********** セレクトボックス **********/
.cp_ipselect {
	overflow: hidden;
	width: 80%;
	margin: 2em auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

@media only screen and (max-width: 800px) {
cp_ipselect {
	width: 100%;
}
}


/********** ボックス **********/
.cp_iptxt {
	position: relative;
	width: 85%;
	margin: 15px 3%;
}
.cp_iptxt input[type='text'] {
	font: 12px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.8em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #333;
	background: #f4f4f4;
	border: 0px solid #1b2538;
	border-radius: 4px;
}
.ef input[type='text']:focus {
	border: 1px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}

.cp_iptxt input[type='email'] {
	font: 12px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.8em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #333;
	background: #f4f4f4;
	border: 0px solid #1b2538;
	border-radius: 4px;

}.cp_iptxt input[type='number'] {
	font: 12px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.8em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #333;
	background: #f4f4f4;
	border: 0px solid #1b2538;
	border-radius: 4px;
}

.ef input[type='email']:focus {
	border: 1px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}


.ef input[type='number']:focus {
	border: 1px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}
@media only screen and (max-width:480px) {
	.cp_iptxt {
	position: relative;
	width: 100%;
	margin: 15px 3%;
}
}
@media only screen and (max-width:768px) {
	.cp_iptxt {
	position: relative;
	width: 100%;
	margin: 15px 3%;
}
}
@media only screen and (max-width: 800px) {
.cp_iptxt {
	margin: 10px 3%;
}
}


/********** ボックス **********/
.cp_iptxt2 {
	position: relative;
	width: 80%;
	margin: 15px 3%;
}
.cp_iptxt2 input[type='text'] {
	font: 12px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.8em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #333;
	background: #f4f4f4;
	border: 0px solid #1b2538;
	border-radius: 4px;
}
.ef input[type='text']:focus {
	border: 1px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}

.cp_iptxt2 input[type='email'] {
	font: 12px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.8em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #333;
	background: #f4f4f4;
	border: 0px solid #1b2538;
	border-radius: 4px;
}
.ef input[type='email']:focus {
	border: 1px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);

}.cp_iptxt2 input[type='number'] {
	font: 12px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.8em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #333;
	background: #f4f4f4;
	border: 0px solid #1b2538;
	border-radius: 4px;
}
.ef input[type='number']:focus {
	border: 1px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}

@media only screen and (max-width:480px) {
	.cp_iptxt2 {
	position: relative;
	width: 100%;
	margin: 15px 3%;
}
}
@media only screen and (max-width:768px) {
	.cp_iptxt2 {
	position: relative;
	width: 100%;
	margin: 15px 3%;
}
}
@media only screen and (max-width: 800px) {
.cp_iptxt {
	margin: 10px 3%;
}
}









textarea {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #333;
	background: #f4f4f4;
	border: 0px solid #1b2538;
	border-radius: 4px;
	position: relative;
	margin: 15px 3%;
}
textarea {
    min-width: 80%;
    min-height: 100%;
    max-width:  400px;
    max-height: 100px;
}



.col-head-type2 li {
  list-style-type: none;
}
.col-head-type2 li::before {
  position: relative;
  top: -2px;
  left: -12px;

  display: inline-block;

  width: 6px;
  height: 6px;

  content: '';

  border-radius: 100%;
  background: darkturquoise;
}



/********** btn **********/
.btn-area{
  text-align: center;
}
input[type="submit"]{
  background: #e0505c;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}
input[type="reset"]{
  background: #aaa;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}

/********** btn - 確認画面 **********/
.btn-area2{
  text-align: left;
}
input[type="button"]{
  background: #aaa;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}