@charset "UTF-8";



/*共通
--------------------------------------------------------------------*/
.case article {
	padding: 0 0 90px;
}
.case article .in_box {
	width: 94%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.case_title {
	padding: 1.8em 0;
	border-bottom: solid 1px #c0bcb8;
	text-align: center;
	margin-bottom: 50px;
}
.case_title .ft_min {
	color: #4b6f83;
	font-size: 200%;
	letter-spacing: .1em;
	line-height: 1.4em;
}
.case_title ul {
	display: flex;
    justify-content:  center;
    flex-wrap: wrap;
	color: #9c968f;
	letter-spacing: .15em;
	line-height: 1.4em;
	margin-top: 1.0em;
}
.case_title li {
	margin: .5em;
}

.case .photo_box {
	width: 100%;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
    justify-content: space-between;
    align-items: center;
	font-size: 115%;
	letter-spacing: .2em;
	line-height: 1.2em;
	text-align: center;
}
.case .photo_box > div {
	width: 46%;
	max-width: 400px;
}
.case .photo_box > div.arrow {
	width: 4%;
	padding-top: 2.9em;
}
.case .photo_box div div {
	position: relative;
	border: solid 1px #e6e6e6;
	background: #fff;
	overflow: hidden;
}
.case .photo_box div div::before {
	content: "";
	display: block;
	padding-top: 67.5%;	/*高さ*/
}
.case .photo_box div div img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.case .photo_box p {
	background: #b8af85;
	color: #fff;
	padding: .6em 0;
	margin-bottom: .5em;
}
.case .photo_box > div:last-child p {
	background: #e87e3a;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.case article {
	padding-bottom: 10%;
}
.case_title {
	padding: 1.0em 0;
	margin-bottom: 3%;
}
.case_title .ft_min {
	font-size: 180%;
	letter-spacing: .05em;
}
.case_title ul {
	letter-spacing: .1em;
	margin-top: .2em;
}
.case_title li {
	margin: .2em;
}

.case .photo_box {
	font-size: 100%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.case article {
	padding-bottom: 14%;
}
.case article .in_box {
	width: 100%;
}
.case_title {
	padding: .8em 0;
	margin-bottom: 5%;
}
.case_title .ft_min {
	font-size: 150%;
	letter-spacing: normal;
	line-height: 1.4em;
}
.case_title ul {
	font-size: 90%;
	letter-spacing: .05em;
	margin-top: .2em;
}
.case_title li {
	margin: .2em;
}

.case .photo_box {
	font-size: 100%;
}
.case .photo_box > div.arrow {
	padding-top: 2.5em;
}
.case .photo_box p {
	padding: .4em 0;
}
}



/*一覧
--------------------------------------------------------------------*/
.case_list article .photo_box {
	margin-bottom: 30px;
}
.case_list article .com_link1 {
	text-align: center;
	margin-top: 2.0em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.case_list article .photo_box {
	margin-bottom: 3%;
}
.case_list article .com_link1 {
	margin-top: 1.0em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.case_list article .photo_box {
	margin-bottom: 4%;
}
.case_list article > p {
	font-size: 90%;
	line-height: 1.8em;
}
.case_list article .com_link1 {
	margin-top: 1.0em;
}
}



/*詳細ページ
--------------------------------------------------------------------*/
.single_page .ba_photo .photo_box {
	margin-bottom: 50px;
}

.single_page .sub_photo {
	width: 100%;
	max-width: 1020px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
    flex-wrap: wrap;
}
.single_page .sub_photo > li {
	width: 29.6%;
	margin-right: 5.6%;
	margin-top: 50px;
}
.single_page .sub_photo > li:nth-child(3n),
.single_page .sub_photo > li:last-child {
	margin-right: 0;
}
.single_page .sub_photo > li:nth-child(-n+3) {
	margin-top: 0;
}
.single_page .sub_photo div {
	position: relative;
	overflow: hidden;
}
.single_page .sub_photo div::before {
	content: "";
	display: block;
	padding-top: 66.6666%;	/*高さ*/
}
.single_page .sub_photo div img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.single_page .sub_photo p {
	margin-top: 1.0em;
}

.single_page .tbl_detail {
	width: 100%;
	border-top: solid 1px #c0bcb8;
}
.single_page .tbl_detail th,
.single_page .tbl_detail td {
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px #c0bcb8;
	box-sizing: border-box;
	padding: 2.0em 2%;
}
.single_page .tbl_detail th {
	width: 25%;
	background: #877b73;
	font-family: zen-old-mincho, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	letter-spacing: .18em;
	line-height: 1.6em;
}
.single_page .tbl_detail td {
	width: 75%;
	line-height: 1.6em;
}

.single_page .voice dt,
.single_page .risk dt {
	text-align: center;
	color: #4b6f83;
	font-size: 180%;
	letter-spacing: .1em;
	line-height: 1.2em;
	margin-bottom: .8em;
}
.single_page .voice dd {
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.single_page .risk {
	border: solid 5px #c9d4da;
	padding: 40px 4%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.single_page .ba_photo .photo_box {
	margin-bottom: 4%;
}

.single_page .sub_photo > li {
	width: 31%;
	margin-right: 3.5%;
	margin-top: 4%;
	font-size: 90%;
	letter-spacing: .1em;
	line-height: 1.8em;
}

.single_page .tbl_detail {
	font-size: 90%;
}
.single_page .tbl_detail th,
.single_page .tbl_detail td {
	padding: 1.0em 2%;
}

.single_page .voice ,
.single_page .risk {
	font-size: 90%;
	letter-spacing: .05em;
	line-height: 1.8em;
}
.single_page .risk {
	padding: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.single_page .ba_photo .photo_box {
	margin-bottom: 10%;
}
.single_page .photo_box {
	display: block;
}
.single_page .photo_box > div {
	width: 90%;
	max-width: 100%;
	margin: 0 auto;
}
.single_page .photo_box > div.arrow {
	width: 3.0em;
	padding: 0;
	transform: rotate(90deg);
}

.single_page .sub_photo {
    justify-content: space-between;
}
.single_page .sub_photo > li {
	width: 48.5%;
	margin-right: 0;
	margin-top: 6% !important;
	font-size: 90%;
	letter-spacing: normal;
	line-height: 1.6em;
}
.single_page .sub_photo > li:nth-child(-n+2) {
	margin-top: 0 !important;
}
.single_page .sub_photo p {
	margin-top: .5em;
}

.single_page .tbl_detail tr,
.single_page .tbl_detail th,
.single_page .tbl_detail td {
	display: block;
	width: 100% !important;
	box-sizing: border-box;
}
.single_page .tbl_detail th,
.single_page .tbl_detail td {
	box-sizing: border-box;
	padding: .3em 4%;
	font-size: 90%;
	letter-spacing: normal;
	line-height: 1.6em;
}
.single_page .tbl_detail th {
	border-bottom: none;
}
.single_page .tbl_detail td {
	padding: .8em 4%;
}

.single_page .voice,
.single_page .risk {
	font-size: 90%;
	letter-spacing: normal;
	line-height: 1.6em;
}
.single_page .voice dt,
.single_page .risk dt {
	font-size: 150%;
	margin-bottom: .5em;
}
.single_page .risk {
	border-width: 3px;
	padding: 5%;
}
}



/*
--------------------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}