@charset "utf-8";
/* CSS Document */

@media (max-width: 768px) {

.f-icon{
	width:50px;
	}

.feature-wrap{
	padding:24px 0px;
    overflow: hidden;
	}

.area-wrap {
	background-color: #fff;
    padding: 51% 0px 32px;
    background-image: url(../img/new-bg.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    background-size: 120%;

}
.tab {
	text-align:center;
	display:block;
	font-size: 20px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;

	}

.mr-2 {
    margin-right: 0px;
}

.tab-box{
	margin-top:16px;
	}


.main-visual{
    height: 315px;
    background-color: #fff;
    background-size: 960px;
    background-position: center;
	background-repeat: no-repeat;

	}

.bg-img-1 img,.bg-img-2 img{
	vertical-align:bottom;
}

.pos-r{
	position:relative;
	}

.bg-logo{
	top: 5%;
	}

.bg-txt{
	top:37%;
	}

.bg-txt img{
    width: 80%;
    max-width: 300px;
	}

.dog{
    left: -20%;
	}

.cat{
    right: -15%;
	}

.bg-logo img{
	width:100%;
	max-width:400px;
	}
.dog img,.cat img{
	height:135px;
	}

.woman {
    right:7px;
}

.woman img{
    width:100%;
}


.mgn-side{
	margin-right:18px;
	margin-left:18px;
	}

.bg-feature{
	/*background-image:url(../img/ptn.png);*/
    background: #c7e9f9;
	padding:20px 8px;
	margin-top:0px;
	}

.top-voice-ttl{
	font-18px;
	padding:10px;
	}

.blog-area{
	    padding-bottom: 40px;
	}
/* 追記20170605 */
section.innovation{
	margin-top: 28px;
}

section.innovation h2{
	text-align:center;
	font-size:24px;
}

section.innovation h3{

	font-size: 20px;
}

section.innovation p{
	 margin-top: 12px;
    text-align: start;
    font-size: 15px;
    line-height: 1.8em;

}

section.innovation h3{
	margin-top: 20px;
}

section.innovation img{
	margin-top: 20px;
}

/* 20170721 sp-menu 追記 */

.sp-menu{
	overflow: hidden;
}

.sp-menu ul li a{
	display: block;
	float: left;
	border-right: 1px solid #fff;
	width: 33.3%;
	height: 85px;
	background: url(../img/sp-menu.png) center center #a4d2e8;
	background-size: cover;
}

.sp-menu ul li:last-of-type a{
	border-right: 0;
}

.sp-menu ul li a:link{
	padding-top: 22px;
	text-align: center;
	line-height: 1.3em;
	font-weight: bold;
	font-size: 16px;
}


.sp-menu ul li:nth-of-type(3) a:link{
	padding-top: 32px;
}


/* 20170831追記 */

.feature-wrap .item-1{
	margin-top: 20px;
	text-align: center;
}

.feature-wrap .item-1 p{
	margin: 0 auto;
	width: 100%;
	text-align: start;
}

#company-list table td .item-1{
	border-right: 0;
	border-bottom: 2px solid #56aad1;
}

#company-list table td .item-1:last-of-type {
		border-bottom: 0;
}


#company-list table th{
	width: auto;
}

/* 20171003追記 */

.news-cate-list li article .cf .art-img p img{
	width: 100%;
}


section#voice .voice-wrap-pd{
	padding-top: 0px;
}

/* 20171117追記 */

.top-voice-ttl{
	font-size: 20px;
}

.f-ttl {
	line-height: 1.5;
	font-size: 16px;
}

.top-voice-wrap{
	padding: 20px;
}

#bg-voice{
	margin-top: 20px;
}

.news-cate-list li article .cf .art-img{
	width: auto;
}

#company-list table{
	margin: 20px auto 0 auto;
}

.kakushin-bg{
	padding: 40px 20px;
}

.news-list{
	margin-top: 16px;
}

section .feature-wrap .col-sm-3,
section .feature-wrap .col-sm-9{
	padding: 0;
}

/* 20171207追記 */

#media-area h2{
	padding: 6px 0;
	font-size: 20px;
}

#media-area h3{
	padding: 4px;
	line-height: 1.3;
	font-size: 16px;
}

.tag-list-s li.common-tag{
	background-color: #458fb1;
}


#reserve-area {
	margin-top: 0px;
}

#reserve-area .tab{
	padding: 8px;
	font-size: 16px;
}

#reserve-area .search-btn{
	padding: 20px 16px;
	font-size: 16px;
}

#reserve-area .tab-content .time{
	font-size: 120%;
}

#reserve-area .tab-content .time span{
	display: block;
}

#voice .top-voice-ttl{
	font-size: 17px;
}

#voice .to-news-list{
	display: table;
	margin: 12px 0 0 auto;
	padding: 4px 16px;
	font-size: 12px;
}

.kyoukai img{
	width: 100%;
}

.card-wrap{
	flex-wrap: wrap;
}
.card-img{
	width: 100%;
	order: 2;
	padding: 0;
	flex: auto;
}

.card-btn{
	order: 1;
	width: 100%;
  margin-bottom: 10px;
  text-align: right;
}

.tel-ttl-3{
	font-size: 40px;

}
.tel-num-2 {
	font-size: 32px;
}
.tel-num-2 img{
	width: 40px;
}
.tel-txt{
	font-size: 22px;
}

.feature-wrap h2{
	font-size: 20px;
	margin-bottom: 20px;
}
.feature-wrap h2 span{
	font-size: 30px;
}

.service_1811 li {
    width: 50%;
		padding: 0 10px;
}
.service_1811 li:nth-child(4){
	margin-right: 0;
}

.f-ttl-s{
	font-size: 100%;
}

/****20181126***/
.click_text {
    width: 70%;
    margin: 0 auto 0px;
    text-align: center;
}

.regions {
    width: 100%;
    margin: auto;
}

.regions button {
    background: #005d7d;
    color: #ffffff;
    padding: 10px 0px;
    font-size: 13px;
    width: 25%;
    font-weight: normal;
    border: 1px solid #c7e9f9;
}

.feature-wrap h2{
	font-size: 22px;
}

.feature-ttl h2 span{
	font-size: 24px;
}

.service_1901 li .f-icon{
	width: 120px;
}

.service_1901 li{
	width: 100%;
	margin: 0 20px 30px;
}
.service_1901 li:nth-child(4){
	margin-right: 20px;
}

.service_1901 .f-ttl-s{
	text-align: center;
	font-size: 18px;
}

.tab-sub{
	padding: 0 0 10px;
}
.tel-num-3-free{
	font-size: 12px;
}
.tel-num-3-free span{
	font-size: 10px;
}
.tel-num-3-txt{
	font-size: 32px;
}

.plans-wrap{
	flex-wrap: wrap;
	margin-top: 30px;
	padding: 0 10px;
}

.plans-item{
	width: 100%;
	margin-bottom: 20px;
}
.plans-item-bottom p{
	min-height:auto;
}
.news-list .li-new .date{
	padding-right: 10px;
}
.tel-txt-3{
	justify-content: center;
}
.copyright{
	font-size: 10px;
  padding: 16px 0 30px;
	text-align: left;
}
    
    
/***20190121***/

    
.regions button {
    background: #2290b5;
    color: #ffffff;
    padding: 10px 0px;
    font-size: 13px;
    width: 25%;
    font-weight: normal;
    border: 1px solid #c7e9f9;
}
    
.service_1901 li:nth-child(5) {
    margin: 0 20px 30px;
}
    
.service_1901 .sv_text_box {
    text-align: left;
    margin-top: 20px;
    width: 100%;
    order: 2;
}    

.service_1901 li .f-icon {
    width: 50%;
    margin: 15px auto 0;
}
    
.sv_img_box {
    order: 1;
}
    
}

@media (max-width: 449px) {

#three-pran-area table td .modal-body img {
    width: 100%;
}
/*
.sp-menu ul li a:link{
	padding-top: 8px;
}


.sp-menu ul li:nth-of-type(3) a:link{
	padding-top: 20px;
}
	*/

#three-pran-area table .plan-dot {
    font-size: 40px;
}
}