@charset "UTF-8";

/*-------------------------------------------------------------------------------------*/
/*↓ここから編集-----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

@media (min-width:1200px){}
@media (max-width:1199px){}
@media (min-width:992px){}
@media (max-width:991px){}
@media (min-width:768px){}
@media (max-width:767px){}

@media print{}

/*20210416追加*/
#header_pc #header_logo h1 img {
	height: 70px !important;
}
.my_clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.btn-default ,.btn-default[disabled] {
	background: #299eec;
	padding: 1em 3em 1em 3em;
	color:#fff;
}
.btn-default:hover {
    background: #3ca6ee;
    color:#fff;
}

#page_title h1 {
    color:#fff;
}

.table_company th {
	width: 25%;
}

.table_company td {
	width: 75%;
}

.my_table {
	margin-bottom: 20px;
}

.my_th,
.my_td {
	font-size: 16px;
}

.my_tr {
	display: flex;
    padding: 8px;
	border-bottom: 1px dotted #ccc;
}

.my_th {
	width: 20%;
}

.my_td {
	width: 80%;
}

.my_year {
	display: inline-block;
	width: 3em;
	text-align: right;
}

.my_month {
	display: inline-block;
	width: 2.5em;
	text-align: right;
}

/*------------*/

.my_construction_wrap {
	color: #fff;
	background: #299eec;
	display: flex;
	padding: 20px;
	margin-bottom: 10px;
}

.my_construction_inner {}

.my_construction_name_wrap {
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px dotted #fff;
}

.my_construction_name {
	font-size: 28px;
	font-weight: bold;
}

.my_method_wrap {
	width: 70%;
	padding: 10px 8px 8px 50px;
}

.my_method_hading {
	font-weight: bold;
    font-size: 18px;
}

.my_method {}

/*------------*/

.my_features_wrap {
	background: #e6ecf0;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	padding: 20px
}

.my_features_box {
	background: #fff;
	border: 2px solid #299eec;
	margin-right: 20px;
	font-size: 16px;
}

.my_features_w33 {
	width: 33.3%;
}

.my_features_w25 {
	width: 25%;
}

.my_features_box:last-child {
	margin-right: 0;
}

.my_features_box_inner {
	padding: 14px;
}

.my_features_heading {
	font-weight: bold;
	text-align: center;
	color: #005bac;
	margin-bottom: 10px;
	font-size: 18px;
}

.my_features_heading .my_small {
	font-size: 15px;
}

.my_features_detail {}

.my_features_num {
	text-align: center;
}

.maru-wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column wrap; 
  vertical-align: top;
}

.size_normal {
  width: 60px;
  height: 60px;
}

.size_normal2 {
  width: 40px;
  height: 40px;
}
.letter3 {
  font-size: 3em;
  line-height: 1.5em;
}
.letter_ex_small {
  font-size: 1.5em;
  line-height: 1em;
}
.letter_small {
  font-size: 2em;
  line-height: 1em;
}
.letter_large {
  font-size: 5em;
  line-height: 1em;
}
.pink1 {
  color: pink;
  border: 4px solid pink;
}

.pink2 {
  color: #fff;
  border: 4px solid pink;
  background: pink;
}

.pink3 {
  color: #fff;
  border: none;
  background: pink;
}

.sky1 {
  color: skyblue;
  border: 4px solid skyblue;
}

.sky2 {
  color: #fff;
  border: 4px solid skyblue;
  background: skyblue;
}

.sky3 {
  color: #fff;
  border: none;
  background: skyblue;
}

.my_border-1 {
      color: #299eec;
      border: 4px solid #299eec;
}

/*-----------------*/

.my_arrow_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

.my_arrow {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  
  margin-bottom: 50px;
  margin-left: 20px;
}

.my_arrow::before {
  content: '';
  width: 60px;
  height: 60px;
  border: 0px;
  border-top: solid 20px #5bc0de;
  border-right: solid 20px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

/*.arrow::before{
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}*/

/*-----------------*/

.my_beforeAfter_wrap {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.my_beforeAfter_box {
	width: 45%;
}

.my_beforeAfter_pic {
	text-align: center;
	margin-bottom: 15px;
}

.my_beforeAfter_cap {
	text-align: center;
}

.my_beforeAfter_arrow {
	width: 10%;
	display: flex;
	align-items: center;
}

/*-----------------*/

.my_faq_wrap {}

.my_faq {
	margin-bottom: 40px;
}

.my_faq_mark {
	width: 40px;
	float: left;
}

.my_question_text,
.my_answer_text {
	margin-left: 60px;
}

.my_question_wrap,
.my_answer_wrap {
	content:" ";
    display:block;
    clear:both;
}

.my_question_wrap {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.my_question_text {
	color: #005bac;
	font-size: 24px;
	padding: 0;
}

.my_answer_wrap {
	width: 100%;
	padding: 10px 0 0 40px;
}

.my_answer_text {
	font-size: 16px;
	padding: 10px 0 0 0;
}

.flow_wrap {
	padding-top: 10px;
	max-width: 640px;
}

/*-----------------*/

td.column-1 {
	width: 60%;
}

td.column-2 {
	width: 15%;
}

td.column-3 {
	width: 25%;
}



@media (max-width:767px){

	.my_th,
	.my_td {
		font-size: 14px;
	}
	
	.my_th {
		width: 40%;
	}
	
	.my_td {
		width: 60%;
	}

	.my_construction_wrap {
		flex-direction: column;
		margin-bottom: 0;
	}
	
	.my_construction_name_wrap {
		width: 100%;
		border-right: none;
		border-bottom: 1px dotted #fff;
	}
	
	.my_construction_name {
		font-size: 20px;
		padding-bottom: 10px;
	}
	
	.my_method_wrap {
		width: 100%;
		padding: 8px;
	}
	
	.my_method_hading {
		font-size: 14px;
		padding-bottom: 4px;
	}

	.my_features_wrap {
		flex-direction: column;
		margin-bottom: 10px;
	}
	
	.my_features_w33 {
		width: 100%;
	}
	
	.my_features_w25 {
		width: 100%;
	}
	
	.my_features_box {
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.my_features_box:last-child {
		margin-bottom: 0;
	}
	
	.my_features_heading {
		font-size: 16px;
	}
	
	.my_features_heading .my_small {
		font-size: 16px;
	}
	
	
	.my_features_detail {
		font-size: 14px;
	}

	.my_beforeAfter_wrap {
		flex-direction: column;
		justify-content: center;
		width: 100%;
	}
	
	.my_beforeAfter_box {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.my_beforeAfter_arrow {
		display: none;
	}
	
	.my_arrow {
	  position: relative;
	  display: inline-block;
	  padding-left: 20px;
	  
	  margin-bottom: 0;
	  margin-left: 0;
	}
	
	.my_arrow::before {
	  content: '';
	  width: 60px;
	  height: 60px;
	  border: 0px;
	  border-top: solid 20px #5bc0de;
	  border-right: solid 20px #5bc0de;
	  -ms-transform: rotate(135deg);
	  -webkit-transform: rotate(135deg);
	  transform: rotate(135deg);
	  position: absolute;
	  top: 50%;
	  left: 0;
	  margin-top: -4px;
	}

	.my_faq {
		margin-bottom: 20px;
	}
	
	.my_question_text {
		font-size: 18px;
		line-height: 1.4;
		padding-top: 10px;
		padding-bottom: 5px;
	}
	
	.my_answer_wrap {
		padding: 10px 0 0 0;
	}
	
	.my_answer_text {
		font-size: 14px;
	}
	
	.flow_wrap {
		padding-top: 0;
		max-width: 100%;
	}
	
	td.column-1 {
		width: 50%;
	}

	td.column-2 {
		width: 20%;
	}

	td.column-3 {
		width: 30%;
	}
	
	#page_title h1 {
		padding: 60px 10px 60px 10px;
		font-size: 20px;
	}


}


@media print{
	body.page-id-33 header,
	body.page-id-33 footer {
		display: none;
	}
}