/* CSS Document */



#contents section {
	margin: 40px auto 0;
	font-size: 15px;
}
.center {
	text-align: center;
}
.marker {
	color:#0095ea;
	font-weight:bold;
	font-size: 18px;
	margin: 0;
}
#topComment {
	background-color: #0098e7;
	padding:12px;
	box-shadow: 0px 6px 2px -2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 6px 2px -2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 6px 2px -2px rgba(0,0,0,0.6);
    
}

#topComment img{ width: 100%;}

/*----- slide -----*/
#slide{ background: url(../images/bg-pattern-blue.png) #fff no-repeat bottom center; padding: 28px 0; background-size: cover;}

#slideBt {
	background: #fff;
    padding: 9px;
    margin: 18px 8px 8px;
    border-radius: 8px;
}

.contact-tel{ display: table; width: 100%;}
.contact-tel div{ display: table-cell; width: 50%; vertical-align: middle;}
.contact-tel .text-tel{ font-size: 12px; font-weight: bold; padding: 0 6px; text-align: left;}
.contact-tel .text-red{ color: #ff0000;}
#slideBt li{ text-align: center; margin: 8px 0;}
/* #slideBt li {
	float:left;
}
#slideBt li:first-child {
	width:100%;
	margin: -10px 0 7px;
}
#slideBt li:last-child {
	float: right;
} */


.slide_txt{
	font-size:14px;
}

.slide_tel{
	font-size:26px;
	font-weight:bold;
}

.slide_tel a{
	text-decoration:none;
	position: relative;
    bottom: 12px;
}

.slide_tel a:hover{
	color:black;
}

.slide_tel img{
	width:45px;
	position:relative;
	bottom:13px;
}

.slide_mail{
	font-weight:bold;
	background-color:#E10101;
	border-radius: 5px;
    padding: 10px;
    font-size: 20px;
	margin-top:5px;
	position:relative;
	left:10%;
	width:80%;
}

.slide_mail a{
	text-decoration:none;
	color:#fff;
}

.slide_mail a:hover{
	color:#fff;
}


/*----- kaitoriDisp01 -----*/
#kaitoriDisp01 h3 {
	font-size:28px;
	color: #f00;
}
#kaitoriDisp01 p {
	font-size:24px;
	font-weight: bold;
	margin: 15px 0 0;
	line-height: 1.7;
}

/*----- kaitoriDisp03 -----*/
#kaitoriDisp03 li {
	display: inline-block;
	margin: 0 10px;
}
.flyer {
	padding: 6px;
	background-color: #fff;
}
#kaitoriDisp03 li  p {
	margin:10px 0 0;
	font-weight: bold;
}

/*----- kaitoriDisp04 -----*/
#kaitoriDisp04 .inner {
	text-align: left;
	padding: 12px;
	border-radius: 7px;
	/* background-image: url(../images/section04.jpg); */
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#kaitoriDisp04 h3{
	color:#f00;
	font-size: 18px;
	font-weight: bold;
}

#kaitoriDisp04 p{
	margin-top:10px;
}

/*----- kaitoriDisp05 -----*/
#kaitoriDisp05 .inner {
	text-align: left !important;
	background-image: url(../images/section05/05back.jpg);
	background-repeat: no-repeat;
	background-position: right 20px;
}
#kaitoriDisp05 h3 {
	font-size: 18px;
	font-weight: 500;
}
#kaitoriDisp05  dt {
	margin:20px 0 8px;
	padding: 0 0 8px;
	font-size: 16px;
	color: #f00;
	background-image: url(../images/section05/dtback.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
}

/*----- kaitoriDisp06 -----*/
#kaitoriDisp06 .inner {
	font-size: 16px;
}
#kaitoriDisp06  th {
	font-weight: normal;
	color: #f00;
	padding: 15px 0;
	vertical-align: top;
}
#kaitoriDisp06  td {
	padding:15px 0;
}

#kaitoriDisp06 div p {
	margin-top:10px;
}

#kaitoriDisp06 div img {
	margin-top:10px;
}

#kaitoriDisp06 div h3 {
	font-size:16px;
	font-weight:bold;
}

/*----- kaitoriDisp07 -----*/
#kaitoriDisp07 .inner{
	text-align: left;
	padding: 20px 60px;
	/* background-image: url(../images/section04.jpg); */
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 100% auto;
	border-radius: 7px;
}
#kaitoriDisp07 h3 {
	color: #f00;
	/*margin: 0 0 5px 20px;*/
	font-weight:bold;
	font-size:18px;
	padding:5px;
}
#kaitoriDisp07 li {
	margin: 7px auto;
	line-height: 1.7;
	background-image: url(../images/pattern-yellow.png);
	padding: 8px;
}
.text-number{
	 background: #fff;
}
.namber {
	display: block;
	text-align: center;
	padding-top: 15px;
}
.namber span{
	display: block;
    background-color: #48b22a;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #eee800;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: auto;
    line-height: 1.5;
}
#kaitoriDisp07 .marker {
	font-weight:bold;
	font-size: 18px;
	margin: 0;
}
#kaitoriDisp07 p {
	padding: 5px;
}

/*----- kaitoriDisp08 -----*/
#kaitoriDisp08 p {
	font-size: 19px;
	font-weight: bold;
	margin: 0 auto 20px;
}
#kaitoriDisp08 .marker {
	font-size: 22px;
	margin: 15px 0;
	font-weight: bold;
}
#kaitoriDisp08 ul{ display: flex; flex-wrap: wrap;}
#kaitoriDisp08 ul li {
	display: block;
    margin: 2px 1%;
    width: 48%;
}

.jirei_title{
	text-align:center;
	font-weight:bold;
}

/*----- kaitoriDisp09 -----*/
#kaitoriDisp09 .inner {
	display: flex; flex-wrap: wrap;
}
#kaitoriDisp09 li {
    display: inline-flex;
    margin: 6px 15px;
    border: solid 3px #0095ea;
    font-size: 15px;
	font-weight: bold;
	padding: 14px 14px 36px;
    width: 100%;
    border-radius: 10px;
    text-align: left;
    position: relative;
}
#kaitoriDisp09 li div {
    display: inline-block;
    float: right;
    color: #ffd700;
	position: absolute;
	right: 14px;
    bottom: 14px;
}
#kaitoriDisp09 li div i {
	margin: 0 2px;
}

/*----- kaitoriDisp10 -----*/
#kaitoriDisp10 .marker {
	font-size: 20px !important;
	margin: 0 5px 0 0;
	font-weight: bold;
}

/*------ kaitoriDisp11 ------*/
#torikumi {
	/* box-sizing: border-box;
	border: 4px solid #b0b0b0;
	border-radius: 7px;
	overflow: hidden; */
}
#kaitoriDisp11 li {
	margin: 18px 6px;
	font-size: 13px;
	box-sizing: border-box;
	padding: 0px 13px;
	background-image: url(../images/list.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#kaitoriDisp11 li  span {
	margin: 0;
	font-weight: bold;
}

/*------ kaitoriDisp12 ------*/
#kaitoriDisp12 ul {
	background-color: #fffdd6;
	box-sizing: border-box;
	padding: 15px 15px 5px;;
}
#kaitoriDisp12  li {
	background-color: #fff;
	padding: 18px;
	position: relative;
	margin: 0 auto 22px;
}
#kaitoriDisp12 li h3{
	color: #f00;
	margin: 0 0 15px;
	font-size: 20px;
}
#kaitoriDisp12  li p {
	font-size: 14px;
	text-align: center;
	margin: 10px 0 0 0;
}
.contastDisp_small {
	background-image: url(../../common/images/contacback02.jpg);
	width: 354px;
	height: 118px;
	background-repeat: no-repeat;
	box-sizing: border-box;
	padding: 13px 0;
	text-align: center;
	margin: 15px 0 0
}
#flow01 .fr {
	font-size: 13px;
	text-align: center;
	margin: -20px 0 0
}
/* #flow01 {background-image: url(../images/flow/number/01.png);}
#flow02 {background-image: url(../images/flow/number/02.png);}
#flow03 {background-image: url(../images/flow/number/03.png);}
#flow04 {background-image: url(../images/flow/number/04.png);}
#flow05 {background-image: url(../images/flow/number/05.png);}
#flow06 {background-image: url(../images/flow/number/06.png);}
#flow07 {background-image: url(../images/flow/number/07.png);} */
.arrow {
	position: absolute;
	bottom: -20px;
	left:15px;
}

/*----- kaitoriDisp13 -----*/
#kaitoriDisp13 .inner {
	line-height: 1.7;
}
#kaitoriDisp13 .marker {
	font-size: 28px;
	font-weight: bold
}

/*----- kaitoriDisp14 -----*/
#kaitoriDisp14 table {
	width: 100%;
}
#kaitoriDisp14 th {
	width: 90px;
	height: 20px;
	text-align: center;
	border-bottom:5px solid #0095ea;
	box-sizing: border-box;
}
#kaitoriDisp14 td {
	padding: 20px 20px 20px 30px;
	box-sizing: border-box;
	line-height: 1.3 !important;
}
#map {
	width:100%;
	margin: 20px auto ;
}

/*------ bannerArea -----*/
#bannerArea {
	margin: 40px auto 0;
	padding: 15px 0;
	background-color: #dcdddf
}
#bannerArea li {
	display: inline-block;
	margin: 8px;
}


/*------ contactDisp -----*/
#contact {
	margin:40px auto 0;
}



/*------ sp -----*/
.full-images{ width: 100%;}
.max-images{ max-width:100%;}

/* Acordeon styles */
.content-show .tab {
	position: relative;
	margin-bottom: 1px;
	width: 100%;
	color: #000;
	margin: 18px auto;
	}
.content-show input {
	position: absolute;
	opacity: 0;
	z-index: -1;
  }
.content-show label {
	position: relative;
	display: block;
	font-size: 18px;
    font-weight: bold !important;
    text-align: center;
    color: #0584cd;
    padding: 7px 5px;
	margin: 0 auto 10px;
	line-height: 1.5;
    border: 2px solid #0584cd;
    background: linear-gradient(white, #dcdcdc);
    box-shadow: 0 4px 0 #afadae;
	cursor: pointer;
  }
.content-show .tab-content {
	/*max-height: 0;*/ /* 20231003 */
	overflow: hidden;
	-webkit-transition: max-height .35s;
	-o-transition: max-height .35s;
	transition: max-height .35s;
  }
.content-show input:checked ~ .tab-content {
	max-height: 1000em;
  }

.pattern-blue{ background: url(../images/pattern-blue.png);}
.pattern-red{ background: url(../images/pattern-red.png);}
.bg-white{
	border-radius: 8px;
	padding: 0px;
	border-bottom: 3px solid #fff;
	box-shadow: 0 4px 0 #afadae;
	margin: 10px auto;
	width: 95%;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
	}

.redDisp .text-red{color: #ff0000;margin: 10px 10px 0;}
.redDisp div {
    margin: 0 10px;
}
.redDisp .remark{ display: block; text-align: right; font-size: 12px;}
.text-strength{ padding: 12px; line-height: 1.5;}
.blueDisp{ padding: 12px 8px;}


.inner_title_txt{
	margin:10px 0;
}

#buy .inner h3{
	color: #f00;
    font-size: 18px;
    font-weight: bold;
}

#buy .inner p{
	margin-top:10px;
}


/*****************************************
				  TOP NEW
******************************************/
#top_new{

}

#top_1{
	position:relative;
	bottom: 55px;
}

.h1_top_new h1{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	position: relative;
	top: 30px;
	left: 2%;
	margin: 0;
	font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN";
}

.h1_top_new h1 span{
	color:red;
}

.h1_top_new h2{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	position: relative;
	top: 18px;
	left: 2%;
	margin: 0;
	font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN";
}

.h1_top_new h2 span{
	color:red;
}

#top_1 img{
	width:100%;
}

#top_1 a img{
	width:80%;
	margin-left:10%;
	padding:5px 0;
}

.declaration_title{
	font-weight:bold;
	text-align:center;
	font-size:20px;
	margin:10px;
}

.declaration{
	background:#fff;
	border-radius:10px;
	border:2px solid #137ed7;
	width:46%;
	text-align:center;
	font-weight:900;
	padding:5px;
	height:124px;
	float:left;
	margin-right:10px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	line-height:21px;
	margin-bottom:15px;
}
.declaration:last-child{margin-right:0px;}
.declaration span{color:#ff0000;}
.de_mini{font-size:10px;line-height:13px;}

#top_2{
	position:relative;
	bottom:20px;
}
#top_2 img{
	width:100%;
}

.top2_text_area{
	position:absolute;
	top:5%;
	left:10%;
	width:80%;
}

#top_3 img{
	width:100%;
	padding-bottom:25px;
}


#top_3 p{
	margin-left:2%;
	font-weight:bold;
	font-size:17px;
	line-height:30px;
}

#top_3 p span{
	font-size:20px;
}

#top_4{
	margin-top:10px;
}

#top_4 p{
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

#top_4 img{
	margin-left:10%;
	padding:5px 0px;
}

.white_back {
    border-radius: 8px;
    padding: 0px;
    border-bottom: 3px solid #fff;
    margin: 10px auto;
    width: 95%;
    background: rgba(255,255,255,1);
}

.staff_area{
	padding:10px;
}

.staff_txt{
	padding:5px 15px;
}

.mt20{
	margin-top:20px;
}

.recruiting {
    position: absolute;
    color: red;
    font-weight: bold;
    right: 1%;
    top: 2%;
}



#kaitoriDisp04 .inner img{width:80%;margin:5% 10%;}
#kaitoriDisp07  img{width:80%;margin:5% 10%;}