@charset "utf-8";
/* CSS Document */

#service br.spon{
	display: none;
}

#service .layout_03 .txt{
	line-height: 1.8em;
}

#service .head h2.ttl + p{
	font-size: 1.8em;
	font-weight: bold;
}


/* member
----------------*/
#service section.member{
    overflow: hidden;
	position: relative;
}

#service .member_wrap {
    position: relative;
}

#service .member .img_box {
    margin: 0 auto;
    width: 692px;
    margin-bottom: 100px;
}

#service .member .img_box img{
	margin-left: 260px;
	/*margin-top: 50px;*/
}

#service .member .img_box img.spon{
    display:none;
}

#service .member .txt_box {
    position: absolute;
    width: 400px;
	right: 50%;
    text-align: center;
	margin: 0 auto 50px;
}

#service .member .txt_box p {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
}

#service .member .txt_box p i {
    font-style: italic !important;
}

#service section.member:before {
    content: '';
    position: absolute;
    top: 30%;
    left: -15%;
    width: 130%;
    height: 52%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    /*background: #f2f2f3;*/
	background: -moz-linear-gradient(90deg, #f2f2f3 0%, #ccc 100%);
	background: -webkit-linear-gradient(90deg, #f2f2f3 0%,#ccc 100%);
	background: linear-gradient(0deg, #f2f2f3 0%,#ccc 100%);
    z-index: -3;
}

#service section.member:after {
    content: '';
    position: absolute;
    top: 61%;
    left: -15%;
    width: 130%;
    height: 15%;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    background: #d3d3d3;
    z-index: -2;
	display: none;
}



#service .layout_02{
	padding: 0;
}
#service .layout_02 .row .col-xs-4,
#service .layout_02 .row .col-xs-6{
	padding: 0 20px;
}
#service .layout_02 .txt_wrap > p{
	font-size: 16px;
	line-height: 1.5em;
}

#service .layout_03 .left_img > p.img{
	width: 216px;
	position: absolute;
	top: 0;
	right: 0;
}

#service .layout_03 .left_img > p.img .name{
	display: inline-block;
	margin-top: 5px;
	font-weight: bold;
	color: #00A1E0;
}

#service .detail_img .detail_txt p.btn_radius{
	position: relative;
	bottom: 0;
}

#service .detail_img .detail_txt p.btn_radius a{
	color: #fff;
	border-color: #fff;
}

@media screen and (max-width:767px){
#service br.spon{
	display: inline;
}

#service .head .ttl_03{
	font-size: 5.5vw;
	text-align: center;
}

#service .head h2.ttl + p{
	font-size: 5.5vw;
}

	
/* member
----------------*/
#service .member .img_box img{
    margin: 0;
    width:100%;
}

#service .member .img_box img.pcon{
    display: none;
}

#service .member .img_box img.spon{
    display: block;
    width:100%;
}

#service .member .txt_box{
    position:relative;
    right: 0;
    width: 90%;
    margin: 0 auto 25px;
}

#service .member .txt_box p{
   font-size:5.5vw;
}

#service .member .img_box{
    width: 90%;
    margin-bottom:20%;
}

#service .member .txt_box p{
    font-size: 5.5vw;
}

#service section.member:before{
    top:53%;
    height:34%;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
#service section.member:after{
    top:55%;
    height:15%;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
	display: none;
}

#service .member_wrap:after {
    content: '';
    position: absolute;
    top: 85%;
    left: -15%;
    width: 130%;
    height: 15%;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(-20deg);
    background: #f2f2f3;
    z-index: -2;
	display: none;
}



#service .layout_02 .row .replace .txt_wrap{
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

#service .layout_02 .row .replace .txt{
	order:1;
	-webkit-order:1;
	text-align: center;
	font-size: 3.5vw;
	width: 100%;
}

#service .layout_02 .row .replace .txt_name{
	order:3;
	-webkit-order:3;
}

#service .layout_02 .row .replace .img{
	order:2;
	-webkit-order:2;
	margin-bottom: 20px;
}

#service .detail_txt.align-r{
	text-align: center;
	padding-right: 5%;
}

#service .detail_img .detail_txt.align-r p.btn_radius{
	position: static;
	margin-top: 20px;
}

#service .layout_03 .left_img > p.img {
    width: 90%;
    position: static;
    margin: 0 auto;
    text-align: center;
}

#service .layout_03 .left_img > p.img .name{
	font-size: 5vw;
}

#service .layout_03 .left_img + .txt_box,
#service .layout_03 .left_img + .txt{
	padding: 0;
}

}