/*PC用*/
@charset "UTF-8";
@media screen and (min-width:641px) {

	/* ===================================================================
	CSS information
	 file name  :  base.css
	=================================================================== */

	/* mv
	---------------------------------------------------------- */

	.mv { background: url(../img/common/bg_mv.jpg)no-repeat center; background-size: cover; height: 160px; margin: 0 0 10px 0; }
	.mv .ttl { text-align: center; }

	/* gnav
	---------------------------------------------------------- */
	.gnav { background: url(../img/common/bdr_section.jpg)repeat-x bottom left; padding-bottom: 25px; }
	.gnav ul { width: 1000px; padding: 0px; margin: 0 auto; }
	.gnav li { float: left;padding: 18px 0 13px;}
	.gnav li:nth-child(4){background: #ff4000;}
	.gnav li:nth-child(5){background: #ff4000;}

	/* breadcrumbs
	---------------------------------------------------------- */
	.breadcrumbs { margin: 0 0 14px 0; }
	.breadcrumbs li { float: left; font-size: 1.4rem; line-height: 1; letter-spacing: 0.1em; }
	.breadcrumbs li:after { content: '>'; padding: 0 5px; }
	.breadcrumbs li:last-child:after { content: none; }

	/* contents_block
	---------------------------------------------------------- */
	.contents_block { width: 1000px; margin: 0 auto; padding: 30px 0 75px; }
	.contents_top_01 { padding: 81px 0 53px; }
	.side_content { float: left; width: 220px; }
	.main_contents { float: right; width: 730px; }
	.under_side { margin: 0 0 16px 0; }
	.side_content li { margin: 0 0 14px 0; }
	.under_side li:nth-child(n+6) { margin: 0 0 21px 0; }
	.main_contents_block { margin: 0 0 112px 0; }
	.top_side li:nth-child(2) { margin: 0 0 32px 0; }
	.side_content li:last-child { margin: 0; }
	.side_blog { padding: 13px 10px 10px; border-top: 4px solid #000; background: url(../img/common/bg_blog.jpg)repeat left top; margin-bottom: 26px; }
	.side_blog .ttl { margin: 0 0 8px 0; }
	.side_blog_box { border: 1px solid #000; background: #fff; padding: 14px 9px; height: 220px; overflow: scroll; }
	.side_blog_box dl dt { color: #c60019; font-size: 1.2rem; margin: 0 20px 0 0; }
	.side_blog_box dl dd { font-size: 1.1rem; border-bottom: 1px solid #d1d1d1; padding: 0 0 8px 0; margin: 0 0 8px 0; }
	.side_blog_box dl dd:last-child { padding: 0; margin: 0; }
	.side_shop { background: #fff001; padding: 8px; border: 2px solid #ff9900; }
	.side_shop .ttl { text-align: center; margin: 0 0 8px 0; }
	.side_shop .txt { font-family: '小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', sans-serif; font-size: 2.4rem; font-weight: 700; line-height: 1; text-align: center; margin: 0 0 6px 0; }
	.side_shop .txt span { color: #ff0000; font-size: 3.2rem; }

	/* ttl
	---------------------------------------------------------- */
	.ttl_red { background: url(../img/common/bg_ttl_red.png)no-repeat left top; position: relative; height: 40px; margin: 0 0 22px 0; }
	.ttl_red span { color: #fff; font-size: 2.2rem; position: absolute; top: 12%; left: 24px; letter-spacing: 0.1em; }

	/* index_list
	---------------------------------------------------------- */
	.index_list_blog { background: url(../img/common/bg_blog.jpg)repeat left top; padding: 22px 10px 27px; }
	.index_list_case, .index_list_voice ul { margin: 0 -10px 0 0; }
	.index_list_blog ul { margin: 0 -6px 0 0; }
	.index_list_staff ul { margin: 0 -14px 0 0; }
	.index_list li { float: left; }
	.index_list_case li { width: 175px; padding: 5px 5px 15px 5px; margin: 19px 10px 0 0; background: #faf6e9; border: 1px solid #e8ddba; border-bottom: 3px solid #c5bb9d; }
	.index_list_case li:nth-child(-n+4) { margin: 0 10px 0 0; }
	.index_list_blog li { width: 173px; background: #fff; padding: 2px 2px 6px 2px; margin: 11px 6px 0 0; }
	.index_list_blog li:nth-child(-n+4) { margin: 0 6px 0 0; }
	.index_list_staff li { float: left; width: 234px; padding: 11px 10px 19px; margin: 20px 14px 0 0; border-top: 5px solid #c60019; border-bottom: 2px solid #ccc; background: url(../img/staff/bg_bdr_staff.jpg)repeat left top; }
	.index_list_staff li:nth-child(-n+3) { margin: 0 14px 0 0; }
	.index_list_voice li { position: relative; width: 175px; background: url(../img/voice/bg_bdr_voice.png)repeat left top; margin: 26px 10px 0 0; }
	.index_list_voice li:nth-child(-n+4) { margin: 0 10px 0 0; }
	.index_list .ph { margin: 0 0 10px 0; text-align: center; min-height: 50px; }
	.index_list .ph img { width: 100%; }
	.index_list_case .ttl { font-size: 1.4rem; font-weight: bold; color: #438f45; margin: 0 0 4px 0; }
	.index_list_case .name { font-size: 1.2rem; margin: 0 0 6px 0; }
	.index_list_case .txt { font-size: 1.4rem; line-height: 1.5; margin: 0 0 12px 0; }
	.index_list_case .btn, .index_list_staff .btn { margin: 0 auto; display: table; background: #000; border-radius: 14px; font-size: 1.2rem; color: #fff; padding: 2px 10px 2px 20px; }
	.index_list_case .btn span, .index_list_staff .btn span { background: url(../img/common/arrow_right_index.png)no-repeat right 2px; padding-right: 20px; }
	.index_list_blog .date { color: #c60019; font-size: 1.6rem; font-weight: bold; padding: 0 8px 0; margin: 0 0 6px 0; }
	.index_list_blog .txt { font-size: 1.6rem; line-height: 1.5; padding: 0 8px 0; margin: 0 0 4px 0; }
	.index_list_blog .btn { padding: 0 8px 0; text-align: right; }
	.index_list_blog .btn span { font-size: 1.4rem; background: url(../img/blog/icon_arrow_blog.png)no-repeat left center; padding: 0 0 0 19px; }

	/* index_list_voice
	--------------------------- */
	.index_list_voice .ttl { display: inline-block; font-size: 1.4rem; color: #fff; background: #004b8b; margin: 0 6px 9px; padding: 4px 6px 1px; }
	.index_list_voice .ph img { border: 1px solid #ccc; }
	.index_list_voice .name { color: #333; font-size: 1.2rem; padding: 0 6px; margin: 0 0 4px 0; }
	.index_list_voice .txt { color: #004b8b; font-size: 1.4rem; line-height: 1.5; padding: 0 6px 32px; }
	.index_list_voice .btn { position: absolute; right: 0; bottom: 0; padding: 0; }

	/* index_list_staff
	--------------------------- */
	.index_list_staff .ph img { border: 5px solid #fff; margin: 0 0 13px 0; }
	.index_list_staff .name { font-size: 2rem; color: #333; }
	.index_list_staff .ttl { font-size: 1.4rem; font-weight: bold; color: #068404; margin: 0 0 3px 0; }
	.index_list_staff .txt { font-size: 1.2rem; line-height: 1.75; color: #333; margin: 0 0 0px 0; }

	/* index_list_news
	--------------------------- */
	.index_list_news { background: url(../img/news/bg_bdr_news.jpg)repeat left top; padding: 10px; }
	.index_list_news li { background: #fff; padding: 20px; margin: 0 0 10px 0; }
	.index_list_news li:last-child { margin: 0; }
	.index_list_news li .date { float: left; color: #c60019; font-size: 1.6rem; font-weight: bold; padding: 2px 0 2px 42px; margin: 0 12px 0 0; background: url(../img/news/icon_arrow_news.jpg)no-repeat left center; }
	.index_list_news li .txt { font-size: 1.8rem; padding: 0 0 0 9em }

	/* detail_block
	---------------------------------------------------------- */
	.detail_menu { height: 42px; background: #d2cbb8; width: 100%; padding: 10px; position: relative; }
	.detail_block_blog .detail_menu, .detail_block_news .detail_menu { background: #e6b400; }
	.detail_block_voice .detail_menu, .detail_block_staff .detail_menu { background: #ddd; }
	.detail_menu .btn_back { float: right; position: absolute; top: 6px; right: 6px; }
	.detail_menu li { float: left; font-size: 1.5rem; }
	.detail_menu li:first-child:before { content: "<"; }
	.detail_menu li:last-child:after { content: ">"; }
	.detail_menu li:first-child:after { content: "｜"; padding: 0 0 0 14px; margin: 0 14px 0 0; }
	.detail_block .detail_main { padding: 19px 20px; }
	.detail_block_case .detail_main { background: #efeadb; }
	.detail_block_voice .detail_main { background: url(../img/voice/bg_bdr_voice.png)repeat left top; }
	.detail_block_staff .detail_main { background: url(../img/staff/bg_bdr_staff.jpg)repeat left top; }
	.detail_block_blog .detail_main { background: url(../img/common/bg_blog.jpg)repeat left top; }
	.detail_block_news .detail_main { background: url(../img/news/bg_bdr_news.jpg)repeat left top; }
	.detail_block_case .detail_box { background: #fff; padding: 30px; box-shadow: 0 0 10px 4px #d1cbbf; -moz-box-shadow: 0 0 10px 4px #d1cbbf; -webkit-box-shadow: 0 0 10px 4px #d1cbbf; }
	.detail_block_blog .detail_box { background: #fff; border: 3px solid #000; }
	.detail_block_voice .detail_box { background: #fff; padding: 30px 30px 42px 30px; box-shadow: 0 0 10px 4px #cccbcc; -moz-box-shadow: 0 0 10px 4px #cccbcc; -webkit-box-shadow: 0 0 10px 4px #cccbcc; position: relative; }
	.detail_block_staff .detail_box { background: #fff; padding: 32px 30px 42px 30px; box-shadow: 0 0 10px 4px #cccbcc; -moz-box-shadow: 0 0 10px 4px #cccbcc; -webkit-box-shadow: 0 0 10px 4px #cccbcc; }
	.detail_block_news .detail_box { background: #fff; padding: 30px 30px 83px; box-shadow: 0 0 10px 4px #dead01; -moz-box-shadow: 0 0 10px 4px #dead01; -webkit-box-shadow: 0 0 10px 4px #dead01; }
	.detail_block_voice .detail_box .catch { position: absolute; top: 20px; right: 11px; }

	/* detail_block_case
	--------------------------- */
	.detail_block_case.sub_ttl { font-size: 1.8rem; font-weight: normal; margin: 0 0 18px 0; }
	.detail_block_case .sub_ttl span { display: inline-block; color: #fff; font-size: 2.2rem; background: #439042; padding: 6px 16px 2px; margin: 0 12px 0 0; line-height: 1; }
	.detail_block_case .main_ttl { font-size: 2.4rem; padding: 0 0 9px 0; margin: 0 0 25px 0; border-bottom: 1px dotted #666; }
	.detail_block_case .ph_list { margin: 0 0 33px 0; }
	.detail_block_case .ph_list li { float: left; }
	.detail_block_case .ph_list li.before { margin: 0 22px 0 0; position: relative; }
	.detail_block_case .ph_list li.before:after { content: url(../img/common/arrow_beforeafter.png); display: block; position: absolute; top: 110px; right: -19px; }
	.detail_block_case .ph_list li.before .ph_sub { margin: 0 -6px 0 0; }
	.detail_block_case .ph_list li.before .ph_sub li { margin: 0 6px 0 0; }
	.detail_block_case .ph_list li.after .ph_sub { margin: 0 -7px 0 0; }
	.detail_block_case .ph_list li.after .ph_sub li { margin: 0 6.5px 0 0; }
	.detail_block_case .ph_list li.before .ph_sub { margin: 0 -6px 0 0; }
	.detail_block_case .ph_list li.before .ph_sub li { margin: 0 6px 0 0; }
	.detail_block_case li.before .ph_main { margin: 0 0 25px 0; width: 225px; height: 171px; text-align: center; }
	.detail_block_case li.after .ph_main { margin: 0 0 22px 0; width: 382px; height: 261px; text-align: center; }
	.detail_block_case .txt { color: #666; font-size: 1.4rem; line-height: 2.14; }
	.detail_block_case .ph_list_ttl { display: table-cell; vertical-align: bottom; padding: 0 0 7px 0; }

	/* detail_block_case
	--------------------------- */
	.detail_block_blog .sub_ttl { color: #c60019; font-size: 2rem; margin: 0 0 10px 0; }
	.detail_block_blog .main_ttl { font-size: 2.4rem; background: url(../img/blog/icon_blog.png)no-repeat left 2px; padding: 0 0 0 48px; }
	.detail_block_blog .txt { margin: 0 0 40px 0; color: #666; font-size: 1.4rem; line-height: 2.14; }
	.detail_block_blog .txt:last-child { margin: 0; }
	.detail_block_blog .ttl_box { padding: 33px 28px 27px; border-bottom: 1px solid #000; }
	.detail_block_blog .txt_box { padding: 27px 27px 42px; }

	/* detail_block_voice
	--------------------------- */
	.detail_block_voice .sub_ttl { font-size: 1.8rem; color: #0b0909; font-weight: normal; margin: 0 0 20px 0; letter-spacing: 0.05em; }
	.detail_block_voice .sub_ttl span { display: inline-block; color: #fff; font-size: 2.2rem; font-weight: bold; background: #004b8b; padding: 8px 18px 1px; margin: 0 12px 0 0; line-height: 1; }
	.detail_block_voice .main_ttl { color: #004b8b; font-size: 2.4rem; margin: 0 0 16px 0; letter-spacing: 0.05em; }
	.detail_block_voice .ph { text-align: center; margin: 0 0 21px 0; }
	.detail_block_voice .ph img { max-width: 100%; height: auto; }
	.detail_block_voice .txt { color: #666; font-size: 1.4rem; line-height: 2.14; margin: 0 0 21px 0; }
	.ttl_gallery { text-align: center; margin: 0 0 17px 0; }
	.detail_gallery ul { margin: 0 -10px 15px 0; }
	.detail_gallery li { float: left; height: 115px; width: 150px; overflow: hidden; margin: 19px 10px 0 0; }
	.detail_gallery li:nth-child(-n+4) { margin: 0 10px 0 0; }
	.detail_gallery li .ph_gallery img { width: 100%; margin: 0 0 4px 0; }
	.detail_gallery li .txt_gallery { font-size: 1.4rem; color: #333; text-align: center; }
	.comments_gallery { color: #333; font-size: 1.3rem; }

	/* detail_block_staff
	--------------------------- */
	.detail_block_staff .prof_box { margin: 0 0 22px 0; }
	.detail_block_staff .prof_box .ph { float: left; width: 350px; border: 2px solid #ccc; }
	.detail_block_staff .prof_box .ph img { width: 100%; }
	.detail_block_staff .prof_box .txtarea { float: right; width: 261px; }
	.detail_block_staff .prof_box .name { font-size: 3.6rem; color: #333; margin: 0 0 7px 0; }
	.detail_block_staff .prof_box .ttl { font-size: 1.4rem; font-weight: normal; color: #fff; padding: 2px 0 0 6px; margin: 0 0 10px 0; letter-spacing: 0.2em; background: url(../img/common/bg_bdr_orange.jpg)repeat left top; }
	.detail_block_staff .prof_box .work { font-size: 2rem; font-weight: bold; color: #199318; letter-spacing: 0.05em; margin: 0 0 12px 0; }
	.detail_block_staff .prof_box .comment { font-size: 1.6rem; letter-spacing: 0.03em; line-height: 1.88; color: #333; }
	.detail_block_staff .txt { color: #666; font-size: 1.4rem; line-height: 2.14; }

	/* detail_block_staff
	--------------------------- */
	.detail_block_news .sub_ttl { color: #c60019; font-size: 2rem; margin: 0 0 8px 0; }
	.detail_block_news .main_ttl { font-size: 2.4rem; padding: 0 0 11px 56px; margin: 0 0 20px 0; border-bottom: 4px solid #fec701; background: url(../img/news/icon_news.png)no-repeat left 2px; }
	.detail_block_news .txt { color: #666; font-size: 1.4rem; line-height: 2.14; margin: 0 0 38px 0; }
	.detail_block_news .btn_pdf { text-align: right; }
	.index_list_staff .btn { background: #c40018; position: absolute; bottom: 20px; left: 27%; }
	.index_list_staff li { padding: 11px 10px 65px 10px; position: relative; }
	.index_list_staff .ph img { width: 100%; }
	.ten { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
	.ori { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
}

/*SP用*/
@media screen and (max-width:640px) {
	@charset "UTF-8";

	/* ===================================================================
	CSS information
	 file name  :  base.css
	=================================================================== */

	/*
	SP用メニュー
	---------------------------------------------------------*/
	p.h_tel { position: absolute; top: 3.5vw; right: 12vw; width: 9%; }
	p.h_menu { position: fixed; top: 3.5vw; right: 1.5vw; width: 9%;		/*仮背景色*/ z-index: 1000; }
	p.h_menu img { }
	nav#sp_global_nav { z-index: 99999; position: fixed; top: 0; width: 100vw; height: 100vh; display: none;/* padding: 3% 0; */ background: #c60019; overflow: scroll; padding: 7.81% 7.81% 80px 7.81%; box-sizing: border-box; }
	nav#sp_global_nav .list { }
	nav#sp_global_nav li { border-bottom: 1px solid #fff; }
	nav#sp_global_nav li a { color: #fff; font-size: 14px; text-decoration: none; padding: 10px 0; display: block; }
	nav#sp_global_nav li:nth-child(6) a{color: #fff001;font-weight: bold;}
	nav#sp_global_nav li:nth-child(7) a{color: #fff001;font-weight: bold;}
	nav#sp_global_nav li a:before { content: "▶"; padding-right: 10px; }
	nav#sp_global_nav .closebtn { text-align: center; background: #fff; margin-top: 20px; font-size: 16px; padding: 10px; }

	/* mv
	---------------------------------------------------------- */
	.mv { background: url(../img/common/bg_mv.jpg)no-repeat center; background-size: cover; padding: 20px 10vw; font-size: 2.6rem; letter-spacing: 0.32rem; }
	.mv .ttl { text-align: center; }

	/* gnav
	---------------------------------------------------------- */
	.gnav { display: none; }
	.gnav ul { width: 1000px; padding: 9px 0 13px; margin: 0 auto; }
	.gnav li { float: left; }

	/* breadcrumbs
	---------------------------------------------------------- */
	.breadcrumbs { margin: 0 0 14px 0; }
	.breadcrumbs li { float: left; font-size: 1.4rem; line-height: 1.6; letter-spacing: 0.1em; }
	.breadcrumbs li:after { content: '>'; padding: 0 5px; }
	.breadcrumbs li:last-child:after { content: none; }

	/* contents_block
	---------------------------------------------------------- */
	.contents_block { margin: 0 auto; padding: 30px 0 30px; }
	.contents_top_01 { padding: 20px 0 30px; }
	.side_content { display: none; }
	.main_contents { width: 100%; padding: 0 3vw; }
	.under_side { margin: 0 0 16px 0; }
	.side_content li { margin: 0 0 14px 0; }
	.under_side li:nth-child(n+6) { margin: 0 0 21px 0; }
	.main_contents_block { margin: 0 0 60px 0; }
	.top_side li:nth-child(2) { margin: 0 0 32px 0; }
	.side_content li:last-child { margin: 0; }
	.side_blog { padding: 13px 10px 10px; border-top: 4px solid #000; background: url(../img/common/bg_blog.jpg)repeat left top; margin-bottom: 26px; }
	.side_blog .ttl { margin: 0 0 8px 0; }
	.side_blog_box { border: 1px solid #000; background: #fff; padding: 14px 9px; height: 220px; overflow: scroll; }
	.side_blog_box dl dt { color: #c60019; font-size: 1.2rem; margin: 0 20px 0 0; }
	.side_blog_box dl dd { font-size: 1.1rem; border-bottom: 1px solid #d1d1d1; padding: 0 0 8px 0; margin: 0 0 8px 0; }
	.side_blog_box dl dd:last-child { padding: 0; margin: 0; }
	.side_shop { background: #fff001; padding: 8px; border: 2px solid #ff9900; }
	.side_shop .ttl { text-align: center; margin: 0 0 8px 0; }
	.side_shop .txt { font-family: '小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', sans-serif; font-size: 2.4rem; font-weight: 700; line-height: 1; text-align: center; margin: 0 0 6px 0; }
	.side_shop .txt span { color: #ff0000; font-size: 3.2rem; }

	/* ttl
	---------------------------------------------------------- */
	.ttl_red { background: url(../img/common/bg_ttl_red.png)no-repeat left top; background-size: cover; position: relative; padding: 3px 10px 10px 10px; margin: 0 0 22px 0; }
	.ttl_red span { color: #fff; font-size: 2.2rem; letter-spacing: 0.1em; }

	/* index_list
	---------------------------------------------------------- */
	.index_list_blog { background: url(../img/common/bg_blog.jpg)repeat left top; padding: 22px 10px 27px; }
	.index_list_case, .index_list_voice ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.index_list_blog ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.index_list_staff ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.index_list li { float: left; }
	.index_list_case li { width: 48%; padding: 2vw; margin: 0 0 15px 0; background: #faf6e9; border: 1px solid #e8ddba; border-bottom: 3px solid #c5bb9d; }
	.index_list_blog li { width: 48%; background: #fff; padding: 2px 2px 6px 2px; margin: 0 0 20px; }
	.index_list_blog li:nth-child(-n+4) { }
	.index_list_staff li { width: 48%; border-top: 5px solid #c60019; border-bottom: 2px solid #ccc; background: url(../img/staff/bg_bdr_staff.jpg)repeat left top; }
	.index_list_staff li:nth-child(-n+3) { }
	.index_list_voice li { position: relative; width: 48%; background: url(../img/voice/bg_bdr_voice.png)repeat left top; margin: 0 0 15px 0; }
	.index_list_voice li:nth-child(-n+4) { }
	.index_list .ph { margin: 0 0 10px 0; text-align: center; min-height: 50px; overflow: hidden; height: 36vw !important; }
	.index_list .ph img { width: 100%; }
	.index_list_case .ttl { font-size: 1.4rem; font-weight: bold; color: #438f45; margin: 0 0 4px 0; height: inherit !important; }
	.index_list_case .name { font-size: 1.2rem; margin: 0 0 6px 0; height: inherit !important; }
	.index_list_case .txt { font-size: 1.4rem; line-height: 1.5; margin: 0 0 12px 0; }
	.index_list_case .btn, .index_list_staff .btn { margin: 0 auto; display: table; background: #000; border-radius: 14px; font-size: 1.2rem; color: #fff; padding: 2px 10px 2px 20px; }
	.index_list_case .btn span, .index_list_staff .btn span { background: url(../img/common/arrow_right_index.png)no-repeat right 2px; padding-right: 20px; }
	.index_list_blog .date { color: #c60019; font-size: 1.6rem; font-weight: bold; padding: 0 8px 0; margin: 0 0 6px 0; }
	.index_list_blog .txt { font-size: 1.6rem; line-height: 1.5; padding: 0 8px 0; margin: 0 0 4px 0; }
	.index_list_blog .btn { padding: 0 8px 0; text-align: right; }
	.index_list_blog .btn span { font-size: 1.4rem; background: url(../img/blog/icon_arrow_blog.png)no-repeat left center; padding: 0 0 0 19px; }

	/* index_list_voice
	--------------------------- */
	.index_list_voice .ttl { display: inline-block; font-size: 1.4rem; color: #fff; background: #004b8b; margin: 0 6px 9px; padding: 4px 6px 1px; }
	.index_list_voice .ph img { border: 1px solid #ccc; }
	.index_list_voice .name { color: #333; font-size: 1.2rem; padding: 0 6px; margin: 0 0 4px 0; }
	.index_list_voice .txt { color: #004b8b; font-size: 1.4rem; line-height: 1.5; padding: 0 6px 32px; }
	.index_list_voice .btn { position: absolute; right: 0; bottom: 0; padding: 0; }

	/* index_list_staff
	--------------------------- */
	.index_list_staff .ph img { border: 5px solid #fff; margin: 0 0 13px 0; }
	.index_list_staff .name { font-size: 2rem; color: #333; }
	.index_list_staff .ttl { font-size: 1.4rem; font-weight: bold; color: #068404; margin: 0 0 3px 0; }
	.index_list_staff .txt { font-size: 1.2rem; line-height: 1.75; color: #333; margin: 0 0 0px 0; }

	/* index_list_news
	--------------------------- */
	.index_list_news { background: url(../img/news/bg_bdr_news.jpg)repeat left top; padding: 2vw; }
	.index_list_news li { background: #fff; padding: 2vw; margin: 0 0 10px 0; }
	.index_list_news li:last-child { margin: 0; }
	.index_list_news li .date { color: #c60019; font-size: 1.6rem; font-weight: bold; padding: 2px 0 2px 42px; background: url(../img/news/icon_arrow_news.jpg)no-repeat left center; }
	.index_list_news li .txt { font-size: 1.8rem; }

	/* detail_block
	---------------------------------------------------------- */
	.detail_menu { background: #d2cbb8; width: 100%; padding: 10px; position: relative; text-align: center; }
	.detail_block_blog .detail_menu, .detail_block_news .detail_menu { background: #e6b400; }
	.detail_block_voice .detail_menu, .detail_block_staff .detail_menu { background: #ddd; }
	.detail_menu .btn_back { bottom: 7px; display: block; text-align: center; margin-bottom: 5px; }
	.detail_menu li { font-size: 1.5rem; display: inline-block; }
	.detail_menu li:first-child:before { content: "<"; }
	.detail_menu li:last-child:after { content: ">"; }
	.detail_menu li:first-child:after { content: "｜"; padding: 0 0 0 14px; margin: 0 14px 0 0; }
	.detail_block .detail_main { padding: 1vw; }
	.detail_block_case .detail_main { background: #efeadb; }
	.detail_block_voice .detail_main { background: url(../img/voice/bg_bdr_voice.png)repeat left top; }
	.detail_block_staff .detail_main { background: url(../img/staff/bg_bdr_staff.jpg)repeat left top; }
	.detail_block_blog .detail_main { background: url(../img/common/bg_blog.jpg)repeat left top; }
	.detail_block_news .detail_main { background: url(../img/news/bg_bdr_news.jpg)repeat left top; }
	.detail_block_case .detail_box { background: #fff; padding: 3vw; box-shadow: 0 0 10px 4px #d1cbbf; -moz-box-shadow: 0 0 10px 4px #d1cbbf; -webkit-box-shadow: 0 0 10px 4px #d1cbbf; }
	.detail_block_blog .detail_box { background: #fff; border: 3px solid #000; }
	.detail_block_voice .detail_box { background: #fff; padding: 3vw; box-shadow: 0 0 10px 4px #cccbcc; -moz-box-shadow: 0 0 10px 4px #cccbcc; -webkit-box-shadow: 0 0 10px 4px #cccbcc; position: relative; }
	.detail_block_staff .detail_box { background: #fff; padding: 2vw; box-shadow: 0 0 10px 4px #cccbcc; -moz-box-shadow: 0 0 10px 4px #cccbcc; -webkit-box-shadow: 0 0 10px 4px #cccbcc; }
	.detail_block_news .detail_box { background: #fff; padding: 2vw; box-shadow: 0 0 10px 4px #dead01; -moz-box-shadow: 0 0 10px 4px #dead01; -webkit-box-shadow: 0 0 10px 4px #dead01; }
	.detail_block_voice .detail_box .catch { display: none; }

	/* detail_block_case
	--------------------------- */
	.detail_block_case.sub_ttl { font-size: 1.8rem; font-weight: normal; margin: 0 0 18px 0; }
	.detail_block_case .sub_ttl span { display: block; color: #fff; font-size: 1.6rem; background: #439042; padding: 6px 16px; margin: 0 12px 10px 0; line-height: 1; }
	.detail_block_case .main_ttl { font-size: 2rem; padding: 0 0 9px 0; margin: 0 0 25px 0; border-bottom: 1px dotted #666; }
	.detail_block_case .ph_list { margin: 0 0 33px 0; }
	.detail_block_case .ph_list li { }
	.detail_block_case .ph_list li.before { position: relative; margin-bottom: 40px; }
	.detail_block_case .ph_list li.before:after { display: block; position: absolute; top: 110px; right: -19px; }
	.detail_block_case .ph_list li.before .ph_sub { margin: 0 -6px 0 0; }
	.detail_block_case .ph_list li.before .ph_sub li { margin: 0 6px 0 0; }
	.detail_block_case .ph_list li.after .ph_sub { display: flex; flex-wrap: wrap; }
	.detail_block_case .ph_list li.after .ph_sub li { margin: 0 1% 10px; width: 23%; }
	.detail_block_case .ph_list li.before .ph_sub { display: flex; flex-wrap: wrap; }
	.detail_block_case .ph_list li.before .ph_sub li { margin: 0 1% 10px; width: 23%; }
	.detail_block_case li.before .ph_main { margin: 0 0 15px 0; text-align: center; width: 100%; }
	.detail_block_case li.after .ph_main { margin: 0 0 22px 0; text-align: center; }
	.detail_block_case .ph_main img { width: 100%; }
	.detail_block_case .txt { color: #666; font-size: 1.4rem; line-height: 2.14; }
	.detail_block_case .ph_list_ttl { display: table-cell; vertical-align: bottom; padding: 0 0 7px 0; }

	/* detail_block_case
	--------------------------- */
	.detail_block_blog .sub_ttl { color: #c60019; font-size: 1.6rem; margin: 0 0 10px 0; }
	.detail_block_blog .main_ttl { font-size: 2rem; background: url(../img/blog/icon_blog.png)no-repeat left 2px; padding: 0 0 0 48px; }
	.detail_block_blog .txt { margin: 0 0 40px 0; color: #666; font-size: 1.4rem; line-height: 2.14; }
	.detail_block_blog .txt:last-child { margin: 0; }
	.detail_block_blog .ttl_box { padding: 2vw; border-bottom: 1px solid #000; }
	.detail_block_blog .txt_box { padding: 3vw; }

	/* detail_block_voice
	--------------------------- */
	.detail_block_voice .sub_ttl { font-size: 1.8rem; color: #0b0909; font-weight: normal; margin: 0 0 10px 0; letter-spacing: 0.05em; }
	.detail_block_voice .sub_ttl span { display: inline-block; color: #fff; font-size: 1.6rem; font-weight: bold; background: #004b8b; padding: 8px 18px; margin: 0 12px 0 0; line-height: 1; }
	.detail_block_voice .main_ttl { color: #004b8b; font-size: 2rem; margin: 0 0 16px 0; letter-spacing: 0.05em; }
	.detail_block_voice .ph { text-align: center; margin: 0 0 21px 0; }
	.detail_block_voice .ph img { max-width: 100%; height: auto; }
	.detail_block_voice .txt { color: #666; font-size: 1.4rem; line-height: 2.14; margin: 0 0 21px 0; }
	.ttl_gallery { text-align: center; margin: 0 0 17px 0; }
	.detail_gallery ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.detail_gallery li { height: 23vw; width: 48%; overflow: hidden; margin: 0 0px 10px 0; text-align: center; }
	.detail_gallery li:nth-child(-n+4) { margin: 0 0px 10px 0; }
	.detail_gallery li .ph_gallery img { width: 100%; margin: 0 0 4px 0; }
	.detail_gallery li .txt_gallery { font-size: 1.4rem; color: #333; text-align: center; }
	.comments_gallery { color: #333; font-size: 1.3rem; }

	/* detail_block_staff
	--------------------------- */
	.detail_block_staff .prof_box { margin: 0 0 22px 0; }
	.detail_block_staff .prof_box .ph { border: 2px solid #ccc; }
	.detail_block_staff .prof_box .ph img { width: 100%; }
	.detail_block_staff .prof_box .txtarea { }
	.detail_block_staff .prof_box .name { font-size: 3.6rem; color: #333; margin: 0 0 7px 0; }
	.detail_block_staff .prof_box .ttl { font-size: 1.4rem; font-weight: normal; color: #fff; padding: 2px 0 0 6px; margin: 0 0 10px 0; letter-spacing: 0.2em; background: url(../img/common/bg_bdr_orange.jpg)repeat left top; }
	.detail_block_staff .prof_box .work { font-size: 2rem; font-weight: bold; color: #199318; letter-spacing: 0.05em; margin: 0 0 12px 0; }
	.detail_block_staff .prof_box .comment { font-size: 1.6rem; letter-spacing: 0.03em; line-height: 1.88; color: #333; }
	.detail_block_staff .txt { color: #666; font-size: 1.4rem; line-height: 2.14; }

	/* detail_block_staff
	--------------------------- */
	.detail_block_news .sub_ttl { color: #c60019; font-size: 1.6rem; margin: 0 0 8px 0; }
	.detail_block_news .main_ttl { font-size: 2rem; padding: 0 0 10px 40px; margin: 0 0 20px 0; border-bottom: 4px solid #fec701; background: url(../img/news/icon_news.png)no-repeat left 5px; background-size: 34px; }
	.detail_block_news .txt { color: #666; font-size: 1.4rem; line-height: 2.14; margin: 0 0 20px 0; }
	.detail_block_news .btn_pdf { text-align: right; }
	.index_list_staff .btn { background: #c40018; position: absolute; bottom: 3vw; right: 2vw; }
	.index_list_staff li { padding: 3vw 2vw 12vw; position: relative; margin-bottom: 15px; }
	.index_list_staff .ph img { width: 100%; }
	.ten { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
	.ori { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
}