@charset "utf-8";

body{ color:#3F3F3F; font-size:15px; line-height:1.4em; background-color:#fff; min-width: 1060px;}
body a{text-decoration:none; color:#0084b2;}
body a:hover{text-decoration:underline;}

	@media screen and ( min-width:480px )
	{
		.pcnone {display:none;}
	}


/*header*/
h1 img{ width:100%;}
header{ margin-bottom:65px; line-height:0;}
header div{ height:52px; background-color:#d93715; width:100%; text-align:center;}
header ul{ margin:auto; width:975px;}
header li{ float:left;}

/*header2*/
.img-wrap {
    width: 100%;
    position: relative; display: block;
	height: calc(600 / 1800 * 100vw);
}

.img-wrap img {
    width:100%;
    position: absolute;  top: 0; bottom: 0; right: 0; left: 0; display: block; background: #ffffff;   
	height: calc(600 / 1800 * 100vw);
}

/*header3*/
.swiper-container{width: 100%; height: calc(660 / 1800 * 100vw);}
.slide-img img{width: 100%; height: calc(600 / 1800 * 100vw);}

.slide-img img{
  display: block;
}

.swiper-pagination-bullet-active {
background: #fff;
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 8px;
}

/*インデックス*/
/*new*/
div#new{ width:964px; margin:auto; margin-bottom:80px; text-align:center;}
div#new h2{ margin-bottom:35px;}
dl.new{ width:303px; float:left; margin-right:20px;}
dl.newlast{ width:303px; float:left;}
time{ display:block; color:#E7380D; margin-bottom:5px;}
.new dt{ margin-bottom:20px;}
.newlast dt{ margin-bottom:20px;}
.new dd{ text-align:left;}
.newlast dd{ text-align:left;}
.new p{ color:#E7380D; margin-bottom:5px; font-weight:bold;}
.newlast p{ color:#E7380D; margin-bottom:5px; font-weight:bold;}

/*letter*/
section#sec_letter{width: 100%; background: #fcd6b9; padding: 60px 0 60px 0; margin: 20px auto 100px auto;}
div#letter{width: 964px; background: #fcd6b9; text-align: center; margin: auto;}
div#letter h2 img{width: 150px; margin: 0 auto 50px auto;}
div#letter dl{display: flex; justify-content:space-between;}
div#letter dt{width: 20%;}
div#letter dt img{width: 100%;}
div#letter dd{width: 25%; margin-right: 10px; text-align: left;}
div#letter h3{font-weight: bold; margin-bottom: 10px; color: #de4628;}
div#letter a, div#letter a:hover {color: #de4628;}
div#letter p{font-size: 0.9em; margin-top: 10px;}

/*tel*/
div#tel dl{margin-top: 2rem;}
div#tel dt{font-weight: bold; font-size: 1.7rem; color: #e7380d;}
div#tel .tel_title{margin: 1.8rem auto 0.5rem auto; background: #363636; padding: 0.7rem 1rem; border-radius: 10px; color: #ffffff; width: 600px; font-size: 1.2rem;}
div#tel .tel_num{font-weight: bold; font-size: 2.5rem; color: #e7380d; margin-top: 1rem;}





/*management*/
div#management{ width:100%; background-image:url(../images/shr_bc01.gif); padding:70px 0; text-align:center;}



/*ベース*/
section.typeA{
	display: flex;
	flex-wrap: wrap;
	width:964px;
	margin: auto;
}
section.typeA::after {
	content: '';
	width:964px;
	height: 3px;
	order: -1;
	display: block;
	background: #d93715;
	/*background: rgba(0,137,167,.7);*/
}
section.typeA .tabLabel {	/* タブ */
	margin-right: 3px;
	padding: 15px 12px;
	flex: 1;
	order: -1;
	border-radius: 3px 3px 0 0;
	color: #3F3F3F;
	text-align: center;
	font-weight: bold;
	background: #ff856c;
	/*background: rgba(0,137,167,.3);*/
	transition: .5s ;
	cursor: pointer;
}
section.typeA .tabLabel:nth-last-of-type(1){ margin-right: 0; }
section.typeA input {		/* ラジオボタン非表示 */
	display: none;
}
section.typeA .content {	/* 本文 */
	width:964px;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
/*アクティブ設定*/
section.typeA input:checked + .tabLabel {
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #d93715;
	/*background: rgba(0,137,167,.7);*/
}
section.typeA input:checked + .tabLabel + .content {
	padding: 15px;
	height: auto;
	overflow: auto;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transition: .5s opacity;
	opacity: 1;
}


/*staff*/
div#staff{ width:964px; margin:auto; margin-bottom:80px; text-align:center; padding-top:70px; font-size:16px; line-height: 1.5em;}
div#staff h2{ margin-bottom:35px;}
div#staff h3{ margin-bottom:60px;}
div.stfinv{ width:930px; margin-bottom:38px; display: flex; flex-wrap:nowrap;}
.stfinv p{margin-right:65px;}
div.stfinv dt{ color:#d93715; text-align:left; margin-bottom:15px;}
div.stfinv dd{ text-align:left; margin-bottom:10px;}



/*service*/
div#service{ width:100%; background-image:url(../images/shr_bc01.gif); padding:70px 0; text-align:center;}

/*tel*/
div#tel{ width:100%; padding:70px 0; text-align:center;}


/*勧誘方針*/
/*invite*/
div#invite{width:950px; margin:auto; margin-bottom:80px;  text-align:left;}
div#invite h2{width:956px; margin-bottom:30px; text-align:center;}
div#invite dt{width:920px; background:#e6e6e6; padding:15px; font-weight:bold; margin-bottom:15px; border-left: 6px solid #d93715; font-size:1.1em;}
div#invite dd{margin-bottom:30px;}
div#invite li{list-style:circle; margin-left:25px; margin-bottom:10px;}


/*プライバシー・ポリシー・業務運営方針*/
/*privacy*/
div#privacy{width:950px; margin:auto; margin-bottom:80px;  text-align:left;}
div#privacy h2{width:956px; margin-bottom:30px; text-align:center;}
div#privacy dt{width:920px; background:#e6e6e6; padding:15px; font-weight:bold; margin-bottom:15px; border-left: 6px solid #d93715; font-size:1.1em;}
div#privacy dd{margin-bottom:30px;}
div#privacy li{list-style:decimal; margin-left:45px; margin-bottom:10px; margin-top:10px;}
div#privacy p{margin-left:25px; margin-bottom:10px;}
div#privacy p.group{margin-left:25px; margin-bottom:10px; background:#e6e6e6; padding:15px;}
div#privacy p.group02{margin-left:25px; margin-bottom:10px; background:#fbeac5; padding:15px;}
div#privacy ul.manegement li{list-style-type: none; font-size: 13px; margin-left:60px;}
div#privacy ul.manegement span.notes{ margin-left: -31px; margin-right: 5px;}
div#privacy ul.manegement_dot li{list-style-type: square; margin-left:60px;}
div#privacy table.manegement {margin-left:30px; font-size:15px;}
div#privacy table.manegement th {background-color: #eeeeee; text-align: center; border: solid 1px #cccccc; padding: 13px; font-size:15px;}
div#privacy table.manegement td {border: solid 1px #cccccc; padding: 13px; font-size:15px;}
div#privacy span.txt13 {font-size: 13px;}
div#privacy p.mane_border01 {border-bottom: 1px solid #3F3F3F; padding: 7px 0; text-align: center; margin: 0; width: 100%;}
div#privacy p.mane_border02 {margin: -15px 0 0 0; padding: 0; width: 100%; text-align: center;}
div#privacy dd.mane_name {display: -webkit-flex; display: flex;-webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
div#privacy dd.mane_name div{border-top: 1px solid; border-bottom: 1px solid; padding: 10px;}


/*company*/
div#company{ width:100%; background-color:#e6e5e5; padding:70px 0; text-align:center;}
div.footer{ width:940px; margin:auto;}
.footer p{ float:left; margin-right:15px;}
div.footerright{ width:370px; float:right;}
div.footerright dt{ text-align:left; margin-bottom:25px;}
div.footerright span{ font-weight:bold; font-size:2em;}
div.footerright dd{ text-align:left; margin-bottom:10px;}
dd.footertime { background-color:#fadcdb; padding:15px; font-size:13px; width:330px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}  
div.footerright dd.footertitle {width:300px; text-align:center; border-bottom:dotted #ccc 1px; border-top:dotted #ccc 1px; padding:5px 0;}

/*company2*/
div#company2{ width:100%; background-color:#e6e5e5; padding-top:70px; text-align:center;}
div#company2 dt{ margin-bottom: 30px;}
div#company2 dd{ width:940px; margin:auto; display: flex; flex-wrap:nowrap; border-bottom: 1px solid #231815; padding: 30px 0;}
div#company2 dd div{ text-align: left; line-height: 1.8em;}
div#company2 div.comp_img{ margin: 0 30px;}
div#company2 div.comp_about1{ width:800px; margin: auto; padding-top: 30px; line-height: 1.8em; display: flex; flex-wrap:wrap; justify-content: center;}
div#company2 div.comp_about2{ width:800px; margin: auto; padding:10px 0 30px 0; line-height: 1.8em; display: flex; flex-wrap:wrap; justify-content: center;}

	@media screen and ( max-width:479px )
	{
		div#company2 div.comp_about{ font-size: 12px;}
	}

/*fotter*/
footer{ width:100%; background-color:#e6e5e5; padding:30px 0 50px 0; text-align:center;}
footer dl{ width:900px; margin:auto; display: flex; flex-wrap:nowrap; }
footer dl dt{ width: 400px; margin-right: 20px;}
footer dl dt img{ width:100%;}



div.footer{ width:940px; margin:auto;}
.footer p{ float:left; margin-right:15px;}
div.footerright{ width:370px; float:right;}
div.footerright dt{ text-align:left; margin-bottom:25px;}
div.footerright span{ font-weight:bold; font-size:2em;}
div.footerright dd{ text-align:left; margin-bottom:10px;}
dd.footertime { background-color:#fadcdb; padding:15px; font-size:13px; width:330px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}  
div.footerright dd.footertitle {width:300px; text-align:center; border-bottom:dotted #ccc 1px; border-top:dotted #ccc 1px; padding:5px 0;}

/*footerbc*/
div#footerbc{ width:100%; height:198px; background-image:url(../images/shr_bc02_20190328.png);}

/*pagetop*/
.pagetop { position: fixed; bottom: 20px; right: 20px;}

/*clearfix*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
