@charset "utf-8";
/* CSS Document */


.index_container .lost_pass a{
	color: #004eff;
}
.index_container .log{
	background: #21bdc3 !important;
}

/*------------------------------------------------------------------
共通スタイルnavi
-------------------------------------------------------------------*/

.tab__menu-item.is-active.tab01{
	background:#fff url("../images/icon_01_on.png") no-repeat 25% 50%;
	padding-left: 25px;
}
.tab__menu-item.tab01{
	background:#fdfdfd url("../images/icon_01_off.png") no-repeat 25% 50%;
	padding-left: 25px;
}
.tab__menu-item.is-active.tab02{
	background:#fff url("../images/icon_02_on.png") no-repeat 25% 50%;
	padding-left: 25px;
}
.tab__menu-item.tab02{
	background:#fdfdfd url("../images/icon_02_off.png") no-repeat 25% 50%;
	padding-left: 25px;
}
@media only screen and ( max-width : 574px ) {
	.tab__menu-item.is-active.tab01{
		background:#fff;
		padding-left: 0;
	}
	.tab__menu-item.tab01{
		background:#fff;
		padding-left: 0;
	}
	.tab__menu-item.is-active.tab02{
		background:#fff;
		padding-left: 0;
	}
	.tab__menu-item.tab02{
		background:#fff;
		padding-left: 0;
	}
}

.main_v{
	background: url("../images/main.png") no-repeat;
	padding: 3rem 2rem;
	margin-bottom: 1.5rem;
}
.main_v h1{
	color: #444444;
	font-size: 2rem;
	padding-bottom: 0.5rem;
}
.main_v h2{
	color: #007f82;
	font-size: 1rem;
	line-height: 1.4rem;
}
@media only screen and ( max-width : 768px ) {
	.main_v h1{
		font-size: 1.8rem;
	}
}
@media only screen and ( max-width : 478px ) {
	.main_v h1{
		font-size: 1.4rem;
	}
}

.home_tab{
	text-align: left;
}
.home_tab .forms_inner{
	max-width: 1050px;
}
.home_tab .text__text01{
	margin-bottom: 1.5rem;
}
.home_tab .text__text01 span{
	font-weight: bold;
	padding-right: 0.5rem;
}

.home_tab .text__text02{
	text-align: center;
}
.home_tab .text__text02 a{
	color: #007f82;	
	text-decoration: none;
	position: relative;
}

.home_tab .text__text03 a{
	display: block;
	background: #ff9000 url("../images/eyeglass.png") no-repeat 20% 50%;
	border-radius: 6px;
	max-width: 320px;
	margin: 1rem auto 0;
	padding: 0.5rem 0.5rem 0.5rem 1.5rem;
	color: #fff;
	text-decoration: none;
}

.home_tab .forms.forms02{
	padding-top: 0;
}
.home_tab .text__text03{
	text-align: center;
}

.home_tab .home_tab_tab01{
	display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}
.home_tab .home_tab_tab01 dl{
	width: 32%;
	border:1px #ccc solid;
	padding:0;
}
.home_tab .home_tab_tab01 dl dt{
	width: 100%;
	background: #21bdc3;
	font-size: 1rem;
	color: #fff;
	padding: 0.8rem 1rem;
}
.home_tab .home_tab_tab01 dl:nth-of-type(2) dt{
	background: #748a8b;
}
.home_tab .home_tab_tab01 dl:last-of-type dt{
	background: #007f82;
}
.home_tab .home_tab_tab01 dl dt::after{
	background: none;
}
.home_tab .home_tab_tab01 dl dd{
	width: 100%;
	padding: 1rem 1rem;
}
.home_tab .home_tab_tab01 dl dd span{
	font-size: 2rem;
	font-weight: bold;
	color:#007f82;
}
@media only screen and ( max-width : 768px ) {
	.home_tab .home_tab_tab01 dl{
		width: 100%;
		margin-bottom: 1rem;
	}
	.home_tab .home_tab_tab01 dl:last-of-type{
		margin-bottom: 0;
	}
}
@media only screen and ( max-width : 540px ) {
	.home_tab .home_tab_tab01 dl:last-of-type{
		margin-bottom: 1rem;
	}
}

.home_tab .home_tab_tab02{
	display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}
.home_tab .home_tab_tab02 dl{
	width: 48%;
}
.home_tab .home_tab_tab02 dl{
	padding:2rem 0 0;
}
.home_tab .home_tab_tab02:last-of-type dl{
	padding:0 0 0;
}
.home_tab .home_tab_tab02 dl dt{
	width: 100%;
	color: #007f82;
	padding-bottom: 0.5rem;
	font-weight: bold;
}
.home_tab .home_tab_tab02 dl dt::after{
	background: none;
}


.home_tab .home_tab_tab02 dl dd{
	width: 100%;
}
.home_tab .home_tab_tab02 dl dd input,
.home_tab .home_tab_tab02 dl dd select{
	width: 100%;
	background-color: #e3f3f3;
	color: #859899;
}

.home_tab .forms{
	border-bottom: none;
}

@media only screen and ( max-width : 540px ) {
	.home_tab .home_tab_tab02 dl{
		width: 100%;
		padding: 0 0 0;
	}
	
}


.home_box{
	padding-top: 2rem;
}
.home_box h1.sub_title{
	font-size: 1.2rem !important;
	color: #444444 !important;
	margin-bottom: 0.8rem;
}


/*.home_box .home_news_box{
	display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}
.home_box .home_news_box .home_news_box01{
	width: 48%;
}*/
/*1列*/
.home_box .home_news_box .home_news_box01{
	display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}
/*1列*/
.home_box .home_news_box .home_news_box01 a{
	text-decoration: none;
	width: 48%;/*2列の場合は削除*/
}
.home_box .home_news_box .home_news_box01 dl{
	background: #fff url("../images/arrow3.png") no-repeat 97% 50%;
	display: flex;
    flex-wrap: wrap;
	padding: 0.8rem;
	border-left:3px #007f82 solid;
	border-radius: 3px;
	margin-bottom: 0.8rem;
}

.home_box .home_news_box .home_news_box01 dl dt{
	width: 23%;
	text-align: center;
	font-size: 0.9rem;
}
.home_box .home_news_box .home_news_box01 dl dt div{
	padding: 0.8rem 0.5rem;
	background: #f3f3f3;
	border:1px #dcdcdc solid;
}

.home_box .home_news_box .home_news_box01 dl dt span{
	display: block;
	line-height: 1.2rem;
}
.home_box .home_news_box .home_news_box01 dl dt span:first-of-type{
	background: #ff9000;
	border-radius: 180px;
	color: #fff;
	line-height: 1.4rem;
	padding: 0 0.5rem;
	margin-bottom: 0.5rem;
}
.home_box .home_news_box .home_news_box01 dl dt span:nth-of-type(2){
	color: #748a8b;
}

.home_box .home_news_box .home_news_box01 dl dd{
	width: 70%;
	padding-left: 1rem;
}
.home_box .home_news_box .home_news_box01 dl dd div{
	padding: 1rem 0;
}
.home_box .home_news_box .home_news_box01 dl dd span{
	display: inline-block;
	font-size: 0.8rem;
	color: #444444;
	border: 1px #b9c3c3 solid;
	border-radius: 180px;
	padding: 0.2rem 0.5rem 0.2rem 1.5rem;
	margin-top: 0.5rem;
	line-height: 1rem;
}

.home_box .home_news_box .home_news_box01 dl dd span.icon_s_01{
	background: url("../images/icon_s_01.png") no-repeat 8px 50%;
}
.home_box .home_news_box .home_news_box01 dl dd span.icon_s_02{
	background: url("../images/icon_s_02.png") no-repeat 8px 50%;
}
.home_box .home_news_box .home_news_box01 dl dd span.icon_s_03{
	background: url("../images/icon_s_03.png") no-repeat 8px 50%;
}

.home_box .home_news_box p.home_box_link{
	text-align: right;
	line-height: 1rem;
	background: url("../images/arrow4.png") no-repeat right 50%;
	padding-right: 1rem;
}
.home_box .home_news_box p.home_box_link a{
	color: #007f82;
}
@media only screen and ( max-width : 970px ) {
	.home_box .home_news_box .home_news_box01 dl dt{
		width: 30%;
	}
	.home_box .home_news_box .home_news_box01 dl dd{
		width: 65%;
	}
}
@media only screen and ( max-width : 768px ) {
	.home_box .home_news_box .home_news_box01 a{
		width: 100%;/*2列の場合は削除*/
	}
	/*.home_box .home_news_box .home_news_box01{
		width: 100%;	
	}
	.home_box .home_news_box .home_news_box01:first-of-type{
		margin-bottom: 2rem;
	}*/
}
@media only screen and ( max-width : 372px ) {
	.home_box .home_news_box .home_news_box01 dl dt{
		width: 100%;
	}
	.home_box .home_news_box .home_news_box01 dl dd{
		width: 90%;
	}
}

.home_bunner{
	display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
	margin-top: 3rem;
}
.home_bunner li{
	width: 24.5%;
}
.home_bunner li img{
	width: 100%;
}

@media only screen and ( max-width : 768px ) {
	.home_bunner li{
		width: 49%;
	}
	.home_bunner li:first-of-type,
	.home_bunner li:nth-of-type(2){
		margin-bottom: 1rem;
	}
}
@media only screen and ( max-width : 348px ) {
	.home_bunner li{
		width: 100%;
	}
	.home_bunner li:nth-of-type(3){
		margin-bottom: 1rem;
	}
}
