@charset "UTF-8";

/*
	Theme Name: template-2023
	Description: Easy and Simple theme by <a href="http://webdesignrecipes.com/">Web Design Recipes</a>. WordPress テーマです。
	Author URI: http://clinic-promotion.com/blog/
	Version: 1.0.1
	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: white, right-sidebar, two-columns

*/

html{
	margin-top: 0!important;
}
body{
  font-size: 15px;
/*  background: #00bfb6; */
  text-align: left;
  letter-spacing: 0.02em;
}
.column p{
  margin-bottom: 1em;
}

#toc_container{
  width: -webkit-fill-available!important;
  width: -moz-available!important;
  margin: 40px 0!important;
  background: #fff!important;
  font-size: 100%!important;
  padding: 20px!important;
}
.toc_title{
  font-size: 120%!important;
}

#padSection .profileTxtSet{
  margin-left: 0!important;
}
#padSection{
  margin: 20px 0 30px!important;
  padding: 20px!important;
}
#latestEntries{
  margin-top:30px!important;
}
.editor_profile{
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    font-size: 18px;
}
.editor_post{
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    font-size: 16px;
}
#avatar{
  display: none;
}

a{
  transition: .3s;
}
a:hover{
  color: #00bfb6;
}


ul.new_post li{
  margin-bottom: 6px;
  line-height: 1.4;
}

.column ul {
  margin: 1em 0;
}
.column ul li {
  list-style-type: disc;
  margin-left: 2em;
}
.column img{
  margin: 1em auto;
}
img {
  max-width: 100%;
  height: auto;
}

.top_blog_information{
	display:flex;
	justify-content:space-between;
	display:none;
	width:1200px;
}
.top_blog_information .post_content{
	width:24%;
   padding: 15px;
}
.top_blog_information .post_content img{
	width:100%;
	max-height:140px;
	object-fit: cover;
}
.top_blog_information .post_title{
	font-size:120%;
	border:none;
}
.top_blog_information .post_list_content {
	overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
}
.related-posts {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 40px;
}
.related-posts .post_content{
	width:32%;
	padding:10px;
	margin:0 0 20px;
}
.related-posts .post_content::before{
	content:none;
}
.related-posts .post_title{
	font-size:100%;
	border:none;
	margin:0;
}
.related-posts .post_content img{
	margin:0;
	max-height:130px;
}


/****************************************

          Typography

*****************************************/

pre{
    font-family: source-han-sans-japanese, "Yu Gothic", YuGothic, "游ゴシック体", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif!important;
white-space: normal!important;
}


blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

.column h2{
	font-size: 205%;
	margin: 40px 0 15px;
	padding:12px 0;
	line-height: 1.6;
	font-weight: 700;
	border-left: 9px solid #00bfb6;
	padding-left: 0.5em;
	background:#e8fffe;
}
.column dl{
  margin: 20px 0;
}
.column dt{
  font-weight: bold;
}
.column dd{
  margin-left: 1em;
}

.post_title{
	font-weight: 700;
	font-size: 135%;
	line-height: 1.5;
	margin: 10px 0;
}
h3{
	font-size: 165%;
	margin: 30px 0 10px;
	padding:10px 0;
	line-height: 1.5;
	font-weight: 700;
   border-bottom: double #03bfb6;
   border-top: double #03bfb6;
}
h4{
	font-size: 145%;
	margin: 30px 0 10px;
	font-weight: 700;
	color: #00bfb6;
  display: table;
	border-bottom: 1px solid;
}
h5{
	font-size: 115%;
	margin: 30px 0 10px;
	font-weight: 700;
	color: #00bfb6;
}
h2+hr,
h3+hr,
h4+hr,
h5+hr{
  display: none;
}

/****************************************

          List

*****************************************/

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul ul{
	margin-left: 1em;
}

/****************************************

          Layout

*****************************************/

#container,
.wrapper {
    position: relative;
    margin-left: 240px;
} 

#header {
    margin-bottom: 20px;
}
	#header .alignleft,
	#header .alignright{
		margin-bottom: 20px;
		width: auto;
	}
	#header .alignright{
		width: 200px;
	}

#main {
	float: left;
	width: 600px;
}

#sidebar {
	float: left;
    width: 240px;
}

#main,
#sidebar{
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
}

#footer {
	background: #555;
	color: #fff;
}

#sideBlock {
    width: 240px;
    background: url(../images/side_back.jpg);
    float: left;
    position: relative;
}
#contentsBlock {
    position: relative;
    margin-left: 240px;
}


/****************************************

          header

*****************************************/

*:first-child+html #header > div{ /* IE7 */
	clear: both;
	zoom:1;
}

#logo{
	border-bottom: 1px dashed #fe56aa;
}

#logo a{
	border: none;
}

#description {
	margin-top: 0;
	color: #777;
}

#searchform{
	position: relative;
	margin-top: 45px;
}
	#s{
		padding: 6px 20% 6px 5%;
		width: 75%;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px; 
		font-size: 10px;
	}
	#searchsubmit{
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 26px;
		border: none;
		background: url(images/search.png) no-repeat 50% 50%;
	}





.box {
    width: 90%;
    max-width: 870px;
    min-width: 700px;
    margin: 0 auto;
}
.clearfix {
    display: block;
}

#header {
    margin-bottom: 20px;
}


/****************************************

          Navigation

*****************************************/

#header .menu{
	position: relative;
	bottom: -1px;
	clear: both;
	margin-bottom: 0;
}
	#header div.menu > ul,
	#header ul.menu{
		border-left: 1px solid #ddd;
	}
	
	#header div.menu > ul > li,
	#header ul.menu > li{
		float: left;
	}

	#header .menu li {
    background: #CECECE;
    border-radius: 6px;
    color: #FFFFFF !important;
    display: inline-block;
    border-bottom: 2px solid #DD404B;
    margin: 5% 0 2% 7%;
}
		#header .menu li a{
			display: block;
			padding: .5em 1em;
			border-bottom: none;
		}
		#header div.menu > ul > li.current_page_item,
		#header ul.menu > li.current_page_item{
			border-bottom: 1px solid #fff;
		}

		#header ul.sub-menu,
		#header ul.children{
			position: absolute;
			left:-1px;
			display: none;
			margin-left: 0;
			width: auto;
			width: 150px;
			border: 1px solid #ddd;
			background: #eee;
		}
			#header .sub-menu li,
			#header .children li{
				position: relative;
				border: none;
			}

			#header ul.sub-menu ul,
			#header ul.children ul {
				top:-1px;
				left:150px;
			}
				#header .menu li:hover > ul{
					display: block;
				}


/****************************************

          header image

*****************************************/

#header-image{
	margin-bottom: 40px;
}


/****************************************

          Breadcrumb

*****************************************/

#breadcrumb{
	margin-bottom: 20px;
}
#breadcrumb li{
	float: left;
	margin-right: .5em;
}


/****************************************

          Main

*****************************************/

#main p {
    position: absolute;
    left: 8%;
    bottom: -50%;
}





#main .post,
#main .page{
	overflow: hidden;
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
}

.sticky{
	/* 先頭固定ポストのスタイル */
}

.post-meta{
text-align: right;
font-size: 90%;
	margin-bottom: 10px;
}
.post-meta a{
  z-index: 2;
  position: relative;
  border: 1px solid;
  padding: 2px 5px;
  display: inline-block;
  margin: 0 0 5px;
}
	.post-meta .post-date,
	.post-meta .category{
		display: block;
	}
	.comment-num{ white-space: nowrap; }

.post-date{
  display: block!important;
  color: #888;
  text-align:right;
}

.more-link{
	float: right;
}

.navigation{
	width: 100%;
        height: max-content;
	overflow: hidden;
	margin-bottom: 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: url(images/gray.gif) repeat-y 50% 0;
}
	.navigation > div{
		width: 50%;
	}

	.navigation .alignright{
		text-align: right;
	}

	.navigation a{
		display: block;
		padding: 1em;
		border: none;
	}
		.navigation a:hover{
			background: #E7E7E7;
			color: #000;
		}
			.navigation .alignright a:hover{
				border-left: 1px solid #ddd;
			}

.footer-post-meta{
	margin-top: 40px;
	text-align: right;
}
	.post-author{ padding-left: 1em; }

.page-link{
	margin: 3em 0;
}
.comment-page-link{
	margin: 0 0 3em;
}

	.page-link span,
	.comment-page-link span,
	.comment-page-link a{
		display: inline-block;
		margin-right: 3px;
		padding: 5px 8px;
		border: 1px solid #ddd;
		background: #ddd;
	}
		.page-link a span,
		.comment-page-link a{
			background: #fff;
		}
	
	.page-link a{
		border-bottom: none;
		color: #000;
	}
	
	.page-link a span:hover,
	.comment-page-link a:hover{
		background: #ffeff7;
		color: #000;
	}


/****************************************

          Comments Area

*****************************************/

#comment-area h3{
	font-size: 150%;
	font-family: 'Josefin Sans', sans-serif;
}

.required{ color: #fe56aa;}

.commets-list,
.trackback-list{
	overflow: hidden;
	margin-top: -20px;
	margin-bottom: 40px;
}
	.commets-list li,
	.trackback-list li{
		overflow: hidden;
		margin-top: -1px;
		padding: 20px 0 0;
		width: 100%;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid transparent;
	}
		.commets-list .avatar{
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
		}

		.comment-meta,
		.reply,
		.comment-notes,
		.form-allowed-tags,
		span.small{
			font-size: 80%;
		}

		.comment-body p{
			clear: both;
		}
		.reply{
			text-align: right;
		}

.bypostauthor{
	/* 記事投稿者のコメントのスタイル */
}

.children{
	padding-left: 2em;
}

#respond{
	margin-bottom: 40px;
}

/****************************************

          index.php Main

*****************************************/

.content-box{
	float: right;
	margin-top: -0.25em;
	width: 420px;
}
	.content-box .more-link{
		margin: 0;
	}

.thumbnail-box{
	float: left;
	width: 160px;
}
	.thumbnail-box img{
		width: 160px;
		height: 160px;
	}







/****************************************

          Sidebar

*****************************************/

#sidebar h2{
	margin-bottom: 10px;
	font-family: 'Josefin Sans', sans-serif;
}
.widget{
	margin-bottom: 60px;
}

#sidebar .widget ul{
	padding-left: 1.5em;
	list-style-position: outside;
	list-style-type: disc;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
	margin:20px 0;
}

.sidebar-thumbnail-box{
	float: left;
	width: 75px;
}

.sidebar-recent-posts-title{
	float: right;
	width: 165px;
}
	#sidebar-recent-posts h3,
	#sidebar-recent-posts p,
	#sidebar-popular-posts h3,
	#sidebar-popular-posts p{
		margin: 0;
	}

.tagcloud a{
	white-space: nowrap;
}


/****************************************

          Footer

*****************************************/

#copyright{
	padding: 20px 0;
	font-size: 80%;
}

/*==================================================================

	footer contact

==================================================================*/
.form-box {
	padding-top: 80px;
}
.form-box__form-group {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 30px;
	gap:40px;
}
.form-box__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 34%;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	/* color:#fff; */
}
.wpcf7-form-control-wrap{
	flex:1;
}
.form-box__input {
	width: 100%;
	height: 54px;
	padding: 0 16px;
	border: none;
	background: #e7e7e7;
	border-radius: 8px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 400;
}
.form-box__textarea {
	width: 100%;
	height: 200px;
	padding: 14px 16px;
	border: none;
	background: #e7e7e7;
	border-radius: 8px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 400;
}
.form-box__select{
	width: 100%;
	height: 54px;
	padding: 0 16px;
  border: none;
	background: #e7e7e7;
	border-radius: 8px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
}
.form-box__radio-box {
	width: 72%;
	display: flex;
}
.form-box__radio label{
	position: relative;
	display: block;
	margin-right: 4%;
}
.form-box__radio-box .wpcf7-list-item-label {
	display: flex;
	align-items: center;
}
.form-box__radio-box .wpcf7-list-item-label::before {
	content: "";
	display: inline-block;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	margin-right: 12px;
	border: 2px solid #8c8c8c;
	border-radius: 50%;
	box-sizing: border-box;
	z-index: -1;
}
.form-box__radio-box .wpcf7-list-item-label::after {
	content: "";
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	margin: auto;
	border-radius: 50%;
	left: 5px;
	top: 7px;
}
.form-box__radio-box input[type='radio']:checked + .wpcf7-list-item-label::after {
	background: #00bfb6;
}
.form-box__btn-area {
	text-align: center;
}
.form-box__btn-area input[type='submit'] {
	width: 380px;
	height: 60px;
	margin: 40px auto 0;
	background-color: #00bfb6;
	border-radius: 50px;
	border: none;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.12em;
	transition: ease-in-out 0.2s;
}
.form-box__btn-area input[type='submit']:hover {
	cursor: pointer;
	background-color: #009992;
}
.form-box__btn-secondary {
	width: 280px;
	height: 60px;
	margin: 40px 40px 0 0;
	border-radius: 50px;
	border: 2px solid #00bfb6;
	background: #fff;
	font-size: 18px;
	color: #00bfb6;
	line-height: 1;
	transition: ease-in-out 0.2s;
}
.form-box__btn-secondary:hover {
	cursor: pointer;
	opacity: 0.7;
}
input[type='checkbox']{
    margin-right: 5px;
}
.wish{
    width: 72%;
}
input[type='radio'] {
	display: none;
}
.required {
	padding: 8px 10px;
	background-color: #e84f4f;
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	line-height: 1;
}
.privacy{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:0;
}
.privacy a{
	color:#077cc9;
}
.confirm-tb {
	width: 900px;
	margin: 0 auto;
	border-collapse: collapse;
}
.confirm-tb td {
	border: 1px solid #ccc;
	padding: 5px;
	padding: 1% 2%;
}
.confirm-tb td.l_Cel {
	width: 40%;
	padding: 1% 2%;
	background: #d8e7f6;
}
.confirm-tb p.error_messe {
	margin: 5px 0;
	color: red;
}
.confirm-btn {
	padding-bottom: 140px;
}
/*----- thanks -----*/
.thanks-box__text {
	margin-bottom: 40px;
	text-align: center;
	font-size: 18px;
	line-height: 2;
}
.thanks-box__btn {
	text-align: center;
}

.column_form{
	padding:40px;
	background:#2d3033;
}
.column_form form{
	background:#fff;
	padding:30px;
}
.column_form h2{
	color:#fff;
	text-align:center;
	background:none;
	border:none;
	margin:0 0 30px;
}


/****************************************

          WordPress Misc

*****************************************/

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}

.wp-caption-text,
.gallery-caption{
	font-size: 80%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}


/****************************************

          Clearfix

*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}


/****************************************

         パンくず

*****************************************/
.breadcrumb_wrapper{
  margin: 0 0 30px;
	width:100%;
}
.breadcrumb_wrap{
  margin: 0 0 0.5em;
  font-size: 85%;
  width: 100%;
  display: block;
}
ol.breadcrumb {
}
ol.breadcrumb li{
  float: left;
  line-height: 1.3;
  position: relative;
  padding-right: 5px;
}
ol.breadcrumb li::after{
  content: " » ";
}
ol.breadcrumb li:last-of-type::after{
  display: none;
}

/****************************************

         カテゴリー

*****************************************/

.wrap01 {
	background: #fff;
	display: flex;
	width: 1200px;
	margin: 0 auto 50px;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.main_content{
	width:100%;
	max-width: 840px;
	box-sizing: border-box;
	padding:0 20px;
}

.main_content.indexpage{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.post_content{
	padding: 20px 15px;
	margin: 0 0 50px 0;
box-shadow: 1px 1px 7px #e1e1e1; 
 background: #fff;
  position: relative;
  width: 48.5%;
  box-sizing: border-box;
}
.post_content::before{
  position: absolute;
  top:0;
  left:0;
border-left: 25px solid #00bfb6;
    border-right: 25px solid transparent;
    border-bottom: 25px solid transparent;
  content:"";
}
.post_content a.allover::before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.post_content img{
  max-height: 210px;
  width: 100%;
  object-fit: cover;
}

.column h1{
  color: #333;
  font-weight: 700;
  margin: 0 0 15px;
  font-size: 28px;
}
.post_content h2{
  font-weight: 700;
}
.img_fl{
  margin-right: 20px;
}
.post_list_content .img_fl img{
	width: 150px;
	height: 150px;
	object-fit: contain;
}

.side_area{
	width:360px;
	padding:0 20px;
	box-sizing: border-box;
}
.side_area section{
	margin: 0 0 50px;
}
.side_area_title{
	border-bottom: 1px dashed #ccc;
	padding: 0 0 5px;
	margin: 0 0 10px;
	font-size: 115%;
	font-weight: 700;
}
.side_area i{
	margin: 0 5px 0 0;
}
#sideBlock{
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}

.side_area.interview_cate{
	flex:1;
	padding:24px;
	background:#eee;
}
.side_area.interview_cate li{
	margin:0 0 6px;
}

.side_area.interview_cate a{
	padding:5px;
	background:#fff;
	line-height:1.2;
	display:inline-block;
}

.categories > ul{
}
li.categories{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.category_h {
	width: 1200px;
	margin: 0 auto;
}

.category_h a {
    color: #dd404b !important;
    border: 1px solid #CECECE;
    box-shadow: 4px 4px #eee;
    padding: 10px;
    margin-right: 5px;
	display: block;
}

.new_post_title {
	font-weight:bold;
	flex:1;
}
.new_post_title span{
	font-size:80%;
	display:block;
	font-weight:normal;
}
.new_post li a{
	position:relative;
	display:flex;
	align-items: flex-start;
	gap:15px;
	padding:20px 0;
}
.new_post li:first-child a::before{
	position:absolute;
	top:5px;
	left:-10px;
	width:30px;
	height:30px;
	border-radius:50%;
	display:flex;
	align-items: center;
	justify-content: center;
	font-weight:bold;
	background:linear-gradient(30deg,#bdb325,#bdb322,#bdb325,#d0c30d,#bdb325);
	color:#fff;
	content:"1";
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.new_post li:nth-child(2) a::before{
	position:absolute;
	top:5px;
	left:-10px;
	width:30px;
	height:30px;
	border-radius:50%;
	display:flex;
	align-items: center;
	justify-content: center;
	font-weight:bold;
	background:linear-gradient(30deg,#ababaa,#868685,#ababaa,#868685,#ababaa);
	color:#fff;
	content:"2";
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.new_post li:nth-child(3) a::before{
	position:absolute;
	top:5px;
	left:-10px;
	width:30px;
	height:30px;
	border-radius:50%;
	display:flex;
	align-items: center;
	justify-content: center;
	font-weight:bold;
	background:linear-gradient(30deg,#be326a,#822248,#be326a,#822248,#be326a);
	color:#fff;
	content:"3";
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.new_post li:nth-child(4) a::before{
	position:absolute;
	top:5px;
	left:-10px;
	width:30px;
	height:30px;
	border-radius:50%;
	display:flex;
	align-items: center;
	justify-content: center;
	font-weight:bold;
	background:#000;
	color:#fff;
	content:"4";
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.new_post li:nth-child(5) a::before{
	position:absolute;
	top:5px;
	left:-10px;
	width:30px;
	height:30px;
	border-radius:50%;
	display:flex;
	align-items: center;
	justify-content: center;
	font-weight:bold;
	background:#000;
	color:#fff;
	content:"5";
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.new_post li:nth-child(6) a::before{
	position:absolute;
	top:5px;
	left:-10px;
	width:30px;
	height:30px;
	border-radius:50%;
	display:flex;
	align-items: center;
	justify-content: center;
	font-weight:bold;
	background:#000;
	color:#fff;
	content:"6";
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.new_post li:not(:last-child) a{
	border-bottom:1px solid #ddd;
}
.new_post li img{
	width:38%;
	height:auto;
}




/*リンクボタン*/
.next_m{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 40px;
	background: #ff691e;
	border-radius: 30px;
	color: #fff!important;
	font-weight: 700;
	letter-spacing: 0.12em;
	font-size: 15px;
	line-height: 1;
	transition: ease-in-out 0.2s;
}
.next_m:hover{
	color: #fff!important;
	background: #c1490d;
}
.fa, .fas{
	color: #00bfb6;
}



.screen-reader-text{
	display: none;
}
.ts-fab-list li.ts-fab-latest-posts-link.active a,
.ts-fab-list li.active a{
	color: #333 !important;
}


.interview{
  padding: 0 30px 50px 0;
	max-width:940px;
}
.interview h2{
	font-size:26px;
	font-weight:bold;
	padding:15px 0;
	border-left:none;
	border-bottom:2px solid #ff691e;
	background:none;
}
.interview h2.interview_tit{
	font-size:28px;
	line-height:1.5;
	letter-spacing:0.05em;
	background:none;
	margin:0 0 15px;
}
.interview_info{
	display:flex;
	gap:20px;
	margin:0 0 20px;
}
.interview_info figure{
	width:50%;
}
.interview_info .about{
	flex:1;
}
.interview dl{
  display: flex;
	margin:20px 0;
}
.interview dt{
  width: 120px;
  text-align: center;
  background: #e7e7e7;
	font-weight:bold;
}
.interview dd{
	flex:1;
	margin-left:1em;
}
/* .interview h3{
  font-size: 205%;
  border: none;
  position: relative;
  padding: 30px 40px;
  margin: 60px 0 20px;
  text-align:center;
}
.interview h3::before{
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:30px;
	border-top:2px solid #333;
	border-left:2px solid #333;
	content:"";
}
.interview h3::after{
	position:absolute;
	bottom:0;
	right:0;
	width:30px;
	height:30px;
	border-bottom:2px solid #333;
	border-right:2px solid #333;
	content:"";
} */
.interview h3{
  font-size: 150%;
  border: none;
  position: relative;
  padding:0 0 0 40px;
  margin: 30px 0;
  color:#ff691e;
}
.interview h3::before{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	width:30px;
	height:2px;
	background:#333;
	content:"";
}
.interview .body_single{
	margin:40px 0 0;
}
.interview p.interview title{
  margin: 0 0 15px;
  font-size: 28px;
}
.interview strong{
  background-color: #ff9;
}
.interview .wp-video{
  margin: 0 auto 40px;
  display: block;
}
/* .interview span{
  font-size: 80%;
} */
.float_img{
  float: right;
  width: 350px;
  margin: 0 0 0 20px;
}
.float_img img{
  width: 100%;
  margin: 0 0 10px;
}
.float_img p{
  font-size: 80%;
}
.body_wrap{
	margin:0 0 80px;
}
.body_wrap_float:after{
	display:block;
	clear:both;
	content:"";
}

table th,td {
    border: solid 1px;  /* 枠線指定 */
    padding: 10px;      /* 余白指定 */
}
 


/*インタビュー*/

.interview_flex{
}
.interview_flex_item{
  width: 100%;
  padding: 15px;
  box-shadow: 0 0 3px #ccc;
  box-sizing: border-box;
  position: relative;
	margin-bottom: 23px;
}
.interview_flex_item a{
	display:flex;
	gap:30px;
  transition: .3s;
/*  color: #333;  */
}
.interview_flex_item a:hover{
  opacity: 0.8;
}
.interview_flex_item a:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.interview_flex_item a figure{
	width:300px;
}
.interview_item_info{
	flex:1;
}
.interview_flex_item h2{
  font-weight: 600;
  font-size: 130%;
  letter-spacing: 0.1em;
  margin: 15px 0;
}
.interview_flex_item dl{
  display :flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  font-size: 85%;
  margin: 0 0 5px;
}
.interview_flex_item dt{
  border: 1px solid;
  padding: 2px 5px;
  box-sizing: border-box;
  text-align: center;
  font-weight: 500;
  width: 130px;
}
.interview_flex_item dd{
  text-align: left;
  padding-left: 10px;
  box-sizing: border-box;
  width: 68%;
}

/*==================================================================

  目次

==================================================================*/

#ez-toc-container{
/*   padding: 40px 60px 40px 40px; */
  border-top:4px solid #ff681f;
  width: 100%;
  display: table;
  margin: 0 auto;
  box-sizing:border-box;
   background:#fafafa;
}
#ez-toc-container nav{
	width:100%;
	margin:0;
	display:block;
	padding:20px 40px;
   box-sizing:border-box;
}
.ez-toc-title-container{
	padding:20px;
}
#ez-toc-container .ez-toc-title{
	font-size:22px;
	font-weight:bold;
	color:#ff681f;
	line-height:1;
	margin:0;
}
#ez-toc-container .ez-toc-list{
}
#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2{
   position:relative;
	counter-increment: number 0;
	margin:0 0 20px;
	padding:0 0 10px;
	list-style:none;
}
#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2::after{
   position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:#ddd;
   content:"";
}
#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2:last-child::after{
	content:none;
}
#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2::before{
	content:none;
}
#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2 a{
/* 	color:#1089b2; */
	color:#333;
	text-decoration:none;
}
#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2 > .ez-toc-link{
	font-size:18px;
	vertical-align:middle;
	display:flex;
   align-items:flex-start;
	line-height:1.5;
	font-weight:bold;
}
#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2 > .ez-toc-link::before{
	counter-increment: number;
   content: ''counter(number, decimal-leading-zero);
	color:#ff681f;
	border-right:3px solid #7F7F7F;
	font-size:18px;
	margin:0 15px 0 0;
	padding:0 8px 0 0;
	font-weight:bold;
}
#ez-toc-container .ez-toc-list .ez-toc-list-level-3{
	padding:0 0 0 50px;
	font-size:14px;
	line-height: 1.6;
}
#ez-toc-container .ez-toc-list .ez-toc-list-level-3 li::before{
	top:8px;
	background:#BF4F00;
}

/*----------ページャー----------*/
.pager {
  display: block;
  font-size: 15px;
  padding: 9px 8px;
  margin: 0 auto;
  border-radius: 3px;
  text-align: center !important;
  font-weight: bold;
}

.pager:after {
  display: block;
  content: "";
  clear: both;
}

.current {
  background: #ff691e;
  color: #fff;
  padding: 8px 12px;
  display: inline-block;
  margin: 5px 5px 8px;
  line-height: 1;
}

.pager a {
  display: inline-block;
  text-decoration: none;
  padding: 8px 12px;
  margin: 5px 6px 8px 5px;
  transition: all 0.2s linear;
  background: #2d3033;
  color: #fff;
  line-height: 1;
}

.pager a:hover {
  background: #ff691e;
  color: #fff;
}

.pager a:active {
  box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.55);
}
/*==================================================================

  .breadcrumb（ぱんくず）

==================================================================*/
.breadcrumbs {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  margin: 0 auto 30px;
  font-size: 14px;
}
.breadcrumbs:last-child {
  margin: 0 auto;
}
.breadcrumbs i {
  /*margin-left: 35px;*/
  margin-right: 5px;
}
.breadcrumbs a{
  color:#ff691e;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs li {
  float: left;
  margin-right: 5px;
}
.breadcrumbs li::before{
  content:none;
}
.breadcrumbs li:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 12px;
  content: "\f054";
  padding-left: 10px;
}
.breadcrumbs li:last-child:after {
  content: "";
}
.breadcrumbs li:last-child a{
  color:#d04634 !important;
}

.sub.contact{
  background:none;
  padding:50px 0;
}



/*制作実績用装飾*/

.slick-dotted.slick-slider{
  width: 1000px;
  margin: 0 auto 50px!important;
}

.projects_content h1{
  color: #333;
  font-weight: 700;
  margin: 0 0 15px;
  font-size: 28px;
}
.projects_content h2{
	font-size: 150%;
	margin: 40px 0 15px;
	line-height: 1.6;
	font-weight: 600;
	border-bottom: 1px solid #00bfb6;
	border-top: 1px solid #00bfb6;
	padding-left: 0.5em;
    text-align: center;
    padding: 10px;
}
.projects_content h3{
	font-size: 145%;
  margin: 30px 0 10px;
  line-height: 1.5;
  font-weight: 700;
  border-bottom: double #00bfb6;
	border-top:none;
  display: table;
}
.projects_content{
	width:100%;
}
.project_about_box{
  margin: 30px auto 0;
  width: 800px;
}
.project_about_box table{
  width: 100%;
}
.project_about_box table tr{
  border-bottom: dotted 1px #ccc;
}
.project_about_box table th{
  font-weight: bold;
  text-align: center;
  padding: 5px;
	border:none;
}
.project_about_box table td{
  padding: 5px;
	border:none;
}
li.projects_main_subject_medical{
  display: inline;
}
li.projects_main_subject_medical::after{
  content:"／";
}
li.projects_main_subject_medical:last-of-type::after{
  content:"";
}


/*スライダー*/
.slider_title{
  margin: 0!important;
  font-weight: bold;
}
.slider .slick-track p{
  text-align: center;
}


/*タイトル下の制作アイテム*/
.projects_item_box{
	margin:0 0 40px;
}
li.projects_item{
  padding: 5px 10px;
  border: solid 1px;
  display: inline-block;
  margin: 0 10px 0 0;
}
.project_search{
	margin:0 0 80px;
}
.project_item,.category_item{
	margin:0 0 60px;
}
.project_item h3{
	margin-bottom:20px;
}
.project_item ul{
	display:flex;
	justify-content: space-between;
}
.project_item ul li{
	width:32%;
  box-sizing: border-box;
  width: calc(100% / 3);
  padding-right: 2px;
  box-shadow: 0 0 3px #ccc;
  position: relative;
}

.project_item ul li figure{
	position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.project_item ul li img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  transition: 0.5s;
  object-fit: cover;
}
.category_item .singel_category_list {
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap:10px;
}
.category_item .singel_category_list li{
	width:auto;
	box-shadow:none;
}
.category_item .singel_category_list li a{
	display:inline-block;
	background:#00bfb6;
	color:#fff;
	font-weight:bold;
	padding:0 10px;

}


/*一覧のタブ*/
#result{
  width: 1200px;
  margin: 0 auto;
}
.top_result_wrap {
    padding: 0;
}
.top_result_wrap input[type="radio"] {
    display:none;
}
.top_result_text h2{
  font-weight: 600;
  font-size: 130%;
}
.tab_area {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
    border-bottom: #fff 1px solid;
}
.tab_area label {
    width: 274px;
    line-height: 34px;
    margin: 0 5px;
    display: block;
    color: #ffffff;
    background: #ddd;
    text-align: center;
    font-family: ヒラギノ角ゴ W3 JIS2004;
    font-size: 16px;
    cursor: pointer;
    background-color: #34b5be;
    transition: ease 0.2s opacity;
}
.tab_area label:hover {
    opacity: 0.8;
}
.panel_area { 
}
.tab_panel {
    width: 100%;
    padding: 80px 0;
    /* display:none; */
}
#tab0:checked ~ .tab_area .tab0_label {
    background: #fff;
    color: #34b5be;
	border:1px solid #34b5be;
}
#tab0:checked ~ .panel_area #panel0 {
    display: block;
}
#tab1:checked ~ .tab_area .tab1_label {
    background: #fff;
    color: #34b5be;
	border:1px solid #34b5be;
}
#tab1:checked ~ .panel_area #panel1 {
    display: block;
}
#tab2:checked ~ .tab_area .tab2_label {
    background: #fff;
    color: #34b5be;
	border:1px solid #34b5be;
}
#tab2:checked ~ .panel_area #panel2 {
    display: block;
}
#tab3:checked ~ .tab_area .tab3_label {
    background: #fff;
    color: #34b5be;
	border:1px solid #34b5be;
}
#tab3:checked ~ .panel_area #panel3 {
    display: block;
}
#tab4:checked ~ .tab_area .tab4_label {
    background: #fff;
    color: #34b5be;
	border:1px solid #34b5be;
}
#tab4:checked ~ .panel_area #panel4 {
    display: block;
}
.top_result_video {
    padding: 50px 0 120px;
}
.top_result_video ul {
    display: flex;
 /*   justify-content: space-between;*/
    justify-content: flex-start;
	flex-wrap: wrap;
}
.top_result_video ul li {
    box-sizing: border-box;
    width: calc(100% / 3);
    padding-right: 2px;
  box-shadow: 0 0 3px #ccc;
  position: relative;
}
.top_result_video ul li:nth-of-type(3) {
    padding-right: 0;
}
.top_result_video ul li a {
    display: block;
    background-color: #fff;
}
.top_result_video ul li a.jriei:hover{
  color: #333;
}
/* .top_result_video ul li a.jriei:before{
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
} */
.top_result_video ul li figure {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
}
.top_result_video ul li figure::before {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    background: url("../images/top_result_img_deco.png") no-repeat;
    content: "";
}
.top_result_video ul li a figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    transition: 0.5s;
    object-fit: cover;
	contain-intrinsic-size: auto 240px;
}
.top_result_video ul li a:hover figure img {
    transform: translate(-50%, -50%) scale(1.2);
}
.top_result_text {
    font-family: ヒラギノ角ゴ W3 JIS2004;
    letter-spacing: 0.1em;
    padding: 20px 4%;
}
.single_recommend span,
.top_result_text span{
  font-size: 80%;
  color: #333;
  border: 1px solid #cbcbcb;
  padding: 1px 8px;
  margin: 0 8px 9px 0;
  display: inline-block;
}
.single_recommend h4,
.top_result_text h4{
  font-size: 85%;
  color: #00347d;
}
.single_recommend h3,
.top_result_video ul li a h3 {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1;
    color: #333;
}
.top_result_video ul li a p {
    line-height: 1;
    font-size: 13px;
    color: #003894;
}
.top_result_text .project_title{
	font-weight: 600;
  font-size: 130%;
	margin:0;
	padding:10px 0;
	color:var(--text-color);
}
.top_result_text .department_list{
	/* position:absolute;
	top:0;
	left:0; */
	display:flex;
	flex-wrap: wrap;
	gap:8px;
	margin:0 0 5px;
}
.top_result_text .department_list li{
	color:#34b5be;
	border-bottom:2px solid #34b5be;
	width:auto;
	padding:0;
	box-shadow:none;
	line-height:1;
	padding:5px;
	font-size:14px;
	font-weight:bold;
}
p.homepage a{
  position: relative;
  z-index: 5;
  font-weight: 600;
  color: #333;
  font-size: 85%;
  text-align: right;
  transition: .3s;
}
p.homepage a:hover{
  opacity: .6;
}
.result_button{
  text-align: center;
  padding-bottom:80px
}

.homepage-class{
  background: #2877e0;
  color: #fff!important;
  border: none!important;
}
.movie-class{
  background: #e22d7b;
  color: #fff!important;
  border: none!important;
}
.dtp-class{
  background: #b36eca;
  color: #fff!important;
  border: none!important;
}
.signboard-class{
  background: #44c799;
  color: #fff!important;
  border: none!important;
}
.others-class{
  background: #949494;
  color: #fff!important;
  border: none!important;
}


/*リンクボタン*/
.next_m{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 40px;
	background: #ff691e;
	border-radius: 30px;
	color: #fff!important;
	font-weight: 700;
	letter-spacing: 0.12em;
	font-size: 15px;
	line-height: 1;
	transition: ease-in-out 0.2s;
}
.next_m:hover{
	color: #fff!important;
	background: #c1490d;
}
.fa, .fas{
	color: #00bfb6;
}



.screen-reader-text{
	display: none;
}
.ts-fab-list li.ts-fab-latest-posts-link.active a,
.ts-fab-list li.active a{
	color: #333 important;
}




@media screen and (max-width: 640px){
	
	.column h2{
		font-size:165%;
	}
	h3{
		font-size:145%;
	}
	h4{
		font-size:125%;
	}
	
.wrap01 {
	display: block!important;
	width: auto!important;
	margin: 0 5%;
	padding: 0;
}
.main_content{
	width: auto!important;
	padding:0;
}
.side_area{
	width: auto!important;
}

.alignright,
.alignleft{
	display: block!important;
	float: none;
	margin: 0 auto;
}
.scroll table{
width:100%!important;
}
.scroll{
overflow: auto; 		/*tableをスクロールさせる*/
white-space: nowrap;	/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{	/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{		/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {		/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

	.interview{
		padding:0 0 50px;
	}
.interview h3{
  font-size: 130%;
	padding:0 0 0 30px;
}
.interview h3::before{
  top:16px;
  bottom:auto;
  width: 15px;
}
.float_img{
  float: right;
  width: 100%;
}
.post_content{
  width: 100%;
}
	
	.column h1{
		font-size:24px;
		line-height:1.5;
	}

.navigation .alignright{
	float: right;
}
.navigation .alignleft{
	float: left;
}
.navigation{
}
	
	
/*新着表示*/
	.top_blog_information{
		justify-content:center;
		gap:2%;
		flex-wrap:wrap;
	}
	.top_blog_information .post_content{
		width:48%;
		padding:5px;
		margin:0 0 10px;
	}
	.top_blog_information .post_title{
		font-size:90%;
	}
	.top_blog_information .post-meta{
		font-size:70%;
	}
	.top_blog_information .post_list_content{
		font-size:80%;
	}
	
	.related-posts .post_content{
		width:48%;
	}
	.related-posts .post_title{
		font-size:85%;
	}


/*インタビュー*/
.interview h2{
	font-size:22px;
	line-height:1.4;
}
	.interview h2.interview_tit{
		font-size:22px;
	}
	.interview_info{
		flex-direction:column;
	}
	.interview_info figure{
		width:100%;
		gap:0;
	}
.interview_flex{
  display : block;
}
	.interview dl{
		margin:14px 0;
	}
	.interview dt{
		width:110px;
		font-size:14px;
		padding:4px 0;
	}
	.interview dd{
		font-size:14px;
		padding:4px 0;
	}
.interview_flex_item{
  width: 100%;
  padding: 10px;
  margin: 0 0 30px;
}
	.interview_flex_item a{
		flex-direction:column;
		gap:0px;
	}
	.interview_flex_item a figure{
		width:100%;
	}
	.interview_flex_item h2{
		line-height:1.5;
		font-size:120%;
	}
.interview_flex_item dl{
  font-size: 80%;
}
.interview_flex_item dt{
  width: 30%;
}
.interview_flex_item dd{
  width: 64%;
}
	
	/*==================================================================

  目次

==================================================================*/

	#ez-toc-container{
		padding: 10px;
	}
	.ez-toc-title-container{
		margin:0 0 20px;
	}
	#ez-toc-container .ez-toc-title{
		text-align:center;
		font-size:18px;
	}
	#ez-toc-container nav{
		padding:0;
	}
	#ez-toc-container .ez-toc-list{
		margin:0;
	}
	#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2{
		padding:0 0 10px;
		margin:0 0 25px;
	}
	#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2:last-child{
		margin:0;
	}
	#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2 > .ez-toc-link{
		font-size:14px;
		margin:0 0 5px;
	}
	#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2 > .ez-toc-link::before{
		font-size:14px;
		padding:1px 8px 1px;
	}
	#ez-toc-container .ez-toc-list li.ez-toc-heading-level-2 a{
		font-size:14px;
	}
	#ez-toc-container .ez-toc-list .ez-toc-list-level-3{
		margin:8px 0;
	}

	/*============================================================================

	$breadcrumbs ぱんくず

	============================================================================*/

	.breadcrumbs {
		width: 90%;
	}

	.breadcrumbs li {
		display: inline-block;
	}

.slick-dotted.slick-slider{
  width: 100%;
  margin: 20px 0 0!important;
}
.project_about_box{
  width: 100%;
}
	.tab_area{
		flex-wrap:wrap;
		justify-content:center;
		gap:5px 10px;
	}
	.tab_area label{
		width:calc(50% - 5px);
		margin:0;
		font-size:14px;
	}
	.tab_area label.tab4_label{
		width:100%;
	}
	#result{
		width:100%;
		padding:0 0 50px;
	}
	.top_result_wrap{
		padding:0;
	}
	.top_result_video{
		padding:20px 0 50px;
	}
	.top_result_video ul{
		gap:15px 2%;
		justify-content:space-between;
	}
	.top_result_video ul li{
		width:49%;
	}
	.top_result_video ul li figure{
		height:auto;
	}
	.top_result_video ul li a figure img{
		width: 100%;
      height: 26vw;
      -o-object-fit: cover;
      object-fit: cover;
		transform:none;
		position:static;
	}
	.top_result_text .department_list{
		justify-content:flex-start;
		gap:0 5px;
	}
	.top_result_video .department_list li{
		font-size:3vw;
	}
	.top_result_text{
		padding:10px 4%;
	}
	.top_result_text h2,.top_result_text .project_title{
		font-size:3.6vw;
		line-height:1.4;
		margin:0 0 2vw;
	}
	.single_recommend span, .top_result_text span{
		font-size:3vw;
		margin:0 8px 2px 0;
	}
	.homepage{
		margin:10px 0 0;
		font-size:3vw;
	}

	.projects_content h1{
		font-size:20px;
		line-height:1.4;
	}
	.slick-dotted.slick-slider{
		width: 100%;
	  margin: 20px 0 0 !important;
	}
	.project_about_box table th{
		display:block;
		padding:5px 5px 0 5px;
		font-size:14px;
		text-align:left;
	}
	.project_about_box table td{
		display:block;
		padding:0 5px 5px 5px;
		font-size:14px;
	}
	.projects_comment{
		font-size:14px;
	}


}