@charset "utf-8";

/*** common ***/

.spShow{
	display: none;
}

@media (max-width: 767px){
	.spShow{
		display: inline-block;
	}
	.spHide{
		display: none;
	}
}


.corange{
	color: #f04e11;
}

.cgreen{
	color: #28851a;
}

.cwhite{
	color: #fff;
}

.cblack{
	color: #000;
}

.cyellow{
	color: #fffbd7
}

.bgorange{
	background: #f04e11;
}

.bggreen{
	background: #28851a;
}

.bgblue{
	background: #002095;
}

.mt0{
	margin-top: 0;
}

.mt3rem{
	margin-top: 3rem;
}

.mb2rem{
	margin-bottom: 2rem;
}

.fsize2rem{
	font-size: 2rem;
}

.fsize3rem{
	font-size: 3rem;
}

.fwbold{
	font-weight: bold;
}

.tacenter{
	text-align: center;
}

.taright{
	text-align: right;
}

.taleft{
	text-align: left;
}

.tdunderline{
	text-decoration: underline;
}

h1{
	font-size: 46px;
}

@media (max-width: 767px){
	h1{
		font-size: 3rem;
	}
}

h2{
	color: #333;
	border-bottom: 5px solid #8fc620;
	padding-left: 4rem;
	background: url(/img/icon_2013/page_h2_bg.png) no-repeat;
}

@media (max-width: 767px){
	h2{
		font-size: 2.5rem;
	}
}


h3{
	border: none;
	padding-left: 4rem;
	color: #8fc620;
}

h4{
	
}

h5{
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1rem;
	margin-top: 0;
	line-height: 2.2rem;
}

.label{
	font-size: 1.5rem;
	/*border-radius: 0;*/
	display: inline-block;
	margin-bottom: 1rem;
	padding: 1rem;
	background: #fff100;
	color: #333;
}

/*.label:hover{
	opacity: 0.8;
}*/

/*.btn:hover{
	opacity: 0.8;
}*/


body{
	position: relative;
}

.fade-in {
    opacity : 0.0;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
.scroll-in {
    opacity : 1;
    transform : translate(0, 0);
    }




/*** header ***/

.navbar-header{
	background: linear-gradient(to right,#8fc620,#7db115);
	background-size: 2px;
}


.nav_breadcrumbs_{
	border-bottom: 5px solid #8fc620;
}



/*** fuidashi ***/

.balloon1-left {
 	position: relative;
	display: inline-block;
	margin-left: 15px;
 	margin-bottom: 1.5rem;
	padding: 2rem;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0f2ff;
	border-radius: 5px;
}

.balloon1-left:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #e0f2ff;
}

.balloon1-right {
 	position: relative;
	display: inline-block;
	margin-right: 15px;
 	margin-bottom: 1rem;
	padding: 2rem;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #ffe1d6;
	border-radius: 5px;
}

.balloon1-right:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #ffe1d6;
}








/*** main ***/

h1 span{
	font-size: 3rem;
	/*font-weight: normal;*/
}

@media (max-width: 767px){
	h1 span{
		font-size: 2rem;
		display: inline-block;
		line-height: 3rem;
	}
}
.top_logo{
	font-size: 2.3rem;
}

@media (max-width: 767px){
	.top_logo{
		font-size: 1.8rem;
	}
}

.mv_deco{
	/*background: repeating-linear-gradient(45deg, rgba(92,194,208,0.4), rgba(92,194,208,0.4 ) 10px, #fff 0, #fff 20px);
	border-radius: 15px;*/
	/*padding: 1.2em 2.5em;
    margin: 2em 0;
    background: rgba(240, 78, 17,0.5);
    box-shadow: 0px 0px 0px 10px rgba(240, 78, 17,0.5);
    border: dashed 2px white;
	filter: drop-shadow(1px 2px 3px rgba(240,78,17,0.5));*/
	/*background: url(/akinai/img/img_akinai_mv.jpg) no-repeat;
	height: 250px;*/
}

@media (max-width: 767px){
	.mv_deco{
		/*padding: 1.2em 0.5em;
		background-size: 100%;*/
		/*height: auto;
		background: none;*/
	}
}

.mv_deco h1,
.mv_deco p{
	/*color: #f04e11;
	text-shadow: 1px 1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff;*/
}

.mv_deco h1{
	font-size: 4.8rem;
	line-height: 4.3rem;
	position: relative;
	margin-top: 10px;
}

@media (max-width: 767px){
	.mv_deco h1{
		font-size: 3rem;
		line-height: 4rem;
	}
}

.mv_h1{
	border-top: 1px solid #8fc620;
	border-bottom: 1px solid #8fc620;
	padding: 1rem;
}

.mv_deco h1 div{
	/*position: absolute;
	bottom: 0.5rem;
	left: 4rem;*/
}

.mv_deco h1 img{
	margin-bottom: 1rem;
}



/* soudan*/

.soudan .soudan_lead{
	font-size: 1.6rem;
	line-height: 2.5rem;
}

.tel_soudan_kochi{
	font-size: 3rem;
}

@media (max-width: 767px){
	.tel_soudan_kochi{
		font-size: 2rem;
	}
}

.fa-check{
	display: inline-block;
	border: 1px solid #ccc;
	padding: 1px;	
}

.soudan .soudan_ex{
	overflow: hidden;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.soudan .soudan_ex dt{
	width: 15%;
	padding-bottom: 6rem;
}

@media (max-width: 767px){
	.soudan .soudan_ex dt{
		width: 100%;
		padding-bottom: 1rem;
	}
}

.soudan .soudan_ex dd{
	width: 80%;
	margin-bottom: 0.5rem;
}

@media (max-width: 767px){
	.soudan .soudan_ex dd{
		width: 100%;
	}
}

.soudan .soudan_ex dt,
.soudan .soudan_ex dd{
	float: left;
}

.soudan .soudan_telbtn{
	/*display: flex;
	justify-content: center;
	align-items: center;*/
	overflow: hidden;
	/*width: 480px;*/
	margin: 0.5rem auto 2rem;
	padding: 2rem 2rem 2rem;
	border-radius: 8px;
	/*background: linear-gradient(#ff8252,#f04e11);*/
	background: #8fc620;
	color: white;
}

@media (max-width: 767px){
	.soudan .soudan_telbtn{
		width: 100%;
		pointer-events: visible;
	}
	
	i.fa-phone{
		font-size: 5rem;
	}
	
	i.fa-phone2{
		font-size: 3rem;
	}
}

.soudan .soudan_telbtn:hover{
	opacity: 0.8;
}

.soudan .soudan_telbtn i,
.soudan .soudan_telbtn .soudan_no{
	/*float: left;*/
}

.soudan .soudan_telbtn .soudan_no{
	margin-left: 1.5rem;
}

.soudan .soudan_telbtn .soudan_no2{
	font-size: 4rem;
	/*border-bottom: 1px solid #fff;*/
	line-height: 3.8rem;
}

@media (max-width: 767px){
	.soudan .soudan_telbtn .soudan_no2{
		font-size: 2.1rem;
		line-height: 2rem;
	}
}

span.label_lg{
	font-size: 2rem;
}

span.label_lg:hover{
	opacity: 1;
}



/* stacon */

.stacon_img img{
	width: 16.6%;
}

@media (max-width: 767px){
	.stacon_img img{
		width: 33%;
	}
}







.free_label{
	position: absolute;
	top: 1rem;
	left: 1rem;
}


@media (max-width: 767px){
	.free_label{
		top: 0.3rem;
		left: 0.3rem;
	}
}

.free_label span:hover{
	opacity: 1;
}

.kakko{
	font-size: 1.4rem;
}


/* program */

.program h3.red{
	background: url(/sogyo/concierge/img/red.png) no-repeat;
	background-size: 5%;
	padding: 3rem 0 3rem 6rem;
}

@media (max-width: 767px){
	.program h3.red{
		background-size: 10%;
		padding: 1rem 0 2rem 4.5rem;
	}
}

.program h3.yellow{
	background: url(/sogyo/concierge/img/yellow.png) no-repeat;
	background-size: 5%;
	padding: 3rem 0 3rem 6rem;
}

@media (max-width: 767px){
	.program h3.yellow{
		background-size: 10%;
		padding: 1rem 0 2rem 4.5rem;
	}
}

.program h3.blue{
	background: url(/sogyo/concierge/img/blue.png) no-repeat;
	background-size: 9%;
	padding: 2rem 0 3rem 8rem;
}

@media (max-width: 767px){
	.program h3.blue{
		background-size: 18%;
		padding: 1rem 0 1rem 7rem;
	}
}

.program .program_box{
	/*margin-bottom: 5rem;*/
}



.program .program_box ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 5rem;
}

@media (max-width: 767px){
	.program .program_box ul{
		display: block;
	}
}

.program .program_box ul li{
	width: 100%;
	display: flex;
	flex-direction: column; 
	border: 1px solid #ccc;
	/*border-top: 5px solid #8fc620;*/
	border-radius: 10px;
	/*background: #eeffcb;*/
	padding: 2rem;
}

@media (max-width: 767px){
	.program .program_box ul li{
		margin-bottom: 1.5rem;
	}
}

.program .program_box ul.width2 li{
	width: 48%;
}

.program .program_box ul.width3 li{
	width: 31%;
}

@media (max-width: 767px){
	.program .program_box ul.width2 li,
	.program .program_box ul.width3 li{
		width: 100%;
	}
}

.program .program_box ul li a.btn{
	margin-top: auto;
	border: 1px solid #ccc;
	border-radius: 20px;
}

.program .know ul li{
	background: #fff2f2;
}

.program .action ul li{
	background: #fffcca;
}

.program .try ul li{
	background: #e1f2ff;
}

.program .program_box  ul li p{
	margin-bottom: 3rem;
}

 











/*** nav ***/




#gnavi ul{
	margin-bottom: 0;
}

#gnavi li{
	/*background: #ffede7;*/
}

nav ul li.list-group-item:hover{
	background: #def3b6;
}

#gnavi li a{
	color: #000;
	/*text-decoration: underline;*/
}

#gnavi li div button{
	color: #000;
	display: block;
	width: 100%;
	text-align: left;
}

.navbarwrapper{
	padding-left: 20px;
	padding-right: 0;
}

@media (max-width: 767px){
	.navbarwrapper{
		padding-left: 0;
	}
}

.riyousha{
	padding: 1rem 0;
	margin-bottom: 3rem;
	background: #28851a;
}

.riyousha_sp{
	background: #28851a;
	padding: 2rem 2.5rem;
}

#gnavi li.riyousha_sp a{
	color: white;
}

.riyousha:hover{
	opacity: 0.8;
}

.riyousha a{
	color: white;
	display: block;
	text-decoration: underline;
	text-align: center;
	font-size: 1.8rem;
}

.riyousha a:hover{
	text-decoration: none;
}

@media (max-width: 767px){
	.nav_bnr ul{
		margin-top: 10rem;
	}
}

.nav_bnr ul .side_about,
.nav_bnr ul .side_faq{
	border: 1px solid #f04e11;
	font-size: 1.5rem;
	background: #f04e11;
}

@media (max-width: 767px){
	.nav_bnr ul .side_about,
	.nav_bnr ul .side_faq{
		width: 220px;
		margin: 1rem auto;
	}
}

.nav_bnr ul .side_about:hover,
.nav_bnr ul .side_faq:hover{
	opacity: 0.8;
}

.nav_bnr ul .side_about a{
	padding: 2rem 0;
	display: block;
	color: white;
	font-size: 1.8rem;
}

.nav_bnr ul .side_faq a{
	padding: 1rem 0;
	display: block;
	color: white;
	font-size: 1.8rem;
}



.nav_bnr_wrapper{
	margin-top: 50px;
}

.nav_bnr ul li{
	margin-bottom: 1rem;
	width: 100%;
	text-align: center;
}

.nav_bnr ul li a img{
	width: 100%;
}

@media (max-width: 767px){
	.nav_bnr ul li a img{
		width: auto;
	}
}



.nav_bnr a:hover{
	opacity: 0.8;
}

.spnav_no{
	font-size: 2.8rem;
}


#News{
	/*width: 220px;*/
	padding: 1rem 0;
	text-align: center;
	border: 1px solid #d1d1d1;
}

@media (max-width: 767px){
	#News{
		width: 100%;
	}
}



/*** footer ***/

#telnow_btn{
	position: fixed;
	bottom: 50px;
	right: 17vw;
	z-index: 990;
	background: #f04e11;
	border-radius: 50%;
	padding: 1rem;
	box-shadow: 0px 0px 5px rgba(84,84,84,0.8);
}

@media (max-width: 767px){
	#telnow_btn{
		right: 10px;
	}
}

@media (max-width: 768px) and (min-width: 768px){
	#telnow_btn{
		display: none!important;
	}
}

#telnow_btn a{
	display: block;
	text-align: center;
	font-size: 1.2rem;
}

#telnow_btn a:hover,
#telnow_btn a:focus{
	color: #fff;
	text-decoration: none;
}


#telnow_btn a span{
	/*text-decoration: underline;*/
}

#main_contents .backtotop{
	display: inline-block;
	margin-top: 5rem;
}



#con_akinai_headmneu ul{
	margin-bottom: 0;
	padding: 2rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f04e11;
}

@media (max-width: 767px){
	#con_akinai_headmneu ul{
		flex-wrap: wrap;
		padding: 0;
	}
	
	#con_akinai_headmneu ul li{
		width: 100%;
		padding: 1rem 0;
		border-bottom: 1px solid #fff;
		text-align: center;
	}
}

#con_akinai_headmneu ul li a{
	color: white;
	padding-right: 3.5rem;
	font-weight: bold;
}

/*#con_akinai_headmneu ul li a span{
	font-weight: bold;
}*/

#con_akinai_headmneu ul li:last-child a{
	padding-right: 0
}

body #main-footer-bg{
	margin-top: 0;
}

/*#main-footer-bg #main-footer .function li{
	margin-right: 17px;
}

#main-footer-bg .footer-serach-area .category li{
	margin-right: 10px;
}

#main-footer-bg #main-footer .bnr-list.service li{
	margin-right: 8px;
}

#main-footer-bg #main-footer .bnr-list.family li{
	margin-right: 10px;
}*/