@charset "utf-8";
/* ===================================
planBtnList
=================================== */
	.planBtnList {
		margin-bottom: 30px;
	}
	.planBtnList ul {
		font-size: 0;
		letter-spacing: -0.4em;
		margin-bottom: 10px;
		text-align: center;
	}
	.planBtnList li {
		width: calc(306 / 960 * 100%);
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin-right: calc(20 / 960 * 100%);
		margin-bottom: calc(20 / 960 * 100%);
		letter-spacing: 0;
	}
	.planBtnList li:nth-child(3n) {
		margin-right: 0;
	}
	.planBtnList li a {
		display: block;
		background-color: #eee;
		padding: 0  2px 15px 12px;
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
	}
	.planBtnList li a:hover {
		background-color: #ddd;
	}
	.planBtnList .type {
		font-size: 30px;
		margin-bottom: -16px;
	}
	.planBtnList .spec01 {
		font-size: 26px;
		margin-bottom: -9px;
	}
	.planBtnList .type strong,
	.planBtnList .spec01 strong {
		font-size: 1.5em;
		font-weight: normal;
	}
	.planBtnList .spec02,
	.planBtnList .spec03 {
		font-size: 16px;
	}
	.planBtnList .spec02 {
		margin-bottom: 10px;
	}
	.planBtnList .spec02 strong {
		font-size: 2em;
		font-weight: normal;
	}
	.select p {
		text-align: center;
	}
@media only screen and (max-width:960px) {
	.planBtnList li {
		width: 48%;
	}
	.planBtnList li:nth-child(3n) {
		margin-right: calc(20 / 960 * 100%);
	}
	.planBtnList li:nth-child(2n) {
		margin-right: 0;
	}
	.planBtnList .type {
		font-size: 26px;
	}
	.planBtnList .spec01 {
		font-size: 22px;
	}
	.planBtnList .spec02,
	.planBtnList .spec03 {
		font-size: 12px;
	}
}
@media only screen and (max-width:640px) {
	.planBtnList li {
		display: block;
		width: 100%;
		margin-right: 0;
	}
	.planBtnList li:nth-child(3n) {
		margin-right: 0;
	}
	.select p img {
		border: 1px solid #9c917b;
	}
	.select p img{
		width: 100%;
	}
}

div.select {max-width: 1160px;}

.select_bnr {
	color: #004165;
    font-size: 24px;
    margin-bottom: 15px;
	line-height: 1.5em;
}

.select_bnr_s {
    font-size: 16px;
}

.btn_pdf{
	width: 20%;
    font-size: 16px;
	margin: auto;
}

.type-box{
    padding: 0px 20px 0px !important;
    margin-bottom: 0 !important;
}

#plan-box{
    width: 1200px;
    margin:50px auto;
}
#plan-box ul {
    flex-wrap: wrap;
}
#plan-box ul li{
    margin: 0 0 50px;
}

@media screen and (max-width: 639px){
    #plan-box{
    width: 100%;
}
    
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index: 999;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

.space_short {
    padding: 0 0 43px!important;
}

@media screen and (max-width: 639px){
#page-top a {
    width: 61px;
    padding: 15px 15px;
}
}


p.icon_select{
max-width: 300px;
text-align: center;
margin: 1rem auto;
padding: .5rem;
font-size: 1.3rem;
background: #B2D6EC;
}