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

------CONTENTS-------

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

.ex2-merit {
	padding: 0px;
	margin:0px auto!important;
	text-align: left;
	display: block;
	width: 100%;
	max-width: 1200px;
	line-height: 0;
}

.ex2-merit ul{
	padding: 0px;
	display: inline-block;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.ex2-merit ul li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-left: 30px;
	width:50%;
	text-align: center;
	color: #fff;
	margin: 0!important;
	text-align: left;
	font-size: 1em;
	padding: 25px;
	background: -moz-linear-gradient(top left, #6fc4d4, #18a0ba);
	background: -webkit-linear-gradient(top left, #6fc4d4, #18a0ba);
	background: linear-gradient(to bottom right, #6fc4d4, #18a0ba); 
}


.ex2-merit ul li p{
	padding: 80px 20px 20px 20px;
	border: solid 1px #fff;
	height: 100%;
	background-color: #18a0ba;
}

.merit-head{
	position: relative!important;
    text-align: center!important;
    align-items: center!important;
    display: flex!important;
    justify-content: center!important;
	background-image:url("../images/merit_head_pic.jpg")!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: center center!important;	
}

.merit-head img{
	width: 85%;
}

@media (max-width:700px){
	
	.ex2-merit {
		
	}
	
	.ex2-merit ul li {
		width:100%;
	}
	
	.merit-head{
		padding: 20% 0!important;	
	}
	.merit-head img{
		width: 75%;
	}
	.ex2-merit ul li{
		padding: 12px;
	}
	
	.merit-tit {
		top: -8px!important;
		left: 0px!important;
	}
}


.merit-tit {
	top: 12px;
	left: 12px;
	position: absolute;
	width: 88%;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    -webkit-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
	filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.2));
}

.merit-tit-left {
	display: flex!important;
	align-items: center!important;
    background: #fff;
	width: 65px;
	padding: 13px 0px!important;
	color: #f47362;
	text-align: center;
	font-size: 0.7em;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1em!important;
}

.merit-tit-left ul{
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

.merit-tit-left ul li{
	text-align: center;
	color: #f47362!important;
	width: 100%;
	margin: 0!important;
	padding: 0!important;
	background: none;
}


.merit-num {
	font-weight: 800;
	font-size: 2.7em!important;
	line-height: 1em!important;
}

.merit-tit-right {
    background-color: #18a0ba;
	color: #fff;
	text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	width : -webkit-calc(100% - 65px)!important;
	width : calc(100% - 65px))!important;
	padding: 5px 20px 5px 15px;
}

.merit-tit-right dd {
    display: inline-block;
	font-size: 1.05em;
	font-weight: 500;
}


.ex3-srv {
	padding: 0px;
	margin:0px auto!important;
	text-align: center;
	display: inline-block;
	width: 100%;
	max-width: 1200px;
	line-height: 0;
	overflow: hidden;
}

.ex3-srv ul{
	padding: 0px;
	display: inline-block;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content:center;
	margin-right: -3.333%;
	overflow: hidden;
}

.ex3-srv ul li{
	vertical-align: top;
	width:30%;
	margin-right: 3.333%;
	margin-bottom: 3.3%;
	color: #fff;
	text-align: left;
	font-size: 1em;
	height: auto;
	background-color: #fff;
	filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.2));
}

.ex3-srv ul li p{
	padding: 15px 20px 20px 20px;
	color: #262626;
	line-height: 1.7em!important;
	margin: 0;
	font-size: 0.9em;
}

.srv-head{
	text-align: center;
	padding: 20px 20px 15px 20px;
	color: #fff;
	background: -moz-linear-gradient(top, #0f838d, #036875, #025e6a);
	background: -webkit-linear-gradient(top, #0f838d, #036875, #025e6a);
	background: linear-gradient(to bottom, #0f838d, #036875, #025e6a);
}

.srv-head img{
	width: 27px;
	margin-bottom: 10px;
}

.srv-head dd{
	font-size: 1.3em;
	font-weight: 500;
	letter-spacing: 0.2em;
	margin-bottom: 4px;
}

.srv-head dt{
	font-size: 0.8em;
	font-weight: 300;
	letter-spacing: 0.2em;
}


@media (max-width:700px){
	
	.ex3-srv ul {
		margin-right: -3%;
	}
	
	.ex3-srv ul li {
		width:47%;
		margin-right: 3%;
	}

}

@media (max-width:480px){
	
	.ex3-srv ul {
		margin-right: 0;
	}
	
	.ex3-srv ul li {
		width:100%;
		margin-right: 0;
	}
}

.service-block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.service-item {
	width: 32%;
	background-color: #fff;
	margin-bottom: 2%;
}

.service-item-head {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 15px 12px 15px;
	background: -moz-linear-gradient(top, #0f838d, #036875, #025e6a);
	background: -webkit-linear-gradient(top, #0f838d, #036875, #025e6a);
	background: linear-gradient(to bottom, #0f838d, #036875, #025e6a);
}

.service-item-tit img {
	width: 27px;
	margin-bottom: 5px;
}

.service-item-tit p {
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin-bottom: 0;
}

.service-item-tit dd {
	height: 1em;
}

.service-item-txt {
	padding: 15px 15px 20px 15px;
	color: #262626;
	text-align: left;
}

.service-item-txt dd {
	margin-top: 0.5em;
	font-size: 0.9em
}

@media (max-width:780px){
	
	.service-item {
		width: 48%;
		margin-bottom: 5%;
	}
	
	.service-item-tit p {
		font-size: 1.2em;
	}
	
	.service-item-tit dd {
		height: 1em;
		font-size: 0.9em;
		letter-spacing: 0.03em;
	}
}

@media (max-width:600px){
	
	.service-item {
		width: 100%;
		margin-bottom: 5%;
	}
	
	.service-item-tit p {
		font-size: 1.3em;
	}
	
	.service-item-tit dd {
		height: 1em;
		font-size: 1em;
		letter-spacing: 0.1em;
	}
}





.ex2-fee {
	padding: 0px;
	margin:0px auto!important;
	text-align: center;
	display: inline-block;
	width: 100%;
	max-width: 700px;
	line-height: 0;
	overflow: hidden;
}

.ex2-fee ul{
	padding: 0px;
	display: inline-block;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content:center;
	margin-right: -3%;
	overflow: hidden;
}

.ex2-fee ul li{
	vertical-align: top;
	width:47%;
	margin-right: 3%;
	margin-bottom: 3%;
	color: #fff;
	text-align: left;
	font-size: 1em;
	height: auto;
	background-color: #fff;
	border: solid 1px #e7e7e7;
	filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.2));
}

.ex2-fee ul li p{
	padding: 15px 20px 20px 20px;
	color: #262626;
	line-height: 1.7em!important;
	margin: 0;
	font-size: 1.1em;
	text-align: center;
}

.ex2-fee ul li p span{
	display: inline-block;
	font-weight: 600;
	font-size: 1.8em;
	margin-top: 3px;
	padding-bottom: 7px;
	border-bottom: dotted 1px #262626;
}


.fee-head-g{
	position: relative;
	text-align: center;
	padding: 20px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 300!important;
	min-height: 160px;
	background: -moz-linear-gradient(top, #92cc3e, #81c12f, #79b229);
	background: -webkit-linear-gradient(top, #92cc3e, #81c12f, #79b229);
	background: linear-gradient(to bottom, #92cc3e, #81c12f, #79b229);
}

.fee-head-g:after{
	content: "";
	position: absolute;
	bottom: -24px;
	left: 51%;
	margin-left: -17px;
	border: solid transparent;
	border-top: solid #79b229;
	border-width:25px 13px 0px 13px;
	z-index: 100;
}

.fee-head-y{
	position: relative;
	text-align: center;
	padding: 20px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 300!important;
	min-height: 160px;
	background: -moz-linear-gradient(top, #ffbd48, #f7b243, #efa937);
	background: -webkit-linear-gradient(top, #ffbd48, #f7b243, #efa937);
	background: linear-gradient(to bottom, #ffbd48, #f7b243, #efa937);
}

.fee-head-y:after{
	content: "";
	position: absolute;
	bottom: -24px;
	left: 51%;
	margin-left: -17px;
	border: solid transparent;
	border-top: solid #efa937;
	border-width:25px 13px 0px 13px;
	z-index: 100;
}

.fee-head-r{
	position: relative;
	text-align: center;
	padding: 20px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 300!important;
	min-height: 160px;
	background: -moz-linear-gradient(top, #f97f75, #f47362, #ed675d);
	background: -webkit-linear-gradient(top, #f97f75, #f47362, #ed675d);
	background: linear-gradient(to bottom, #f97f75, #f47362, #ed675d);
}

.fee-head-r:after{
	content: "";
	position: absolute;
	bottom: -24px;
	left: 51%;
	margin-left: -17px;
	border: solid transparent;
	border-top: solid #ed675d;
	border-width:25px 13px 0px 13px;
	z-index: 100;
}

.fee-head-p{
	position: relative;
	text-align: center;
	padding: 20px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 300!important;
	min-height: 160px;
	background: -moz-linear-gradient(top, #d191d8, #c87ece, #b974c1);
	background: -webkit-linear-gradient(top, #d191d8, #c87ece, #b974c1);
	background: linear-gradient(to bottom, #d191d8, #c87ece, #b974c1);
}

.fee-head-p:after{
	content: "";
	position: absolute;
	bottom: -24px;
	left: 51%;
	margin-left: -17px;
	border: solid transparent;
	border-top: solid #b974c1;
	border-width:25px 13px 0px 13px;
	z-index: 100;
}

.fee-head {
	font-weight: 400;
	font-size: 0.9em;
}

.fee-head img{
	width: 27px;
	margin-bottom: 10px;
}

.fee-head dd{
	font-size: 1.6em;
	font-weight: 500;
	letter-spacing: 0.2em;
	margin-bottom: 7px;
}

.fee-head dt{
	font-size: 1.1em;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}

.fee-clr-g{
	background: -moz-linear-gradient(top, #92cc3e, #81c12f, #79b229);
	background: -webkit-linear-gradient(top, #92cc3e, #81c12f, #79b229);
	background: linear-gradient(to bottom, #92cc3e, #81c12f, #79b229);
}



@media (max-width:600px){
	
	.ex2-fee ul {
		margin-right: 0;
	}
	
	.ex2-fee ul li {
		width:100%!important;
		margin-right: 0;
	}
}

.contract-block {
	
}

.contract-item {
	min-height: 100px;
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.2));
	margin-bottom: 2%;
}

.contract-head {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	padding: 0!important;
}

.contract-head p {
	margin-bottom: 0;
	line-height: 1.4em!important;
}

.contract-head b {
	font-weight: 400;
	font-size: 1.2em;
	display: block;
	margin-bottom: 0.3em;
	letter-spacing: 0.15em;
}

.contract-contents {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 75%;
	padding: 13px 0;
}

.contract-work {
	width: 70%;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.contract-work p {
	border: solid 1px #ccc;
	padding: 0.1em 0.6em;
	line-height: 1em;
	margin: 0.2em 0.5em 0.2em 0;
	font-size: 0.95em;
	letter-spacing: 0.03em;
	font-weight: 400;
}

.noborder {
	border-width: 0!important;
}

.contract-cost {
	width: 25%;
	text-align: center;
	margin-right: 0.5em;
}

.contract-cost p {
	display: inline-block;
	padding: 0 0 0 0.3em;
	font-size: 1.7em;
	font-weight: 600;
	margin-bottom: 0;
	border-bottom: dotted 1px #262626;
	line-height: 1em!important;
}

.contract-cost p i {
	font-size: 0.6em;
}


.contract-cost p span {
	font-size: 0.6em;
	font-weight: 300;
	margin-left: -0.3em;
}

.green-head {
	position: relative;
	text-align: center;
	color: #fff;
	background: -moz-linear-gradient(left, #92cc3e, #81c12f, #79b229);
	background: -webkit-linear-gradient(left, #92cc3e, #81c12f, #79b229);
	background: linear-gradient(to right, #92cc3e, #81c12f, #79b229);
}

.green-head:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #79b229;
}

.green-head:after {
	display: none;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #79b229;
}

.yellow-head {
	position: relative;
	text-align: center;
	color: #fff;
	background: -moz-linear-gradient(left, #ffbd48, #f7b243, #efa937);
	background: -webkit-linear-gradient(left, #ffbd48, #f7b243, #efa937);
	background: linear-gradient(to right, #ffbd48, #f7b243, #efa937);
}

.yellow-head:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #efa937;
}

.yellow-head:after {
	display: none;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #efa937;
}

.red-head {
	position: relative;
	text-align: center;
	color: #fff;
	background: -moz-linear-gradient(left, #f97f75, #f47362, #ed675d);
	background: -webkit-linear-gradient(left, #f97f75, #f47362, #ed675d);
	background: linear-gradient(to right, #f97f75, #f47362, #ed675d);
}

.red-head:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #ed675d;
}

.red-head:after {
	display: none;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ed675d;
}

.purple-head {
	position: relative;
	text-align: center;
	color: #fff;
	background: -moz-linear-gradient(left, #d191d8, #c87ece, #b974c1);
	background: -webkit-linear-gradient(left, #d191d8, #c87ece, #b974c1);
	background: linear-gradient(to right, #d191d8, #c87ece, #b974c1);
}

.purple-head:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #b974c1;
}

.purple-head:after {
	display: none;
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #b974c1;
}

@media (max-width:850px){
	
	.contract-block {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	
	.contract-item {
		display: block;
		width: 48%;
		margin-bottom: 4%;
	}
	
	.contract-head {
		width: 100%;
		height: 120px;
		position: relative;
		align-items: center;
	}
	
	.contract-head p {
		margin-top: 10px;
	}
	
	.green-head {
		background: -moz-linear-gradient(top, #92cc3e, #81c12f, #79b229);
		background: -webkit-linear-gradient(top, #92cc3e, #81c12f, #79b229);
		background: linear-gradient(to bottom, #92cc3e, #81c12f, #79b229);
	}

	.green-head:before {
		display: none;
	}
	
	.green-head:after {
		display: block;
	}
	
	.yellow-head {
		background: -moz-linear-gradient(top, #ffbd48, #f7b243, #efa937);
		background: -webkit-linear-gradient(top, #ffbd48, #f7b243, #efa937);
		background: linear-gradient(to bottom, #ffbd48, #f7b243, #efa937);
	}
	
	.yellow-head:before {
		display: none;
	}
	
	.yellow-head:after {
		display: block;
	}
	
	.red-head {
		background: -moz-linear-gradient(top, #f97f75, #f47362, #ed675d);
		background: -webkit-linear-gradient(top, #f97f75, #f47362, #ed675d);
		background: linear-gradient(to bottom, #f97f75, #f47362, #ed675d);
	}
	
	.red-head:before {
		display: none;
	}
	
	.red-head:after {
		display: block;
	}
	
	.purple-head {
		background: -moz-linear-gradient(top, #d191d8, #c87ece, #b974c1);
		background: -webkit-linear-gradient(top, #d191d8, #c87ece, #b974c1);
		background: linear-gradient(to bottom, #d191d8, #c87ece, #b974c1);
	}
	
	.purple-head:before {
		display: none;
	}
	
	.purple-head:after {
		display: block;
	}
	
	.contract-contents {
		flex-wrap: wrap;
		flex-direction: column;
		width: 100%;
		height: calc(100% - 120px);
		padding: 30px 15px 30px 15px;
	}
	
	.contract-work {
		width: 100%;
	}
	
	.contract-work p {
		font-size: 0.9em;
	}
	
	.contract-cost {
		width: 100%;
		text-align: center;
		padding-top: 1em;
		margin-top: auto;
	}

}

@media (max-width:600px){
	
	.contract-block {
		display: block;
		max-width: 400px;
		margin: auto;
	}
	
	.contract-item {
		width: 100%;
	}
	
	.contract-head {
		height: 95px;
	}
	
}




.white-room{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	position: relative;
	background-color: #fff;
	padding: 5% 0;
}

.white-room-sub{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	position: relative;
	background-color: #fff;
	padding: 10% 0 5% 0;
}

.f7-room{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	position: relative;
	background-color: #f7f7f7;
	padding: 5% 0;
}

.srv-room{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	position: relative;
	color: #fff;
	padding: 5% 0;
	background-image:url("../images/srv_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.map-room{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	position: relative;
	background-color: #1390ae;
	color: #fff;
	padding: 5% 0 2% 0;
	background-image:url("../images/map_room_bg.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
}

.form-room{
	width:100%;
	margin:0 auto;
	color: #fff;
	overflow:hidden;
	text-align:center;
	position: relative;
	padding: 5% 0;
	background-image:url("../images/form_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.flow-box {
	position: relative;
	margin: auto;
	margin-bottom: 55px;
	width: 100%;
	max-width: 600px;
	min-height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap
    flex-wrap: wrap;
	filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.2))!important;
}

.flow-box:after{
	content: "";
	position: absolute;
	bottom: -35px;
	left: 49.2%;
	margin-left: -17px;
	border: solid transparent;
	border-top: solid #18a0ba;
	border-width:40px 20px 0px 20px;
	z-index: 10;
}

.flow_end:after{
	content:none!important;
}

.flow-box-left {
	display: flex;
	align-items: center;
	width: 30%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.merit-num {
	font-weight: 800;
	font-size: 2.7em!important;
	line-height: 1em!important;
}

.flow-box-right {
    background-color: #18a0ba;
	color: #fff;
	text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	width: 70%;
	padding: 15px 20px 7px 20px;
}

.flow-box-right ul li {
	width: 100%;
	display: inline-block;
}

.flow-right-tit {
    display: inline-block;
	font-weight: 700;
	font-size: 1.2em;
	letter-spacing: 0.1em;

}

.flow-right-txt {
    display: block;
	font-weight: 300;
	line-height: 1.4em;
	margin-top: 5px;
}

.flow-right-tell {
    font-size: 2.2em;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	margin: 0;
	padding: 0;
	display: block;
	line-height: 1em;
	letter-spacing: 0.01em;
	margin-top: 5px;
	margin-bottom: 1px;
}



@media (max-width:480px){
	
	
	.flow-box-left {
	display: none;
}



.flow-box-right {
	width: 100%;
	
}
	
	.flow-right-tit {
    display: inline-block;
	text-align: center;
		margin-bottom: 10px;

}

}









.tit_box {
	position: relative;
	display: inline-block;
	margin: 0;
	margin-bottom: 40px;
	padding: 20px 10px;
	width: 100%;
	background: #FFF;
	border: solid 5px #f47362;
	box-sizing: border-box;
}

.tit_box:before{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 51%;
	margin-left: -15px;
	border: solid transparent;
	border-top: solid #FFF;
	border-width:28px 8px 3px 8px;
	z-index: 2;
}

.tit_box:after{
	content: "";
	position: absolute;
	bottom: -30px;
	left: 51%;
	margin-left: -17px;
	border: solid transparent;
	border-top: solid #f47362;
	border-width:30px 10px 0px 10px;
	z-index: 1;
}

.tit_box_2 {
	position: relative;
	display: inline-block;
	margin: 0;
	margin-bottom: 40px;
	padding: 22px 10px;
	width: 100%;
	color: #fff;
	background: #f47362;
	box-sizing: border-box;
}

.tit_box_2:after{
	content: "";
	position: absolute;
	bottom: -30px;
	left: 51%;
	margin-left: -17px;
	border: solid transparent;
	border-top: solid #f47362;
	border-width:30px 10px 0px 10px;
	z-index: 1;
}


.tit_box_3 {
	position: relative;
	display: inline-block;
	margin: 0;
	margin-bottom: 40px;
	padding: 15px 20px;
	background: #FFF;
	border: solid 5px #f47362;
	box-sizing: border-box;
}

.tit_box_3:before{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 51%;
	margin-left: -15px;
	border: solid transparent;
	border-top: solid #FFF;
	border-width:28px 8px 3px 8px;
	z-index: 2;
}

.tit_box_3:after{
	content: "";
	position: absolute;
	bottom: -30px;
	left: 51%;
	margin-left: -17px;
	border: solid transparent;
	border-top: solid #f47362;
	border-width:30px 10px 0px 10px;
	z-index: 1;
}


.tit_box_h3 {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 0;
	margin-bottom: 30px;
	padding: 15px 25px;
	background: #FFF;
	color: #262626;
	border: solid 2px #f47362;
	box-sizing: border-box;
}


@media (max-width:480px){
	.tit_box {
		margin-bottom: 40px;
		padding: 15px 8px;
	}
	
	.tit_box_2 {
		margin-bottom: 40px;
		padding: 15px 8px;
	}

}

.tit_box_flow {
	position: relative;
	display: inline-block;
	margin: 0;
	margin-bottom: 50px;
	padding: 18px 5px 16px 5px;
	width: 100%;
	color: #f47362;
	border: solid 4px #f47362;
	box-sizing: border-box;
	border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
}

.tit_box_flow:after{
	content: "";
	position: absolute;
	bottom: -40px;
	left: 50%;
	margin-left: -30px;
	border: solid transparent;
	border-top: solid #febfb6;
	border-width:20px 30px 0px 30px;
	z-index: 1;
}

.tit_box_flow  span{
	font-size: 1.2em;
	font-weight: 500;
	display:inline-block;
}

.tit_box_flow p{
	margin: auto;
	margin: 4px 0 0 0;
	display: inline-block;
	line-height: 1.5em!important;
	font-size: 0.9em;
	width: 90%;
}

.tit_box_flow p span{
	display: inline-block;
	font-weight: inherit;
	font-size: 1em;
}

.mb-auto{
	margin: auto;
}

.request_flow {
	position: relative;
	display: inline-block;
	margin: 0;
	margin-bottom: 50px;
	padding: 5% 5%;
	width: 100%;
	color: #f47362;
	border: solid 4px #f47362;
	box-sizing: border-box;
	border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

.request_flow:after{
	content: "";
	position: absolute;
	bottom: -40px;
	left: 50%;
	margin-left: -30px;
	border: solid transparent;
	border-top: solid #febfb6;
	border-width:20px 30px 0px 30px;
	z-index: 1;
}

.req_flow_lft{
	display: inline-block;
	width: 40%;
	margin-right: 3%;
}

.req_flow_rgt{
	display: inline-block;
	width: 55%;
	text-align: left;
	vertical-align: middle;
}


.request_flow  span{
}

.request_flow p{
	line-height: 1.5em!important;
	font-size: 1.1em;
	font-weight: 600;
	color: #262626;
}

.request_flow span{
	display: inline-block;
}

.call-num {
	font-size: 2.5em!important;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	display: block;
	color: #f47362!important;
	line-height: 1em;
	margin-top: -7px;
	margin-bottom: -5px;
}


@media (max-width:480px){
	
	.tit_box_flow {
		padding: 15px 7px 13px 7px;
		border-radius: 25px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
	}
	
	.tit_box_flow  span{
		font-size: 1.05em;
	}
	
	.tit_box_flow p{
		font-size: 0.8em;
		width: 10s0%;
	}
	
	.fs-flow {
		font-size: 0.9em!important;
	}
	
	.req_flow_lft{
		display: block;
		text-align: center;
		width: 100%;
		margin-right: 0;
	}
	.req_flow_lft img{
		margin: auto;
		max-width: 160px;
		margin-bottom: 3%;
	}

.req_flow_rgt{
	display: block;
	width: 100%;
	text-align: center!important;
	vertical-align: middle;
}


	
}

.who-flow{
	width: 100%!important;
}

.who-flow table{
	word-break: break-all;
	word-wrap: break-all;
}

.who-flow td{
	max-width: 800px;
	padding: 0 20px;
}

.who-flow th{
	width: 37px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2em;
	font-weight: 500;
	border: solid 3px;
	border-color: #fff;
}

.bgc-flow-y {
	border-color: #ffbd48!important;
	background-color: #ffbd48;
	color: #fff;
}

.bgc-flow-g {
	border-color: #81c12f!important;
	background-color: #81c12f;
	color: #fff;
}

.bgc-flow-bg {
	border-color: #31bcb2!important;
	background-color: #31bcb2;
	color: #fff;
}

.bgc-flow-end {
	border-color: #31bcb2!important;
	color: #31bcb2;
}

.bgc-flow-th {
	border-color: #ffbd48!important;
	color: #ffbd48;
}


.blog-tit {
	width: 100%;
	text-align: left;
	position: relative;
	display: inline-block;
	margin: 40px 0;
	padding: 15px 20px;
	background: #FFF;
	border: solid 5px #f47362;
	box-sizing: border-box;
}

.blog-navi {
	width: 100%;
	text-align: left;
}

.blog-navi li {
	float: left;
	border: solid 2px #f47362;
	padding: 6px 12px;
	margin: 0 5px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	font-size: 1.1em;
}

.blog-navi li span{
	font-weight: 500;

}

.navi-arw {
	padding: 6px 0!important;
	border-width: 0!important;
	font-size: 1.2em;
	font-weight: 500;
}




.call-box{
	display: block;
	text-align: center;
	background-color: #fff;
	padding: 23px 20px 20px 20px;
	letter-spacing: 0.1em;
}

.call-box span {
	font-size: 0.9em;
	display: block;
	line-height: 1.3em;
}

.call-box p {
	font-size: 2.7em;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	margin: 0;
	padding: 0;
	display: block;
	line-height: 1em;
	letter-spacing: 0.01em;
	margin-top: -7px;
	margin-bottom: -5px;
}
}

@media (max-width:990px){
	.call-box p {
		font-size: 2.2em;
	}
}

@media (max-width:840px){
	.call-box p {
		font-size: 1.9em;
	}
}

@media (max-width:768px){
	.call-box p {
		font-size: 2.5em;
	}
}

@media (max-width:650px){
	.call-box p {
		font-size: 2em;
	}
}

@media (max-width:520px){
	.call-box p {
		font-size: 1.8em;
	}
}

@media (max-width:480px){
	.call-box p {
		font-size: 2.8em;
	}
}

.qa-que table {
	filter: drop-shadow(4px 4px 1px rgba(0,0,0,0.2));
}


.qa-que tr {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.qa-que td {
	max-width: 100%;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	padding: 12px 15px;
	font-weight: 400;
	font-size: 1em;
	background-color: #fff;
}

.qa-asw tr {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.qa-asw td {
	max-width: 100%;
	background-color: #fff;
	vertical-align: middle;
	text-align: left;
	padding: 15px 10.5px 15px 15px!important;
}

.qa-icon {
	width: 50px!important;
	min-height: 30px;
	vertical-align: middle;
	display: table-cell;
	font-size: 1.5em!important;
	font-weight: 700;
	letter-spacing: 0;
	font-family: 'M PLUS 1p', sans-serif;
	text-align: center!important;
	background: -moz-linear-gradient(top, #0f838d, #036875, #025e6a);
	background: -webkit-linear-gradient(top, #0f838d, #036875, #025e6a);
	background: linear-gradient(to bottom, #0f838d, #036875, #025e6a);
}

.qa-icon-a {
	color: #fff;
	font-weight: 500!important;
	background: -moz-linear-gradient(top, #1daabc, #18a0ba, #1497a8);
	background: -webkit-linear-gradient(top, #1daabc, #18a0ba, #1497a8);
	background: linear-gradient(to bottom, #1daabc, #18a0ba, #1497a8);
}


.bt_open {
	width: 90px;
	margin: 0 auto;
	margin-bottom: 10px;
}

@media (max-width:480px){
	.qa-que td {
		font-size: 1em;
		line-height: 1.4em;
	}
	
}

.ofc-tit {
	display: block;
	border: solid #f47362;
	border-width: 1.5px 0 1.5px 0;
	width: 150px;
	margin: 0 auto;
	color: #fff;
	padding: 10px 0;
	margin-bottom: 30px;
	font-weight: 500!important;
}

.ofc-his {
	display: inline-block;
	text-align: center;
}

.ofc-his tr {
	display: table;
	table-layout: fixed;
}

.ofc-his td {
	vertical-align: middle;
	text-align: left;
	padding: 5px 0 5px 7px!important;
}

.ofc-his-left {
	width: 6em;
	text-align: right!important;
	font-size: 1em;
	font-weight: 500;
	color: #fff;
	vertical-align: top!important;
}

.ofc-his-center {
	width: 1.5em;
	font-size: 1.1em;
	font-weight: 700;
	color: #fff;
	vertical-align: top!important;
}

.ofc-his-right {
	width: calc(100% - 7.5em);
	padding-left: 0px!important;
	vertical-align: top!important;
}

@media (max-width:480px){
	
	.ofc-his-left {
		width: 7em;
		font-size: 0.95em;
		white-space: nowrap;
	}
	
	.ofc-his-center {
		width: 2em;
	}
	
	.ofc-his-right {
		width: calc(100% - 9em);
	}
	
}





.btn-middle{
	display: block;
	text-align: center;
	font-size: 1.2em;
	padding: 18px 10px;
	width: 100%;
	font-weight: 700;
	letter-spacing: 0.15em;
}

.btn-middle-sw{
	display: block;
	text-align: center;
	font-size: 1.2em;
	padding: 18px 10px;
	width: 90%;
	margin: 0 auto;
	font-weight: 700;
	letter-spacing: 0.15em;
}

.btn-middle-280{
	display: block;
	text-align: center;
	font-size: 1.2em;
	padding: 18px 10px;
	width: 280px;
	margin: 0 auto;
	font-weight: 700;
	letter-spacing: 0.15em;
}

@media (max-width:480px){
	
	.btn-middle-sw {
		font-size: 1em;
		padding: 12px 5px;
	}
	.btn-middle-280 {
		font-size: 1em;
		padding: 12px 5px;
	}

}

.map-box {
	width:100%;	
}

.map-box p {
	font-weight: 500;
}


.map {
	width:100%;
	height:320px;
	margin: 0;
	box-sizing:border-box;
	overflow:hidden;
}

.prof-photo {
	width:100%;
	height:280px;
	margin: 10px 0;
	box-sizing:border-box;
	overflow:hidden;
	position: relative;
	border: solid 2px #f47362;
	background-image:url("../images/idx_prof.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.side-link {
	width:100%;
	margin-top: 20px;
	padding-bottom: 10px;
	display: inline-block;
	border-bottom: dotted 2px #f47362;
	font-size: 1.3em;
	font-weight: 700;
	color: #f47362;
}

.side-link img {
	width:45px;
	margin-right: 5px;
}

.br-ct {
	display: inline-block;
}

.ex2-discont {
	width:100%;
	padding: 0px;
	margin:0px auto;
	text-align: left;
}

.ex2-discont ul{
	text-align: left;
}

.ex2-discont ul li {
	display: block;
	width: 100%;
	vertical-align: top;
	margin-bottom: 20px;
}

.ex2-discont ul li img {
	display: inline-block;
	width: 20%;
	margin: 0 4% 0 0;
	vertical-align: top;
}

.ex2-discont ul li p {
	display: inline-block;
	width: 74%;
	margin-top: 2%;
}

.ex2-discont ul li span {
	display: block;
	font-size: 1.1em;
	font-weight: 700;
	margin: 0;
	margin-top: 15px;
	line-height: 0;
}
@media (max-width:480px){
	
	.ex2-discont ul{
	text-align: left;
	display: inline-block;
	margin-right: -20px;
	}
	
	.ex2-discont ul li {
	display: inline-block;
	width: 44%;
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
	.ex2-discont ul li img {
	display: block;
	width: 80%;
	margin: 0 auto;
	}
	
	.ex2-discont ul li p {
	width: 100%;
	}
	
	.ex2-discont ul li span {
	text-align: center;
	font-size: 1em;
	line-height: 1.3em;
	}
}

.blog-zone {
	width:100%;
	padding:0;
	padding: 15px 20px 20px 20px;
	text-align:left;
	border: dotted 1px #f47362;
	margin-bottom: 20px;
}

.blog-zone h4 {
	font-size: 1.3em;
}

.blog-zone span {
	display: block;
	color: #f47362;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
	font-size: 1.1em;
	margin-bottom: 1em;
}

.blog-zone-2 {
	width:100%;
	padding:0;
	padding: 15px 20px 20px 20px;
	text-align:left;
	border: solid 3px #f47362;
	margin-bottom: 20px;
}

.tell-case {
	width:100%;
	padding:0;
	padding: 25px 20px 25px 20px;
	text-align:left;
	border: dotted 1px #f47362;
	margin-bottom: 20px;
}

.tell-case span {
	display: block;
	color: #f47362;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 2.6em;
	letter-spacing: 0.02em;
}
.tell-case p {
	display: block;
	margin: 0;
	padding: 0;
}

.tell-case img {
	width: 280px;
}

.flow-pic {
	width: 470px;
}

.point {
	width: 100%;
	display: block;
	text-align: left;
	margin-bottom: -10px;
}
.point_icn {
	float: left;
	font-size: 1.1em!important;
	display: block;
	line-height: 1.8em;
	margin-right: 5px;
	height: 23px;
	width: auto;
}
.point_icn img {
	width: 23px;
}
.point_txt {
	font-size: 1em!important;
	display: block;
	line-height: 1.8em;
	height: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
}


.pofm {
	width: 100%;
	display: block;
	text-align: left;
	margin-bottom: -10px;
}
.pofm_icn {
	float: left;
	font-size: 1.1em!important;
	display: block;
	line-height: 1.5em;
	margin-right: 5px;
	height: 23px;
	width: auto;
}
.pofm_icn input {
	vertical-align:text-top;
}
.pofm_txt {
	font-size: 1em!important;
	display: block;
	line-height: 1.5em;
	height: 100%;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: left;
}



.item {
	width: 100%;
	display: block;
	text-align: left;
}
.item_top {
	float: left;
	font-size: 0.9em!important;
	font-weight: 500!important;
	display: block;
	line-height: 1.5em;
	margin-right: 2px;
	height: 23px;
	width: auto;
}
.item_top img {
	width: 23px;
}
.item_txt {
	font-size: 0.9em!important;
	display: block;
	line-height: 1.5em;
	height: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
}


.srv-guide {
	width: 100%;
}

.srv-guide td {
	border: solid 1.5px #1497a8;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
}
.srv-guide th {
	border: solid 1.5px #1497a8;
	background-color: #036875;
	color: #fff;
	text-align: center;
	padding: 10px 5px;
	vertical-align: middle;
}

.grah-p1 {
	width: 100%;
	font-size: 0.9em;
}

.grah-p1 td {
	border: solid 1px #ccc;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
}
.grah-p1 th {
	border: solid 1px #ccc;
	background-color: #f47362;
	color: #fff;
	text-align: center;
	padding: 10px 5px;
	vertical-align: middle;
}

.grah-p1 dd {
	color: #f47362;
	font-weight: 500;
}

.grah-p1 span {
	display: inline-block;
}


.grah-notice ul {
	list-style-type: none;
	text-align: left;
	margin-bottom: -7px;
}
.grah-notice li{
	margin: 3px 0;
    padding-left: 1em;
    text-indent: -1em;
	line-height: 1.5em;
	margin-bottom: 7px;
  }
.grah-notice ul li:before {
	font-size: 1.1em;
	font-weight: 900;
	display: inline;
	content: "・";
	margin-right: -0.5em;
}

.notice-common ul {
	list-style-type: none;
	text-align: left;
}
.notice-common li{
	margin: 3px 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
	line-height: 1.5em;
	margin-bottom: 7px;
  }
.notice-common ul li:before {
	font-size: 1em;
	display: inline;
	content: "※";
	margin-right: -0.2em;
}

.notice-common span {
	font-weight: 500;
	color: #f47362;
}

@media (max-width:480px){
	
	.grah-p1 {
		font-size: 0.85em;
	}
	
	.grah-p1 td {
		padding: 5px;
	}
	.grah-p1 th {
		padding: 5px 5px;
	}

}


.ev-pro {
	max-width:100%;
	padding: 10px 15px;
	background-color: #036875;
	color: #fff;
}
.ev-val {
	max-width:100%;
	text-align: left;
	letter-spacing: 0.1em;
	padding: 15px 25px 15px 25px;
	border-width: 0 1px 0px 1px;
	border-style: solid;
	border-color: #036875;
	line-height: 2em;
	color: #262626;
}


.ev-val input {
	margin: 5px 0 5px 0;
}

.input-wide {
	width: 80%;
}

.ev-val label {
	font-weight: 400;
}
.val-end {
	max-width:100%;
	text-align: left;
	letter-spacing: 0.1em;
	padding: 15px 25px 15px 25px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #036875;
}

.val-end textarea {
	width: 100%;
}





@media (max-width:480px){
	.srv-guide {
		font-size: 0.9em;
	}
	
	.input-wide {
		width: 100%;
	}
}


.wide-5pc {
	width: 5%;
}

.wide-10pc {
	width: 10%;
}

.wide-15pc {
	width: 15%;
}

.wide-20pc {
	width: 20%;
}

.wide-22pc {
	width: 22%;
}

.wide-30pc {
	width: 30%;
}

.wide-40pc {
	width: 40%;
}

.wide-45pc {
	width: 45%;
}

.wide-50pc {
	width: 50%;
}

.wide-60pc {
	width: 60%;
}

.wide-70pc {
	width: 70%;
}

.wide-80pc {
	width: 80%;
}

.wide-90pc {
	width: 90%;
}



.contents-box{
	width:100%;
	padding:0;
	text-align: center;
	margin:0px auto;
}

.contents-logo {
	width: 130px;
	text-align: center;
	margin: 0 auto;
}

.contents-logo-trial {
	width: 150px;
	text-align: center;
	margin: 0 auto;
}

.ex5-srv{
	width:100%;
	padding: 0px;
	margin:0px auto;
	line-height: 20px;
	text-align: left;
}

.ex5-srv ul{
	padding: 0px;
	max-width:100%;
	margin-left: 5%;
	display: block;
	margin-bottom: -30px;
}

.ex5-srv ul li{
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	width: 14.6%;
	margin-right: 5%;
	margin-bottom: 30px;
}

.ex5-srv img{
	box-sizing:border-box;
}

.ex5-srv span{
	display:table;
	width: 100%;
	height: 50px;
	text-align: center;
	margin-top: 15px;
}

.ex5-srv dd{
	display: table-cell;
    vertical-align: middle;
	line-height: 1.8em;
	color: #333;
	font-size: 0.9em;
	font-weight: 600;
}

.ex4-top{
	width:100%;
	padding: 0px;
	margin:0px auto;
	line-height: 0px;
	text-align: left;
	border-bottom:solid 2px #ffbd48;
	background:url("../images/top_bg.png") #000;
	background-attachment: fixed;
}

.ex4-top ul{
	padding: 0px;
	max-width:100%;
	display: block;
	padding: 0;
	margin: 0;
}

.ex4-top ul li{
	display: inline-block;
	width: 25%;
}

.ex4-top img{
	box-sizing:border-box;
}

.ex4-top  img {
	filter:alpha(opacity=70); /* IE 6,7*/
	-ms-filter: "alpha(opacity=75)"; /* IE 8,9 */
	-moz-opacity:0.75; /* FF , Netscape */
	-khtml-opacity: 0.75; /* Safari 1.x */
	opacity:0.75;
	zoom:1; /*IE*/
}

.ex3-conte {
	padding: 0px;
	margin:0px auto;
	text-align: left;
	display: inline-block;
	margin: auto;
}

.ex3-conte ul{
	padding: 0px;
	margin-left: 4%;
	display: inline-block;
	margin-bottom: -2%;
}

.ex3-conte ul li{
	display: inline-block;
	vertical-align: top;
	line-height: 1.4em;
	min-height: 1.5em;
	padding: 0px;
	padding-left: 30px;
	width:29.333%;
	margin-right: 4%;
	margin-bottom: 2%;
	text-align: center;
	color: #fff;
	text-align: left;
	font-size: 1em;
	background-image:url("../images/head_catch.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 22px;
}

.ex3-conte ul li img{
	display: block;
	margin-bottom: 4%;
}


@media (max-width:600px){
	
	.ex3-conte {
	margin-bottom: 5%!important;
}
	
	.ex3-conte ul li {
		width:45%;
		margin-right: 5%;
	}
	
	
}





.ex3-fear{
	width:100%;
	padding: 0px;
	margin:0px auto;
	line-height: 20px;
	text-align: center;
}

.ex3-fear ul{
	padding: 0px;
	max-width:100%;
	margin-left: 5%;
	display: block;
}

.ex3-fear ul li{
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	width:27.8%;
	margin-right: 5%;
	margin-bottom: 30px;
}

.ex3-fear ul li img{
	box-sizing:border-box;
	display: block;
	width: 70%;
	text-align: center;
	margin: 0 auto;
}

.ex3-fear span{
	display:table;
	width: 100%;
	height: 50px;
	text-align: center;
	margin-top: 15px;
}

.ex3-fear span dd{
	display: table-cell;
    vertical-align: middle;
	line-height: 1.8em;
	color: #333;
	font-size: 1em;
	font-weight: 600;
}

.ex3-fear span dd div{
	display: inline-block!important;
}

.ex3-fear p{
	font-size:  0.9em;
	line-height: 1.8em;
}

======
.ex2-trial-plan{
	width:100%;
	padding: 0px;
	margin:0px auto;
	line-height: 20px;
	text-align: center;
}

.ex2-trial-plan ul{
	padding: 0px;
	max-width:100%;
	margin-left: 1%;
	display: block;
}

.ex2-trial-plan ul li{
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	width:47%;
	margin: 0% 1%;
	margin-bottom: 30px;
}

.ex2-trial-plan ul li img{
	box-sizing:border-box;
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.ex2-trial-plan span{
	display:table;
	width: 100%;
	height: 50px;
	text-align: center;
	margin-top: 15px;
	line-height: 1.8em;
	color: #333;
	font-size: 1em;
	font-weight: 600;
}




.trial_value{
	max-width:650px;
	padding:20px 0px 20px 0px;
	text-align: left;
	margin:0px auto;
}

.trial_tit{
	float: left;
	font-size: 1.2em;
	font-weight: 600;
	margin-left: 12px;
}

.trial_tit span{
	letter-spacing: 0.2em;
	display:inline-block;
	width: 130px;
	padding: 10px 0 10px 4px;
	background-color: #ffbd48;
	color: #fff;
	text-align: center;
}

.trial_tit dd{
	font-size: 1.5em;
	display: inline;
	padding: 10px 15px 10px 10px; 
	color: #ffbd48;
}


.trial_thing{
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: 12px;
	overflow: hidden;
	padding: 7px 0 10px 4px;
	letter-spacing: 0.2em;
}

.trial_thing span{
	letter-spacing: 0.1em;
	font-size: 1.5em;
	font-weight: 600;
}


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

-------CHECKER-------

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

.conte_left{
	float:left;
	width: 50%;
}
.conte_right{
	float:right;
	width: 50%;
}

.conte_photo1{
	width: 100%;
	height:450PX;
	background-image:url("../images/contents_01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	}

.conte_photo2{
	width: 100%;
	height:450PX;   
	background-image:url("../images/contents_02.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	}

.conte_txt{
	width: auto;
	height:450PX;
	background: #fff;
	padding: 10% 7%;
	text-align: center;
	display:table;
	color: #333;
}

.conte_txt p{
	text-align: left;
	margin-bottom: 45px;	
}

.conte_txt h3 {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 40px;
	font-size: 22px;
	font-weight: 600;
}

/*-------------------
---------------------
---------------------
-----CHECKER_END-----
---------------------
---------------------
-------------------*/


@media (max-width:950px){

	.ex5-srv ul{
	margin-left: 5%;
	margin-bottom: -30px;
	}
	.ex5-srv ul li{
	width: 19.5%;
	margin-right: 5%;
	margin-bottom: 30px;
	}
}

@media (max-width:767px){

	.conte_left{
		float:none;
		width: 100%;
	}
	.conte_right{
		clear: both;
		float:none;width: 100%;
	}
	.conte_photo1{
		height: 250px;
	}
	.conte_photo2{
		height: 250px;
	}	

	.ex5-srv ul{
		margin-left: 9%;
		margin-bottom: -30px;
	}

	.ex5-srv ul li{
		width: 23.7%;
		margin-right: 9%;
		margin-bottom: 30px;
	}

	.ex3-conte ul li{
		width:44%;
	}
	.ex3-fear ul li{
		width:44%;
	}
	.ex4-top ul li{
		width: 50%;
	}
}


@media (max-width:480px){
	
	.ex5-srv ul{
		margin-left: 8%;
		margin-bottom: -20px;
	}
	.ex5-srv ul li{
		width: 41%;
		margin-right: 8%;
		margin-bottom: 20px;
	}

	.ex3-conte ul li{
		width:94.5%;
	}
	
	.ex3-conte ul li img{
		width: 50%;
	}
	.ex3-fear ul li{
		width:94.5%;
	}
	
	.ex3-fear ul li img{
		width: 50%;
	}

}

.rec-bnr {
	width: 100%;
	max-width: 550px;
	display: inline-block;
	margin: auto;
}