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

/* 210914追加 */
section {
	max-width: 100%;
	margin: 0 auto;
	}

a.btn_04 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	position: relative;
	background: #228bc8;
	border: 1px solid #228bc8;
	box-sizing: border-box;
	padding: 30px 25px 30px 40px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-align: left;
	text-decoration: none;
	transition-duration: 0.3s;
	}

a.btn_04:before {
	content: '';
	width: 8px;
	height: 8px;
	border: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 25px;
	margin-top: -6px;
	}

a.btn_04:hover {
	background: #fff;
	color: #228bc8;
	}

a.btn_04:hover:before {
	border-top: 2px solid #228bc8;
	border-right: 2px solid #228bc8;
	}


/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合onsultに適用するスタイル */
	a.btn_04 {
	padding: 20px 25px 20px 60px;
	}
}


/* 210914追加 */


#left_contents h2.agency01{
	width:100%;
	margin: 0 0 20px 0;
	padding:10px 15px;
	font-size:2.0rem;
	color: #2DBB88;
	background: #FFFFFF;
	border-left: solid 5px #2DBB88;
	border-bottom: solid 3px #D7D7D7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#left_contents h2.agency01 span{
	padding:0 0 0 20px;
	font-size:1.2rem;
	color: #2DBB88;
	}

#left_contents h3.agency01{
	width:100%;
	min-height:30px;
	margin:0 0 10px 0;
	padding:5px 0 0 10px;
	border-left: #2DBB88 double 10px;
	font-size:2.0rem;
	color:#1B263B;
	line-height:140%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}


h4.agency01{
	margin:30px 0 20px 0;
	padding:0 0 0 10px;
	border-left: solid 5px #2DBB88;
	border-bottom: solid 1px #2DBB88;
	font-size:1.8rem;
	color:#333333;
	line-height:3.0rem;
 	}

h4.agency02{
	margin:30px 0 20px 0;
	padding:0 0 0 10px;
	border-left: solid 5px #E83015;
	border-bottom: solid 1px #E83015;
	font-size:1.8rem;
	color:#333333;
	line-height:3.0rem;
 	}

/*.proposal{
	margin:0 0 40px 0;
	}*/


/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合onsultに適用するスタイル */
	#left_contents h3.agency01{
	font-size:1.6rem;
	}
	#left_contents h4.agency01{
	font-size:1.6rem;
	}
	#left_contents h4.agency02{
	font-size:1.6rem;
	}
}



/* 社会保険・労働保険の手続き代行 agency01 */

h3.agency_title{
	position: relative;
	padding:20px 30px;
	margin:20px 0 10px 0;
	font-size:1.7rem;
	color:#E83015;
	line-height:160%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

h3.agency_title:before,h3.agency_title:after{ 
	content:'';
	width: 40px;
	height: 40px;
	position: absolute;
	display: inline-block;
	}

h3.agency_title:before{
	border-left: solid 3px #E83015;
	border-top: solid 3px #E83015;
	top:0;
	left: 0;
	}

h3.agency_title:after{
	border-right: solid 3px #E83015;
	border-bottom: solid 3px #E83015;
	bottom:0;
	right: 0;
	}

ul.agency01{
	padding:10px 0 20px 0;
	}

ul.agency01 li{
	margin: 0 0 5px 0;
	padding: 0 0 0 25px;
	background: url(../contact/img/contact_point.jpg) left top no-repeat;
	background-size: 20px 20px;
	font-size:1.6rem;
	color: #333333;
	line-height: 160%;
	font-weight: bold;
	}

.agency_point{
	width:100%;
	text-align: center;
	clear:both;
	}

.agency01_box {
	margin:0 0 30px 0;
	padding:20px;
	background-color: #E83015;
	font-size:1.8rem;
	color: #FFFFFF;
	line-height: 160%;
	font-weight: bold;
	text-align: center;
	position: relative;
	}

.agency01_box::after {
	content: "";
	border-color: #853e04 #fff #fff #853e04;
	border-style: solid;
	border-width: 0 0 24px 24px;
	bottom: 0;
	position: absolute;
	right: 0;
	}

span.under{
	background: linear-gradient(transparent 50%, #61D9AE 50%);
	}

ul.agency01_02{
	padding: 30px 0 100px 0;
	}

ul.agency01_02 li{
	width: 49%;
	margin: 0 2% 0 0;
	text-align: center;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

ul.agency01_02 li:nth-child(2){
	margin:0 0 80px 0;
	}

ul.agency01_02 li .agency01_title01{
	margin: 0 0 20px 0;
	padding: 5px 0;
	background-color:#2DBB88;
	border: 2px solid #FFFFFF;
    box-shadow: 0 0 0 2px #2DBB88;
	font-size:1.8rem;
	color: #FFFFFF;
	line-height: 160%;
	font-weight: bold;
	text-align: center;
	}

ul.agency01_02 li .agency01_title02{
	margin: 0 0 20px 0;
	padding: 5px 0;
	background-color:#E83015;
	border: 2px solid #FFFFFF;
    box-shadow: 0 0 0 2px #E83015;
	font-size:1.8rem;
	color: #FFFFFF;
	line-height: 160%;
	font-weight: bold;
	text-align: center;
	}

ul.agency01_02 li img{
	max-width: 80%;
	height: auto;
	margin:0 0 10px 0;
	}

ul.agency01_02 li p{
	text-align: left;
	}

ul.agency01_02 li ul li{
	width: 100%;
	margin: 0 0 5px 0;
	font-size:1.4rem;
	color: #333333;
	line-height: 160%;
	text-align: left;
	float: none;
	padding-left:1em;
	text-indent:-1em;
	}

ul.agency01_02 li ul li:nth-child(2){
	margin: 0 0 5px 0;
	}

ul.agency01_02 li ul li span.agency01_text01{
	color:#2DBB88;
	}

ul.agency01_02 li ul li span.agency01_text02{
	color:#E83015;
	}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合に適用するスタイル */
	h3.agency_title{
	font-size:1.6rem;
	}
	ul.agency01 li{
	font-size:1.5rem;
	}
	.agency01_box {
	font-size:1.6rem;
	}
	ul.agency01_02 li{
	width: 100%;
	margin:0 0 2% 0;
	float: none;
	}
	ul.agency01_02 li .agency01_title02{
	margin: 30px 0 20px 0;
	}
}



/* 管理職向け労務研修  agency02 */

p span.agency02_text01{
	font-size: 1.7rem;
	color:#E83015;
	font-weight: bold;
	}

ul.agency02_01 li{
	margin: 0 2% 30px 0;
	padding: 10px 0;
	font-size:1.4rem;
	color: #333333;
	line-height: 160%;
	text-align: center;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

ul.agency02_01 li:last-child{
	margin: 0;
	}

ul.agency02_01 li.agency02_box01{
	width: 24%;
	border: #2DBB88 double 5px;
	background-color: #E5F8F1;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
	}

ul.agency02_01 li.agency02_box01_02{
	width: 24%;
	border: #E83015 double 5px;
	background-color: #FCEAE7;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
	}

ul.agency02_01 li.agency02_box02{
	width: 10%;
	padding: 25px 0 0 0;
	}

ul.agency02_02 li{
	width: 100%;
	margin: 0 0 5px 0;
	font-size:1.4rem;
	color: #333333;
	line-height: 160%;
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
	}

ul.agency02_02 li span{
	font-size:1.5rem;
	color:#2DBB88;
	font-weight: bold;
	}

.agency02_box {
	margin:30px 0;
	padding:30px;
	background-color: #E83015;
	font-size:1.7rem;
	color: #FFFFFF;
	line-height: 160%;
	font-weight: bold;
	text-align: center;
	position: relative;
	}

.agency02_box::after {
	content: "";
	border-color: #853e04 #fff #fff #853e04;
	border-style: solid;
	border-width: 0 0 24px 24px;
	bottom: 0;
	position: absolute;
	right: 0;
	}

.agency02_box h4{
	margin: 0 0 10px 0;
	font-size:1.9rem;
	}

.agency02_box span{
	font-weight: normal;
	}


/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合に適用するスタイル */
	p span.agency02_text01{
	font-size: 1.6rem;
	}
	.agency02_box {
	font-size: 1.6rem;
	}
	.agency02_box h4{
	font-size: 1.6rem;
	}
	
}


/* 事業承継労務サポート  agency03 */

.agency03_box {
	font-size: 1.6rem;
	}

.agency03_box{
    margin:20px 0;
    background: #F1F1F1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.agency03_box h4 {
 	padding:10px 20px;
    background: #2DBB88;
	font-size: 1.8rem;
    color: #FFFFFF;
	}

.agency03_box p{
	padding:20px;
	font-size: 1.6rem !important;
	}

ul.agency03_01{
	margin: 0 0 20px 0;
	padding: 20px;
	background-color: #FDEBE9;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

ul.agency03_01 li{
	margin: 0 0 5px 0;
	font-size:1.4rem;
	color: #333333;
	line-height: 160%;
	padding-left:1em;
	text-indent:-1em;
	}

.agency03_images01 img{
	max-width: 100%;
	height: auto;
	
	}

.agency03_images02{
	margin:-290px 0 70px 0;
	text-align: right;
	}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:700px) {
	/* 表示領域が700px未満の場合に適用するスタイル */
	.agency03_images02{
	margin:-30px 0 0 0;
	text-align:center;
	}
}