@charset "utf-8";

/* content
------------------------------ */


/*
contentTitle
———————————*/

#contentTitle{
	text-align: center;
	padding: 70px 0;
	color: #000038;
}

@media (max-width: 991.98px) {
	#contentTitle{
		padding: 30px 0;
	}
}

#contentTitle h1{
	display: inline-block;
	position: relative;
	font-size: 2.3em;
	font-family: 'Crimson Text', serif;
}

#contentTitle h1:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px; /*下線の上下位置調整*/
	display: inline-block;
	width: 50px; /*下線の幅*/
	height: 2px; /*下線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%); /*位置調整*/
	background-color: #000038;
}

#contentTitle p{
	margin-top: 20px;
}

/*
contentBody
———————————*/

#contentBody{
	margin-bottom: 100px;
}

#contentBody h2{
  position: relative;
  font-size: 1.5em;
  color: #000038;
  /* width: 150px; */
  margin: 50px auto 70px;
  padding-bottom: 30px;
  font-weight: 500;
}
#contentBody h2:before{
  position: absolute;
  bottom: 0;
  width: 50px;
  height: 1px;
  background: #000038;
  content: '';
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}

#contentBody h4{
	position: relative;
}

#contentBody h4::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #7eabdc;
	bottom: -3px;
	width: 20%;
}

#contentBody h4 strong{
	font-size: 1.3em;
}

#contentBody h4.noBor::after{
	border-style: none;
}

#contentBody img{
	max-width: 100%;
	height: auto;
	padding-right: 10px;
}

#contentBody ul{
	list-style-type: circle;
}

#contentBody p.midashi{
	position: relative;
	width: 300px;
	margin: 40px auto 30px;
	padding: 20px;
	background: #fff; /* 背景色 */
	border: 1px solid #999; /* 線色 */
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: 3px;
	color: #000038;
}


#contentBody p.midashi:before,
#contentBody p.midashi:after{
	content: '';
	border: 14px solid transparent;
	position: absolute;
	left: 50%;
	margin-left: -14px;
}

#contentBody p.midashi:before{
	border-top-color: #999; /* 線色 */
	bottom: -28px;
}

#contentBody p.midashi:after{
	border-top-color: #fff; /* 背景色 */
	bottom: -27px;
}

/* Greeting
------------------------------ */

#contentGreeting p.pos{
	text-align: center;
	font-size: 0.9em;
	margin: 10px 0 -5px;
}

#contentGreeting p.name{
	text-align: center;
	font-size: 1.2em;
}

#contentGreeting div:nth-of-type(2) p{
	margin-bottom: 20px;
}


/* Access
------------------------------ */
#contentAccess{
	text-align: center;
}

@media (max-width: 575.98px) {
	#contentAccess{
		text-align: justify;
	}
}

.iframe-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
}
.iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#contentAccess h2:first-of-type{
	margin-top: 0;
}


#contentAccess #accessHead{
	margin-bottom: 150px;
	padding-top: 30px;
}

#contentAccess #accessHead .iframe-wrap{
	margin-bottom: 30px;
}

#contentAccess ul{
	width: 410px;
	margin: 0 auto;
	text-align: left;
	border: 1px dashed #ddd;
	padding: 15px 45px;
}
#contentAccess li{
	list-style: none;
	padding-left: 25px;
	position: relative;
}
#contentAccess li:before{
	content: '';
	display: inline-block;
	background: #ddd;
	width: 5px;
	height: 5px;
	position:absolute;
	left: 8px;
	top: 12px;
	border-radius: 50%;
}

#accessBranch ul{
	width: 250px;
}

@media (max-width: 575.98px) {
	#contentAccess hr{
		width: auto;
	}
	#contentAccess ul{
		width: auto;
		margin: auto;
		text-align: left;
	    padding-left: 20px;
	}
}
/* About
------------------------------ */

#contentAbout > div:first-of-type{
	margin-bottom: 100px;
}

#contentAbout table tr th{
	width: 35%;
	vertical-align: top;
	padding-left: 60px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#contentAbout table tr th{
		padding-left: 30px;
	}
}

@media (max-width: 767.98px) {
	#contentAbout table tr th{
		padding-left: 0;
	}
}



#contentAbout th,
#contentAbout td{
	padding-bottom: 1em;
	margin-bottom: 1em;
}

#contentAbout ul{
	padding-left: 20px;
}

#contentAbout ul ul{
	list-style-type: disc;
}

@media (max-width: 575.98px) {
	#contentAbout th,
	#contentAbout td{
		display: block;
	}
	#contentAbout table tr th{
		width: 80%;
		height: 1.5em;
		margin-bottom: 1em;
	}
	#contentAbout td{
		width: 95%;
		border-bottom: dashed 1px #999;
	}
}

#contentAbout div:nth-of-type(3) p{
	margin: 10px 0;
}

#contentAboutGallery{
	margin: 0 auto;
	overflow: hidden;
}

#contentAboutGallery{
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	list-style-type: none !important;
}

#contentAboutGallery li {
	max-width: 300px;
	padding: 5px 0;
}

#contentAboutGallery li img {
	max-width: 100%;
	height: auto;
}

#contentAbout .menuButton{
	padding: 5px 20px;
	margin: 5px 0;
	width: 100px;
}

/* Price
------------------------------ */


#contentPrice>div:first-of-type{
	text-align:center;
	margin-bottom: 40px;
}


#contentPrice table{
	margin: 0 auto 2.5em 2em;
	vertical-align: middle;
	border: #ccc 1px solid;
}

#contentPrice table tr th{
	vertical-align: middle;
	border-bottom: #ccc 1px dotted;
	background: #f2f2f2;
	width: 40%;
	padding: 2px 20px;
}

#contentPrice table tr td{
	border-bottom: #ccc 1px dotted;
	padding: 2px 20px;
}

@media (max-width: 991.98px) { 
	#contentPrice table{
		width: 90%!important;
	}
}

@media (max-width: 575.98px) {
	#contentPrice table{
		margin:0 auto 1em 2em;
		font-size: 0.9em;
		width: 90%;
	}
	#contentPrice table tr th{
		width: 40%;
		padding: 2px 5px;
	}
	#contentPrice table tr td{
		padding: 2px 5px;
	}
}

#contentPrice p.tableTitle{
	margin: 1em auto auto 1.2em;
}

#contentPrice p.tableTitle:first-of-type{
	margin: 1em auto auto 0em;
}

/*
contentPrice01
———————————*/


#contentPrice01{
	padding-bottom: 100px;
	padding-top: 10px;
}

#contentPrice01 p{
	margin: 1em 0 2em;
}

#contentPrice01 table{
	width: 90%;
}


#contentPrice01 table tr:last-of-type th{
	border-top: #ccc 1px solid;
}

#contentPrice01 table tr:last-of-type td{
	border-top: #ccc 1px solid;
}



/*
contentPrice02
———————————*/

#contentPrice02{
	padding-top: 10px;
}

#contentPrice02>div:first-of-type{
	margin-bottom: 70px;
}


#contentPrice02 table{
	width: 80%;
}

#contentPrice02 table tr th{
	width: 70%;
}

#contentPrice02 h4::after {
	width: 5%;
}
@media (max-width: 767.98px) {
	#contentPrice02 h4::after {
		width: 20%;
	}
}


/* Succession
------------------------------ */

#contentSuccession section{
	margin-bottom: 50px;
}

@media (max-width: 575.98px) {
	#contentSuccession section{
		margin-bottom: 70px;
	}
}

#contentSuccession p.secTitle{
	font-size: 1.2em;
	font-weight: 700;
}

/*
contentSuccession01
———————————*/

#contentSuccession01{
	text-align: center;
}

@media (max-width: 767.98px) {
	#contentSuccession01 div div{
		padding: 0;
	}
	#contentSuccession01 p{
		text-align: justify;
    	padding: 1em;
	}
}

#contentSuccession01 h2{
	width: auto;
	border-bottom: none;
	font-weight: 700;
}

#contentSuccession01>div{
	margin: 30px 0 100px;
}

@media (max-width: 575.98px) {
	#contentSuccession01>div{
		margin:50px 0 80px;
	}
}


/*
contentSuccession02
———————————*/
#contentSuccession02{
	padding-top: 20px;
}

#contentSuccession02 h2{
	width: 200px;
}

#contentSuccession02 .strength{
	background: #F0EAE4;
	padding: 30px 40px;
}

@media (max-width: 575.98px) {
	#contentSuccession02 .strength{
		margin: 0 10px 40px;
		padding: 30px 20px;
	}
	
	#contentSuccession .strength h4{
		text-align: left;
	}
}

#contentSuccession02 h3{
	margin: 1em auto 1em;
}

@media (max-width: 575.98px) {
	#contentSuccession02 h3{
		margin: 1.7em auto 1em 1.5em;
	}
}

.flowTxt {
	padding: 20px 0 30px 30px;
}
.flow{
	text-align:center;
	padding: 25px 0;
	border-right:1px solid #999;
}
@media (max-width: 991.98px) {
	.flow{
		padding: 30px 0;
	}
}

@media (max-width: 575.98px) {
	.flowTxt{
		padding: 5px 10px 30px;
	}
}

 span.maru{
	height: 70px;
	width: 70px;
	border-radius: 50%;
	line-height: 70px;
	text-align:center;
	border: 1px #000038 solid;
	color: #000038;
	font-family: 'Dancing Script', cursive;
	font-size: 1.3em;
	font-weight: 600;
	background: #fff;
}

@media (max-width: 767.98px) { 
	span.maru{
		margin-left: 0;
	}
}

span.maru::after{
	content: "";
	position: absolute;
	width: 60px;
	height: 1px;
	top: 56px;
	left: 160px;
	border-bottom: 1px dashed #111;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	span.maru::after{
		left: 130px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	span.maru::after{
		width: 50px;
		left: 100px;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	span.maru::after{
		width: 40px;
		left: 85px;
	}
}

@media (max-width: 575.98px) {
	span.maru::after{
		content: none;
	}
}

@media (max-width: 575.98px) {
	#contentSuccession02 .flow span.maru{
		font-size: 1.6em;
		border-style: none;
		height: 40px;
		width: 50px;
		line-height: 35px;
		margin-left: 0.5em;
		letter-spacing: 0.01em;
	}
	
	#contentSuccession02 .flow span.maru span{
		font-size: 0.6em;
	}
	
	#contentSuccession02 .flowTxt span.maru{
		height: 50px;
		width: 50px;
		line-height: 50px;
		font-size: 1.1em;
	}
}


#contentSuccession02 img{
	margin-top: 70px;
}

@media (max-width: 991.98px) {
	#contentSuccession02 img{
		margin: 20px 0 50px;
	}
}

/*
contentSuccession03,
contentBusiness05
———————————*/

#contentSuccession03,
#contentBusiness05{
	padding: 50px 0 80px;
}

@media (max-width: 575.98px) {
	#contentSuccession03,
	#contentBusiness05{
		padding: 50px 0;
	}
}
#contentSuccession>div:nth-of-type(3),
#contentBusiness05{
	background: #f2f2f2;
}



/* Business-succession
------------------------------ */


.heading{
	text-align:center;
	margin-bottom: 50px;
}

@media (max-width: 767.98px) {
	.heading{
		width: 220px;
		margin: 0 auto 50px;
		text-align: justify;
	}
	#contentSuccession .heading{
    	width: 300px;
	}
}

@media (max-width: 575.98px) { 
	.heading{
		width: 180px;
		margin: 0 auto 40px;
    	line-height: 2em;
	}
	#contentSuccession .heading{
    	width:260px;
	}
}

.heading a{
	 padding-left: 10px;
}

#contentBusiness p.secTitle{
	text-align: center;
	font-size: 1.5em;
	font-weight: 700;
	color: #000038;
	margin-bottom: 20px;
}

/*
contentBusiness01
———————————*/

#contentBusiness01 div p{
	text-align: center;
}

@media (max-width: 767.98px) { 
	#contentBusiness01 div p{
		text-align: justify;
	}
}

#contentBusiness01>div{
	margin: 40px 1em 70px;
}

#contentBusiness section{
	margin-bottom: 70px;
	padding-top: 10px;
}

#contentBusiness section:last-of-type{
	margin-bottom: 0px;
}

@media (max-width: 767.98px) {
	#contentBusiness01 div div{
		padding: 0;
	}
}

/*
contentBusiness02
———————————*/

#contentBusiness02{
	margin-bottom: 70px;
}

#contentBusiness02 h2{
	width:200px;
}

#contentBusiness02>div>div>div{
	text-align: center;
}

#contentBusiness02>div>div>div img{
	width: 80%;
}

@media (max-width: 575.98px) { 
	#contentBusiness02 .col-lg-10{
    	margin: 0 0.8em 0 1em;
	}
	#contentBusiness02 .col-lg-7 {
    	margin: 40px 0.8em 0 1em;
	}
}

/*
contentBusiness03
———————————*/

#contentBusiness03{
	background:#efeae3;
	padding-bottom: 70px;
}

#contentBusiness03 h2{
	width:200px;
}

#contentBusiness03 h3{
	margin: 1.1em auto 1em;
}

@media (max-width: 575.98px) {
	#contentBusiness03 h3{
		margin: 1.7em auto 1em 1.5em;
	}
}

#contentBusiness03>div ul{
	list-style-type: decimal;
}

#contentBusiness03>div:first-of-type ul ul{
	list-style-type: circle;
}



/*
#contentBusiness03,
#contentBusiness04
———————————*/

#contentBusiness03 span.no-content::after,
#contentBusiness04 span.no-content::after{
	content: none;
}

#contentBusiness03 > .flowTxt > div:nth-of-type(2)> div,
#contentBusiness04 > .flowTxt > div:nth-of-type(2)> div{
	text-align: center;
}

@media (max-width: 991.98px) {
	#contentBusiness03 .flowTxt > div:nth-of-type(2),
	#contentBusiness04 .flowTxt > div:nth-of-type(2){
		border-style: none;
		padding: 0;
	}
}

#contentBusiness03 .flowTxt .col-lg-6,
#contentBusiness04 .flowTxt .col-lg-4{
	background: #ffffff73;
}

#contentBusiness03 .flowTxt .col-lg-6{
	border-right: 15px solid #efeae3;
	border-bottom: 15px solid #efeae3;
}

#contentBusiness04 .flowTxt .col-lg-4{
	border-right: 10px solid #f2f2f2;
	border-bottom: 10px solid #f2f2f2;
}

@media (max-width: 991.98px) {
	#contentBusiness03 .flowTxt .col-lg-6,
	#contentBusiness04 .flowTxt .col-lg-4{
		border-style: none;
		margin-bottom: 20px;
	}
}

@media (max-width: 575.98px) {
	#contentBusiness04 .flowTxt .col-lg-4{
		border-right: 10px solid #f2f2f2!important;
		border-left: 10px solid #f2f2f2 ;
	}
}

#contentBusiness03 .flowTxt > div:nth-of-type(2)> div> div:nth-of-type(2),
#contentBusiness04 .flowTxt > div:nth-of-type(2)> div> div:nth-of-type(2){
	text-align: justify;
}

#contentBusiness03 .flowTxt > div div div:first-of-type,
#contentBusiness04 .flowTxt > div:nth-of-type(2) div div:first-of-type{
	text-align: center;
	margin-top: 30px;
}

#contentBusiness04 .flowTxt li{
	font-weight: 600;
}

#contentBusiness04 .flowTxt ul{
	padding-left: 1em;
}

#contentBusiness03 p.midashi,
#contentBusiness04 p.midashi{
	margin: 40px 0 30px;
}

#contentBusiness03 .flowTxt .col-md-5,#contentBusiness03 .flowTxt .col-lg-5,
#contentBusiness04 .flowTxt .col-md-5,#contentBusiness04 .flowTxt .col-lg-5{
	margin-top: 30px;
}


#contentBusiness03 > div:nth-of-type(2) .flowTxt > div:first-of-type{
	margin-bottom: 70px;
}

#contentBusiness03 .flow span.maru,
#contentBusiness04 .flow span.maru{
	border-style: none;
}


#contentBusiness03 .flowTxt span.maru,
#contentBusiness04 .flowTxt span.maru{
	border: 1px #d9d9d9 solid;
}


@media (max-width: 575.98px) {
	#contentBusiness03 .flow span.maru{
		font-size: 1.6em;
		width: 60px;
		height: 40px;
		border-radius: 0%;
		line-height: 35px;
		letter-spacing: 0.1em;
		background: #efeae3;
	}
	
	#contentBusiness03 .flow span.maru span{
		font-size: 0.6em;
	}
	
	#contentBusiness03 .flowTxt span.maru{
		height: 50px;
		width: 50px;
		line-height: 50px;
		font-size: 1.2em;
		
	}
}

#contentBusiness04 .flowTxt{
	background: #f2f2f2;
	padding: 40px;
}
@media (max-width: 575.98px) {
	#contentBusiness04 .flowTxt{
		padding: 15px;
	}
}


/*
contentBusiness04
———————————*/


#contentBusiness04{
	padding-right:0;
	padding-left: 0;
}
span.titleNo{
	font-size: 3em;
	font-weight: 600;
	color: #000038;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	background: #fff;
	font-family: 'Meddon', cursive;
	border-bottom: 1px dashed;
}


#contentBusiness04 h2{
	/*width: 300px;*/
}

#contentBusiness04 h3{
	text-align:center;
	margin:1.2em 0 1em 0;
}
@media (min-width: 768px) { 
	#contentBusiness04 h3{
		font-size:30px;
	}
}

@media (max-width: 575.98px) {
	#contentBusiness04 h3{
		margin: 1em 0 1em 0;
	}
	span.titleNo{
		font-size: 2em;
	}
}

#contentBusiness04>div:nth-of-type(1),
#contentBusiness04>div:nth-of-type(2){
	margin-bottom:90px;
}

#contentBusiness04>div:nth-of-type(3) div.flowTxt>div:nth-of-type(2){
	margin-top:40px;
}

.point{
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: rgba(189, 189, 189, 0.4);
	float: left;
	text-align: center;
	padding-top: 20px;
	font-size: 0.95em;
}

.bothClear{
	clear: both;
}

.mgRight{
	margin-right: -15px;
}

.pd40{padding-top: 35px;}
.pd55{padding-top: 50px;}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.point{
		width: 108px;
		height: 108px;
		font-size: 0.8em;
    	line-height: 108px;
	}
	.pd30{padding-top: 13px;}
	.pd40{padding-top: 30px;}
	.pd55{padding-top: 40px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.point{
		width: 160px;
		height: 160px;
	}
	.pd30{padding-top: 35px;}
	.pd40{padding-top: 52px;}
	.pd55{padding-top: 65px;}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.point{
		width: 118px;
		height: 118px;
		font-size: 0.8em;
	}
	.pd30{padding-top: 30px;}
	.pd40{padding-top: 40px;}
	.pd55{padding-top: 52px;}
}

@media (max-width: 575.98px) {
	.point{
		width: 87px;
		height: 87px;
		font-size: 0.7em;
	}
	.pd30{padding-top: 20px;}
	.pd40{padding-top: 30px;}
	.pd55{padding-top: 36px;}
}

div.welcome{
	padding: 20px;
	position: relative;
	margin: 2em auto;
}


#contentBusiness04 .flow span{
	margin-top: 20px;
}
@media (max-width: 575.98px) {
	#contentBusiness04 .flow span{
		margin-top: 0;
	}
}

.welcome span{
	text-shadow:3px 3px 0px #fff;
	font-family: 'Meddon', cursive;
	font-size: 3em;
	font-weight: 600;
	color: #000038;
}

.welcome p{
	border-top: 3px double #555;
	border-bottom: 3px double #555;
	padding: 30px;
}

@media (max-width: 575.98px) {
	.welcome span{
		font-size: 2em;
	}
	.welcome p{
		padding: 15px;
	}
}

/*
contentBusiness06
———————————*/

#contentBusiness06 h2{
	width:350px;
}

@media (max-width: 575.98px) {
	#contentBusiness06 h2{
		width:200px;
	}
}

#contentBusiness06 ul{
	background: #f2f8fb;
	padding: 2em 2em 2em 3.5em;
}

#contentBusiness06 div div:nth-of-type(2) ul{
	background:#f9f5f5;
}

#contentBusiness06 p{
	margin: 0 1em;
}
@media (max-width: 767.98px) {
	#contentBusiness06 h3{
		cursor: pointer;
    	padding: 0.8em 1em;
		background: #eee;
    	margin: 0.5em 0.7em;
    	display: block;
	    font-size: 1.1em;
	}
	#contentBusiness06 h3::after {
    	content: "\f107";
    	right: 60px;
    	position: absolute;
    	font-family: "Font Awesome 5 Free";
    	font-weight: 900;
	}
	#contentFaq h3:hover{
    	color: #999;
	}
	#contentBusiness06 div div div{
		display: none;
	}
	#contentBusiness06 ul{
		margin: 1em;
	}
}
/* contentStaff
------------------------------ */

#contentStaff{
	background: #efeae3;
	padding-bottom: 10px;
}

#contentStaff>div>div{
	padding: 50px;
}

#contentStaff>div>div>div{
	margin-bottom:60px;
	background: #fff;
	padding:50px;
}

@media (min-width: 576px) and (max-width: 767.98px) {
	#contentStaff>div>div{
		padding: 50px 0 0 0;
	}
}

@media (max-width: 575.98px) {
	#contentStaff>div>div{
		padding: 20px 0 0;
	}
	#contentStaff>div>div>div{
		padding:10px;
	}
	#contentStaff>div div.col-lg-8{
    	padding: 25px;
	}
}

#contentStaff h2{
	text-align: center;
	margin-bottom: 40px;
	font-size: 3.5rem;
	border-bottom: none;
	width: auto!important;
	letter-spacing: 0.1em;
}

#contentStaff h2 span{
	display: block;
	font-size: 1.6rem;
	padding-bottom: 35px;
	margin-bottom: 20px;
	position: relative;
}

#contentStaff h2 span::before,
#contentStaff h2 span::after {
	content: "";
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background:#111;
}

#contentStaff h2 span::before {
	width: 80px;
	height: 1px;
	bottom: 19px;
}

#contentStaff h2 span::after {
	height: 20px;
	width: 1px;
	bottom: 0;
}

#contentStaff h3{
	margin: 1.2em auto 0.5em;
	letter-spacing: 0.05em;
}
#contentStaff div div div h3:first-of-type{
	margin: 0em auto 0.5em;
}

@media (max-width: 991.98px) {
	#contentStaff div h3:first-of-type{
		margin: 1em auto 0.3em;
	}
	#contentStaff img{
		width: 60%;
	}
	#contentStaff div.row>div:first-of-type{
		text-align: center;
	}
}
#contentStaff dl{
	margin-left: 2em;
}

#contentStaff dl dt{
	float: left;
	font-weight: 400;
}

#contentStaff dl dd{
	padding-left: 60px;
}
#contentStaff ul{
	line-height: 1.5;
}

#contentStaff li{
	margin-bottom: 1em;
}




/* contentFaq
------------------------------ */

#contentFaq section{
	padding-top: 10px;
}

#contentFaq .menuButton{
	padding: 5px 20px;
	margin: 5px 0;
	width: 300px;
}

#contentFaq p.question{
	padding: 20px 30px;
	cursor: pointer;
	transition: 0.5s;
}

#contentFaq p.question::before{
	content:"Q.";
	position: absolute;
	left: 10px;
	font-size: 1.5em;
	font-family: 'Simonetta', cursive;
}

@media (max-width: 575.98px) {

	#contentFaq p.question{
		padding: 20px 20px 20px 30px;
	}
	#contentFaq p.question::before{
		left: 20px;
	}
}


#contentFaq p.question::after{
	content:"\f107";
	right:20px;
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight:900;
}

#contentFaq p.question:hover{
	color: #999;
}

p.answer{
	font-size: 0.9em;
	margin-left: 20px;
}

#contentFaq .answer{
	padding: 1em 1.2em 1em 1.5em;
	display: none;
	background: #f2f2f2;
}


#contentFaq .answer span{
	font-size: 1.6em;
	font-family: 'Simonetta', cursive;
}

#contentFaq>div:first-of-type{
	text-align:center;
	margin-bottom: 40px;
}

.faqBody{
	border-bottom: 1px dashed #999;
}

#contentFaq02,
#contentFaq03{
	padding-top:80px!important;
}


@media (max-width: 575.98px) {
	#contentFaq02,
	#contentFaq03{
		padding-top:40px;
	}
}


/* topContentBlog
------------------------------ */


#contentBody #topContentBlog h2{
	width: 200px;
}

#contentBody #topContentBlog>div>div{
	padding: 20px;
}
#contentBody #topContentBlog>div>div a.menuButton:first-of-type{
	width:280px;
}

/* contentContact
------------------------------ */

#contentContact h2{
	width: 400px;
	margin: 70px auto 20px;
}

@media (max-width: 575.98px) {
	#contentContact h2{
		width: 300px;
		margin: 70px auto 20px;
	}
}

#contentContact>div>p{
	text-align: center;
}

@media (max-width: 575.98px) {
	#contentContact .contactTel{
		padding: 20px;
	}
}

#contentContact p.tel{
	font-size:1.5em;
}

#contentContact span.secTitle{
	font-size:1.3em;
	border-bottom: 1px #111 solid;
}

@media (max-width: 991.98px) {
	#contentContact span.secTitle{
		margin-top:2em;
	}
}

#contentContact>div:first-of-type>div>div:first-of-type{
	margin-bottom:80px;
}

#contentContact>div>div>div:nth-of-type(2){
	padding: 40px;
	background: #F0EAE4;
}

@media (max-width: 575.98px) {
	#contentContact>div>div>div:nth-of-type(2){
		padding: 40px 20px;
		border-right: 10px solid #fff;
		border-left: 10px solid #fff;
	}
}

#contentContact>div>div>div:nth-of-type(2) div{
	margin-top: 2em;
}

@media (max-width: 575.98px) {
	#contentContact>div:nth-of-type(2){
		padding: 10px;
		margin: 10px;
	}
}


/* contentNews
------------------------------ */
#contentNews{
	margin-bottom: 70px;
}

@media (max-width: 575.98px) {
	#contentNews .col-sm-9{
 	   margin-bottom: 70px;
	}
}

#contentNews .sidebar h2{
	margin: 0 0 10px 0;
	padding: 8px;
	background-color: #eeeeee;
	border-left: solid 4px #000028;
}

#contentNews .group{
	border: 1px solid #eee;
	margin-bottom: 10px;
}

#contentNews .group h2{border-bottom-style:none;}

@media (min-width: 768px) and (max-width: 991.98px) {
	#contentNews .group ul{
		padding: 0.7em;
		font-size: 0.8em;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	#contentNews .group ul{
		padding-left: 10px;
		font-size: 0.8em;
	}
}

/*
bread-list
———————————*/

#bread-list{
	margin: 10px 0;
}

#bread-list ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#bread-list ul li{
	float: left;
	margin-right: 5px;
}
#bread-list ul li a{
	color: #015db2;
}
#bread-list ul li a:hover{
	text-decoration: underline;
}

#bread-list ul li:after{
	content: ' >';
	padding: 0 5px;
}

#bread-list ul li:last-child:after{
	content: none;
}


/*
title and category
———————————*/

#contentNews h3{
	margin: 0.3em auto 1em 1em;
}

#contentNews dl dt{
	color: #999;
	font-size: 0.9em;
	font-weight: 500;
	padding: 1em 1.5em 1em;
	text-align: right;
}

@media (max-width: 575.98px) {
	#contentNews dl dt{
		padding: 1em 0.5em 1em;
	}
}
#contentNews dl dt span{
	font-size: 0.9em;
	padding: 0 1em;
	background: white;
	color: #737373;
	border: 1px #a4a4a4 solid;
}

#contentNews dl dt span.succession{background: #d296a7; border: 1px #d296a7 solid; color: #fff;}
#contentNews dl dt span.business-succession{background: #a1b983; border: 1px #a1b983 solid; color: #fff;}
#contentNews dl dt span.aboutus{background: #697db7; border: 1px #697db7 solid; color: #fff;}
#contentNews dl dt span.account{background: #9d88ac; border: 1px #9d88ac solid; color: #fff;}
#contentNews dl dt span.news{background: #ddb088; border: 1px #ddb088 solid; color: #fff;}
#contentNews dl dt span.summary{background: #71ab9d; border: 1px #71ab9d solid; color: #fff;}


#contentNews dl dt span:hover{
	background: #a4a4a4;
	border: 1px #a4a4a4 solid;
	color: #fff;
}


#contentNews dl dt a.authorName:last-of-type span:hover{
	background: #a4a4a4;
	color: #fff;
}

#contentNews dl dt a span{
	margin-right: 10px;
}



/*
pagebody
———————————*/
@media (max-width: 575.98px) {
	#contentNews .newsBody>dl>div{
    	padding: 10px;
        width:auto;
	}
}
#contentNews dl dd{
	font-size: 1.5em;
	border-bottom: dotted #aeaeb9 1px;
	padding: 0.5em 0;
}

#newsBody>dl>div{
	width: 95%;
}

@media (max-width: 575.98px) {
	#contentNews dl dd{
		padding: 0.5em;
	}
	#newsBody>dl>div{
    	width: auto;
		padding: 8px;
	}
}
#newsBody dl div a:link {color: #3251ae; text-decoration:underline;}
#newsBody dl div a:visited {color: #4d3e3e; text-decoration:none;}
#newsBody dl div a:active {color: #4d3e3e; text-decoration:none;}
#newsBody dl div a:hover {color:#4d3e3e; text-decoration:underline; transition: 0.2s;}

#newsBody table{
	vertical-align: middle;
	max-width: 95%
}
#newsBody table tr{
}

#newsBody table tr th{
	vertical-align: middle;
	background: #f2f2f2;
	padding: 2px 10px;
	border: #ccc 1px solid;
}

#newsBody table tr td{
	padding: 2px 10px;
	border: #ccc 1px solid;
}


@media (max-width: 575.98px) {
	#newsBody table{
		font-size: 0.9em;
	}
	#newsBody table tr th{
		padding: 2px 5px;
	}
	#newsBody table tr td{
		padding: 2px 5px;
	}
}

#newsBody ul,
#newsBody ol{
	padding-left: 30px;
}
#newsBody ul{
	list-style: disc;
}


#newsBody h2{
	margin: 20px 0;
	text-align: left;
	padding: 0.25em 0;
	font-weight: 700;
	font-size: 1.3em;
	border-style: none;
	width: auto;
}

#newsBody h3{
	font-size: 1.15em;
	margin: 20px 0 10px;
 	position: relative;
}

#newsBody h3:after {
	content: "";
	display: block;
	border-bottom: 1px solid #DDD;
}

#contentNews .staff{
	background: #eee;
	width: 350px;
	padding: 20px 10px;
	position: relative;
	margin: 2em 0 0 auto;
}

@media (max-width: 767.98px) {
	#contentNews .staff{
		margin-bottom: 70px;
	}
}

@media (max-width: 575.98px) { 
	#contentNews .staff{
		width: 300px;
	}
}

#contentNews .staff .container{
	display: flex;
}

#contentNews .staff .container p{
	margin: 0 0 0 1em;
	font-size: 0.9em;
}

#contentNews .staff .container span{
	margin-left: 1em;
	letter-spacing: 0.1em;
	font-size: 1.2em;
}

#contentNews .staff .container img{
	border-radius: 50%;
	width: 80px;
}

#contentNews .staff div > div:nth-of-type(2) div{
	max-width: 270px;
	position: absolute;
	right: 10px;
	bottom: -10px;
}
@media (max-width: 575.98px) {
	#contentNews .staff div > div:nth-of-type(2) {
		line-height: 2.3;
	}
}
#contentNews .staff div > div:nth-of-type(2) div a{
	color: #fff;
	background: #e1b066;
	display: block;
	text-align: center;
	padding: 10px;
	font-size: 0.9em;
}

#contentNews .staff div > div:nth-of-type(2) div a:hover{
	background: #f7cf95;
}


/*
contentsEntryList
———————————*/
#contentNews #contentsEntryList dl{
	border-bottom: 1px solid #eee;
}

#contentNews #contentsEntryList dl dt{
	text-align: left;
}

#contentNews #contentsEntryList dl dd{
	border-style: none;
	font-size: 0.95em;
	padding: 0 1.5em 1.5em;
}
@media (max-width: 575.98px) {
	#contentNews #contentsEntryList dl dd{ 
		padding: 0 0.5em 1.5em;
	}
}
#contentNews #contentsEntryList dl dd span{
	font-size:1.4em;
}

#contentNews #contentsEntryList dl dd a:link{
	display: block;
}

#contentNews #contentsEntryList dl dd a:hover{
	color:#b1b1c6;
}
@media (max-width: 575.98px) { 
	#contentNews #contentsEntryList dl dd{
    	font-size: 1em;
	}
	#contentNews #contentsEntryList dl dd span{
		font-size:1.3em;
	}
	#contentNews #contentsEntryList .entry-excerpt{
		padding-top: 5px;
	}
}
/*
contentNews(contentStaff)
———————————*/
#contentStaff #contentNews dl{
	border-bottom: 1px solid #eee;
	margin-left: 10px;
}

#contentStaff #contentNews dl dt{
	float: left;
}

#contentStaff #contentNews dl dd{
	font-size: 0.9em;
	margin-left: 150px;
	border-style: none;
}

@media (max-width: 575.98px) { 
	#contentStaff #contentNews dl dt{
		float: unset;
    text-align: left;
	}
	#contentStaff #contentNews dl dd{
		margin-left: 20px;
	}
}

#contentStaff #contentNews dl dd span{
	font-size: 1.2em;
}

/*
contentNews(contentBusiness)
———————————*/
#contentBusiness #contentNews dl dt{
	text-align: left;
}

/* errorMsg
------------------------------ */
#errorMsg{
	padding: 130px 0 100px;
	text-align: center;
}

@media (max-width: 575.98px) { 
	#errorMsg{
		padding: 130px 0 0px;
	}
}

#errorMsg .titleNo{
	-webkit-transform: none;
	transform: none;
	-moz-transform: none;
}