﻿
/*-------------------

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

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

.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;
}

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

.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 tr {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.qa-que td {
	max-width: 100%;
	border: solid 2px #f47362;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	padding: 7px 15px;
	font-weight: 500;
	font-size: 1.1em;
}

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

.qa-asw td {
	max-width: 100%;
	border: solid #f47362;
	border-width: 0 2px 2px 2px;
	vertical-align: middle;
	text-align: left;
	padding: 7px 10.5px 9px 15px!important;
}

.qa-icon {
	width: 50px!important;
	min-height: 30px;
	vertical-align: middle;
	display: table-cell;
	font-size: 2em!important;
	font-weight: 700;
	letter-spacing: 0;
	text-align: center!important;
}

.bt_open {
	width: 105px;
	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: #f47362;
	padding: 10px 0;
	margin-bottom: 30px;
	font-weight: 500!important;
}

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

.ofc-his td {
	border: dotted #f47362;
	border-width: 0 0 1px 0;
	vertical-align: middle;
	text-align: left;
	padding: 12px 0 9px 15px!important;
}

.ofc-his-left {
	width: 120px;
	font-size: 1em;
	font-weight: 500;
	color: #f47362;
	vertical-align: top!important;
}

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

.ofc-his-right {
	max-width: 77%;
	padding-left: 35px!important;
	vertical-align: top!important;
}

@media (max-width:480px){
	.ofc-his-left {
		width: 80px;
	}
	
}



.btn-small{
	text-align: center;
	padding: 13px 10px;
	width: 100%;
	font-weight: 700;
	letter-spacing: 0.15em;
}

.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;
	}
	
	.btn-small {
		margin: auto;
	}

}

.map-box {
	width:100%;	
}

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


.map {
	width:100%;
	height:280px;
	margin: 10px 0;
	box-sizing:border-box;
	overflow:hidden;
	border: solid 2px #f47362;
}

.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 #6fa628;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
}
.srv-guide th {
	border: solid 1.5px #6fa628;
	background-color: #f47362;
	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: #f47362;
	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: #f47362;
	line-height: 2em;
}


.ev-val input {
	margin: 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: #f47362;
}

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

input#submit_button {
	width: 220px;
	padding: 15px 0px;
	font-size: 1.1em;
	background: linear-gradient(#FFBD48, #eea82d, #da9214);
	color: #fff;
	border-style: none;
	letter-spacing: 0.15em;
}



@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{
	width:100%;
	padding: 0px;
	margin:0px auto;
	line-height: 20px;
	text-align: left;
}

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

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

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

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

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

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

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


.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:600px){

}

@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%;
	}

}
	