@charset "utf-8";
section {
	margin-bottom: 100px;
}
.clearfix::after {
	content: "";
	clear: both;
	display: block;
}
#h1_p {
	color: #28767D;
	font-size: 46px;
	position: relative;
	margin-bottom: 70px;
	margin-top: 116px;
	font-weight: bold;
}
#h1_p h1 {
	font-size: 35px;
	font-weight: bold;
	padding-top: 10px;
	margin-top: 10px;

}
#h1_p h1 div {
	border-top: 1px solid #28767D;
	font-weight: bold;
	font-size: 35px;
	padding-top: 10px;
	margin-top: 10px;
}
h1 div img {
	width: 80px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 18px;
}


#box1 {
	margin-bottom: 100px;
}
.box1_title {
	text-align: left;
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 10px;
	font-size: 24px;
	vertical-align: middle;
	color: #28767D;
	border-bottom: 1px solid #28767D;
	line-height: 1;
}
.box1_title span {
	font-size: 65px;
	font-weight: bold;
}
.box1_body {
	position: relative;
	margin-bottom: 20px;
	padding: 10px;
}

#box1  ul {
	text-align: left;
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
#box1 ul li {
	width: 179px;
	display: inline-block;
	margin-right: 13px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#box1 ul li img {
	width: 100%;
	margin-bottom: 10px;
}
#box1 ul li div {
	white-space: nowrap;
	color: #2F2F2F;
	
}
.color1 {
	background-color: #D9F3F6 !important;
}
.color2 {
	background-color: #FFFEED !important;
}
.color3 {
	background-color: #E2F0D9 !important;
}
.sub_color1 {
	background-color: #4472C4 !important;
}
.sub_color2 {
	background-color: #FAC100 !important;
	color: #333 !important;
}
.sub_color3 {
	background-color: #548235 !important;
}
#box1_under_text {
	font-size: 35px;
	font-weight: bold;
	color: #28767D;
}
.box2 {
	background-color: #E9E9E9;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.box2_title {
	color: #28767D;
	border-bottom: 1px solid #28767D;
	text-align: left;
	position: relative;
	line-height: 1;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
.box2_h2 {
	font-size: 24px;
	line-height: 1;
	padding-bottom: 0px;
	margin-bottom: -4px;
}
.box2_h2 span {
	font-size: 65px;
	font-weight: bold;
}
.title_right {
	position: absolute;
	right: 20px;
	bottom: 0px;
	font-size: 24px;
}
.hukudasi {
	background-color: #28767D;
	padding: 20px;
	line-height: 1;
	border-radius: 40px;
	position: relative;
	width: 1055px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	text-align: justify;
}
.hukudasi h3 {
	color: #FFFFFF;
	font-size: 28px;
	line-height: 1.5;
}

.potti {
	position: absolute;
	bottom: -36px;
	right: 51px;
	width: 32px;
}
.lady  {
	width: 125px;
	position: absolute;
	bottom: -170px;
	right: -33px;
}
.box_ul {
	margin-bottom: 50px;
}
.box_ul li {
	width: 180px;
	display: inline-block;
	margin-right: 15px;
	text-align: center;
	margin-bottom: 20px;
}
.box_ul li img {
	width: 100%;
	margin-bottom: 10px;
}
.box_ul li div {
	white-space: nowrap;
	color: #2F2F2F;
	
}
.box_contents {
	position: relative;
	width: 100%;
	padding-left: 25px;
	display: flex;
}
.box_contents_data {
	width: 525px;
	display: flex;
	border-radius: 20px;
	border: 1px solid #323232;
	background-color: #FFFFFF;
	padding: 30px 20px 40px;
	position: relative;
	vertical-align: top;
	text-align: justify;
	line-height: 1.5;
	min-height: 250px;
	margin-left: 35px;
}

.h4_1 {
	width: 140px;
	margin-left: -70px;
}
.h4_2 {
	width: 175px;
	margin-left: -85px;
}
.box_contents_data h5 {
	color: #222222;
	font-weight: bold;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 10px;
}




.arrow {
	width: 82px;
	z-index: 10;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -20px;
}
.achieve {
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	margin-top: 30px;
}
.achieve h4 a {
	display: inline-block;
	text-decoration: underline;
	color: #3246DC;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.achieve h4 a:hover {
	color: #E17EE4;
	
}
.tag {
	color: #28767D;
	position: absolute;
	bottom: 0px;
	right: 29px;
}


@media (max-width:540px){
section {
	margin-bottom: 100px;
}
#h1_p {
	color: #28767D;
	font-size: 35px;
	position: relative;
	margin-bottom: 30px;
	margin-top: 117px;
	font-weight: bold;
}

h1 {
	font-size: 27px;
	font-weight: bold;
	padding-top: 10px;
	margin-top: 10px;

}
#box1 {
	margin-bottom: 100px;
}
.box1_title {
	text-align: left;
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 10px;
	display: block;
	font-size: 25px;
	font-weight: bold;
	vertical-align: middle;
	width: 100%;
}
.box1_body {
	position: relative;
	margin-bottom: 40px;
	padding: 10px;
}
#box1  ul {
	text-align: center;
	position: relative;
	display: block;
	vertical-align: middle;
}
#box1 ul li {
	width: 142px;
	display: inline-block;
	margin: 10px 7px;
	text-align: center;
}
#box1 ul li img {
	width: 100%;
	margin-bottom: 10px;
}
#box1 ul li div {
	white-space: nowrap;
	color: #2F2F2F;
	font-size: 12px;
	
}
.color1 {
	background-color: #DEEBF7;
}
.color2 {
	background-color: #FFF2CC;
}
.color3 {
	background-color: #E2F0D9;
}
.sub_color1 {
	background-color: #4472C4 !important;
}
.sub_color2 {
	background-color: #BF9000 !important;
}
.sub_color3 {
	background-color: #548235 !important;
}
#box1_under_text {
	font-size: 25px;
	font-weight: bold;
	color: #28767D;
}
.box2 {
	background-color: #E9E9E9;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.box2_title {
	color: #28767D;
	border-bottom: 1px solid #28767D;
	text-align: left;
	position: relative;
	line-height: 1;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
.box2_h2 {
	font-size: 20px;
	line-height: 1;
	padding-bottom: 0px;
	margin-bottom: -4px;
}
.box2_h2 span {
	font-size: 45px;
	font-weight: bold;
}
.title_right {
	position: absolute;
	right: 20px;
	bottom: 0px;
	font-size: 20px;
}
.hukudasi {
	background-color: #28767D;
	padding: 20px;
	line-height: 1;
	border-radius: 40px;
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	text-align: justify;
}
.hukudasi h3 {
	color: #FFFFFF;
	font-size: 20px;
	line-height: 1.5;
}

.potti {
	position: absolute;
	bottom: -36px;
	right: 51px;
	width: 32px;
}
.lady  {
	width: 108px;
	position: absolute;
	bottom: -170px;
	right: 5px;
}
.box_ul {
	margin-bottom: 50px;
	padding-right: 90px;
}
.box_ul li {
	width: 111px;
	display: inline-block;
	margin-right: 15px;
	text-align: center;
	margin-bottom: 20px;
}
.box_ul li img {
	width: 100%;
	margin-bottom: 10px;
}
.box_ul li div {
	white-space: nowrap;
	color: #2F2F2F;
	font-size: 13px;
	
}
.box_contents {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 0px;
}
.box_contents_data {
	width: 500px;
	display: block;
	border-radius: 20px;
	border: 1px solid #323232;
	background-color: #FFFFFF;
	padding: 30px 20px 40px;
	position: relative;
	vertical-align: top;
	text-align: justify;
	line-height: 1.5;
	min-height: 0px;
	margin-left: auto;
	margin-right: auto;
}
.box_contents_data_sp {
	display: block;
	width: 100%;
	position: relative;
	text-align: center;
}
.box2 .box_contents_data h4 {
	background-color: #DFDFDF;
	border-radius: 10px;
	color: #FFFFFF;
	font-size: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	top: -16px;
	left: 50%;
	text-align: center;
	line-height: 1.3;
}
.h4_1 {
	width: 140px;
	margin-left: -70px;
}
.h4_2 {
	width: 175px;
	margin-left: -85px;
}
.box_contents_data h5 {
	color: #222222;
	font-weight: bold;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 10px;
}




.arrow {
	width: 82px;
	z-index: 10;
	position: relative;
	top: auto;
	left: auto;
	margin-left: auto;
	margin-right: auto;
	transform: rotate(270deg) scale(-1, 1);
	margin-bottom: 12px;
}
.achieve {
	text-align: center;
	position: relative;
	padding-bottom: 40px;
	margin-top: 30px;
}
.achieve h4 a {
	display: inline-block;
	text-decoration: underline;
	color: #3246DC;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.achieve h4 a:hover {
	color: #E17EE4;
	
}
.tag {
	color: #28767D;
	position: absolute;
	bottom: 0px;
	right: 29px;
}
}


.box2 .box_contents_data h4 {
	background-color: #DFDFDF;
	border-radius: 10px;
	color: #FFFFFF;
	font-size: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	top: -16px;
	left: 50%;
	text-align: center;
	line-height: 1.3;
}