@charset "utf-8";
.lead em{
color: #e4d021;
font-weight: bold;
}
@media screen and (max-width: 400px) {
p.lead{
font-size: 15px;
}
}
.nav-exlink{
display:flex;
justify-content: space-between;
margin: 40px 0;
}
@media screen and (max-width: 768px) {
.nav-exlink{
margin: 25px 0;
}
}
.nav-exlink li{
width: 48.5%;
text-align: center;
}
.nav-exlink li{
border-radius: 5px;
letter-spacing: 0.1em;
text-indent: 0.1em;
font-size: 16px;
transition: 0.2s;
}
.nav-exlink li a{
display:block;
padding: 20px 0;
color: inherit;
}
@media screen and (max-width: 768px) {
.nav-exlink li{
font-size: 14px;
font-size: 3.6458vw;
}
.nav-exlink li a{
padding:20px 10px;
}
}
.nav-exlink li a img{
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.nav-exlink li a img{
margin-right: 0;
margin-bottom: 10px;
}
}
.nav-exlink li:nth-of-type(1){
background:#189430;
border-bottom: 5px solid #80ca8f;
color: #fff;
}
.nav-exlink li:nth-of-type(2){
background:#fff100;
border-bottom: 5px solid #cdc871;
}
@media all and (-ms-high-contrast: none){
.nav-exlink li:nth-of-type(2) a{
padding: 25px 0 15px 0;
}
}
.nav-exlink li:hover{
margin-top: 2px;
border-width: 3px;
}
.nav-exlink li:nth-of-type(1) img{
width: 20px;
vertical-align:-4px;
}
.nav-exlink li:nth-of-type(2) img{
width: 21px;
vertical-align:-3px;
}
@media screen and (max-width: 768px) {
.nav-exlink li:nth-of-type(2) img{
margin-top: 5px;
}
}
.plan-list > div{
margin-bottom: 30px;
padding:30px 20px;
border: 10px solid #efefef;
}
@media screen and (max-width: 768px) {
.plan-list > div{
padding:15px 10px;
border-width: 7px;
}
}
.plan-list h2{
margin-bottom: 30px;
padding: 10px;
color:#e4d021;
font-size: 24px;
font-weight: bold;
text-indent:0.2em;
letter-spacing: 0.2em;
text-align: center;
border: 2px solid #e4d021;
}
@media all and (-ms-high-contrast: none){
.plan-list h2{
padding:15px 10px 5px 10px;
}
}
@media screen and (max-width: 768px) {
.plan-list h2{
font-size: 18px;
text-indent:0.1em;
letter-spacing: 0.1em;
}
}
.plan-list h3{
margin-bottom: 15px;
padding:10px 15px;
background:#e4d021;
color: #fff;
font-size: 24px;
text-indent:0.1em;
letter-spacing: 0.1em;
font-weight: bold;
}

@media all and (-ms-high-contrast: none){
.plan-list h3{
padding:15px 15px 5px 15px;
}
}
@media screen and (max-width: 768px) {
.plan-list h3{
padding:5px 10px;
font-size: 18px;
}
}

.plan-list-img{
margin-bottom: 40px;
padding:15px 10px;
text-align: center;
}
.plan-list h4{
margin: 20px 0 10px 0;
padding-bottom:3px;
padding-left: 5px;
font-size: 18px;
font-weight: bold;
color: #e4d021;
border-bottom: 2px solid #e4d021;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.plan-list h4{
font-size: 15px;
}
}
.plan-list-point{
display: flex;
flex-wrap: wrap;
}
.plan-list-point li{
width: 32%;
margin-right: 2%;
margin-bottom: 15px;
}
.plan-list-point li:nth-child(3n){
margin-right: 0;
}

@media screen and (max-width: 768px) {
.plan-list-point li{
width: 48.5%;
margin-right: 3%;
}
.plan-list-point li:nth-child(3n){
margin-right: 3%;
}
.plan-list-point li:nth-child(2n){
margin-right: 0;
}
}
@media screen and (max-width: 640px) {
.plan-list-point li{
width: 100%;
margin-right: 0;
}
}

.plan-list-point li span:nth-child(1){
display: inline-block;
margin-right: 10px;
padding:3px 10px;
background:#e4d021;
color: #fff;
font-family:Arial, Helvetica, "sans-serif";
text-align: center;
}
@media screen and (max-width: 768px) {
.plan-list-point li span:nth-child(1){
margin-right: 5px;
}
}
.plan-list-point li span:nth-child(2){
display:inline-block;
margin:5px 0;
color: #e4d021;
font-weight: bold;
font-size: 15px;
}
@media screen and (max-width: 768px) {
.plan-list-point li span:nth-child(2){
font-size: 14px;
}
}
.plan-list-point li span:nth-child(3){
display:block;
margin-top: 5px;
font-size: 13px;
line-height: 1.4;
}

.comingsoon{
	margin: 30px auto;
	padding: 0.4em;
	background: #f5f5f5;
	font-size: 2em;
	text-align: center;
	
}