@charset "utf-8";
/* CSS Document */

.pt{}
.pc{}
.ps{}
.tb{display: none;}
.ts{display: none;}
.sp{display: none;}


html,body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt";
	/*font-size:18px;*/
	font-size:106%;
	line-height: 200%;
	color: #333333;
	letter-spacing: 2px;
	background: #FFFAF4;
}

#wrapper {overflow: hidden;}

#cms8341-headareaZero {	line-height: 105%!important;}

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

a {
transition: 0.4s;
}

a:hover {
opacity: 0.7;
}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	width: auto;
	height: auto;
	max-width: 100%;
}

ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6, p {
	margin:0;
	padding: 0;
	list-style: none;
}

a {
	color: #339999;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.mb0{margin-bottom: 0px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb60{margin-bottom: 60px;}

.mt0{margin-top: 0px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}

.red{color: red;}

.center{text-align: center;}

.kome{
font-size: 80%;
line-height: 160%!important;
}

.g_map iframe {
margin-bottom: 40px;
width: 100%;
height: 400px;
}

/*--------------------　ヘッダー　--------------------*/
header {
width: calc(100% - 350px);
margin: 20px auto 60px;
padding: 0 3% 0;
box-sizing: border-box;
float: right;
}

.bl_sizeBtn_wrap {
float: right;
}

.bl_sizeBtn_wrap p {
float: left;
font-size: 82%;
color: #4F4139;
margin: 2px 5px 0 0;
padding: 0;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

.bl_sizeBtn_inner {
margin-left: 5px;
float: left;
}

.bl_sizeBtn {
  color: #79685F;
  transition: 0.4s;
  background: #FFFFFF;
  font-size: 65%;
  min-width:  24px;
  min-height: 24px;
  border-radius: 15%;
  border: solid 1px #79685F;
	margin-right: 2px;
}

.bl_sizeBtn.is_active {
  background-color: #79685F;
  color: #FFFFFF;
}

.bl_sizeBtn:hover,
  .bl_bgBtn:hover {
  background-color: #79685F;
  color: #FFFFFF;
}
  


.search-form-3 {
float: right;
margin-left: 20px;
width: 200px;
height: 40px;
box-sizing: border-box;
    display: flex;
    justify-content: space-between;
	align-items: center;
    overflow: hidden;
    border: 1px solid #E8DDCA;
	background: #FFFFFF;
    border-radius: 20px;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

.search-form-3 input {
width: 140px;
height: 100%;
margin: 0;
padding: 0 0 0 20px;
    border: none;
    box-sizing: border-box;
    font-size: 70%;
	letter-spacing: 1px;
    outline: none;
	display: flex;
justify-content: flex-start;
    align-items: center;
}

.search-form-3 input::placeholder{
    color: #92837A;
}

.search-form-3 button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 100%;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.search-form-3 button::after {
    width: 15px;
    height: 16px;
    background-image: url("/shared/templates/nimohoukatsu/images/search_btn.png");
    background-repeat: no-repeat;
    content: '';
}

header ul.h_btn {
float: right;
margin-left: 20px;
padding-top: 12px;
}

header ul.h_btn li {
margin-left: 10px;
padding-left: 10px;
border-left: solid 1px #79685F;
float: left;
font-size: 85%;
letter-spacing: 2px;
line-height: 100%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
color: #4E4039;
}

header ul.h_btn li a {
text-decoration: none;
color: #4E4039;
}

header ul.h_btn li a:hover {
color: #CB3D1F;
opacity: 1;
}


header ul.h_btn li:first-child {
margin-left: 0;
padding-left: 0;
border-left: none;
}


header ul.h_sns {
float: right;
margin-left: 20px;
}

header ul.h_sns li {
margin-left: 20px;
float: left;
}

header ul.h_sns li:first-child {
margin-left: 0;
}

header ul.h_sns li img {
vertical-align: middle;
}

header ul.h_sns li:last-child img {
padding-top: 2px;
}

header ul.h_sns {
float: right;
margin-right:20px;
}

header ul.h_main {
float: right;
margin-left: 20px;
padding-top: 12px;
}

header ul.h_main li {
margin-right: 10px;
padding-right: 10px;
border-right: solid 1px #79685F;
float: right;
font-size: 85%;
letter-spacing: 2px;
line-height: 100%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
color: #4E4039;
}

header ul.h_main li a {
text-decoration: none;
color: #4E4039;
}

header ul.h_main li a:hover {
color: #CB3D1F;
opacity: 1;
}


/*--------------------　フッター　--------------------*/
footer {
background: #79685F;
padding: 80px 5%;
box-sizing: border-box;
border-radius: 20px 0 0 0;
color: #FFFFFF;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
width: calc(100% - 350px);
float: right;
}

footer a {
text-decoration: none;
color: #FFFFFF;
}

footer .f_nav {
margin-bottom: 60px;
}

footer .f_nav .inbox {
width: 30%;
float: left;
margin-right: 5%;
}

footer .f_nav .inbox:last-child {
margin-right: 0;
}

footer .f_nav ul.line {
margin-bottom: 12px;
padding-bottom: 3px;
border-bottom: dashed 1px #FFFFFF;
}

footer .f_nav ul li {
margin-bottom: 10px;
line-height: 160%;
font-size: 85%;
}

footer .f_nav ul li.title {
font-size: 102%;
}

footer .f_nav ul li.ya {
padding-left: 11px;
text-indent: -11px;
}

footer .f_nav ul li.ya:before {
display: inline-block;
content: "";
margin-right: 5px;
width: 6px;
height: 10px;
vertical-align: middle;
background: url("/shared/templates/nimohoukatsu/images/ya_01.png") no-repeat;
background-size: 4px 5px;
}


footer .f_nav ul li a:hover {
color: #FAECE3;
opacity: 1;
}

footer .inbox2 .f_logo {
float: left;
margin-right: 5%;
margin-bottom: 40px;
}

footer .f_sns {
display: none;
}

footer .inbox2 .f_address {
float: left;
margin-right: 5%;
margin-bottom: 40px;
line-height: 160%;
}

footer .inbox2 .f_address span {
font-size: 90%;
}

footer .inbox2 ul.f_nav2 {
float: left;
margin-right: 5%;
margin-bottom: 40px;
}

footer .inbox2 ul.f_nav2 li {
margin-bottom: 10px;
font-size: 85%;
padding-left: 12px;
text-indent: -12px;
line-height: 160%;
}

footer .inbox2 ul.f_nav2 li:before {
display: inline-block;
content: "";
margin-right: 5px;
width: 6px;
height: 10px;
vertical-align: middle;
background: url("/shared/templates/nimohoukatsu/images/ya_01.png") no-repeat;
background-size: 4px 5px;
}


footer .inbox2 ul.f_nav2 li a:hover {
color: #FAECE3;
opacity: 1;
}


footer .copy {
font-size: 70%;
line-height: 160%;
padding-left: calc(223px + 5%);
}


/*--------------------　共通　--------------------*/
#contents {

}

#sidearea {
width: 290px;
position: fixed;
top: 20px;
left: 30px;
z-index: 2;
}

#sidearea h1 {
text-align: center;
margin: 0 auto 40px;
}

#sidearea .s_bnr {
text-align: center;
margin: 40px auto 0;
}

/* ナビゲーションメニュー */
li.menu-item {
  position: relative;
margin-bottom: 15px;
background: #FBECE3;
border-radius: 5px;
color: #4F4139;
line-height: 140%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

/* メニューアイテムのホバースタイル */
li.menu-item:hover ul.drop-menu-list,
li.drop-menu-item:hover ul.drop-menu-list-child {
  opacity: 1; /* 不透明度を最大に */
  transition: opacity .3s, visibility .3s; /* アニメーション設定 */
  visibility: visible; /* 下層メニューを表示 */
}


li.menu-item a {
text-decoration: none;
color: #4F4139;
padding: 15px 20px 15px 42px;
text-indent: -22px;
display: block;
}

li.menu-item a:before {
display: inline-block;
content: "";
margin-bottom: 5px;
margin-right: 15px;
width: 8px;
height: 8px;
vertical-align: middle;
border-radius: 4px;
background-color: #F9937D;
}

li.menu-item:hover {
background-color: #CB3D1F;
transition: 0.4s;
}

li.menu-item:hover > a {
color: #FFFFFF;
opacity: 10;
transition: 0s;
}

li.menu-item:hover > a:before {
background-color: #FFFFFF;
}

/* ドロップダウンメニュー */
li.drop-menu-item {
  position: relative;
color: #796960;
font-size: 90%;
}

li.drop-menu-item a {
padding: 2px 10px 3px 10px;
text-indent: 0;
}
li.drop-menu-item a:before {
margin-right: 10px;
width: 5px;
height: 5px;
border-radius: 2.5px;
background-color: #796960;
}

li.drop-menu-item a:hover {
background-color: #FAECE3;
border-radius: 5px;
opacity: 1;
}

/* ドロップダウンメニューのスタイル */
ul.drop-menu-list {
padding: 20px 20px 15px 40px;
border-radius: 5px;
box-shadow: 8px 8px rgba(121,104,95,0.2);
  background-color: #FFFFFF; /* ドロップダウンメニューの背景色 */
  left: 290px;
  opacity: 0; /* 不透明度を最小に */
  position: absolute;
  top: 0;
  transition: opacity .3s, visibility .3s; /* アニメーション設定 */
  visibility: hidden; /* 下層メニューを非表示 */
  width: max-content;
  z-index: 1;
}

/* 下層メニューのスタイル */
ul.drop-menu-list-child {
  left: 100%;
  opacity: 0; /* 不透明度を最小に */
  position: absolute;
  top: 0;
  transition: opacity .3s, visibility .3s; /* アニメーション設定 */
  visibility: hidden; /* 下層メニューを非表示 */
  width: max-content;
  z-index: 1;
}

#mainarea {
width: calc(100% - 350px);
float: right;
overflow: hidden;
}





/*------------------------------TOP-------------------------------*/
#mainarea .mv {
margin-bottom: 80px;
padding: 0 2%;
}

#mainarea .block01 {
margin-bottom: 80px;
padding-bottom: 80px;
border-bottom: solid 1px #79685F;
}

#mainarea .block01 .inner {
padding: 0 5%;
}

#mainarea .block01 h2 {
margin-bottom: 35px;
padding-bottom: 15px;
color: #4F4139;
font-size: 240%;
border-bottom: dotted 3px #4F4139;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
line-height: 120%;
display: inline-block;
}

#mainarea .block01 h3 {
margin-bottom: 10px;
color: #CB3D1F;
font-size: 160%;
line-height: 140%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#mainarea .block01 .img_right {
width: 60%;
max-width: 581px;
float: right;
padding: 30px 0 30px 30px;
}

#mainarea .block01 .next_btn {
margin-top: 20px;
}

#mainarea .block01 .next_btn a {
height: 60px;
background: #79685F;
margin-right: 20px;
margin-top: 20px;
padding: 11px 35px;
border-radius: 30px;
color: #FFFFFF;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
box-sizing: border-box;
text-decoration: none;
display: inline-block;
float: left;
}

#mainarea .block01 .next_btn a:after {
display: inline-block;
content: "";
margin-bottom: 5px;
margin-left: 20px;
width: 6px;
height: 10px;
vertical-align: middle;
background: url("/shared/templates/nimohoukatsu/images/ya_01.png") no-repeat;
}


#mainarea .block01 .next_btn a:hover {
background: #FFFFFF;
color: #79685F;
border: solid 2px #79685F;
opacity: 1;
}

#mainarea .block01 .next_btn a:hover:after {
background: url("/shared/templates/nimohoukatsu/images/ya_02.png") no-repeat;
}



#mainarea .block02 {
margin-bottom: 80px;
}

#mainarea .block02 .inner {
padding: 0 5%;
}

#mainarea .block02 h2 {
color: #4F4139;
font-size: 190%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
line-height: 140%;
}


#mainarea .block02 h2:before {
display: inline-block;
content: "";
margin-bottom: 7px;
margin-right: 20px;
width: 8px;
height: 8px;
vertical-align: middle;
border-radius: 4px;
background-color: #F9937D;
}

#mainarea .block02 .next_btn a {
height: 60px;
background: #FFFFFF;
border: solid 1px #E8DDCA;
margin-top: 50px;
padding: 11px 35px;
border-radius: 30px;
color: #79685F;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
box-sizing: border-box;
text-decoration: none;
display: inline-block;
}

#mainarea .block02 .next_btn a:after {
display: inline-block;
content: "";
margin-bottom: 5px;
margin-left: 20px;
width: 6px;
height: 10px;
vertical-align: middle;
background: url("/shared/templates/nimohoukatsu/images/ya_02.png") no-repeat;
}

#mainarea .block02 .next_btn a:hover {
background: #79685F;
color: #FFFFFF;
border: solid 1px #79685F;
opacity: 1;
}

#mainarea .block02 .leftbox {
width: 280px;
float: left;
}

#mainarea .block02 .rightbox {
width: calc(100% - 280px);
float: right;
}

#mainarea .block02 dl {
margin-bottom: 15px;
}

#mainarea .block02 dt {
width: 190px;
float: left;
}

#mainarea .block02 dd {
width: calc(100% - 190px);
float: right;
}

#mainarea .block02 dd a {
color: #333333;
}

#mainarea .block02 dd a:hover {
color: #CB3D1F;
opacity: 1;
}


#mainarea .block03 {
margin-bottom: 100px;
background: #FBECE3;
padding: 60px 5% 40px;
border-radius: 30px 0 0 30px;
}

#mainarea .block03 h2 {
padding-top: 8px;
color: #4F4139;
font-size: 190%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
line-height: 140%;
float: left;
margin-bottom: 30px;
}

#mainarea .block03 h2:before {
display: inline-block;
content: "";
margin-bottom: 7px;
margin-right: 20px;
width: 8px;
height: 8px;
vertical-align: middle;
border-radius: 4px;
background-color: #F9937D;
}

#mainarea .block03 .next_btn a {
height: 60px;
margin-bottom: 30px;
background: #79685F;
padding: 11px 35px;
border-radius: 30px;
color: #FFFFFF;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
box-sizing: border-box;
text-decoration: none;
display: inline-block;
float: right;
}

#mainarea .block03 .next_btn a:after {
display: inline-block;
content: "";
margin-bottom: 5px;
margin-left: 20px;
width: 6px;
height: 10px;
vertical-align: middle;
background: url("/shared/templates/nimohoukatsu/images/ya_01.png") no-repeat;
}

#mainarea .block03 .next_btn a:hover {
background: #FFFFFF;
color: #79685F;
border: solid 2px #79685F;
opacity: 1;
}

#mainarea .block03 .next_btn a:hover:after {
background: url("/shared/templates/nimohoukatsu/images/ya_02.png") no-repeat;
}


#mainarea .block03 li {
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
background: #FFFFFF;
border-radius: 10px;
float: left;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
text-align: center;
color: #4D3F39;
font-size: 105%;
line-height: 140%;
padding: 15px 10px;
	box-sizing: border-box;
}

#mainarea .block03 li a {
color: #4C3F39;

box-sizing: border-box;
display: block;
}

#mainarea .block03 li a:hover {
color: #CB3D1F;
opacity: 1;
}


#mainarea .block03 li:nth-child(4n) {
margin-right: 0;
}

#mainarea .block03 li img {
margin-bottom: 8px;
}

#mainarea .block04 {
margin-bottom: 60px;
}

#mainarea .block04 .inner {
padding: 0 5%;
}

#mainarea .block04 h2 {
margin-bottom: 50px;
color: #4F4139;
font-size: 190%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
line-height: 140%;
}

#mainarea .block04 h2:before {
display: inline-block;
content: "";
margin-bottom: 7px;
margin-right: 20px;
width: 8px;
height: 8px;
vertical-align: middle;
border-radius: 4px;
background-color: #F9937D;
}

#mainarea .block04 .leftbox {
width: calc(100% - 480px);
float: left;
}

#mainarea .block04 .rightbox {
width: 480px;
float: right;
text-align: center;
}

#mainarea .block04 li {
margin-right: 15px;
margin-bottom: 15px;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 105%;
line-height: 160%;
color: #FFFFFF;
border-radius: 5px;
float: left;
}

#mainarea .block04 li span {
font-size: 80%;
}


#mainarea .block04 li a {
display: block;
padding: 15px 40px;
color: #FFFFFF;
text-decoration: none;
}

#mainarea .block04 li.area07 a {
color: #4F4139;
}

#mainarea .block04 li.area01 {
background: #689D6C;
}

#mainarea .block04 li.area02 {
background: #4FA4AA;
}

#mainarea .block04 li.area03 {
background: #4EA0C9;
}

#mainarea .block04 li.area04 {
background: #C68851;
}

#mainarea .block04 li.area05 {
background: #E09185;
}

#mainarea .block04 li.area06 {
background: #7D7DA8;
}

#mainarea .block04 li.area07 {
background: #FFFFFF;
border: solid 1px #E8DDCA;
color: #4F4139;
}

#mainarea .block05 {
margin-bottom: 100px;
}

#mainarea .block05 .inner {
padding: 0 5%;
}

#mainarea .block05 h2 {
margin-bottom: 50px;
color: #4F4139;
font-size: 190%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
line-height: 140%;
padding-left: 30px;
text-indent: -30px;
}

#mainarea .block05 h2:before {
display: inline-block;
content: "";
margin-bottom: 7px;
margin-right: 20px;
width: 8px;
height: 8px;
vertical-align: middle;
border-radius: 4px;
background-color: #F9937D;
}

#mainarea .block05 li {
width: 47%;
margin-right: 6%;
margin-bottom: 2%;
float: left;
}

#mainarea .block05 li:nth-child(2n) {
margin-right: 0;
}

#mainarea .block05 dt {
width: 115px;
margin-right: 20px;
float: left;
}

#mainarea .block05 dd {
width: calc(100% - 135px);
float: left;
line-height: 160%;
}

#mainarea .block05 dd p {
margin-bottom: 10px;
font-size: 120%;
color: #4E4039;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
padding-left: 15px;
text-indent: -15px;
}

#mainarea .block05 dd p:before {
display: inline-block;
content: "";
margin-bottom: 5px;
margin-right: 10px;
width: 6px;
height: 10px;
vertical-align: middle;
background: url(/shared/templates/nimohoukatsu/images/ya_02.png) no-repeat;
}

#mainarea .block05 li a {
color: #333333;
}

#mainarea .block05 li p a {
color: #4E4039;
}

#mainarea .block06 {
margin-bottom: 100px;
}

#mainarea .block06 .inner {
padding: 0 5%;
}

#mainarea .block06 h2 {
margin-bottom: 50px;
color: #4F4139;
font-size: 190%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
line-height: 140%;
}

#mainarea .block06 h2:before {
display: inline-block;
content: "";
margin-bottom: 7px;
margin-right: 20px;
width: 8px;
height: 8px;
vertical-align: middle;
border-radius: 4px;
background-color: #F9937D;
}

#mainarea .block06 li {
width: 48.5%;
margin-right: 3%;
margin-bottom: 3%;
float: left;
background: #FBECE3;
border-radius: 8px;
}

#mainarea .block06 li a {
color: #333333;
padding: 30px 30px 0 30px;
box-sizing: border-box;
display: block;
text-decoration: none;
min-height: 280px;
}

#mainarea .block06 li p a {
color: #4E4039;
}

#mainarea .block06 li:nth-child(2n) {
margin-right: 0;
}

#mainarea .block06 dt {
float: left;
width: 40%;
margin-right: 5%;
}

#mainarea .block06 dd {
float: left;
line-height: 160%;
width: 55%;
}

#mainarea .block06 dd span {
font-size: 85%;
}

#mainarea .block06 dd p {
margin-bottom: 30px;
font-size: 110%;
line-height: 180%;
color: #4E4039;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#mainarea .block06 .next_btn {
text-align: center;
}

#mainarea .block06 .next_btn a {
height: 60px;
background: #79685F;
padding: 11px 35px;
border-radius: 30px;
color: #FFFFFF;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
box-sizing: border-box;
text-decoration: none;
display: inline-block;
}

#mainarea .block06 .next_btn a:after {
display: inline-block;
content: "";
margin-bottom: 5px;
margin-left: 20px;
width: 6px;
height: 10px;
vertical-align: middle;
background: url(/shared/templates/nimohoukatsu/images/ya_01.png) no-repeat;
}

#mainarea .block07 {
margin-bottom: 60px;
}

#mainarea .block07 .inner {
padding: 0 5%;
}

#mainarea .block07 h2 {
margin-bottom: 30px;
color: #4F4139;
font-size: 130%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
float: left;
}

#mainarea .block07 .next_btn a {
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
box-sizing: border-box;
text-decoration: none;
display: inline-block;
float: right;
color: #4D3F39;
font-size: 95%;
}

#mainarea .block07 .next_btn a:after {
display: inline-block;
content: "";
margin-left: 10px;
width: 6px;
height: 10px;
vertical-align: middle;
background: url(/shared/templates/nimohoukatsu/images/ya_02.png) no-repeat;
}


#mainarea .block07 .next_btn a:hover {
color: #CB3D1F;
opacity: 1;
}

#mainarea .block07 li {
width: 19%;
margin-right: 1.25%;
margin-bottom: 1.25%;
float: left;
text-align: center;
}

#mainarea .block07 li:last-child {
margin-right: 0;
}


/*---------------------------------------------カテゴリー----------------------------*/
#page_contents {
margin-bottom: 100px;
}

#page_contents h2 {
height: 220px;
margin-top: 110px;
border-radius: 30px 0 0 30px;
background: #B6DD77;
position: relative;

}

#page_contents h2 p {
color: #4C3F39;
font-size: 160%;
line-height: 140%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
position: absolute;
top: 80px;
left: 4%;
z-index: 1;
}

#page_contents h2 img {
position: absolute;
top: -110px;
left: 35%;
width: 80%;
max-width: 850px;
height: auto;
object-fit: cover;
z-index: 0;
}

#page_contents .pan {
font-size: 80%;
margin: 40px 0 100px;
padding: 0 5%;
line-height: 180%;
}

#page_contents .page_lead {
padding: 0 10% 80px 5%;
margin-bottom: 80px;
border-bottom: solid 1px #79685F;
}

#page_contents .page_lead h3 {
/*width: 30%;
width: 400px;*/
color: #4C3F39;
font-size: 190%;
line-height: 140%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
margin-bottom: 30px;
}

#page_contents .page_lead .inbox {
/*width: 62%;
width: calc(100% - 400px);
float: right;*/
}

#page_contents .page_index {
padding: 0 5%;
}

#page_contents .page_index h3 {
margin-bottom: 40px;
color: #4C3F39;
font-size: 190%;
line-height: 140%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents .page_index li {
width: 32%;
height: 100px;
margin-right: 2%;
margin-bottom: 2%;
background: #77b9b7;
border-radius: 7px;
float: left;
position: relative;
}

#page_contents .page_index li a {
width: 80%;
display: block;
box-sizing: border-box;
color: #4c3f39;
text-align: center;
font-size: 105%;
line-height: 140%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

#page_contents .page_index li:nth-child(3n) {
margin-right: 0;
}

#page_contents .page_index li:after {
content: "";
width: 6px;
height: 10px;
background: url(/shared/templates/nimohoukatsu/images/ya_01.png) no-repeat;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
right: 20px;
}

#page_contents .page_index li a.two {
padding-top: 23px;
}

#page_contents .page_index li a.three {
padding-top: 11px;
}

#page_contents .page_block {
margin-bottom: 80px;
padding: 0 5%;
}

#page_contents .page_block h3 {
margin-bottom: 35px;
color: #4C3F39;
font-size: 190%;
line-height: 140%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents .page_block h4 {
margin-bottom: 25px;
padding: 15px 25px;
color: #4C3F39;
font-size: 145%;
line-height: 140%;
background: #FBECE3;
border-radius: 7px;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents .page_block h5 {
margin-bottom: 15px;
padding-bottom: 10px;
color: #4C3F39;
font-size: 130%;
line-height: 140%;
border-bottom: dotted 2px #4C3F39;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents .page_block h6 {
margin-bottom: 10px;
padding-left: 20px;
font-size: 115%;
line-height: 140%;
border-left: solid 5px #F8927D;
}

#page_contents table {
width: 100%;
border-bottom: solid 1px #4C3F39;
border-left: solid 1px #4C3F39;
line-height: 160%;
}

#page_contents th {
border-top: solid 1px #4C3F39;
border-right: solid 1px #4C3F39;
padding: 20px 15px;
background: #EAE6E3;
}

#page_contents td {
border-top: solid 1px #4C3F39;
border-right: solid 1px #4C3F39;
padding: 20px 15px;
background: #FFFFFF;
}

#page_contents .indent {
padding-left: 18px;
text-indent: -18px;
}

#page_contents .indent:before {
display: inline-block;
content: "";
margin-bottom: 5px;
margin-right: 10px;
width: 8px;
height: 8px;
vertical-align: middle;
border-radius: 4px;
background-color: #F9937D;
}

#page_contents a.icon_excel:before {
display: inline-block;
content: "";
background: url(/shared/templates/nimohoukatsu/images/icon_excel.png) no-repeat;
background-size: contain;
vertical-align: middle;
padding-right: 8px;
width: 24px;
height: 30px;
}

#page_contents a.icon_word:before {
display: inline-block;
content: "";
background: url(/shared/templates/nimohoukatsu/images/icon_word.png) no-repeat;
background-size: contain;
vertical-align: middle;
padding-right: 8px;
width: 24px;
height: 30px;
}

#page_contents a.icon_pdf:before {
display: inline-block;
content: "";
background: url(/shared/templates/nimohoukatsu/images/icon_pdf.png) no-repeat;
background-size: contain;
vertical-align: middle;
padding-right: 8px;
width: 24px;
height: 30px;
}

#page_contents dl {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: solid 1px #79685F;
}

#page_contents dl.qa dt {
margin-bottom: 10px;
font-weight: bold;
}

#page_contents dl.qa dt,
#page_contents dl.qa dd {
padding-left: 43px;
text-indent: -43px;
}

#page_contents dl.qa dt:before {
display: inline-block;
content: "Q";
margin-right: 10px;
text-align: right;
padding-right: 7px;
vertical-align: middle;
box-sizing: border-box;
width: 34px;
height: 34px;
border-radius: 5px;
background-color: #E45632;
font-size: 140%;
line-height: 120%;
color: #FFFFFF;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents dl.qa dd:before {
display: inline-block;
content: "A";
margin-right: 10px;
text-align: right;
padding-right: 7px;
vertical-align: middle;
box-sizing: border-box;
width: 34px;
height: 34px;
border-radius: 5px;
background-color: #339999;
font-size: 140%;
line-height: 120%;
color: #FFFFFF;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents .contact {
	background: #EEE;
	padding: 1em 1.5em;
	border-radius: 6px;
	margin-top: 40px;
	box-sizing: border-box;
}





#page_cotents .underline {text-decoration: underline;}
#page_cotents .strike {text-decoration-line: overline;}
#page_cotents .txt_red {color: #FF0000;}
#page_cotents .txt_green {color: #019A00;}
#page_cotents h4.txt_green_strong {color: #006622!important;}
#page_cotents .space_lft1 {padding-left:1em; text-indent:-1em;}
#page_cotents .txt_big {font-size: 120%;}
#page_cotents .txt_small {font-size: 90%;}
#page_cotents .float_rgt {float: right; margin-left: 15px;}
#page_cotents .float_lft {float: left; margin-right: 15px;}
#page_cotents .clear {clear: both;}
#page_cotents .datatable {display: table-cell;}
#page_cotents .noicon {list-style: none; margin: 0; padding: 0;}
#page_cotents .Caption {text-align: center; font-size: 90%;}
#page_cotents .center {display: block; margin: 0 auto;}

#page_contents h3.title {
margin-bottom: 35px;
color: #4C3F39;
font-size: 190%;
line-height: 140%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents h4.title {
margin-bottom: 25px;
padding: 15px 25px;
color: #4C3F39;
font-size: 145%;
line-height: 140%;
background: #FBECE3;
border-radius: 7px;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents h5.title {
margin-bottom: 15px;
padding-bottom: 10px;
color: #4C3F39;
font-size: 130%;
line-height: 140%;
border-bottom: dotted 2px #4C3F39;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents h6.title {
margin-bottom: 10px;
padding-left: 20px;
font-size: 115%;
line-height: 140%;
border-left: solid 5px #F8927D;
}





/*---------------------------下層--------------------------------------*/

#page_contents .page_block {
margin-bottom: 80px;
padding: 0 5%;
}

#page_contents .page_block h3 {
margin-bottom: 35px;
color: #4C3F39;
font-size: 190%;
line-height: 140%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents .page_block h4 {
margin-bottom: 25px;
padding: 15px 25px;
color: #4C3F39;
font-size: 145%;
line-height: 140%;
background: #FBECE3;
border-radius: 7px;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents .page_block h5 {
margin-bottom: 15px;
padding-bottom: 10px;
color: #4C3F39;
font-size: 130%;
line-height: 140%;
border-bottom: dotted 2px #4C3F39;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents .page_block h6 {
margin-bottom: 10px;
padding-left: 20px;
font-size: 115%;
line-height: 140%;
border-left: solid 5px #F8927D;
}

#page_contents table {
width: 100%;
border-bottom: solid 1px #4C3F39;
border-left: solid 1px #4C3F39;
line-height: 160%;
border-spacing: 0!important;
}

#page_contents th {
border-top: solid 1px #4C3F39;
border-right: solid 1px #4C3F39;
padding: 20px 15px;
background: #EAE6E3;
}

#page_contents td {
border-top: solid 1px #4C3F39;
border-right: solid 1px #4C3F39;
padding: 20px 15px;
background: #FFFFFF;
}

#page_contents .indent {
padding-left: 18px;
text-indent: -18px;
}

#page_contents .indent:before {
display: inline-block;
content: "";
margin-bottom: 5px;
margin-right: 10px;
width: 8px;
height: 8px;
vertical-align: middle;
border-radius: 4px;
background-color: #F9937D;
}

#page_contents a.icon_excel:before {
display: inline-block;
content: "";
background: url(/shared/templates/nimohoukatsu/images/icon_excel.png) no-repeat;
background-size: contain;
vertical-align: middle;
padding-right: 8px;
width: 24px;
height: 30px;
}

#page_contents a.icon_word:before {
display: inline-block;
content: "";
background: url(/shared/templates/nimohoukatsu/images/icon_word.png) no-repeat;
background-size: contain;
vertical-align: middle;
padding-right: 8px;
width: 24px;
height: 30px;
}

#page_contents a.icon_pdf:before {
display: inline-block;
content: "";
background: url(/shared/templates/nimohoukatsu/images/icon_pdf.png) no-repeat;
background-size: contain;
vertical-align: middle;
padding-right: 8px;
width: 24px;
height: 30px;
}

#page_contents dl {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: solid 1px #79685F;
}

#page_contents dl.qa dt {
margin-bottom: 10px;
font-weight: bold;
}

#page_contents dl.qa dt,
#page_contents dl.qa dd {
padding-left: 43px;
text-indent: -43px;
}

#page_contents dl.qa dt:before {
display: inline-block;
content: "Q";
margin-right: 10px;
text-align: right;
padding-right: 7px;
vertical-align: middle;
box-sizing: border-box;
width: 34px;
height: 34px;
border-radius: 5px;
background-color: #E45632;
font-size: 140%;
line-height: 120%;
color: #FFFFFF;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents dl.qa dd:before {
display: inline-block;
content: "A";
margin-right: 10px;
text-align: right;
padding-right: 7px;
vertical-align: middle;
box-sizing: border-box;
width: 34px;
height: 34px;
border-radius: 5px;
background-color: #339999;
font-size: 140%;
line-height: 120%;
color: #FFFFFF;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}




.img_right {
	width: 36%;
	float: right;
	margin: 0 0 15px 15px 
}

.img_right img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.syoujyou div {
	width: 31%;
	float: left;
	margin: 1%;
	box-sizing: border-box;
}

.syoujyou div dl {
	margin: 0;
	padding: 0;
}

.syoujyou div dt {
	margin: 0;
	padding: 0;
}

.syoujyou div dt img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.syoujyou div dd {
	padding: 0.5em 0;
}

.if_box {
	margin-top: 25px;
}


/*---------------------------インタビュー--------------------------------------*/
#page_contents .interview_block li {
width: 48.5%;
margin-right: 3%;
margin-bottom: 3%;
float: left;
background: #FBECE3;
border-radius: 8px;
}

#page_contents .interview_block li a {
color: #333333;
padding: 30px 30px 0 30px;
box-sizing: border-box;
display: block;
text-decoration: none;
min-height: 280px;
}

#page_contents .interview_block li p a {
color: #4E4039;
}

#page_contents .interview_block li:nth-child(2n) {
margin-right: 0;
}

#page_contents .interview_block dt {
float: left;
width: 40%;
margin-right: 5%;
}

#page_contents .interview_block dd {
float: left;
line-height: 160%;
width: 55%;
}

#page_contents .interview_block dd span {
font-size: 85%;
}

#page_contents .interview_block dd p {
margin-bottom: 30px;
font-size: 110%;
line-height: 180%;
color: #4E4039;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
}

#page_contents .interview_block .next_btn {
text-align: center;
}

#page_contents .interview_block .next_btn a {
height: 60px;
background: #79685F;
padding: 11px 35px;
border-radius: 30px;
color: #FFFFFF;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
box-sizing: border-box;
text-decoration: none;
display: inline-block;
}

#page_contents .interview_block .next_btn a:after {
display: inline-block;
content: "";
margin-bottom: 5px;
margin-left: 20px;
width: 6px;
height: 10px;
vertical-align: middle;
background: url("/shared/templates/nimohoukatsu/images/ya_01.png") no-repeat;
}



/*----------------------------------------------------リンク---------------------------------*/
#page_contents .link_block li {
width: 19%;
margin-right: 1.25%;
margin-bottom: 1.25%;
float: left;
text-align: center;
}

#page_contents .link_block li:last-child {
margin-right: 0;
}


/*----------------------------------------------------お知らせ---------------------------------*/
#page_contents .news_block dl {
margin-bottom: 15px;
}

#page_contents .news_block dt {
width: 190px;
float: left;
}

#page_contents .news_block dd {
width: calc(100% - 190px);
float: right;
}

#page_contents .news_block dd a {
color: #333333;
text-decoration: none;
}

