@charset "UTF-8";
/*=======================================================================
↓main_visual============================================================
======================================================================*/
.main_bg {
      background: rgba(0, 0, 0, 0) url("../img/main.png") no-repeat scroll center center / cover ;
	height: 400px;
	width: 100%;
	position: relative;
}
@media screen and (max-width: 768px) {
.main_bg {
	background: url(../img/main.png) no-repeat center top;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
	margin-top: 82px;
	padding-top: 29.73%;
	height: auto;
	width: 100%;
}
}
@media screen and (max-width: 640px) {
.main_bg { margin-top: 70px;}
}
@media screen and (max-width: 480px) {
.main_bg { margin-top: 60px;}
}
/*=======================================================================
↓page_tit_sp============================================================
======================================================================*/
@media screen and (max-width: 768px) {
.page_tit_sp:before{
	background: url( ../img/page_tit_sp_head.png) no-repeat; 
	background-size: contain;
      -moz-background-size: contain;
      -webkit-background-size: contain;
      -o-background-size: contain;
      -ms-background-size: contain;
 	content: " ";
 	display: inline-block;
 	margin: 0 10px 0 0;
	vertical-align: middle;
	height: 40px;
	width: 40px;
}
}
/*=======================================================================
↓コンテンツ=============================================================
======================================================================*/

#run {
	padding: 0 0 60px;
}

.run {
	padding: 80px 0;
}

.run_box_ttl {
	text-align: center;
	margin-bottom: 40px;
}

.run_box_ttl h3 {
	display: inline-block;
}

.run_box_ttl h3 p{
	color: #46a44c;
	font-size: 3rem;
    font-weight: normal;
    line-height: 1.6;
    border-bottom: 1px dashed #46a44c;
}

.run_box_img {
	width: 100%;
}

.run_box_img li{
	width: 48%;
	display: inline-block;
	float: left;
}

.run_box_img li:nth-child(1){
	margin-right: 4%;
}

.run_box_img li img{
	width: 100%;
}

.run_box_img .run_box_ttl {
	color: #57b25a;
    font-size: 170%;
    font-weight: 300;
    margin: 0.5em 0 0.5em -0.5em;
    text-align: center;
}

.run_box_img .run_box_ttl:before {
    content: url(../img/line_head_pc.png);
    position: relative;
    top: 0.1em;
    padding-right: 0.5em;
}

.run_box_img .run_box_txt {
	text-align: center;
    font-size: 1.2em;
    line-height: 1.4em;
    margin-top: 18px;
}

.run_box_more {
	font-size: 1.8rem;
    line-height: 2;
    margin-top: 30px;
}

.run_box_more_a {
	color: #57b25a!important;
	border-bottom: 1px solid #46a44c;
}

.run_more ul{
	border: 1px solid #46a44c;
	padding: 20px 30px;
	margin-top: 30px;
	border-radius: 10px;
	background-color: #fff;
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: outside;
}

.run_more ul li{
    list-style-type: disc;
    color: #46a44c;
	font-size: 1.4rem;
    line-height: 2;
    margin-left: 20px;
}

.run_more ul li span{
    border-bottom: 1px solid #46a44c;
    font-weight: bold;
}

.run_box_ttl_br {
	display: none;
}


@media screen and (max-width: 768px) {
	.run_box_ttl h3 p{
		font-size: 2rem;
	}
	.run_box_more {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 480px) {
	#run .contents_tit_pdgt {
		height: 90px;
	}
	.run_box_img li {
		width: 100%;
	}
	.run_box_img li:nth-child(1) {
		margin-right: 0;
		margin-bottom: 40px;
	}
	.run_box_ttl {
		margin-bottom: 20px;
	}
	.run_box_ttl h3 p{
		font-size: 1.8rem;
    	border-bottom: none;
	}
}

@media screen and (max-width: 400px) {
	.run_box_ttl_br {
		display: block;
	}
}





#training {
	padding: 20px 0 60px;
}

.training_ttl {
	text-align: center;
	margin-bottom: 40px;
}

.training_ttl h3 {
	display: inline-block;
}

.training_ttl h3 p{
	color: #46a44c;
	font-size: 3rem;
    font-weight: normal;
    line-height: 1.6;
    border-bottom: 1px dashed #46a44c;
}

.training_more {
	font-size: 1.8rem;
    line-height: 2;
    margin-top: 30px;
}

.training_more_a {
	color: #57b25a!important;
	border-bottom: 1px solid #46a44c;
}

.training_img_1 {
    width: 27%;
}

.training_img_2 {
    width: 72%;
}
.training_img_3 {
	display: none;
}

@media screen and (max-width: 768px) {
	.training_ttl {
		margin-bottom: 20px;
	}
	.training_ttl h3 p{
		font-size: 2rem;
	}
	.training_more {
		font-size: 1.4rem;
	}
	.training_img_1 {
	    display: none;
	}
	.training_img_2 {
		width: 100%;
	    margin: 10px 0;
	}
}

@media screen and (max-width: 480px) {
	.training_ttl {
		margin-bottom: 10px;
	}
	.training_ttl h3 p {
		font-size: 1.8rem;
    	border-bottom: none;
	}
	.training_img_2 {
		display: none;
	}
	.training_img_3 {
		display: block;
	    width: 80%;
	    margin: 0 auto;
	}
	.training_more {
		margin-top: 10px;
	}
}

@media screen and (max-width: 380px) {
	.training_img_3 {
	    width: 100%;
	}
}








#second {
	padding: 20px 0 60px;
}

.second_ttl {
	text-align: center;
	margin-bottom: 40px;
}

.second_ttl h3 {
	display: inline-block;
}

.second_ttl h3 p{
	color: #46a44c;
	font-size: 3rem;
    font-weight: normal;
    line-height: 1.6;
    border-bottom: 1px dashed #46a44c;
    display: inline-block;
}

.second_box {
	width: 100%;
}

.second_box img {
	width: 50%;
	float: left;
	display: inline-block;
    padding-right: 5%;
    box-sizing: border-box;
}

.second_box .second_txt {
	width: 50%;
	float: right;
	font-size: 1.6rem;
    line-height: 2;
}

.second_more {
	border: 1px solid #46a44c;
	padding: 20px 30px;
	margin-top: 30px;
	border-radius: 10px;
	background-color: #fff;
	font-size: 1.6rem;
    line-height: 2;
}

.second_more h4{
	color: #57b25a;
    font-size: 2.2rem;
    font-weight: 300;
    margin-bottom: 6px;
}

.second_more h4:before {
    content: url(../img/line_head_pc.png);
    position: relative;
    top: 0.1em;
    padding-right: 0.5em;
}

.second_more ul li {
	margin-bottom: 10px;
}

.second_more ul li h5{
	font-weight: bold;
}

.second_more_note {
	color: #57b25a;
	line-height: 1.2;
}

@media screen and (max-width: 768px) {
	.second_ttl h3 p{
		font-size: 2rem;
	}
	.second_box .second_txt {
		font-size: 1.4rem;
	}
	.second_more {
		font-size: 1.4rem;
	}
	.second_more h4{
		font-size: 1.8rem;
		text-align: center;
		line-height: 1.4;
		margin-bottom: 10px;
	}
	.second_more h4:before {
		display: none;
	}
	.second_box img {
		width: 100%;
		float: none;
	}
	.second_box .second_txt {
		width: 100%;
		float: none;
		margin-top: 30px;
	}
}

@media screen and (max-width: 480px) {
	.second_ttl{
		margin-bottom: 20px;
	}
	.second_ttl h3 p {
		font-size: 1.8rem;
    	border-bottom: none;
	}
	.second_more {
		padding: 20px 20px;
	}
}






.feature_contact_box {
	background-color: #57b25a;
	padding: 40px;
	border-radius: 10px;
	box-sizing: border-box;
    margin-top: 40px;
    margin-bottom: 10px;
}

.feature_contact_box_txt {
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 4px 0 20px;
}

.feature_contact_box_btn {
	width: 70%;
    text-align: center;
    margin: 0 auto;
}

.feature_contact_box_btn1 {
	float: left;
	width: 48%;
	padding-right: 4%;
}

.feature_contact_box_btn2 {
	width: 48%;
	float: left;
}

.feature_contact_note {
	text-align: right;
	color: #57b25a;
	font-size: 1.6rem;
    line-height: 2;
}

.feature_contact_box_br {
	display: none;
}

.feature_contact_box_br2 {
	display: none;
}

@media screen and (max-width: 1080px) {
	.feature_contact_box_txt {
		line-height: 1.6;
	}
	.feature_contact_box_btn {
		width: 100%;
	}
}


@media screen and (max-width: 768px) {
	.feature_contact_box_br {
		display: block;
	}
	.feature_contact_note {
		font-size: 1.4rem;
		text-align: left;
		line-height: 1.2;
	}
}

@media screen and (max-width: 480px) {
	.feature_contact_box_txt {
		font-size: 1.4rem;
	}
	.feature_contact_box_btn {
		padding: 0 20px;
    	box-sizing: border-box;
    }
	.feature_contact_box_btn1 {
		width: 100%;
	}
	.feature_contact_box_btn2 {
		width: 100%;
		margin-top: 20px;
	}
	.feature_contact_box {
		padding: 25px;
	}
	#feature_contact {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 380px) {
	.feature_contact_box_btn {
		padding: 0;
	}
	.feature_contact_box_br2 {
		display: block;
	}
}