/***************************
 *
 * 固定ページ
 * ★ページ中身用★
 *
 **************************/
@media all and (min-width: 641px) {

.mr80 {
	margin-right: 80px;
}
.ml80 {
	margin-left: 80px;
}


/* ページヘッダー */
.page-header {
	background: url(http://medical-hachioji.com/wp-content/uploads/2026/04/header-1.png) center top no-repeat;
	background-size: cover;
padding-top: 240px;
	padding-bottom: 100px;	
	text-align: center;
	position: relative;
}
.page-header h1 {
	text-align: center;
	font-size: 36px;
	color: white;
	text-shadow: 0px 0px 5px black;
	position: relative;
}
	
	.page-header-title{
		font-size:2rem;
		color: #fff;
      text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}


.page-inner {
	margin: 60px auto 0px auto;
	padding-bottom: 60px;
	line-height: 1.8em;
	letter-spacing: 1.3px;
	color: #262626;
}
.page-inner.box-680 {
	float: left;		

	padding: 10px 30px;
}

/* タイトル */
.page-inner h2 {
	margin: 20px 0px 20px;
  background: #ede4d4;
  color: #666;
  text-align: center;
  font-size: 22px;
  padding: 12px 15px;
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1);
}

.page-inner h3 {
	  color: #6d89a6;
  font-weight: bold;
  background: #F3F0DB;
  text-align: center;
  margin: 10px auto 10px;
	 font-size: 18px;
  padding: 7px 12px;
}
.page-inner h4 {
	font-size: 16px;

  text-align: center;
  border-bottom: 2.5px solid #a9a7a63b;
  font-weight: bold;
  margin: 2em auto 1em;
  color: #333;
  background: #f7f4f4;
  padding: 10px 10px 8px;
}

.page-inner .title-arrow {
	font-size: 19px;
	color: white;
	text-align: center;
	background: #715742;
	margin: 2em auto 1em;
	padding: 10px;
	border-radius: 10px;
	position: relative;
}
.page-inner .title-arrow:after {
	content: ".";
	position: absolute;
	left: 50%;
	bottom: -11px;
	width: 22px;
	height: 11px;
	background: url(../img/bullet-title-arrow.png) 0 0 no-repeat;
}

.page-inner .title-profile {
	font-weight: bold;
	color: #de6905;
	font-size: 25px;
	line-height: 1.3em;
	border: none;
	background: none;
	text-align: left;
	position: relative;
	padding-top: 80px;
	width: 530px;
	margin: 0 auto;
}
.page-inner .title-profile .alignleft {
	margin-top: -80px;
}


.page-inner p {
	margin-bottom: 2em;
  line-height: 1.8em;
  letter-spacing: 1.5px;
  font-size: 16px;
  position: relative;
  top: 0;
  color: #333;
}
.page-inner p a {
/*	color: #d692bd;*/
	text-decoration: underline;
}
.page-inner hr {
	margin: 40px auto;
	border-top: 1px solid #d6d6d6;
	clear: both;
}
.page-inner hr.hr-2 {
	border-top: 1px dotted #d6d6d6;	
}

#mv .catch {
  width: 61%;
}
.catch * {
	font-size: 16px;
}
.page-inner .impact * {
	color: #dc6305;
	font-size: 20px;
	padding: 10px 0;
	display: block;
}

.page-inner .intro {
	padding: 10px 10px 10px 45%;
	position: relative;
	color: #715742;
	font-size: 26px;
	margin: 0;
	border: none;
	background: none;
	min-height: 375px;

}
.page-inner .intro h2 {
	position: relative;
	color: #715742;
	font-size: 30px;
	margin: 0;
	border: none;
	background: none;
	line-height: 2em;	
	text-align: left;
	padding-top: 0px;
	font-weight: boldl;
	  left: 160px;
}
.page-inner .intro h2 .impact {
	font-size: 36px;
	color: #de6905;	
}
.intro img {
	position: absolute;
	left: 0px;
	top: 0px;
}
.page-inner .intro.intro-2 {
	padding: 60px 10px 10px 48%;
}
	

/* 	sporst */
.page-inner-sporst	h2 {
background: linear-gradient(to right, #000000, #504848);
  color: #fff;
  font-size: 24px;
  padding: 10px 20px;
  text-align: center;
}
	.page-inner-sporst p {
line-height: 1.7em;
  letter-spacing: 1.8px;
  font-size: 15px;
  position: relative;
  top: 0;
  color: #333;
}
	
	
/* リスト */
ul.list {
	margin-bottom: 1em;
}
ul.list > li {
/* 	background: url(../img/bullet-page-list.png) left 10px no-repeat;
	padding: 5px 15px; */
}
ul.list.list-impact > li {
	background: url(../img/bullet-page-list.png) left 10px no-repeat;
	padding: 5px 15px;
	color: #de6905;
	font-size: 18px;
}
ul.list.col-2 > li {
	border-bottom: 0.5px solid #cccbcb;
  padding-bottom: 5px;
  padding-top: 22px;
  display: inline-block;
  margin-right: 50px;
}
ul.list.col-2 {

}

.l-page-index ul.list.col-2 {
	display: inline-block;
	vertical-align: top;
}
.l-page-index ul.list.col-2 > li {
	float: none !important;
	width: auto !important;
}
	

ol.list {
	counter-reset:number;
	margin-bottom: 1em;
	color: #333;
}
ol.list > li {
	position: relative;
	padding: 8px 0px 5px 50px;
	min-height: 40px;
}
ol.list > li:before {
	counter-increment: number;
	content: counter(number);
	background: url(http://medical-hachioji.com/wp-content/uploads/2026/05/bullet-ol-list.png) left 0px no-repeat;
	position: absolute;
	left: 0px;
	top: 5px;
	width: 30px;
	height: 50px;
	color: white;
	font-size: 20px;
	padding-left: 11.5px;
  padding-top: 3px;
}
	
	

.list-access {
	letter-spacing: -0.4em;
}
.list-access > li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2em;
	position: relative;
}
.list-access > li img {
	max-width: 100%;	
	margin-bottom: 10px;
	border-radius: 5px;


}
.list-access > li:nth-child(3n) {
	margin-right: 0;	
}
.list-access > li .num {
	background: #dc6305;
	display: inline-block;
	color: white;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	line-height: 20px;
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 25px;
	line-height: 40px;
	
}

.staff-name {
	text-align: center;
	margin-top: -0.5em;
	font-size: 23px;
}
.staff-name span {
	display: block;
	text-align: center;
}
	
	.box-side h3{
	font-size: 20px;
  color: white;
  background:#e95903;
  border-radius: 5px;
  text-align: center;
  margin: 0em auto 0em;
  padding: 10px;
  clear: both;
  width: 220px;
  border-radius: 10px;
	}


/* 画像 */
.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 5px;
}
.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	border-radius: 5px;
}
.alignnone {
	border-radius: 5px;
}
.frame {
	border: 10px solid white;
	box-shadow: 1px 1px 5px #aaa;
}

/* ボックス */
.pics-2 {
	margin: 20px auto;
	text-align: center;
}
.pics-2 .pics-item, .pics-2 > div {
	width: 27%;
  margin: 1% 2%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
	font-size:14px;
}
.pics-2 .pics-item img, .pics-2 > div img {
	max-width: 100%;
	margin-bottom: 10px;
}
.pics-2 .pics-item:nth-child(3n) {
	margin-right: 0;
}
.pics-3 {
	margin: 0px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;	
}
.pics-3 span, .pics-3 .pics-item, .pics-3 > div {
	width: 31%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	color: #333;
}
.pics-3 span img, .pics-3 .pics-item img, .pics-3 > img {
	max-width: 100%;
	margin-bottom: 10px;
}
.pics-3 span:nth-child(3n), .pics-3 .pics-item:nth-child(3n) {
	margin-right: 0;
}

.pics-item .btn-orange {
	width: auto;
}
.box-pic {
	
}
.l-page .box-pic p {
	margin-bottom: 1em;
}
.box-pic .box-pic-img {
	float: left;
	margin-right: 10px;
	width: 360px;
}
.box-pic .box-pic-text {
	float: right;	
	width: 620px;
}
.box-pic .box-orange {
	
}

.box-orange {
	
	border-radius: 8px;
	margin: 40px auto;
	padding: 20px;
}
.box-orange-title {
	font-size: 16px;
	color: #de6905;
	margin-bottom: 1em;
	background: url(../img/bg-box-title.png) left 5px no-repeat;
	padding-left: 18px;
	font-weight: bold;
	border-bottom: 2px solid #eee;
}
.box-orange p:last-child {
	margin-bottom: 0;
}

.box-green {
	border: 1px solid #66b21a;
	border-radius: 8px;
	margin: 40px auto;
	padding: 20px;
	clear: both;
}
.box-green .box-green-title {
	color: #66b21a;
	font-size: 1.5em;
	margin-bottom: 1.0em;
	border-bottom: 2px solid #66b21a;
	padding-bottom: 10px;
	font-weight: bold;
}
.l-page .box-brown {
	margin: 40px auto;
}
.l-page .box-brown .box-brown-title {

	padding: 10px;
}
.box-brown .tag {
	background: #f3ede7;
	color: #a5998c;
	border-radius: 10px;
	padding: 10px;
	margin-right: 10px;
}
.list-item {
	
}
.list-item > li {
	vertical-align: top;
	display: inline-block;
	width: 300px;
	margin-right: 30px;
	margin-bottom: 50px;
}
.list-item > li:nth-child(3n) {
	margin-right: 0;
}
.l-page .item {
	
	border-radius: 8px;
}
.l-page .item.item-430 {
	height: 430px;
}
.l-page .item .item-title {
	background: #715742;
	text-align: center;
	color: white;
	font-size: 17px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding: 20px 0;
}
.l-page .item .item-pic {
	text-align: center;
	margin: 15px 15px;
}
.l-page .item .item-pic img {
	max-width: 100%;
	width: 100%;	
}
.l-page .item.item-2 .item-pic {
	margin: 40px 60px;	
	border: 4px solid white;
	box-shadow: 0px 0px 3px gray;
}
.l-page .item.item-2 {
	height: 700px;	
}

.l-page .item .item-text {
	margin: 0 15px 15px;
	line-height: 1.8;
  font-size: 14px;
}
.l-page .item .item-btn {
	background: #de6905;
	margin: 0 15px 15px;
	border-radius: 7px;
}
.l-page .item .item-btn a {
	color: white;
	text-decoration: none;
	display: block;
	text-align: center;
	background: url(../img/bullet-item.png) 96% center no-repeat;
	font-size: 18px;
	padding: 12px 0;
}

.voice {
	display:flex;
	
	
}
.voice:after {
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
	content: ".";
}
.voice .voice-pic {
	  font-size: .75rem;
  margin-right: 30px;
  text-align: center;
}
.voice .voice-text {
	float: right;
	width: 880px;
}
.voice .voice-text strong {
	display: block;
	font-size: 1.2em;	
}

/* QNA */
.list-qna {
	
}
.list-qna > li {
	margin-bottom: 1em;
	border-bottom: 1px solid #dc6305;
}
.qna {
	
}
.qna .q {
	position:relative;
	padding: 20px 40px;
}
.qna .a {
	position:relative;
	padding: 15px 40px;	
}
	
	.q::before {
        content: "";
        display: inline-block;
        background: url(https://tatikawa-treatment.com/wp/wp-content/uploads/2023/08/icon-q.png) left no-repeat;
        background-size: cover;
        width: 24px;
        height: 24px;
        top: 22.5px;
        left: 3px;
        position: absolute;
        margin-right: 5px;
    }
	
	    .a::before {
        content: "";
        display: inline-block;
        background: url(https://tatikawa-treatment.com/wp/wp-content/uploads/2023/08/A.png) left no-repeat;
        background-size: cover;
        width: 24px;
        height: 24px;
         top: 22.5px;
        left: 3px;
        position: absolute;
    }


/* テーブル */
.table {
	margin: 40px auto;
	width: 100%;
}
.table th {
	padding: 15px;
	font-size: 16px;
	background: #f3ece6;
	color: #de6905;
	border-top: 1px solid #de6905;
	border-bottom: 1px solid #de6905;
	width: 20%;
}
.table td {
	padding: 15px;	
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	color: #262626;
}

.box-table-charge {
	background: url(../img/bg-charge-table.jpg) center top no-repeat;
	padding: 25px 0;
}
.table-charge {
	border-left: 1px solid #de6905;
	border-right: 1px solid #de6905;
	width: 800px;
	margin: 0 auto;
	  margin-bottom: 40px;
}
.table-charge td {
	border-bottom: 1px solid #de6905;
}
.table-charge tr:nth-child(1) th {
background: #F3F0DB;
  color: #de6905;
  text-align: center;

	font-size: 18px;
}
.table-charge td:first-child {
	background: #f3ece657;
	color: #de6905;
	font-weight: bold;
	width: 60%;
	text-align: left;
}
.table-charge td:last-child {
	background: white;	
	font-weight: bold;
	text-align: end;
}
.box-table-charge2 {
	background: url(../img/bg-charge-table.jpg) center top no-repeat;
	padding: 70px 0;
}
.tablearea{
width:750px;
margin:0 auto;
}
.table-charge2 {
	border-left: 1px solid #de6905;
	border-right: 1px solid #de6905;
	width: 750px;
	margin: 0 auto 30px;
}
.table-charge2 td {
	border-bottom: 1px solid #de6905;
}
.table-charge2 tr:nth-child(1) th {
	background: #de6905;
	color: white;
	text-align: center;
	font-size: 21px;
}
.bgorange {
	background: #de6905 !important;
	color: white !important;
	text-align: center;
	font-size: 21px !important;
}
.table-charge2 td:first-child {
	background: #f3ece6;
	color: #de6905;
	font-weight: bold;
	width: 70%;
	text-align: left;
}
.table-charge2 td:last-child {
	background: white;	
	font-weight: bold;
	text-align: end;
}
.tableleft{

}
.tableright{

}

/* FORM */
.table-form {
	
}
.table-form th {
	vertical-align: middle;
}
.table-form .wpcf7-text {
	border: 1px solid #ccc;
	padding: 5px;
	width: 70%;
}
.table-form .wpcf7-textarea {
	border: 1px solid #ccc;
	padding: 5px;
	width: 70%;
}

.access-pic {
	text-align: center;
}
.access-pic a {
	width: 25%;
	margin: 0 2% 20px;
	display: inline-block;
	border: 10px solid white;
	box-shadow: 1px 1px 5px #aaa;
}
.access-pic a img {
	width: 100%;


}


/* FORM */
.list-form {
	margin-bottom: 45px;
}
.list-form > li {
	display: block;
	border-bottom: 1px solid #e3e3e3;
	padding: 20px;
	clear: both;
	position: relative;
}
.form-name {
	display: inline-block;
	width: 200px;
	vertical-align: middle;
}
	
	
	.form-name-textarea {
  display: inline-block;
  width: 200px;
  vertical-align: middle;
		position: relative;
  top: -70px;
}
.input-text, .input-date {
	border: 1px solid #cccccc;
  font-size: 14px;
  width: 340px;
  height: 48px;
  background-color: #f2f6fa;
  padding: 0px 10px;
}
.input-textarea {
  border: 1px solid #cccccc;
  font-size: 14px;
  background-color: #f2f6fa;
  width: 340px;
  height: 148px;
  padding: 10px;
}
.input-text-2 {
	border: 1px solid #cccccc;
	font-size: 18px;
width: 700px;
height: 150px;
	vertical-align: middle;
}
.input-date {
	text-align: center;
	
	
}
div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
	z-index: 100 !important;
}
.input-wrap {
	display: inline-block;
	vertical-align: middle;
}
.input-wrap-radio {
	display: inline-block;
	vertical-align: middle;
	width: 700px;
}
.required {
	color: #e62f6d;
	font-weight: bold;
}

.select-wrap{
position:absolute;
	left: 210px;
  width: 360px;
	top:-10px;
overflow:hidden;
display:inline-block;
min-width: 100px;
background-color:#ffffff;
background-image:-webkit-linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
background-image:linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
border:1px solid #c0c0c0;
color:#333;
margin-left: 10px;
    vertical-align: middle;
}

.select-wrap select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
width:200%;/* fallback non calc support */
width:-webkit-calc(100% + 5em);
margin:0;
padding:13px 35px 13px 11px;
padding:.6875rem 2.1875rem .6875rem .6875rem;
background:transparent;
border:0;
outline:none;
font-size:16px;
font-size:1rem;
line-height:1.5;
}
	
	
	
.select-wrap-1{
position:absolute;
	left:225px;
	top:20px;
overflow:hidden;
display:inline-block;
min-width: 100px;
background-color:#ffffff;
background-image:-webkit-linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
background-image:linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
border:1px solid #c0c0c0;
color:#333;
margin-left: 10px;
    vertical-align: middle;
}

.select-wrap-1 select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
width:200%;/* fallback non calc support */
width:-webkit-calc(100% + 5em);
margin:0;
padding:13px 35px 13px 11px;
padding:.6875rem 2.1875rem .6875rem .6875rem;
background:transparent;
border:0;
outline:none;
font-size:16px;
font-size:1rem;
line-height:1.5;
}

	
	
.select-wrap-2{
position:absolute;
overflow:hidden;
	left: 210px;
  top: 25px;

display:inline-block;
min-width: 100px;
background-color:#ffffff;
background-image:-webkit-linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
background-image:linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
border:1px solid #c0c0c0;
color:#333;
margin-left: 10px;
    vertical-align: middle;
}

.select-wrap-2 select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
width:200%;/* fallback non calc support */
width:-webkit-calc(100% + 5em);
margin:0;
padding:13px 35px 13px 11px;
padding:.6875rem 2.1875rem .6875rem .6875rem;
background:transparent;
border:0;
outline:none;
font-size:16px;
font-size:1rem;
line-height:1.5;
}
	
	.option-size{
		height:200px;
	}


.entypo-down-open-mini:before{
content: '▼';
font-family:'entypo',sans-serif;
position:absolute;
z-index:1;
top: 23px;
right:12px;
right:.75rem;
margin-top:-8px;
margin-top:-.5rem;
font-size:16px;
font-size:1rem;
line-height:1;
color:#333;
}
	
	
	



/*RadioとText*/
.wpcf7-radio label {
	cursor       : pointer;
	position     : relative;
	padding-left : 5px;
	margin-right : 20px;
	overflow     : hidden;
	padding-left : 20px;
	width: 250px;
	box-sizing: border-box;
	display      : inline-block;
}
.input-radio-2 label {
	width: auto !important;
}
.wpcf7-radio label:before {
	position      : absolute;
	width         : 15px;
	height        : 15px;
	border        : 1px solid #cccccc;
	border-radius : 50%;
	left          : 0px;
	top           : 4px;
	content       : '';
	z-index       : 3;
}
.wpcf7-radio label:after {
	content          : '';
	position         : absolute;
	width            : 9px;
	height           : 9px;
	border-radius    : 100%;
	left             : 4px;
	top              : 8px;
	background-color : #d5540a;
	z-index          : 1;
}
.wpcf7-radio label input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	width      : 20px;
	height     : 20px;
	left       : -23px;
	top        : 1px;
	margin     : 0px;
	box-shadow : 20px -1px #FFF;
}
.wpcf7-radio label input[type="radio"]:checked {
	box-shadow : none;
}
.wpcf7-radio label input[type="radio"]:focus {
	opacity    : 0.2;
	box-shadow : 20px -1px #FFF;
}
/* SUBMIT */
.btn-submit {

	margin: 0 auto;
	width: 300px;
	height: 80px;
	font-size: 18px;
}
.btn-submit:before {
	content: none !important;
}
.btn-submit:hover, .btn.btn-submit.is-active a {
	animation: btn-blue 0.3s ease-in-out forwards;
	color: inherit;
	cursor: pointer;

}
.btn-submit {
	color: white;
	border: 1px;
	padding-top: 9px;
	padding-bottom: 9px;
	display: block;
	border-bottom: 4px solid #a9252c;
  border-radius: 10px;
     background: #E25D64;
}
	
	
	.btn-submit-1 {
	border: 2px solid #D36B12;
	margin: 0 auto;
	width: 300px;
	height: 80px;
	font-size: 18px;
		font-size: 20px;
  font-weight: bold;
}
.btn-submit-1:before {
	content: none !important;
}
.btn-submit:hover, .btn.btn-submit.is-active a {
	animation: btn-blue 0.3s ease-in-out forwards;
	color: inherit;
	cursor: pointer;
	color: #fff;
  opacity: 0.5;
}
.btn-submit-1 {
	color: white;
  border: 1px;
  padding-top: 9px;
  padding-bottom: 9px;
  display: block;
  border-bottom: 4px solid #cf6e1b;
  border-radius: 10px;
  background: linear-gradient(#e95903, #d77027,#d25215,#e6b05d);
}
	
	.btn-submit-1:hover{
		opacity:0.5;
	}

/* CAL */
.ui-widget-content {
	background: white;
}
.ui-widget-header {
	background: #d5540a;
	color: white !important;
	border: none;
	border-radius: 0px;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	color: #d5540a !important;
	border: none;
	background: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #d9d9d9;
	color: #d5540a;
	background: white;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: #d5540a;
	color: white;
	border: 1px solid #d9d9d9;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background: #d5540a;
	color: #222 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-radius: 0px !important;
}

.box-caution {
	
}


.box-caution .list {
	margin: 20px;
}
.box-caution .list > li {

}
.box-caution .list > li:before {

}
.box-caution .list-item-2 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 20px auto;	
}
.box-caution .list-item-2 li {
	width: 49%;
	text-align: center;
}
.box-caution img {
	display: block;
	margin: 20px auto;
}
.list-case {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;	
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;	
margin-bottom: 3rem;
}
.list-case > li {
	width: 48%;
	margin-bottom: 20px;
}
.list-case > li a {
	border: 2px solid #D8D5CB;
	text-align: left;
	position: relative;
	background: white;
	height: 120px;
	box-sizing: border-box;
	padding-left: 130px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.list-case > li a:after {
	content: "";
	display: block;
	width: 1.5rem;
	height:1.5rem;
	background: url('../img/keyboard_arrow_right.svg') no-repeat 0 0;
	background-size: cover;
	position: absolute;
	right: 15px;
}
.list-case > li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 140px;
  height: 115px;
}
.list-case > li a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.list-case .case-title {
	color: #362e2b;
	font-size: 24px;
	text-align: left;
	margin-bottom: 0;
	margin-left:30px;
}
.list-case .case-text {
	font-size: 11px;
	color: #9f9a96;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0;
}
	
	
	.list-case-1 > li {
	width: 42%;
	margin-bottom: 10px;
}
.list-case-1 > li a {
	border: 2px solid #D8D5CB;
	text-align: left;
	position: relative;
	background: white;
	height: 55px;
	box-sizing: border-box;
	padding-left: 75px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.list-case-1 > li a:after {
	content: "";
	display: block;
	width: 1.5rem;
	height:1.5rem;
	background: url('../img/keyboard_arrow_right.svg') no-repeat 0 0;
	background-size: cover;
	position: absolute;
	right: -2px;
}
.list-case-1 > li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
  height: 52px;
}
.list-case-1 > li a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.list-case-1 .case-title {
	color: #362e2b;
	font-size: 13px;
	text-align: left;
	margin-bottom: 0;
	margin-left: 10px;
  
}
.list-case-1 .case-text {
	font-size: 11px;
	color: #9f9a96;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0;
}
	
	.list-case-1 li{
		font-size:12px;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	
/* 	.list-case-1{
			display: flex;
  width: 560px;
  flex-wrap: wrap;
	} */
	
	.okomari-box{
		width:480px;
		margin-bottom: 40px;
		transition: 1s ease;
	}
.no1{
width:900px;
margin:10px auto;
}
.no1 img{
width:100%;
}
.boxleft{
width:30%;
float:left;
}
.boxright{
width:67%;
float:right;
}
.leftimg{
width:45%;
float:left;
}
.rightimg{
width:45%;
float:right;
}
}

/* ====== recommend ======= */
.recommend header div {
	background: #f3efec;
	padding: 1rem;
	width:-webkit-calc(100% - 12rem);
	 width:calc(100% - 12rem);
	 border-radius: .25rem;
}
.recommend header h3 {
	background: none;
	color: #262626;
	margin: 0 0 .5rem;
	text-align: left;
	padding: 0;
}
.recommend header p {
	margin: 0;
}

.recommend header {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	margin-bottom:1rem;
}
.recommend header img {
	width: 9rem;
}

.recommend__profile {
	border: 1px solid #7b706b;
	padding: 1rem;
}

.recommend__profile h4 {
	border: none;
	text-align: left;
	margin: 0 0 .5rem;
	padding: 0;
	font-weight: bold;
}
.recommend__profile p {
	margin: 0;
}
.media {
    text-align: center;
  
}

.movie-wrap {

}
.movie-wrap iframe {
   
}


.media-text{
text-align: left;
  margin: 7px 0px 10px;
  line-height: 1.6;
  font-size: 12px;
}


.okomari-box .normal{
	line-height:2.5;
	margin-bottom:10px;
	color: #fff;
	text-align: center;
}


    .drop-box-btna, .drop-box-btnb, .drop-box-btnc {
        background-color: #ffd8b5;
        padding: 10px 30px;
        text-align: center;
        font-weight: bold;
        color: #333;
        cursor: pointer;
        border-radius: 10px;
        display: table;
        margin: 0 auto;
    }

    .check-box {
        padding: 20px 20px;
        background: #f9f9f9;
    }

    .width-300-pc {
        width: 300px;
    }