@charset "utf-8";
/* CSS Document */
#main_content img {
	width:100%;
	height:auto;}
#main_content .field .data_box img {
	width: 30%;
}
#content h3{
	width: 50%;
    margin: 5% auto 10%;}

/* =========================================================
	for merrit.php(page/merrit.php) only
========================================================= */
.category_list{
	margin: 5% auto !important;}
.list > a{
	display: block;
    float: left;
	width: 30%;}
.list > a{
    margin: 0 48px 30px 0;}
.list.col2 > a:first-child{
    margin: 0 0px 30px 170px !important;}
.list.col2 > a:last-child{
    margin: 0 180px 30px 0 !important;}



/* == social_care ======================================= */
#social_care_head > img{
	margin:0 auto;
	display:block;}
#social_care_head{
	padding: 10% 0;
	margin:auto;}
#social_care_head h3{
	margin:5% auto 0;
	width:90%;}
#social_care_head h3{
	margin:5% auto 0;
	width:90%;}
/* == estate      ======================================= */
#estate_head{
	padding: 10% 0;}
#estate_head > img{
	margin:0 auto;
	display:block;}
#estate_head h3{
	margin:5% auto 0;
	width:90%;}
/* == underwriter ======================================= */
#underwriter_head{
	padding:5% 0 10%;}
#underwriter_head h3{
	margin:5% auto 0;
	width:100%;}
#underwriter_head img{
	margin:0 auto;
	display:block;}
/* == familly ======================================= */
#familly_head{
	width:100%;
	max-width:1200px;
	margin:auto;
	padding:5% 0 10%;}
#familly_head h3{
	margin:0 auto 5%;
	width:100%;}
#familly_head img{
	margin:0 auto;
	display:block;}
/* =========================================================
	section 1
========================================================= */
#section1{
	background: url(../img/merrit/bg_column_01.jpg) no-repeat 21% bottom #F4F4F4;
    background-size: 385px;
    padding: 30px 0 45px 15%;}
#section1 h4{
	background: url(../img/merrit/excramation.png) no-repeat;
    width: 540px;
    margin: 0px auto 0 380px;
    padding: 25px 0 23px 95px;
    background-size: 74px;}
#section1 ul{
    margin-left: 485px;}
#section1 ul li{
	background: url(../img/merrit/liststyle_check.png);
    background-size: 22px;
    background-position: left top;
    background-repeat: no-repeat;
    padding: 3px 0 0 27px;
    margin-bottom: 7px;}


/* == social_care ======================================= */
#section1.social{
	background:url(../img/merrit/kaigo/bg_column_02.png) no-repeat 21% bottom #F4F4F4;
    background-size: 385px;
    padding: 30px 0 45px 15%;}
#section1.social h4{
    width: 400px;}
/* == estate      ======================================= */
#section1.estate{
	background: url(../img/merrit/estate/bg_column_02.png) no-repeat 15% bottom #F4F4F4;
    background-size: 230px;
    padding: 30px 0 45px 15%;}
#section1.estate h4{	width: 560px;
    margin: 0px auto 0 200px;
    padding: 25px 0 23px 80px;
    background-size: 74px;}
#section1.estate p{
    margin: 15px 0 20px 283px;
    width: 50%;}
/* == underwriter ======================================= */
#section1.underwriter{
	background:url(../img/merrit/underwriter/bg_column_02.png) no-repeat 21% bottom #F4F4F4;
    background-size: 385px;
    padding: 30px 0 45px 15%;}
#section1.underwriter h4{
	width: 400px;
    margin: 0px auto 0 350px;
    padding: 21px 0 23px 85px;
    background-size: 75px;}
#section1.underwriter ul{
    margin-left: 400px;}
/* == underwriter ======================================= */
#section1.familly{
	background:url(../img/merrit/familly/bg_column_02.png) no-repeat 21% bottom #F4F4F4;
    background-size: 280px;
    padding: 40px 0 70px 15%;}
#section1.familly h4{
	width:400px;
	margin-left:365px;}
#section1.familly ul{
	margin-left:460px;}
/* =========================================================
	section 2
========================================================= */
#section2{}
#section2 h4{
	width: 65%;
    margin: 0 auto;
    padding: 88px 0;}
#section2 .col{
	width: 80%;
	margin:0 auto 5%;}
#section2 .reason{
	width: 15%;
    float: left;}
#section2 .reason_desc{
	width: 70%;
    float: left;
    padding: 0 0 0 3%;}
#section2 .reason_desc h5{
	margin:0 0 15px;}
#section2 .reason_desc p{
	font-size:90%;}

/* == social_care ======================================= */
#section2.social{
	padding:50px 0 100px;}
#section2.social h4{
	width:100%;
	max-width:1200px;}
#section2.social p{
	text-align:center;}
/* == estate      ======================================= */
#section2.estate{
	padding:50px 0 100px;}
#section2.estate p{
	text-align:center;}
/* =========================================================
	section 3
========================================================= */
#section3{
	background: url(../img/merrit/bg_column_02.jpg) no-repeat left bottom #fff;
    background-size: cover;}
#section3 > h4 > img{
	margin:auto;
	display:block;}
#section3 .col{
    padding: 65px 30px 0 100px;}
#section3 .col h4{
    margin-bottom:5%;}
#section3 .image{
	float:left;
	width:20%;}
#section3 .desc{
    width: 65%;
    float: left;
    margin-left: 5%;}
#section3 > div > div:nth-child(2) > img{
	width: 16%;
    margin: 10px auto 10px 45%;
    display: block;}
#section3 > div > div:nth-child(2) > p{
	padding: 21px 0 65px 7%;
    text-align: center;
	font-size: 120%;
    font-weight: bold;}

/* == social_care ======================================= */
#section3.social{
	background:url(../img/merrit/kaigo/bg_sec3.jpg) no-repeat left bottom #fff;
	background-size:cover;
	}
#section3.social p{
	color: #fff;
    font-size: 120%;
    font-weight: bold;
    width: 80%;
    margin: 3% auto 6%;
    padding: 1%;
    text-align: center;
    background: #ff9933;}
#section3.social .image{
	position:absolute;
	width:20%;}
#section3.social .desc{
	width:60%;
    margin-left: 33%;}
/* == estate   ====================================== */
#section3.estate{
	background: #F4F4F4 none;
    padding: 5% 0;}
#section3.estate h4{
	max-width:1200px;}
#section3.estate > p{
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    padding: 2% 0 0;}
#section3.estate .col{
	width: 65%;
    margin: 3% auto 0;
	padding:0px;}
#section3.estate .col .desc > p{
    padding: 10px 15px 5px;
	text-align:left;
	font-weight:normal;
	font-size:100%;}
#section3_2.estate h4 > img{
	margin:auto;
	display:block;}
#section3_2.estate{
	padding:5% 0 10%;}
#section3_2.estate img{
	max-width:1200px;}
/*		underwriter =======================================
		familly     ======================================= */
#section3.underwriter,
#section3.familly{
    background: #fff none;
    padding: 7% 0 15%;}
#section3.underwriter .col,
#section3.familly .col{
	width: 65%;
    margin: 0 auto;
	padding:0px;}
#section3.underwriter .col .image,
#section3.familly .col .image{
	width: 10%;
    margin: 0 auto 0;
    padding: 0px 0 0 7%;}
#section3.underwriter .col .desc,
#section3.familly .col .desc{
	width: 70%;
    float: left;
    margin-left: 3%;}
#section3.underwriter .col .desc > p,
#section3.familly .col .desc > p{
	padding: 21px 0 60px 1%;
    text-align: left;
    font-weight: normal;
    font-size: 100%;}
#section3.underwriter > img,
#section3.familly > img{
	width: 825px;
    height:auto;
    display: block;
    margin: 5% auto 0;}
/* =========================================================
	section 4
========================================================= */
#section4{
	background: #c2deeb;}
#section4 .site_wrapp{
    position: relative;
	height: 520px;}
#section4 .desc{
	width: 55%;
    margin: 5% 0 0 38%;}
#section4 .desc > p{
	padding-top:3%;}
#section4 .ancles{
	width: 25%;
    position: absolute;
    left: 15%;
	bottom:0;}
#section4 .fuki01{
	width: 34%;
    position: absolute;
    left: 1%;
    top: -9%;}
#section4 .fuki02{
    width: 13%;
    position: absolute;
    left: 1%;
    bottom: 16%;}
#section4 .fuki03{
	width: 14%;
    position: absolute;
    left: 37%;
    bottom: 33%;}
#section4 .fuki04{
	width: 14%;
    position: absolute;
    right: 33%;
    bottom: 33%;}
#section4 .fuki05{
	 width: 13%;
    position: absolute;
    right: 17%;
    bottom: 33%;}
#section4 .fuki06{
	width: 15%;
    position: absolute;
    left: 42%;
    bottom: 4%;}
#section4 .fuki07{
    width: 14%;
    position: absolute;
    right: 27%;
    bottom: 9%;}
/* =========================================================
	section 4 social_care
========================================================= */
#section4.social .fuki01{
	width: 34%;
    position: absolute;
    left: -4%;
    top: -2%;}
#section4.underwriter .fuki01{
	width: 34%;
    position: absolute;
    left: -2%;
    top: 0%;}
/* =========================================================
	section 5
========================================================= */
#section5{
	position:relative;
	background:#f4f4f4;
	padding-bottom:30px;}
#section5 .col {
	position: relative;
}
#section5 h4{
	width: 40%;
    margin: 8.33% auto 20px 26%;}
#section5 h4:after {
	display: none;
}
#section5 h4:after{
	content: "";
    background: url(../img/merrit/section_image_02.png) no-repeat;
    width: 270px;
    height: 411px;
    position: absolute;
    top: -57.5%;
    right: 17%;
    background-size: 85%;
    z-index: 10;}
#section5 .list{
    border: 3px solid #fb9f33;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 2% 4%;
    width: 760px;
    margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 100;
}
#section5 .kazaiseirishiman{
    width: 255px;
    height: auto;
    position: absolute;
	top: -200px;
    right: 65px;
    background-size: 85%;
    z-index: 10;}
#section5 .list{
    border: 3px solid #fb9f33;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 2% 4%;
    width: 760px;
    margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 100;
}
#section5 p.cate01{background:url(../img/merrit/category_kaigo.png) no-repeat left center;}
#section5 p.cate02{background:url(../img/merrit/category_estate.png) no-repeat left center;}
#section5 p.cate03{background:url(../img/merrit/category_gavege.png) no-repeat left center;}
#section5 p.cate04{background:url(../img/merrit/category_fp.png) no-repeat left center;}
#section5 p.cate05{background:url(../img/merrit/category_estate_pro.png) no-repeat left center;}
#section5 p.cate06{background:url(../img/merrit/category_counted.png) no-repeat left center;}
#section5 p.cate07{background:url(../img/merrit/category_sihou.png) no-repeat left center;}
#section5 p.cate08{background:url(../img/merrit/category_bengo.png) no-repeat left center;}
#section5 p{
    width: 19%;
    float: left;
    height: 2.5em;
    padding:1em 0 0 40px;
	background-size:35px !important;}
#section5 p.line2{
	padding-top: 0px;
    margin-top: 5px;
    line-height: 13px;}

/* =========================================================
	section 6
========================================================= */
#section6{
	position:relative;
	background:#f4f4f4;
	padding:30px 0 0 30px;}
#section6 .col{
	width:85%;
	margin:0 auto;}
#section6 .desc{
    width: 60%;
    padding: 50px 0 50px 50px;}
#section6 .desc h4{
	margin-bottom: 20px;}
#section6 .image{
	width: 19%;
    float: left;
    position: absolute;
    bottom: 0;
    right: 17%;}

/* =========================================================
	section 7
========================================================= */
#section7{
	background:#ff9933;
	padding:20px;}
#section7 h4{
	text-align:center;
	font-weight:bold;
	font-size:130%;
	color:#fff;}
#section7 .list{
	padding:20px 0 20px;
	width:85%;
	margin:0 auto;}
#section7 .list img{
	display: block;
    width: 15%;
    float: left;
    padding: 0 13% 3% 0;
    background: url(../img/common/arrow_gray_right.png) no-repeat 85% 35%;
    background-size: 45px;}
#section7 .list img.lastSide{
    padding-right:0 !important;
	background-image:none;}

/* =========================================================
	section 8
========================================================= */
#section8{
	padding:50px 0 50px;}
#section8 p{
	padding:35px 0 50px;
	text-align:center;}
#section8 .image{
	width:70%;
	margin:0 auto;}
#section8 .image img{
	width:47%;}
#section8 > div > img:nth-child(1){
	float:left;}
#section8 > div > img:nth-child(2){
	float:right;}

/* =========================================================
	section 9
========================================================= */
#section9{
	padding: 50px 0 100px;
    background: #f4f4f4 url(../img/merrit/bg_column_03.jpg) no-repeat center bottom;
    height: 349px;
    background-size: contain;}
#section9 p{
    padding: 20px 128px;}

/* =========================================================
	section 10
========================================================= */
#section10{
	padding: 50px 0;}
#section10 h4{
   margin: 0 auto 50px;}
#section10 .user_review{
	width: 80%;
    margin: 0 auto 35px;}
#section10 .user_review > .user_img{
	width: 15%;}
#section10 .user_review > .user_text{
    margin: 0;
    width: 76%;
    background-size: 100% 99%;
    background-repeat: no-repeat;}
#section10 .name{
	font-size: 90%;
    text-align: center;
	padding-top:5%;}
/* === cross setting ===*/
#section10 .user_review:nth-child(even) > .user_img{
    float: left;}
#section10 .user_review:nth-child(even) > .user_text{
	background-image: url(../img/merrit/bg_section_voice.png);
    padding: 2% 2% 2% 7%;
	float: left;}
#section10 .user_review:nth-child(odd) > .user_img{
    float: right;}
#section10 .user_review:nth-child(odd) > .user_text{
	background-image: url(../img/merrit/bg_section_voice_right.png);
	padding: 2% 6% 2% 2%;
    float: right;}
/* === end cross setting ===*/
.user_text > h5{
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;}
.user_text > p{
	font-size:90%;}
.note{
	padding-left: 10%;
	font-size:90%;}

/* =========================================================
	section 11
========================================================= */
#section11{
	padding: 50px 0 100px;}
#section11 img{
	width:80%;
	display:block;
	margin:0 auto;}
/* =========================================================
	section 12
========================================================= */
#section12{
	background: url(../img/merrit/bg_column_12.jpg) no-repeat 20% bottom #F4F4F4;
    background-size: 540px;
    padding: 30px 0;}
#section12 h4{
	margin-bottom:20px;}
#section12 h5{
	background: url(../img/merrit/excramation.png) no-repeat;
    width: 260px;
    margin: 0px auto 0 410px;
    padding: 22px 0 23px 86px;
    background-size: 75px;}
#section12 ul{
    margin-left: 520px;}
#section12 ul li{
	background: url(../img/merrit/liststyle_check.png);
    background-size: 22px;
    background-position: left top;
    background-repeat: no-repeat;
    padding: 3px 0 0 27px;
    margin-bottom: 7px;}

/* =========================================================
	section 13
========================================================= */
#section13 {
	margin: 4% auto 2%;
}

#section13 .all_form_name {
		font-size: 3rem;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		margin: 2% 0;
	}

/* =========================================================
	bottons
========================================================= */

.btn_area{
	padding:40px 0;}
.btn_area img{
	width: 350px !important;
    display: block;
    margin: 0 auto;}

.btn_contact{
	background:#f4f4f4;
	padding:40px 0;
}
.btn_contact img{
	width:350px !important;
	display:block;
	margin:0 auto;}

/* =========================================================
	2017.11.08追記
========================================================= */
.key_title {
    text-align: center;
    margin: 1% 0 2%;
    font-weight: bold;
}
.update_box .group {
	width: 100%;
	display: inline-block;
	margin: 1% 0;
}
#main_content .voice_box.page {
	margin-top: 0;
}
.voice_box.page .voice_inner .field {
	width: 45%;
}
.voice_box {
	text-align: left;
}
.img_97{
	    display: block;
    width: 65% !important;
    margin: 2% auto;
}
/*------------------------------------
	iphone6+
--------------------------------------*/
@media screen and (max-width: 450px) {

	.category_list .list a {
		display: block;
		width: 100%;
		float: inherit;
	    margin: 0;
	    text-align: left;
	      padding: 2% 0;
	      border-bottom: 1px solid #EEE;
	}
	.category_list .list a:first-child {
		border-top: 1px solid #EEE;
	}
	.category_list .list a.right {
		float: inherit;
	}
	.category_list .list a:after {
		content:'';
		display: block;
		clear: both;
	}
	.category_list .list a img {
		width: 45% !important;
		float: left;
		margin-right: 5%;
	}
	.category_list .list a span {
	    position: relative;
	    top: 5px;
	}
	.list.col2 > a:first-child {
		margin: 0 !important;
	}
	.list.col2 > a:last-child {
		margin: 0 !important
	}
	.list.col2 > a:first-child{
		border-top: none !important;
	}
	/*----------

	-----------------------------*/
	#section1,#section3,#section4,
	#section5,.btn_contact,
	#section6,#section7,#section9,
	#section12
	 {
		margin-left:-5% !important;
		margin-right:-5% !important;
		padding-left:7% !important;
		padding-right:7% !important;
	}
	#content h3 {
		width: 80%;
		margin: 5% auto;
	}
	#section1 h4 {
	    width: 90%;
	    text-align: center;
	    margin: auto;
	    padding: inherit;
	    background-image: none;
	    background-size: 80px;
	    background-position: center;
	    padding: 5%;
	}
	#section1 {
	    background: url(../img/merrit/bg_column_01.jpg)  #F4F4F4 no-repeat bottom;
	    background-size: 105%;
	    padding:  inherit;
	}

	#section1 ul {
		margin-left: inherit;
		padding:5% 5% 250px 5%;
		text-align: left;
		margin: 0;
	    width: 100%;
	}
	#section2 h4 {
		width: 85%;
		margin: 0 auto;
		padding: 5% 0;
	}
	#section2 .reason {
		width: 35%;
	}
	#section2 .col {
		    width: 90%;
	}
	#section2 .reason_desc {
		width: 100%;
		float: inherit;
		position: relative;
	}
	#section2 .reason_desc h5 {
	    position: absolute;
	    right: 0;
	    top: 10%;
	    width: 60%;
	}
	#section2 .reason_desc p {
	    clear: both;
	    padding: 5% 0;
	}

	#section3 {
		background-size: cover;
	}
	#section3 .col {
		padding: 5% 5% 0 5%;
		position: relative;
	}
	#section3 .image {
		float: inherit;
		position: absolute;
		right: 3%;
		width: 22%;
		top: 5%;
	}
	#section3 .desc {
		width: 100%;
	    float: inherit;
	    margin: 0;
	}
	#section3 > div > div:nth-child(2) > p {
	    width: 90%;
	    padding: 5% 0;
	    margin: auto
	}
	#section4 {
		overflow: hidden;
	}
	#section4 .site_wrapp {
	    height: auto;
	}
	#section4 .desc {
	    width: 100%;
	    margin: 5% auto;
	}
	#section4 .desc h4 img {
	    width: 90%;
	    margin:5% auto 0 auto;
	}
	#section4 .desc > p {
    	padding-top: 3%;
	    text-align: left;
	    padding: 5%;
	}
	#section4 .fuki01 {
	    width: 48%;
	    position: relative;
	    text-align: left;
	    display: block;
	    left: -10%;
	    top: -50px;
	}
	#section4 .ancles {
	width: 100%;
    left: inherit;
    right: -15%;
	}
	#section4 .fuki03 {
	    width: 90%;
	    left: 5%;
	    bottom: inherit;
	    position: relative;
	    display: block;
	    margin: 0 0 5% 0;
	}
	#section4 .fuki04 {
	    width: 90%;
	    right: inherit;
	    bottom: inherit;
	    left: 5%;
	    bottom: inherit;
	    position: relative;
	    display: block;
        padding: 0 0 5% 0;
	}
	#section4 .fuki02 {
	    width: 90%;
	    position: relative;
	    left: 0;
	    bottom: 0;
        margin: 0 0 5% 0;
	}
	#section5 h4 {
		width: 90%;
	    margin: 0 auto;
	    text-align: left;
	    padding: 5% 0;
	}
	#section5 h4 img {
		    width: 65%;
	}
	#section5 h4:after {
	    top: -5%;
	    display: block;
	    right: 0;
	    background-size: 100%;
	    height: 283px;
	    width: 50%;
	}
	#section5 .list {
	    width: 100%;
	    margin: auto;
	    margin-top: 31%;
	    position: relative;
	    z-index: 100;
	}
	#section5 p {
		width: 49.5%;
	    text-align: left;
	   margin-bottom :2%;
	}
	.btn_contact {
		padding: 5% 0;
	}
	.btn_contact img {
		width: 90% !important;
	}
	#section6 .col {
		width: inherit;
		margin: 0 auto;
	}
	#section6 .desc {
	    width: inherit;
        padding: 5% 0;
	}
	#section6 .image {
	    width: 32%;
	    top: 5%;
	    right: 5%;
	    float: inherit;
	}

	#section6 .desc h4 {
	    width: 65%;
	    margin: 0% 0 103px 3%;
	}
	#section6 .desc h4 + p{
	    text-align: left;
	}

	#section7 {
		padding-top: 5%;
		padding-bottom:0;
	}
	#section7 h4 {
		text-align: left;
	}
	#section7 .list {
		padding:5% 0 0 0;
		width: 90%;
	}
	#section7 .list span {
		width: 50%;
		float: left;
		position: relative;
	    padding: 0 8% 15% 0;
	    position: relative;
	}
/*	#section7 .list span:nth-child(even) {
		padding: 0  0 15% 8%;
	}*/
	#section7 .list img {
	    width: 100%;
	    background-image: none;
	    padding:inherit;
	    float: inherit;
	    padding: inherit;
	}
	#section7 .list span:after {
		content: url(../img/common/arrow_gray_right.png);
		position: absolute;
		right: -12%;
		top: 25%;
	}
/*	#section7 .list span:nth-child(even):after {
	    right: inherit;
	    top: inherit;
	    bottom: 0;
	    left: 45%;
	    transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	}*/
	#section7 .list span:nth-child(2),
	#section7 .list span:nth-child(3),
	#section7 .list span:nth-child(6){
		float: right;
		padding: 0  0 15% 8%;
	}
	#section7 .list span:nth-child(2):after,
	#section7 .list span:nth-child(4):after{
		right: inherit;
	    top: inherit;
	    bottom: 0;
	    left: 45%;
	    transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	}
	#section7 .list span:nth-child(4):after {
		left: 24%;
	}
	#section7 .list span:nth-child(3):after{
		right: inherit;
	    left: -12%;
	    top: 20%;
	    transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	}
	#section7 .list span:last-child:after {
		content:'';
	}
	#section7 .list img.lastSide {
		padding: inherit !important;
	}
	#section8 {
		padding: 5% 0;
	}
	#section8 h4 {
		width: 85%;
		margin: auto;
	}
	#section8 p {
		padding: 5%;
	}
	#section8 .image {
		width: 85%;
	}

	#section9 {
	    padding: 5% 5% 15% 5%;
	    background-size: cover;
	    height: inherit;
	    background-position: center 60px;
	        min-height: 401px;
	}
	#section9 p {
		padding: 5%;
		text-align: left;
	}

	#section10 {
		padding: 5% 0;
	}
	#section10 h4 {
		    width: 90%;
		margin:0 auto 10% auto;
	}
	#section10 .user_review {
		width: 90%;
	    margin: 5% auto;
	}
	#section10 .user_review > .user_img {
		float: inherit !important;
		width: 50%;
		margin: auto;
	}
	#section10 .user_review:nth-child(even) > .user_img {

	}
	#section10 .user_review > .user_text {
	    float: inherit !important;
	    background-image: none !important;
	    padding: 0 0 5% 0 !important;
	    width: 100%;
	    margin: 5% auto;
	    text-align: left;
	    border-bottom: solid 1px #DDD;
	}
	.note {
		padding: 0;
	}
	#section11 {
		padding: 5% 0;
	}
	#section11 img {
		width: 100%;
	}
	#section11 h4{
		width: 90%;
		margin: 5% auto;
	}

	#section12 {
		padding: 5% 0 0 0;
		background-image:none;
		position:relative;
	}
	#section12:after {
		content:url(../img/merrit/bg_column_12_sp.jpg);
		zoom: .5;
		margin: 0 -5%;
		position: relative;
		top: 20px;
	}
	#section12 h4{
		width: 90%;
		margin: 5% auto;
	}
	#section12  .desc {
		position: relative;
	}
	#section12 h5 {
	    background-image: none;
	    padding: inherit;
	    width: 70%;
	    margin: 5% auto;
	    position: relative;
	}
	#section12 h5:before{
	    content: url(../img/merrit/excramation.png);
	    display: block;
	    zoom: .8;
	}
	#section12 ul {
	    margin: 5% auto 0 auto;
	    width: 90%;
	    text-align: left;
	}
	

	/*social_care*/
	#social_care_head,
	#section2.estate {
		padding: 5% 0;
	}
	#social_care_head h3,
	#estate_head h3
	{
		width: 94%;
	}
	#section1.social h4 {
		    width: 90%;
	}
	#section1.social {
		padding:0 ;
		background-size: 70%;
	}
	#section2.social,
	#section2.social h4 {
		padding: 5% 0;
	}
	#section2.social h4 {
		width: 90%;
	    max-width: 1200px;
	    padding: 0 0 5% 0;
	}
	#section3.social {
		margin-bottom:inherit;
		background-position: center;
		position: relative;
		    padding-bottom: 5%;
	}
	#section3.social .desc {
		width: 100%;
		    margin: 0;
	}
	#section3.social .image {
		display: none;
	}
	#section3.social:after {
	    content: url(../img/merrit/kaigo/header_text_05.png);
	    zoom: .4;
	    position: absolute;
	    bottom: 0;
	    right: 0;
	}
	#section3.social p {
	    width: 100%;
	    padding: 1% 30% 1% 3%;
	    text-align: left;
	    margin: 5% 0 0 0;
	}


	/*estate*/
	#estate_head{
		padding: 0;
	}
	#section1.estate {
		padding: 0 0 82% 0;
	    background-size: 50%;
	    background-position: left bottom;
	}
	#section1.estate h4 {
		width: inherit;
	    margin: inherit;
	        padding: 5%;
    	background-size: inherit;
	}
	#section1.estate p {
    width: 90%;
    margin: 2% auto;
    text-align: left;
	}
	#section3.estate h4 {
		width: 85%;
	    margin: auto;
	}
	#section3.estate .col {
		width: 96%;
		margin:2% auto;
	}

	#section3.estate .image{
		 width: 35%;
	    left: 0;
	    top: 30px;
	}
	#section3.estate .col .desc > p{
		float: inherit;
		clear: both;
	}
	#section3.estate .col .desc h5 + p{
		width: 65%;
		float: right;
	}

	/*underwriter*/
	#underwriter_head {
		padding: 5% 0;
	}
	#section1.underwriter {
		padding: 0 0 40% 0;
	    background-size: 60%;
	    background-position:center bottom;
	}
	#section1.underwriter h4 {
	    width: 90%;
	    margin: auto;
	    padding: 5% 0;
	    background-size: inherit;
	}
	#section1.underwriter ul {
		margin: 0;
		    padding-bottom: 0;
	}
	#section3.underwriter, #section3.familly {
		padding: 5% 0;
	}
	#section3.underwriter .col, #section3.familly .col {
		    width: 90%;
	    margin: auto;
	}
	#section3.underwriter .col .image,
	#section3.familly .col .image {
		width: 25%;
	    position: relative;
	    padding: 2% 0;
	}
	#section3.underwriter .col .desc, #section3.familly .col .desc {
		    width: 100%;
	    float: inherit;
        margin: inherit
	}
	#section3.underwriter .col .desc > p, #section3.familly .col .desc > p {
		padding: 5% 0;
	    margin: 0 auto;
	    width: 100%;
	}
	#section3.underwriter > img, #section3.familly > img {
	    width: 100%;
	    height: auto;
	}
	#familly_head {
		padding: 0 0 5% 0;
	}
	#familly_head h3 img {
		width: 100%;
	}
	#familly_head img {
		width: 80%;
	}
	#section1.familly {
		padding: 5% 0;
		background-size: 53%;
		background-position: center bottom;
	}
	#section1.familly h4 {
	    margin: auto;
	    width: 90%;
	}
	#section1.familly ul {
	    margin: auto;
	}
}
/*------------------------------------
	iphone6
--------------------------------------*/
@media screen and (max-width: 380px) {
	#section1 ul {
		padding-bottom:220px ;
	}
	#section6 .desc h4 {
		width: 65%;
		margin: 0% 0 90px 3%;
	}
	#section1.social {
		    background-size: 70%;
	}
	#section3.social:after {
		zoom:0.35;
	}
}
/*------------------------------------
	iphone5
--------------------------------------*/
@media screen and (max-width: 350px) {
	#section1 ul {
		padding-bottom:190px ;
	}
	#section6 .desc h4 {
		width: 65%;
		margin: 0% 0 80px 3%;
	}
	#section1.social {
		padding:0 ;
		background-size: 78%;
	}
	#section3.social:after {
		zoom:0.3;
	}
}