@charset "UTF-8";
/* CSS Document */
body{
	background-color: #FFFFFF;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500;
	color: #333;
}

html,body,h1,h2,h3,h4,ul,ol,li,p,span,iframe,footer,address,h1,h2,h3,h4,h5,dl,dt,dd{
  margin: 0;
  padding:0;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none;
}

/* font
------------------------------*/
.font-tukushi{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}
/* link
------------------------------*/
a{
	color: #333333;
	transition : color 0.5s ease 0s;
	text-decoration: none;
}
a:focus {
    outline: none;
}
a:hover{
	text-decoration: none;
	color: #333;
}
.underline_link{
	text-decoration: underline!important;
}

.pos_r{
	position: relative;
}
li{list-style-type: none;}
iframe{
	vertical-align: bottom;
}
figure {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure {
    margin: 0 0 0;
}
figure:hover {
	opacity: .5;
}
section{
	padding-top: 3rem;
}
.second section{
	padding-top: 2rem;
}

hr{
	border-top: 4px #4493d0 dotted;
}
.white_line{
	border-top: 4px dotted #FFFFFF;
}
.row-10 {
    margin-left:-5px;
    margin-right:-5px;
}
.row-10>div,.row-10>li {
    padding-right:5px;
    padding-left:5px;
}


/* list
------------------------------*/
ul.common_list{
	padding-left: 1em;
	text-indent: -1em;
}
.common_list li{
	margin-bottom: 1em;
}
.common_list li::before{
	content: "・";

}
ul.list{
	padding-left: 1em;
	text-indent: -1em;
}

/* header
------------------------------*/
header{
	text-align: center;
	padding: 20px 0;

}
.logo img{
	width: 200px;
}

/* space
------------------------------*/
.contents_space{
	margin-top: 2rem;
}

.color-inner{
	padding: 4rem 0;
}

.tit_space{
	margin-bottom: 2rem;
}
/* font
------------------------------*/

/* text
------------------------------*/
.lead_text{
	font-size: 18px;
}
.lead_text_s{
	font-size: 16px;
}
.bold{
	font-weight: 600;
}
.l-h18{
	line-height: 1.8;
}
.l-h2{
	line-height: 2.3;
}
.l-spacec_c1{
	letter-spacing: .08em;
	text-indent: .08em;
}
.l-spacec_c2{
	letter-spacing: .2em;
	text-indent: .2em;
}
.l-spacec_1{
	letter-spacing: .1em;
}

/* bg
------------------------------*/
.bg_white{
	background-color: #FFFFFF;
}
.bg_blue{
	background-color: #7da8db;
}
.bg_op_white{
	background-color: rgba(255, 255, 255, 0.8);
    width: 224px;
	padding: 22px 32px;
}
.bg_beige{
	background-color: #fbf5e9;
}
.bg_pink{
	background-color: #f7c8ce;
}
.bg_pink02{
	background-color: #fbdac8;
}
.bg_green{
	background-color: #d6e9c4;
}
.bg_blue02{
	background-color: #c7d9f0;
}
.main_bg{
	background-image: url(./img/main.png);
	background-size: cover;
	background-position: top center;
	padding: 90px 0;
}
.point_bg{
    background-color: #8aa3d4;
}
.point_bg::before{
	content:"";
	display:block;
	background: url(./img/point_bg_top.jpg) no-repeat;
	background-position: top center;
	background-size: 100%;
	height: 62px;
}
.point_bg::after{
	content:"";
	display:block;
	background: url(./img/point_bg_bottom.jpg) no-repeat;
	background-position: bottom center;
	background-size: 100%;
	height: 80px;
	background-repeat: no-repeat;
}

/* color
------------------------------*/
.red{
	color: #e60012;
}
.white{
	color:#FFFFFF;
}
.blue{
	color: #0068b7;
}
.orange{
	color: #f39800;
}
.yellow{
	color: #fff67f;
}

/* title
------------------------------*/
.top_tit{
	font-size: 40px;
}
.tit{
	font-size: 22px;
	line-height: 1.5;
}
.tit_s{
	font-size: 20px;
	line-height: 1.5;
}
.tit_sub{
	font-size: 18px;
}
.line_bg{
	background-image: url(./img/line.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

.oubo_list li:not(:last-child){
	margin-bottom: 22px;
}
.kirakira,.kirakira02{
	position: relative;
}
.kirakira::before,.kirakira02::before{
	content: "";
	background-size: contain;
    vertical-align: top;
	display: inline-block;
    position: absolute;
}
.kirakira{
    padding-top: 2rem;
}
.kirakira::before{
    background-image: url(./img/kirakira01.svg);
    width: 50px;
    height: 45px;
    left: -64px;
    top: 0;
}
.kirakira::after,.kirakira02::after{
	content: "";
	background-size: contain;
    vertical-align: top;
	display: inline-block;
    position: absolute;
}
.kirakira::after{
    background-image: url(./img/kirakira02.svg);
    width: 50px;
    height: 45px;
    right: -64px;
    top: 0;
}
.kirakira02{
    padding-top: .5rem;

}
.kirakira02::before{
    background-image: url(./img/kirakira03.svg);
    width: 50px;
    height: 45px;
    left: -64px;
    top: 0;
}
.kirakira02::after{
    background-image: url(./img/kirakira04.svg);
    width: 50px;
    height: 45px;
    right: -64px;
    top: 0;
}
.tori01{
	position: absolute;
	left: 2%;
	top:40%;
}
.tori01 img{
	width: 35px;
}
.tori02{
	position: absolute;
	right: 2%;
	top:50%;
}
.tori02 img{
	width: 28px;
}
.tit_bg{
	display: inline-block;
	background-color: #65aadd;
	border-radius: 5px;
	padding: .5rem 3rem;
	text-align: center;
	color: #FFFFFF;
}

/* button
------------------------------*/
.button {
	display: inline-block;
	width: 100%;

	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn-submit {
    background-color: #ea5506;
    border: 0;
    line-height: 46px;
	color: #FFFFFF;
}
.btn-submit:hover {
    background-color: #ce4700;
    color: #FFFFFF;
}
.round {
    border-radius: 5px;
    display: inline-block;
    transition: 0.3s;
    width: 100%;
}
.btn-reset {
    background-color: #878788;
    border: 0;
    line-height: 46px;
	color: #FFFFFF;
}
.btn-reset:hover {
    background-color: #616161;
    color: #FFFFFF;
}
/* arrow
------------------------------*/
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    /* color: #000; */
    vertical-align: middle;
    text-decoration: none;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.arrow-01:before{
    left: 3px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



/* footer
------------------------------*/
footer{
	background-color: #65aadd;
	text-align: center;
	color: #FFFFFF;
	font-size: 13px;
	padding: 40px 0;
}



/* topBtn
------------------------ */
.topBtn_box{
	position:relative;
}

.topBtn {
  position:fixed;
  bottom:20px;
  right:20px;
  z-index: 10;
}
.topBtn:before {
  position:absolute;
}
.topBtn:hover {
  opacity:0.7;
}
.topBtn img{
	width: 60px;
	height: 60px;
}


/* ポイント */
.point_illust{
    position: absolute;
    top: -40px;
    right: 0;
}
.point_illust img{
	width: 116px;
}
.point_inner{
	padding: 0 1.5rem;
}
.point_tit img{
	width: 80px;
}




/* accordion
------------------------ */
#recruit_accordion .card-header{
	padding: 0;
	border-bottom: 1px solid #c9a063;
}
#recruit_accordion .card{
    border: 1px solid #c9a063;
    border-radius: 0;
}
.card-header{
	text-align: center;
}
.btn:not(:disabled):not(.disabled){
	display: block;
}

#recruit_accordion .btn-link{
	color: #333;
}
#recruit_accordion .card-body{
	padding: 0;
}
dl.recruit_list,dl.contact_list{
    margin: 0;
    padding: 0;
}
.recruit_list dt,.recruit_list dd,.contact_list dt,.contact_list dd{
	padding: .5rem;
}

.recruit_list dt{
	text-align: center;
	background-color: #ffefee;
}
.recruit_list.green_list dt{
	background-color: #f2f7ed;
}
.recruit_list.blue_list dt{
	background-color: #e9f1fd;
}
.recruit_list.pink_list dt{
	background-color: #fff2ea;
}
.recruit_list dt,.recruit_list dd,.border_top{
	border-top: 1px solid #c9a163;
}
.recruit_list dt.dot,.recruit_list dd.dot{
	border-top: 1px dotted #c9a163;
}


.recruit_list .table{
	margin-bottom: 0;
}
.recruit_list .table th{
	border-right: 1px solid #c9a163;
	width: 114px;
	font-weight: normal;
	vertical-align: middle;
}
.recruit_list .table th,.recruit_list .table td{
	border-top:none;
}



#recruit_accordion h3[data-toggle="collapse"]{
    display: block;
    padding: 10px;
    text-decoration: none;
	position: relative;
}

#recruit_accordion h3[data-toggle="collapse"]::after{
    content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #FFFFFF;
	position: absolute;
	top: 45%;
	right: 24px;
	margin-top: -5px;
}



#recruit_accordion h3[data-toggle="collapse"]::before {
	content: '';
	width: 30px;
	height: 30px;
	background: #FFFFFF;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -15px;
}
#recruit_accordion .bg_pink h3[data-toggle="collapse"]::after{
	border-color: transparent transparent transparent #f7c8cd;
}
#recruit_accordion .bg_green h3[data-toggle="collapse"]::after{
	border-color: transparent transparent transparent #d7e9c3;
}
#recruit_accordion .bg_blue02 h3[data-toggle="collapse"]::after{
	border-color: transparent transparent transparent #c7d9f0;
}
#recruit_accordion .bg_pink02 h3[data-toggle="collapse"]::after{
	border-color: transparent transparent transparent #fbdac8;
}

#recruit_accordion h3[aria-expanded=false]::after{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition-duration: 0.3s;
}
#recruit_accordion h3[aria-expanded=true]::after{
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    transition-duration: 0.3s;
}
/* [id^="menu"] li{
    padding: 10px 10px 10px 20px;
} */




/* お問合せ */
.zip_box{
	width: 100px;
}
.contact_list{
	background-color: #FFFFFF;
}
.contact_list dt{
	font-weight: normal;
}
#kangoshi .contact_list{
	border-right: 1px solid #d6848b;
	border-left: 1px solid #d6848b;
	border-bottom: 1px solid #d6848b;
}

#kangoshi .contact_list dt,#kangoshi .contact_list dd{
	border-top: 1px solid #d6848b;
}
#junkan .contact_list dt,#junkan .contact_list dd{
	border-top: 1px solid #a9cb7b;
}

#junkan .contact_list{
	border-right: 1px solid #a9cb7b;
	border-left: 1px solid #a9cb7b;
	border-bottom: 1px solid #a9cb7b;
}
#fkushi .contact_list dt,#fkushi .contact_list dd{
	border-top: 1px solid #90a2d1;
}

#fkushi .contact_list{
	border-right: 1px solid #90a2d1;
	border-left: 1px solid #90a2d1;
	border-bottom: 1px solid #90a2d1;
}
#staff .contact_list dt,#staff .contact_list dd{
	border-top: 1px solid #da8e6a;
}

#staff .contact_list{
	border-right: 1px solid #da8e6a;
	border-left: 1px solid #da8e6a;
	border-bottom: 1px solid #da8e6a;
}
.zip_comment{
    font-size: 12px;

    border-radius: 5px;
}

.nav-tabs .nav-link.active{
    /* border:none; */
	color: #FFFFFF;

}
.nav-tabs .nav-link.active.kangoshi{
    background-color: #ef858c;
}
.nav-tabs .nav-link.active.junkan{
    background-color: #a9cb7b;
}
.nav-tabs .nav-link.active.fkushi{
    background-color: #90a2d1;
}
.nav-tabs .nav-link.active.staff{
    background-color: #dd9977;
}
.nav-link{

	padding: 0.5rem 2rem;
}
.nav-tabs .nav-link{
	background-color: #efefef;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-top: 1px solid #a9a9a9;
	border-bottom: none;
}


.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-top: 1px solid #a9a9a9;
}












@media (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none!important;
	}
	/* header
	------------------------------*/
	header{
		text-align: center;
		padding: 40px 0;

	}
	.logo img{
		width: 284px;
	}

	/* space
	------------------------------*/
	.contents_space{
		margin-top: 4rem;
	}

	/* text
	------------------------------*/
	.lead_text{
		font-size: 28px;
	}
	.lead_text_s{
		font-size: 18px;
	}
	/* title
	------------------------------*/

	/* footer
	------------------------------*/
	.oubo_outer{
		padding-left: 70px;
	}
	.kirakira::before{
		width: 64px;
		height: 58px;
		left: -64px;
		top: 0;
	}
	.kirakira::after{
		width: 64px;
		height: 58px;
		right: -64px;
		top: 0;
	}
	.tori01{
		position: absolute;
		left: 10%;
		top:20%;
	}
	.tori01 img{
		width: 55px;
	}
	.tori02{
		position: absolute;
		right: 10%;
		top:45%;
	}
	.tori02 img{
		width: 38px;
	}
	.message_img{
		width: 440px;
	}
	/* ポイント */
	.point_inner{
		padding: 0 3rem;
	}
	.point_tit img{
		width: 125px;
	}
	/* accordion
	------------------------ */
	.recruit_list dt,.recruit_list dd,.contact_list dt,.contact_list dd{
		padding: 1.5rem;
	}
	.recruit_list dd{
		border-left: 1px solid #c9a163;
	}
	/* お問合せ */
	#kangoshi .contact_list dd{
		border-left: 1px solid #d6848b;
	}
	#junkan .contact_list dd{
		border-left: 1px solid #a9cb7b;
	}
	#staff .contact_list dd{
		border-left: 1px solid #da8e6a;
	}
	#fkushi .contact_list dd{
		border-left: 1px solid #90a2d1;
	}
}


@media (max-width: 767px) {
	.point_inner{
		margin-top: -45px;
	}
	.main_bg{
		background-image: url(./img/main_sp.png);
		background-size: cover;
		padding: 4rem 0;
	}

}

@media (min-width: 992px) {
	/* header
	------------------------------*/


	/* title
	------------------------------*/

	.tit{
		font-size: 48px;
	}
	.tit_s{
		font-size: 31px;
	}
	.tit_sub{
		font-size: 18px;
	}
	/* ポイント */
	.point_illust{
		position: absolute;
		top: -146px;
		right: 65px;
	}
	.point_illust img{
		width: 156px;
	}

}
@media (max-width: 1199px) {

}
@media (min-width: 1200px){
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 990px;
	}
	/* header
	------------------------------*/

	/* footer
	------------------------------*/

}




@media (max-width: 1399px){

}
@media (min-width: 992px) and (max-width: 1199px) {
	/* footer
	------------------------------*/


}
@media (min-width: 1601px) {

}
@media (min-width: 2000px) {
	.main_bg{

		padding: 120px 0;
	}
}
@media (max-width: 991px) {

}
@media (min-width: 768px) and (max-width: 991px) {
	.second section{
		padding-top: 4rem;
	}
	/* title
	------------------------------*/

	.tit{
		font-size: 24px;
	}
	.tit_sub{
		font-size: 21px;
	}
	/* footer
	------------------------------*/

	/* ポイント */
	.point_illust{
		position: absolute;
		top: -78px;
		right: 32px;
	}
	.point_illust img{
		width: 136px;
	}
}


@media screen and (min-width: 576px){
	.bg_op_white{
		width: 324px;
		padding: 32px 42px;
	}
}

@media (min-width: 451px) and (max-width: 767px) {
	.main_bg{
		background-position: 20% center;
	}

}
@media screen and (max-width: 575px){


	/* space
	------------------------------*/
	.sp_mt-30{
		margin-top: 30px;
	}
	.sp_mt-15{
		margin-top: 15px;
	}
	.sp_mb-15{
		margin-bottom: 15px;
	}
	.sp_mb-30{
		margin-bottom: 30px;
	}
	/* .zip_box{
		width: 80px;
	} */

}
@media screen and (max-width: 450px){
	.top_tit{
		font-size: 28px;
	}
}
@media screen and (max-width: 450px){
	.main_bg{
		background-position: 35% center;
	}
}

@media screen and (min-width: 476px){
	.zip_comment{
		background-color: #818181;
		color: #FFF;
		padding: 0.5rem 0.5rem;
	}
}

@media screen and (max-width: 475px){
}



@media print{

}


span.msg {
	color: #ff0000;
	font-weight: bold;
}