@charset "UTF-8";

.plan-smart a:link {
	color: #ffffff;
	}

.plan-smart a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
	
.plan-smart a:visited {
	color: #ffffff;
	}
	
.plan-smart a:active {
	color: #ffffff;
	}

.plan-smart {
	background: #a4ddef;
	border: 1px solid #3d90cc;
	padding: 10px;
	color: #333333;
	border-radius: 10px;
	margin-bottom: 30px;
	}
	
.plan-smart h2 {
	margin-bottom: 5px;
	font-size: 125%;
	text-align: center;
}

.plan-smart p {
	text-align: center;
	}

.contact-column-typexy {
	margin-top: 30px;
	}

.contact-column-typexy ul {
	margin-left: -2%;
	width: 100%;
	leter-spacing: 0.4em;
	text-align: center;
	}
	
.contact-column-typexy ul li {
	display: inline-block;
	margin: 0 0 20px 2%;
	width: 30%;
	leter-spacing normal;
	vertical-align: top;
	}
		
.contact-column-typexy ul li.widesize {
	display: inline-block;
	margin: 0 0 20px 2%;
	width: 60%;
	leter-spacing normal;
	vertical-align: top;
	}

.contact-column-typexy ul li .plan-navbox {
	border: 1px solid #ebeced;
	padding:0 10px 20px 10px;
	}

.contact-column-typexy ul li .pc-link-type01 {
	display: inline-block;
	min-width: 180px;
	text-align: center;
	padding: 12px 30px 12px 20px;
	border: 1px solid #ebeced;
	transparent url(/shared_hd/css/images/icon_arrow_m02r.png) no-repeat right center;
	background-size: 20px 14px;
	text-decoration: none;
	}
	
.contact-column-typexx ul {
	margin-left: -2%;
	width: 100%;
	leter-spacing: 0.4em;
	text-align: center;
	}
	
.contact-column-typexx ul li {
	display: inline-block;
	margin: 0 0 20px 2%;
	width: 45.33%;
	leter-spacing: normal;
	vertical-align: top;
	}
	
.contact-column-typexx ul li a {
	display: inline-block;
	min-width: 230px;
	text-align: center;
	padding: 12px 30px 12px 20px;
	border: 1px solid #ebeced;
	background: transparent url(/shared_hd/css/images/icon_arrow_m02r.png) no-repeat right center;
	background-size: 20px 14px;
	text-decoration: none;
	}
	
.sub-txt-column {
	border: 1px solid #ebeced;
	padding: 5px 0;
	text-align: center;
	}
	
.sub-txt-column a:link{
	color: #41aeff;
	}

.yakkan-area {
    text-align: center;
    margin-bottom: 25px;
    padding: 13px 14px 11px;
}	
 .yakkan-area .yakkan-btn li a {
    display: inline-block;
    width: 340px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    font-size: 120%;
    color: #656d73;
    border-radius: 25px;
    border: 1px solid #cacaca;
    position: relative;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

 .yakkan-area .yakkan-btn li a:after {
    content: '';
    background: url(/ep/gas-jiyuuka/images/3/gas-arrow4.png) no-repeat 0 0;
    background-size: 5px;
    width: 5px;
    height: 9px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4.5px;
}


@media only screen and (max-width: 767px){
	
	.contact-column-typexy ul li {
	width: 100%;
	}
	
	
	.contact-column-typexy ul li h3 {
	font-size: 142.0%;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 8px;
	}

.contact-column-typexx ul li {
	width: 100%;
	}
.contact-column-typexy ul l.widesize {
	width: 100%;
	}

.contact-column-typexx ul li a {
	width: 80%;
	}

}