@charset "UTF-8";
a{
  color:inherit;
  
}

.top_logo {
	 position: absolute;
    z-index: 2;
    top: 3%;
    left: 7%;
}

.top_tel {
	 position: absolute;
    z-index: 2;
    top: 2%;
    left: 76%;
}

.top_tel img {
	max-width: 320px;
}

.seizen_inner {
	max-width: 84%;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.seizen {
	font-size: 40px;
    background: #DBE6BE;
    border-radius: 50px;
    margin: 100px 0;
	 padding: 15px 0px;
    padding-left: 80px;
}

.seizen_inner p {
	max-width: 1050px;
    font-size: 20px;
}

.seizen_flex p {
	line-height: 4.2rem;
}


.h_top {
	 display: flex;
    justify-content: space-between;
    max-width: 1480px;
    margin: 0 auto;
    align-items: center;
}

.top_tel img {
	max-width: 370px;
}

.s_left {
	 max-width: 860px;
}

.left_ttl {
	 text-align: center;
    background-image: url(../img/access/seizen_bg.png);
    background-size: 37%;
    background-repeat: no-repeat;
    background-position: 100px 0px;
    padding-bottom: 60px;
    padding-top: 90px;
}


.s_left .left_ttl {
	font-size: 44px;
}

.s_left .left_ttl span{
	color: #F76262;
}

.seizen_img {
	max-width: 30%;
}

.seizen_img2 {
	max-width: 50%;
	min-width: 280px;
	margin: 0 auto;
	margin-left: 430px;
}

.seizen_flex {
	display: flex;
    justify-content: space-around;
	margin-bottom: 40px;
}

.seizen_flex p {
	max-width: 63%;
}

.seizen_imges {
	max-width: 32%;
}

.s_right {
	display: flex;
   justify-content: space-between;
	max-width: 860px;
	margin-top: 100px;
}

.seizen_flex2 {
	display: flex;
	margin-bottom: 100px;
}

.s_right .center {
	    margin-top: 220px;
}

.full_w {
	text-align: center;
	max-width: 1720px!important;
	margin-bottom: 80px;
	font-size: 24px!important;
}

.plan_imges {
	max-width: 380px;
	margin-right: 120px;
}

.plan_flex {
	display: flex;
	justify-content: center;
	    align-items: center;
}

.plan_flex2 {
	display: flex;
	justify-content: center;
}

.plan_cent {
	margin-bottom: 200px;
}

.step_yoko {
	display: flex;
    justify-content: space-around;
}

.step_ttl {
	font-size: 28px;
	margin-bottom: 15px;
	background: linear-gradient(transparent 60%, yellow 30%);
   width: 116px;
	text-wrap: nowrap;
}

.plan_flex .main_txt::before {
	content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../img/access/ten.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.plan_flex .main_txt::after {
	  content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../img/access/ten2.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
	 margin-top: 8px;
}



.step2 .main_txt {
	margin-bottom: 25px;
}

.step2 .main_txt::before {
	 content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../img/access/ten.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.step2 .main_txt::after {
	 content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../img/access/ten2.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
	 margin-top: 8px;
}

.teian {
	text-align: center;
	 text-align: center;
    border: 10px solid #DBE6BE;
    background-color: white;
    border-collapse: separate;
    border-radius: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    border-spacing: 40px;
	 margin-bottom: 150px;
}

.teian p {
	max-width: 1160px;
	margin: 0 auto;
}

@media screen and (max-width: 1500px) {
	.s_left .left_ttl {
    font-size: 32px;
}
	
	.s_right {
    margin-top: 50px;
}
	
	.left_ttl {
    padding-top: 40px;
}
	
	.seizen_img2 {
    max-width: 80%;
    margin: 0 auto;
}
}

@media screen and (max-width: 768px){
	
	.top_tel {
		display: none;
	}
	
	.top_logo {
    top: 1%;
    left: 5%;
}
	
	.top_logo {
		max-width: 100px;
	}
	
	.seizen_inner {
    max-width: 360px;
}
	.seizen_inner p {
    font-size: 16px;
}
	.seizen_flex p {
    line-height: 3.2rem;
}
	.seizen {
    font-size: 20px;
    padding-left: 20px; 
	 margin: 0 0;
    margin-bottom: 30px;
	text-align: center;
}
	.seizen_imges {
    max-width: 60%;
	    margin-bottom: 30px;
}
	.seizen_flex {
    flex-direction: column;
}
	.seizen_flex2 {
    flex-direction: column;
}
	.s_right {
    flex-direction: column;
}
	.seizen_img {
    display: none;
}
	.s_right .center {
    margin-top: 0px;
}
	.s_right {
    max-width: 360px;
	margin-top: 0px;
	align-items: center;
}
	.left_ttl {
    text-align: left;
    background-image: url(../img/access/seizen_bg.png);
    background-repeat: no-repeat;
    background-position: 0px 50px;
    padding-bottom: 30px;
    padding-top: 70px;
    padding-left: 80px;
}
	.s_left .left_ttl {
    font-size: 22px;
}
	.seizen_inner p {
    max-width: 360px;
}
	.plan_flex {
    flex-direction: column;
}
	.plan_flex2 {
    flex-direction: column;
	justify-content: center;
    align-items: center;
}
	.step_yoko {
    justify-content: flex-start; 
}
	.full_w {
    max-width: 360px!important;
	    font-size: 16px!important;
		margin-bottom: 30px;
}
	.plan_imges {
    max-width: 200px;
}
	.s_left {
    max-width: 360px;
}
	.plan_imges {
    margin-right: 0px;
}
	.teian {
    max-width: 360px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
	
	.katuyou {
		display:none;
	}
	.plan_flex .main_txt::before {
		display: none;
}
	.plan_flex .main_txt::after {
		display: none;
}
	.step2 .main_txt::before {
    display: none;
}
	.step2 .main_txt::after {
    display: none;
}
	.plan_cent {
    margin-bottom: 20px;
}
.step2 .main_txt {
    margin-bottom: 10px;
}
	.plan_cent p {
		font-size: 14px;
	}
	.spnone {
		display: none;
	}
	.step_ttl {
    font-size: 20px;
}
	.seizen_flex2 {
    display: flex;
    margin-bottom: 50px;
}
	.step2 .hide {
		display: none;
	}
	.teian p {
		text-align: left;
	}
	.seizen {
    padding: 15px 20px;
}
}