@charset "utf-8";
/*
 Theme Name: JIMOTOPAGE
 */
body {
	font-family: 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 13px;
	line-height: 24px;
	color: #000;
	width: 100%;
	background-color: #FFFFFF;
	letter-spacing: 0.1em;
}
/*******共通*********/
.underline {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.white {
	color: #FFFFFF;
}
.red {
	color: #ef4343;
}
.webfont {
	font-family: 'Lato', sans-serif;
}
a {
	opacity: 1;
	transition: all 0.3s;
}
a:hover {
	opacity: 0.8;
}
a[tabindex="-1"] {
  cursor: default;
  pointer-events: none;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*******コンテンツ*********/
.ment {
	display: block;
}
.button {
	position: relative;
	z-index: 2;
	background-color: #3f3f47;
	border: 2px solid #3f3f47;
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.1em;
	padding-top: 5px;
	padding-right: 48px;
	padding-bottom: 5px;
	padding-left: 48px;
}
.button:hover {
	background-color: #fff;
	border-color: #3f3f47;
	color: #000;
}
.button::before, .button::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #3f3f47;
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button::before {
	right: 0;
}
.button::after {
	left: 0;
}
.button:hover::before, .button:hover::after {
	width: 0;
	background-color: #3f3f47;
}
.button, .button::before, .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.kuwasiku {
	text-align: center;
}
/*******h2*********/
.title_inner {
	overflow: hidden;
}
.title {
	font-size: 28px;
	color: #3f3f47;
	letter-spacing: 0.1em;
	display: inline-block;
	margin-bottom: 28px;
	overflow: hidden;
}
.jp_title {
	float: right;
	font-size: 13px;
	margin-top: 1px;
}
.en_title {
	float: left;
	margin-right: 20px;
}
.title_inner .title {
	display: inline-block;
	float: left;
}
.blogtit {
	margin : 0;
}
/*******一覧ボタン*********/
.btn a {
	font-size: 14px;
	color: #000;
	letter-spacing: 0.1em;
	text-align: center;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 16px;
	padding-left: 16px;
	border: 1px solid #3f3f47;
	border-radius: 32px;
	background-color: #FFF;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.contents_bg .btn a {
	background-color: #f4f4f4;
}
.title_inner .btn {
	display: inline-block;
	float: right;
}
.btn a:hover {
	opacity: 1;
	color: #FFF;
}
.btn a::before, .btn a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn a::after {
	top: -100%;
	left: -100%;
	width: 100%;
	height: 100%;
}
.btn a:hover::after {
	top: 0;
	left: 0;
	background-color: #3f3f47;
}
/*******Q&A*********/
.btn2 a {
	font-size: 14px;
	color: #000;
	letter-spacing: 0.1em;
	text-align: center;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 16px;
	padding-left: 16px;
	border: 1px solid #3f3f47;
	border-radius: 32px;
	background-color: #FFF;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.contents_bg .btn2 a {
	background-color: fff;
}
.title_inner .btn2 {
	display: inline-block;
	float: right;
}
.btn2 a:hover {
	opacity: 1;
	color: #FFF;
}
.btn2 a::before, .btn2 a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn2 a::after {
	top: -100%;
	left: -100%;
	width: 100%;
	height: 100%;
}
.btn2 a:hover::after {
	top: 0;
	left: 0;
	background-color: #3f3f47;
}
.btn2 a, .btn2 a::before, .btn2 a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn.type_r a:hover::after {
	background-color: #ef4343;
}
.btn.type_g a:hover::after {
	background-color: #3f3f47;
}
.btn.type_b a:hover::after {
	background-color: #7d9bf5;
}
.btn.type_r a:hover {
	border: 1px solid #ef4343;
}
.btn.type_g a:hover {
	border: 1px solid #3f3f47;
}
.btn.type_b a:hover {
	border: 1px solid #7d9bf5;
}
.works_book .btn.type_r a {
	background-color: #ef4343;
	border: 1px solid #ef4343;
	color: #FFFFFF;
}
.works_book .btn.type_g a {
	background-color: #3f3f47;
	border: 1px solid #3f3f47;
	color: #FFFFFF;
}
.works_book .btn.type_b a {
	background-color: #7d9bf5;
	border: 1px solid #7d9bf5;
	color: #FFFFFF;
}
.btn a, .btn a::before, .btn a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn.prev {
	float: left;
}
.btn.next {
	float: right;
}
.btn.prev a {
	padding-left: 40px;
	background-image: url(img/sub/prev_off.png);
	background-repeat: no-repeat;
	background-position: 12% center;
}
.btn.prev a:hover::after {
	background-image: url(img/sub/prev_on.png);
	background-repeat: no-repeat;
	background-position: 12% center;
}
.btn.next a {
	padding-right: 40px;
	background-image: url(img/sub/next_off.png);
	background-repeat: no-repeat;
	background-position: 88% center;
}
.btn.next a:hover::after {
	background-image: url(img/sub/next_on.png);
	background-repeat: no-repeat;
	background-position: 88% center;
}
.section {
	overflow: hidden;
}
.day {
	font-size: 16px;
	font-weight: 300;
	color: #3f3f47;
	display: inline-block;
	float: left;
	letter-spacing: 0.1em;
	margin-right: 20px;
}
.works_list .box .day {
	margin-right: 0px;
}

#Qk3{
	margin-top:64px;	
}

/*******制作実績カテゴリ*********/
.cat_list {
	display: inline-block;
	float: right;
	overflow: hidden;
}
.cat_list li a {
	font-size: 13px;
	font-weight: 400;
	color: #FFF;
	letter-spacing: 0.1em;
	display: inline-block;
	background-color: #3f3f47;
	padding-right: 4px;
	padding-left: 4px;
	text-align: center;
	margin-left: 8px;
	line-height: 20px;
}
.cat_list li a:hover {
	opacity: 1;
}
.cat_list li {
	float: left;
}
.works_list .ment a {
	color: #000;
}
.works_list .ment a:hover {
	opacity: 1;
	text-decoration: underline;
}
/*******お知らせカテゴリ*********/
.top_news .list li a {
	color: #000;
}
.top_news .list li a:hover {
	opacity: 1;
	text-decoration: underline;
}
.top_news .list li span {
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	display: inline-block;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 1px;
	text-align: center;
	margin-left: 8px;
}
.top_news .list li span a {
	color: #FFF;
}
.top_news .list li span a:hover {
	opacity: 1;
	text-decoration: none;
}
.list li span.works {
	background-color: #ef4343;
}
.list li span.info {
	background-color: #3f3f47;
}
.list li span.information {
	background-color: #3f3f47;
}
.list li span.blog {
	background-color: #7d9bf5;
}
.top_news .list li .day {
	float: none;
	padding-left : 0;
	margin-left : 0;
	font-size: 14px;
	font-weight: 700;
	color: #3f3f47;
	display: inline-block;
	float: left;
	letter-spacing: 0.1em;
}
.top_contact .form a {
	font-size: 14px;
	color: #FFF;
	letter-spacing: 0.08em;
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 14px;
	padding-left: 42px;
	border: 1px solid #3f3f47;
	border-radius: 56px;
	background-color: #3f3f47;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(img/index/mail_icon_w.png);
	background-repeat: no-repeat;
	background-position: 14px center;
}
.top_contact .form a:hover {
	opacity: 1;
	background-image: url(img/index/mail_icon_b.png);
	background-color: #FFF;
	color: #3f3f47;
}
/*******ページトップ*********/
#pageTop {
	position: fixed;
	bottom: 64px;
	right: 48px;
}
/*******記事一覧*********/
#cate {
	padding-top : 81px;
}
.clr {
	clear: both;
}
.black {
	color: #000000;
}
.tag_list {
	display: inline-block;
	float: left;
	overflow: hidden;
}
.works_list .book_name {
	display: block;
}
.works_list .rw_title a {
	font-size: 18px;
	font-weight: bold;
	color: #3f3f47;
}
#wl .rw_title a {
	font-size: 16px;
}
.works_list .rw_excerpt:hover {
	text-decoration: underline;
}
.works_list .rw_excerpt {
	color: #000000;
}
.mL20 {
	margin-left: 20px;
}
.mR20 {
	margin-right: 20px;
}
/*******タグ一覧*********/
.wp-tag-cloud a {
	font-size: 14px;
	color: #000;
	letter-spacing: 0.1em;
	text-align: center;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 16px;
	padding-left: 16px;
	border: 1px solid #3f3f47;
	border-radius: 32px;
	background-color: #FFF;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.wp-tag-cloud a:hover {
	opacity: 1;
	color: #FFF;
}
.wp-tag-cloud a::before, .wp-tag-cloud a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.wp-tag-cloud a::after {
	top: -100%;
	left: -100%;
	width: 100%;
	height: 100%;
}
.wp-tag-cloud a:hover::after {
	top: 0;
	left: 0;
	background-color: #3f3f47;
}
.wp-tag-cloud a, .wp-tag-cloud a::before, .wp-tag-cloud a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.box li .tag_mark a {
	color: #FFFFFF;
	background-color: #3f3f47;
	padding-right: 4px;
	padding-left: 4px;
}
/*-------------------------------------------
          layout
--------------------------------------------*/
#fixed_header {
	height: 80px;
	width: 100%;
	border-bottom: 1px solid #c5c5c7;
	position: fixed;
	z-index: 999;
	overflow: hidden;
	background-color: #FFFFFF;
	top:0px;
}
#main_image {
	padding-top: 81px;
}
#menu-nav {
	display: inline-block;
	float: left;
	overflow: hidden;
}
#fixed_header .inner {
	display: inline-block;
	float: right;
	overflow: hidden;
	height: 80px;
}
#fixed_header .inner .add {
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-align: right;
	height: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: right;
}
#fixed_header .inner .profile {
	clear: both;
	float: right;
}
#fixed_header .inner .inner_left {
	height: 50px;
	float: left;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-align: right;
	margin-right: 10px;
}
#fixed_header .inner .form {
	display: block;
	width: 72px;
	float: right;
}
/*******ナビ*********/
#menu-nav li {
	display: block;
	float: left;
	width: 119px;
	border-right: 1px solid #c5c5c7;
	text-align: center;
}
#logo {
	width: 250px;
	height: 80px;
	float : left;
	border-right : 1px solid #c5c5c7;
}
#menu-nav #menu-item-205 {
	width: 71px;
	height: 80px;
}
#logo a {
	padding: 0;
}
#menu-nav li a {
	display: block;
	padding-top: 18px;
	height: 62px;
	color: #000;
	background-color: #FFF;
	letter-spacing: 0.1em;
	transition: all 0.3s;
	font-weight: bold;
}
#menu-nav li a:hover {
	color: #FFF;
	background-color: #ef4343;
	opacity: 1;
}
#menu-nav li a .webfont {
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}
#menu-nav #logo a:hover {
	opacity: 1;
}
#menu-nav #menu-item-205 a {
	padding-top: 26px;
	height: 54px;
}
#menu-nav .current-menu-item a {
	color: #FFF;
	background-color: #ef4343;
	opacity: 1;
}
/*******インフォメーション*********/

#information {
	width: 100%;
	height: 40px;
	background-color: #fbfbfb;
}
#information_inner {
	margin: 0 auto;
	width: 1080px;
	padding-left: 380px;
}
.ticker {
	text-align: left;
	position: relative;
	overflow: hidden;
}
.ticker_head {
	width: 125px;
	height: 32px;
	float: left;
	color: #7d9bf5;
	border-right: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	padding-top: 9px;
	padding-left: 20px;
}
.ticker ul {
	width: 100%;
	position: relative;
}
.ticker ul li {
	width: 100%;
	display: none;
	height: 32px;
	padding-top: 9px;
	padding-left: 20px;
}
.ticker_date {
	margin-right: 20px;
}
/*******コンテンツ*********/
#contents {
	width: 100%;
	margin-top: 48px;
}
#contents .container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1080px;
	margin-bottom: 64px;
}
#contents .Ccontainer {
	margin-left: auto;
	margin-right: auto;
	max-width: 1080px;
}
.contents_bg {
	width: 100%;
	background-color: #f4f4f4;
	padding-top: 56px;
	padding-bottom: 56px;
	/*margin-bottom: 64px;*/
	overflow: hidden;
}
.Ccontents_bg {
	width: 1080px;
	margin: 0 auto;
	background-color: #f4f4f4;
	padding-top: 11px;
	padding-left: 20px;
	padding-bottom: 4px;
	margin-bottom: 32px;
	border-radius: 4px;        /* CSS3草案 */
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;   /* Firefox用 */
}
#contents .contents_bg .container {
	margin-bottom: 0px;
}
/*******footer*********/
footer {
	width: 100%;
	padding-top: 48px;
}
.footer_inner {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 56px;
}
.footer_inner .sns_list {
	display: block;
	text-align: right;
}
/*.footer_inner .sns_list li {
	float: left;
	margin-left: 8px;
}*/
.f_logo {
	margin-top: 8px;
	margin-bottom: 8px;
}
.footer_inner .section .box {
	width: 771px;
	float: left;
}
.footer_inner .section .f_nav {
	display: block;
	width: 309px;
	padding-top: 48px;
	overflow: hidden;
	float: right;
}
.section .f_nav li {
	float: left;
	margin-left: 30px;
}
.f_bg {
	background-color: #3f3f47;
	width: 100%;
	padding-top: 16px;
	padding-bottom: 10px;
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
	line-height: 18px;
}
.f_bg .section .f_mini_nav {
	display: inline-block;
	overflow: hidden;
}
.section .f_mini_nav li {
	float: left;
	margin-right: 30px;
}
.f_bg .section {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
.f_mini_nav li a {
	color: #FFF;
	float: left;
}
.f_bg .section .copyright {
	float: right;
}
.mT30 {
	margin-top: 30px;
}
.mB30 {
	margin-bottom: 30px;
}
/*-------------------------------------------
          top
--------------------------------------------*/
#top1 {
	margin-top:129px;
}
#top1 .img_block {
	display: block;
	text-align: center;
	margin-bottom: 24px;
}
#top1 .ment {
	font-size: 18px;
	line-height: 50px;
	margin-bottom: 24px;
	letter-spacing: 0.1em;
	text-align: center;
}
#contents #top1 {
	margin-top:0px;
}
/*******サービス*********/
#top2 {
	width: 100%;
	/*margin-bottom: 64px;*/
}
#top2 .section {
	overflow: hidden;
}
#top2 .section .box {
	width: 25%;
	height: 25%;
	float: left;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#top2 .section .box a:hover {
	opacity: 1;
}
.section .service_list_b {
	background-color: #7d9bf5;
}
.section .service_list_g {
	background-color: #3f3f47;
}
.section .service_list_r {
	background-color: #ef4343;
}
.section .service_list_y {
	background-color: #f5c23d;
}
#top2 .img_block {
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor: pointer;
	-webkit-transform: scale(1);
	transform: scale(1);
	background-size: cover;
	padding-top: 30%;
	padding-bottom: 30%;
}
#top2 .img_block:hover {
	opacity: .2;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
#top2 .name {
	width: 100%;
	display: block;
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 18px;
	color: #FFF;
	letter-spacing: 0.2em;
	pointer-events: none;
}
#top2 .name:hover {
	opacity: 1;
}
#top2 .name .webfont {
	font-size: 28px;
	font-weight: 400;
	line-height: 48px;
}
#top2 .link_area {
	position: absolute;
	top: 80%;
	left: 50%;
	pointer-events: none;
}
#top2 .link_area:hover {
	opacity: 1;
}
/*******制作実績*********/
.works_list .section .box {
	width: 340px;
	margin-right: 30px;
	float: left;
}
.works_list .section .box:last-child {
	margin-right : 0px;
}
.works_list .box figure {
	display: block;
	margin-bottom: 8px;
}
.works_list .box .inner {
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}
#wl .box .inner {
	margin-bottom: 2px;
}
 .box wow slideInU:pnth-child(2) {
 data-wow-delay:0.25s;
}
 .box wow slideInU:pnth-child(3) {
 data-wow-delay:0.5s;
}
/*******インフォ*********/
.top_news {
	width: 500px;
	margin-right: 80px;
	float: left;
	border-bottom: 1px solid #3f3f47;
}
.top_contact {
	width: 500px;
	float: left;
}
.top_news .list {
	display: block;
	border-top: 1px solid #3f3f47;
}
.top_news .list li {
	display: block;
	padding-top: 13px;
	padding-bottom: 13px;/*border-bottom: 1px solid #3f3f47;*/
}
.top_contact .inner {
	overflow: hidden;
	padding-top: 12px;
	padding-bottom: 12px;
}
.top_contact .inner .tel {
	display: inline-block;
	float: left;
	font-size: 30px;
	padding-top: 4px;
}
.top_contact .tel .mini {
	font-size: 20px;
}
.top_contact .inner .form {
	display: inline-block;
	float: right;
}
/*-------------------------------------------
          common
--------------------------------------------*/
#pankuzu {
	font-size: 11px;
	display: block;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 16px;
	padding-top:81px;
}
#pankuzu a {
	color: #000;
	text-decoration: underline;
}
#pankuzu a:hover {
	opacity: 1;
	text-decoration: none;
}
/*******お問い合わせ*********/
#contents .k_contact {
	color: #FFF;
	background-image: url(img/common/contact_bg.jpg);
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 4%;
	padding-bottom: 3%;
	text-align: center;
	background-size: cover;
	/*margin-top: 120px;*/
}
#contents .k_contact .container {
	margin-bottom: 0;
}
.k_contact .container .title {
	color: #FFF;
}
.k_contact .tel {
	display: block;
	font-size: 30px;
	padding-top: 4px;
	margin-bottom: 28px;
	margin-top: 24px;
}
.k_contact .tel .mini {
	font-size: 20px;
}
.k_contact .form a {
	font-size: 16px;
	color: #FFF;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 88px;
	padding-left: 96px;
	border: 2px solid #fff;
	border-radius: 30px;
	background-image: url(img/index/mail_icon_w.png);
	background-repeat: no-repeat;
	background-position: 10% center;
	position: relative;
	text-align: center;
	text-decoration: none;
	outline: none;
	overflow: hidden;
	transition: all .5s;
}
.k_contact .form a:hover {
	background-color: rgba(255,255,255,.7);
	color: #333;
	background-image: url(img/index/mail_icon_b.png);
	opacity: 1;
}
/*******サービス内容リスト*********/
.service_list_mini {
	background-image: url(img/common/service_list_bg.png);
	background-repeat: repeat-x;
	width: 1080px;
	margin-right: auto;
	margin-bottom: 64px;
	margin-left: auto;
	padding-top: 26px;
	padding-bottom: 26px;
}
.service_list_mini .box {
	width: 270px;
	height: 180px;
	position: relative;
	float: left;
	text-align: center;
}
.service_list_mini a .name {
	width: 100%;
	display: block;
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 12px;
	color: #FFF;
	letter-spacing: 0.2em;
	padding-top: 35px;
	height: 85px;
}
.service_list_mini a:hover {
	opacity: 1;
}
.service_list_mini a .name .webfont {
	font-size: 18px;
	font-weight: 400;
}
.service_list_mini a:hover .name {
	opacity: 1;
}
.service_list_mini .section .box a {
	display: block;
	height: 240px;
	width: 360px;
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.k_ment {
	font-size: 14px;
	line-height: 30px;
	display: block;
}
/*******ソリューション*********/
.container.solution .section .box {
	width: 520px;
	background-color: #FFF;
}
.solution .box .inner {
	background-color: #FFF;
	padding-top: 35px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 35px;
}
.solution .inner .title_bg {
	text-align: center;
	background-image: url(img/common/kazari1_l.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	margin-bottom: 12px;
}
.solution .title_bg h4 {
	font-size: 18px;
	font-weight: bold;
	color: #3f3f47;
	display: block;
	letter-spacing: 0.2em;
	background-image: url(img/common/kazari1_r.png);
	background-repeat: no-repeat;
	background-position: right 6px;
	padding-right: 80px;
	padding-left: 80px;
}
.solution_h-title{
        font-size: 18px;
	font-weight: bold;
	color: #3f3f47;
	display: block;
	letter-spacing: 0.2em;
	background-image: url(img/common/kazari1_r.png);
	background-repeat: no-repeat;
	background-position: right 6px;
	padding-right: 80px;
	padding-left: 80px;
}
.solution_h-title span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #7d9bf5;
	padding-top: 6px;
}
#photo_solution h4 {
	display: inline-block;
	padding-left: 0;
}
.solution .title_bg h4 span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #7d9bf5;
	padding-top: 6px;
}
.solution .section {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.solution .inner .ment {
	text-align: center;
}
/*-------------------------------------------
          kasou
--------------------------------------------*/
/*******サービス一覧*********/
.service #k1 .section .img_block {
	width: 217px;
	display: block;
	margin-right: 80px;
	float: left;
	padding-top: 28px;
}
.service #k1 .section .ment {
	font-size: 14px;
	line-height: 30px;
	display: block;
	width: 783px;
	float: left;
}
/*******一覧*********/
.service #k2 .section {
	margin-bottom: 20px;
}
.service #k2 .section .box {
	width: 540px;
	height: 360px;
	position: relative;
	float: left;
	text-align: center;
}
.service #k2 .section .box2 {
	width: 510px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	text-align: center;
	letter-spacing: 0.05em;
}
.service #k2 a .name {
	width: 100%;
	display: block;
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 18px;
	color: #FFF;
	letter-spacing: 0.2em;
	padding-top: 80px;
	height: 160px;
	z-index: 10;
}
.service #k2 a:hover {
	opacity: 1;
}
.service #k2 a .name .webfont {
	font-size: 26px;
	font-weight: 400;
	line-height: 48px;
}
.service #k2 a:hover .name {
	opacity: 1;
}
.service #k2 .section .box a {
	display: block;
	height: 240px;
	width: 360px;
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.service #k2 .box2 .subtitle {
	font-size: 16px;
	font-weight: bold;
	color: #3f3f47;
	display: block;
	margin-bottom: 8px;
}
.service #k3 .section .box {
	text-align: center;
	float: left;
	width: 270px;
}
.service #k3 .box figure {
	margin-bottom: 16px;
}
.service #k3 .job {
	font-size: 20px;
	font-weight: 300;
	color: #7d9bf5;
	margin-bottom: 4px;
}
.service #k3 .name {
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.service_grid {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 20px;
	justify-content: space-between;
  }
  .service_item {
	width: calc(50% - 10px); /* 2カラム */
  }
  .service_item .box {
	margin-bottom: 20px;
  }
  

/*******各サービス詳細*********/
.service_list #k1 .section .img_block {
	width: 480px;
	display: block;
	margin-right: 56px;
	float: left;
}
.service_list #k1 .section .ment {
	width: 544px;
	float: left;
}
.service_list #k1 .k_ment .large {
	font-size: 18px;
	font-weight: bold;
	display: block;
	letter-spacing: 0.2em;
	margin-bottom: 14px;
}
h2 .large {
	font-size: 18px;
	font-weight: bold;
	display: block;
	letter-spacing: 0.2em;
	margin-bottom: 14px;
}
.service_list #k2 .article {
	margin-bottom: 48px;
}
.service_list #k2 .article .service_title {
	display: inline-block;
	padding-right: 24px;
	padding-bottom: 3px;
	padding-left: 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 16px;
}
.service_list #k2 .article.type_b .service_title {
	color: #7d9bf5;
	border-bottom-color: #7d9bf5;
}
.service_list #k2 .article.type_g .service_title {
	color: #3f3f47;
	border-bottom-color: #3f3f47;
}
.service_list #k2 .article.type_r .service_title {
	color: #ef4343;
	border-bottom-color: #ef4343;
}
.service_list #k2 .article.type_y .service_title {
	color: #f5c23d;
	border-bottom-color: #f5c23d;
}
.service_list #k2 .article .section .box {
	font-size: 18px;
	color: #FFF;
	text-align: center;
	display: block;
	height: 154px;
	width: 180px;
	padding-top: 26px;
	line-height: 32px;
	margin-right: 60px;
	float: left;
	margin-top: 8px;
}
.service_list #k2 .article.type_b .section .box {
	background-color: #7d9bf5;
}
.service_list #k2 .article.type_g .section .box {
	background-color: #3f3f47;
}
.service_list #k2 .article.type_r .section .box {
	background-color: #ef4343;
}
.service_list #k2 .article.type_y .section .box {
	background-color: #f5c23d;
}
.service_list #k2 .article .box .icon {
	display: block;
	margin-bottom: 6px;
}
.service_list #k2 .article .section .k_ment {
	width: 840px;
	float: left;
}
#photo_solution .bxslider {
	width: 1080px;
	display: block;
}
#photo_solution {
	width: 1080px;
}
#photo_solution .inner .title_bg {
	display: inline-block;
	padding-left: 80px;
}
#photo_solution .inner {
	text-align: center;
}
/*******フロー*********/
.flow #k2 .list {
	display: block;
	overflow: hidden;
}
.flow #k2 .list li {
	width: 120px;
	display: block;
	margin-right: 40px;
	float: left;
}
.flow #k2 .list li a:hover {
	opacity: 1;
}
.flow #k3 .step_box {
	padding-top: 40px;
	border-top: 1px dashed #CCCCCC;
	margin-bottom: 40px;
}
.step_box .section .img_block {
	width: 480px;
	display: block;
	margin-right: 60px;
	float: left;
}
.step_box .section .inner {
	width: 540px;
	float: left;
}
.step_box .inner .title_bg {
	text-align: center;
	background-image: url(img/common/kazari1_l.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	margin-bottom: 16px;
}
.step_box .inner .title_bg h4 {
	font-size: 18px;
	font-weight: bold;
	color: #3f3f47;
	display: block;
	letter-spacing: 0.2em;
	background-image: url(img/common/kazari1_r.png);
	background-repeat: no-repeat;
	background-position: right 6px;
	padding-right: 80px;
	padding-left: 80px;
}
/*******料金のご案内*********/
.price #k2 .section {
	display: flex;
	display: -webkit-flex;
}
.price #k2 .section .box {
	width: 500px;
	margin-right: 80px;
}
.price #k2 .box .inner {
	margin-top: 30px;
	background-color: #FFF;
	border: 1px solid #d9d9d9;
	padding: 30px;
}
.price #k2 .inner h4 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	display: block;
	padding-bottom: 28px;
	background-image: url(img/common/kazari1_l.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 16px;
}
.price #k2 .inner .price_inner {
	overflow: hidden;
	font-size: 16px;
	line-height: 2;
}
.price #k2 .price_inner .list_l {
	display: inline-block;
	float: left;
}
#contents.price .contents_bg #k2 {
	margin-bottom: 56px;
}
.price #k2 .price_inner .list_r {
	display: inline-block;
	float: right;
	text-align: right;
}
.runnning_box {
	float: left;
	margin-right: 40px;
	border-width: 2px;
	border-style: solid;
	background-color: #FFFFFF;
	position: relative;
}
.runnning_box.type_g {
	width: 296px;
	border-color: #3f3f47;
}
.runnning_box.type_b {
	width: 396px;
	border-color: #7d9bf5;
}
.runnning_box.type_r {
	width: 296px;
	border-color: #ef4343;
}
.price #k3 .section {
	display: flex;
	display: -webkit-flex;
}
.runnning_box .name {
	text-align: center;
	display: block;
	padding-top: 24px;
	padding-bottom: 24px;
	font-size: 18px;
	color: #FFF;
}
.runnning_box .name .large {
	font-size: 24px;
}
.runnning_box.type_g .name {
	background-color: #3f3f47;
}
.runnning_box.type_b .name {
	background-color: #7d9bf5;
}
.runnning_box.type_r .name {
	background-color: #ef4343;
}
.runnning_box .r_inner {
	padding: 30px;
}
.runnning_box .r_inner .list {
	display: block;
	margin-bottom: 100px;
	font-size: 16px;
}
.r_inner .list li {
	display: block;
	padding-left: 32px;
	background-image: url(img/sub/check_g.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-bottom: 12px;
}
.type_b .r_inner .list li {
	background-image: url(img/sub/check_b.png);
}
.type_r .r_inner .list li {
	background-image: url(img/sub/check_r.png);
}
.runnning_box .r_inner .ment {
	display: block;
	position: absolute;
	left: 30px;
	bottom: 30px;
	right: 30px;
	top: auto;
}
#k4 .section .inner_l {
	width: 538px;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}
#k4 .section .inner {
	width: 539px;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}
#k4 .name {
	font-size: 14px;
	background-image: url(img/sub/icon_b.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	margin-left: 40px;
	padding-left: 24px;
	float: left;
}
#k4 .name.type_g {
	background-image: url(img/sub/icon_g.png);
}
#k4 .name.type_r {
	background-image: url(img/sub/icon_r.png);
}
#k4 .kakaku {
	font-size: 14px;
	text-align: right;
	display: inline-block;
	margin-right: 40px;
	float: right;
}
#k4 .ment {
	text-align: center;
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	border: 1px solid #d9d9d9;
}
.contact #k1 .section .k_ment {
	width: 500px;
	margin-right: 80px;
	float: left;
}
.contact #k1 .section .add {
	width: 500px;
	float: left;
}
.contact #k2 .title {
    display: block;
	text-align: center;
	margin-bottom: 40px;
}
.contact #k2 .dummy {
	text-align: center;
}
.contact #k1 .add .name {
	display: block;
	padding-left: 210px;
	background-image: url(img/index/f_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 16px;
}
.contact #k1 .add .tel {
	font-size: 32px;
}
.contact #k1 .tel .mini {
	font-size: 26px;
}
/*******追記*********/

.wpcf7-form {
    width : 960px;
    margin : 0 auto;
    letter-spacing : 0.4em;
    font-weight : bold;
}
#contact_us {
    width : 750px;
    margin : 0 auto;
}
.ast {
    display : inline-block;
    background : #ef4343;
    padding : 0 10px;
    color : #FFFFFF;
    -moz-border-radius: 3px;    /* 古いFirefox */
    -webkit-border-radius: 3px; /* 古いSafari,Chrome */
    border-radius: 3px;
    margin-left : 20px;
}
.ast1 {
    display : inline-block;
    background : #ef4343;
    padding : 0 10px;
    color : #FFFFFF;
    -moz-border-radius: 3px;    /* 古いFirefox */
    -webkit-border-radius: 3px; /* 古いSafari,Chrome */
    border-radius: 3px;
    margin-left : 25px;
}
.ast2 {
    display : inline-block;
    background : #ef4343;
    padding : 0 10px;
    color : #FFFFFF;
    -moz-border-radius: 3px;    /* 古いFirefox */
    -webkit-border-radius: 3px; /* 古いSafari,Chrome */
    border-radius: 3px;
    margin-left: 61px;
}
.ast3 {
    display : inline-block;
    background : #ef4343;
    padding : 0 10px;
    color : #FFFFFF;
    -moz-border-radius: 3px;    /* 古いFirefox */
    -webkit-border-radius: 3px; /* 古いSafari,Chrome */
    border-radius: 3px;
    margin-left: 33px;
}
.wpcf7-form-control-wrap {
    float : left;
    margin-left: 123px;
}
.wpcf7 th,
.wpcf7 td {
    padding: 0 10px 55px;
}
.wpcf7 th {
    text-align: left;
}
.wpcf7 .lab {
    vertical-align: middle;
}
.wpcf7 .lab2 {
    vertical-align: top;
    padding-top: 5px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    overflow: hidden;
}
.ifream {
    clear : both;
}
.wpcf7 .cho label {
    display: block;
    margin-bottom: 5px;
}
.cho {
}
.nobold {
    font-weight : normal;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    background-color: #fff;
    color: #333;
    width: 95%;
    border: 1px solid #ccc;
    font-size: 100%;
    padding: 1em;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}
.wpcf7 textarea {
    height: 145px;
}
.wpcf7 span.wpcf7-not-valid-tip {
    font-size: 30%;
}
.wpcf7 button[type="submit"] {
    font-size: 14px;
    color: #FFF;
    border: none;
    letter-spacing: 0.2em;
    display: inline-block;
    padding-top: 15px;
    padding-right: 40px;
    padding-bottom: 15px;
    padding-left: 40px;
    background-color: #7d9bf5;
    -webkit-box-shadow: 0px 2px #576db2;
    box-shadow: 0px 2px #576db2;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.wpcf7 input[type="submit"]:hover {
    opacity: 1;
    box-shadow: 0 0;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.form_btn {
    text-align: center;
    display: block;
    clear: both;
}
div .if {
	width: 280px;
	height: 150px;
	overflow-y: scroll;
	padding : 30px;
	background : #FFFFFF;
	border : 1px solid #ccc;
}
 #decorated-id::-webkit-scrollbar {
 all:unset;
 width: 15px;
 background: transparent;
}
 #decorated-id::-webkit-scrollbar-track {
 all:unset;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
 border-radius: 3px;
 background: transparent;
}
 #decorated-id::-webkit-scrollbar-thumb {
 all:unset;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 8px;
 background: transparent;
}
 #decorated-id::-webkit-scrollbar-thumb:hover {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
 background: transparent;
}
#Qk2 ul.blog_cat_list .qtop a {
	opacity: 1;
	background-color: #3f3f47;
	color: #FFF;
	text-align: center;
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #3f3f47;
	border-radius: 32px;
}
#Qk2 ul.blog_cat_list li.q1_q1 a, #Qk2 ul.blog_cat_list li.q2_q2 a, #Qk2 ul.blog_cat_list li.q3_q3 a, #Qk2 ul.blog_cat_list li.q4_q4 a, #Qk2 ul.blog_cat_list li.q5_q5 a, #Qk2 ul.blog_cat_list li.q6_q6 a, #Qk2 ul.blog_cat_list li.q7_q7 a, #Qk2 ul.blog_cat_list li.q8_q8 a, #Qk2 ul.blog_cat_list li.q9_q9 a, #Qk2 ul.blog_cat_list li.q10_q10 a {
	opacity: 1;
	background-color: #3f3f47;
	color: #FFF;
	text-align: center;
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #3f3f47;
	border-radius: 32px;
}
#Qk3 .section {
	line-height : 3em;
	letter-spacing : 0.08em;
}
.subtitle {
	font-size: 18px;
	font-weight: bold;
	color: #3f3f47;
	display: inline-block;
	margin-left: 20px;
	vertical-align: super;
	letter-spacing : 0.2em;
}
#Ck3 h2 span.subtitle {
	font-size: 18px;
	font-weight: bold;
	color: #3f3f47;
	display: inline-block;
	margin-left: 20px;
	vertical-align: super;
}
#Qk3 .section .Qlist span.Q {
	color : #7d9bf5;
	display: inline-block;
	margin-right: 13px;
	font-size : 18px;
}
#Qk3 .section .Qlist span.A {
	color : #ef4343;
	margin-right: 13px;
	font-size : 18px;
	display: inline-block;
}
#Qk3 .section .Qlist li {
	border-bottom : 1px dotted #e5e5e5;
	padding-bottom : 45px;
	margin-bottom : 45px;
}
#Qk3 .section .Qlist span.Qtit {
	font-size : 16px;
	display: block;
}
#Qk3 .section .Qlist span.Qinn {
	font-weight : bold;
}
#Qk3 .section .Qlist span.answer {
	font-size : 14px;
}
table.company {
	border-collapse: separate;
	/*border-spacing: 0px 15px;*/
	font-size: 12px;
}
table.company th, table.company td {
	padding: 10px;
	font-size: 15px;
}
table.company th {
	vertical-align: middle;
	text-align: left;
	width: 100px;
	overflow: visible;
	position: relative;
}
table.company td a {
	color : #7d9bf5;
	text-decoration : underline;
}
iframe.map {
	margin-top : 64px;
}
/*******追加20150817*********/

.price #k21 .runnning_box {
	margin-right: 20px;
}
.price .contents_bg #k21 {
	padding-bottom: 0px;
	margin-bottom: 56px;
}
.price #k21 .runnning_box.type_g {
	width: 316px;
	border-color: #3f3f47;
}
.price #k21 .runnning_box.type_b {
	width: 356px;
	border-color: #7d9bf5;
}
.price #k21 .runnning_box.type_r {
	width: 356px;
	border-color: #ef4343;
}
.price #k21 .section {
	display: flex;
	display: -webkit-flex;
}
.price #k21 .section .runnning_box .list li .mini {
	font-size: 14px;
	line-height: 22px;
}
.price #k5 {
	border: 1px solid #d9d9d9;
	background-color: #FFF;
	text-align: center;
	padding-top: 12px;
}
.price #k5 .title_bg {
	display: inline-block;
	background-image: url(img/common/kazari1_l.png);
	background-repeat: no-repeat;
	background-position: left 6px;
}
.price #k5 .title_bg h4 {
	font-size: 18px;
	font-weight: bold;
	color: #3f3f47;
	display: block;
	letter-spacing: 0.2em;
	background-image: url(img/common/kazari1_r.png);
	background-repeat: no-repeat;
	background-position: right 6px;
	padding-right: 80px;
	padding-left: 80px;
}
.price #k5 .ment {
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-top: 1px solid #d9d9d9;
	padding-top: 20px;
}
.price #k2 .section {
	display: flex;
	display: -webkit-flex;
}
.price #k2 .section .box {
	width: 520px;
	margin-right: 40px;
}
.price #k2 .box .inner {
	background-color: #FFF;
	border: 1px solid #d9d9d9;
	padding: 30px;
}
#contents.price .contents_bg #k2 {
	margin-bottom: 20px;
}
#detail_link {
	text-align: center;
}
#detail_link a {
	text-decoration: underline;
	color: #000;
}
/*******サイトマップ*********/

.sitemap_list {
	margin-bottom: 24px;
}
.sitemap_mainpage a {
	font-size: 14px;
	font-weight: bold;
	color: #3f3f47;
	display: inline-block;
	padding-left: 32px;
	background-image: url(img/common/sitemap_arrow1.png);
	background-repeat: no-repeat;
	background-position: left center;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.sitemap_mainpage a:hover {
	opacity: 1;
	background-image: url(img/common/sitemap_arrow2.png);
}
.sitemap_subpage {
	display: block;
	margin-top: 20px;
	overflow: hidden;
}
.sitemap_subpage li {
	display: block;
	/*width: 180px;*/
	width: 210px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.sitemap_subpage li:last-child {
	border-right: 1px solid #e5e5e5;
}
.sitemap_subpage li a {
	font-size: 14px;
	color: #000;
	display: block;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #FFF;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.sitemap_subpage li a:hover {
	opacity: 1;
	background-color: #F5F5F5;
}
/*******privacy policy*********/

#Qk3 .policy {
	line-height : 2.5em;
	margin: 0 auto;
	width: 950px;
	font-size: 14px;
}
#Qk3 .policytit {
	font-size : 16px;
	font-weight : bold;
	margin-bottom : 10px;
}
#Qk3 .policy dd {
	margin-bottom : 65px;
}
.ptsub {
	font-weight : bold;
}
#Qk3 .policy .plist {
	margin-bottom : 30px;
}
.number {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
/*******law*********/

table.law {
	border-collapse: separate;
	/*border-spacing: 0px 15px;*/
	font-size: 12px;
}
table.law th, table.law td {
	padding: 10px;
	font-size: 15px;
}
table.law th {
	vertical-align: top;
	text-align: left;
	width: 200px;
	overflow: visible;
	position: relative;
}
table.law td {
	vertical-align: middle;
}
table.law td a {
	color : #7d9bf5;
	text-decoration : underline;
}

/*----------------------------------
    book
-----------------------------------*/
@charset "UTF-8";
/*******制作実績*********/
.recent_works .section .article {
	width: 480px;
	margin-right: 120px;
	float: left;
}
.recent_works .article .img_block a:hover {
	opacity: 1;
}
.recent_works .article .img_block {
	display: block;
	width: 480px;
	overflow: hidden;
	margin-bottom: 12px;
}
.recent_works .article .img_block img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.recent_works .article .img_block:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.recent_works .article .inner {
	overflow: hidden;
	margin-bottom: 4px;
}
.book_name a {
	font-size: 18px;
	font-weight: bold;
	color: #3f3f47;
	display: block;
	margin-bottom: 4px;
	padding-top: 10px;
}
.book_name a:hover {
	opacity: 1;
}
.works_list .ment_more {
	letter-spacing: 0.2em;
	text-align: center;
	display: block;
	margin-top: 40px;
}
/*******制作実績記事詳細*********/
.works_book .article {
	margin-bottom: 96px;
}
.category_block {
	overflow: hidden;
	display: block;
}
.category_block .day {
	font-size: 16px;
	font-weight: 300;
	display: inline-block;
	float: left;
	margin-right: 32px;
}
.category_block li {
	float: left;
	margin-right: 16px;
}
.category_block .main_cat a {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 16px;
	padding-left: 16px;
	border-radius: 32px;
}
.category_block .main_cat a:hover {
	opacity: 1;
}
.category_block .main_cat .type_g {
	background-color: #3f3f47;
}
.category_block .main_cat .type_b {
	background-color: #7d9bf5;
}
.category_block .main_cat .type_r {
	background-color: #ef4343;
}
.category_block .sub_cat a {
	font-size: 13px;
	color: #000;
	text-align: center;
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 16px;
	padding-left: 16px;
	border: 1px solid #3f3f47;
	border-radius: 32px;
	background-color: #FFF;
}
.category_block .sub_cat a:hover {
	opacity: 1;
	background-color: #3f3f47;
	color: #FFF;
}
.works_book .article .book_title {
	margin-top: 16px;
	margin-bottom: 32px;
	overflow: hidden;
	padding-top: 4px;
}
.book_title .b_title {
	color: #3f3f47;
	display: inline-block;
	font-size: 28px;
	margin-right: 32px;
	float: left;
	font-weight: 600;
	letter-spacing: 0.15em;
	padding : 1px 0;
}
.book_title .url {
	display: inline-block;
	float: right;
}
.book_title .url a {
	font-size: 15px;
	font-weight: 400;
	color: #7d9bf5;
	text-decoration: underline;
}
.book_title .cat_list {
	float: left;
}
.works_book .article .main_ment {
	display: block;
	margin-top: 32px;
	font-size: 15px;
	line-height: 30px;
	padding: 30px;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}
.works_book .article .main_ment_noborder {
	font-size: 15px;
	line-height: 30px;
}
.book_main.section {
	margin-bottom: 48px;
	overflow: hidden;
}
.book_main.section .b_kasou_img {
	width: 702px;
	display: block;
	margin-right: 40px;
	float: left;
}
.book_main.section .sub_ment {
	width: 338px;
	display: block;
	padding-top: 64px;
	float: left;
}
.section .sub_ment .sub_title {
	font-size: 15px;
	font-style: italic;
	font-weight: 400;
	display: block;
	margin-bottom: 8px;
}
.book_main.section .sub_ment.f_l {
	margin-right: 40px;
	text-align: right;
}
.book_main.section .b_kasou_img.f_r {
	float: right;
	margin-right: 0px;
}
.works_book .btn.list {
	text-align: center;
	margin-top: 40px;
}
.works_book .ment_more {
	margin-top: 12px;
}
#book_box {
	border-bottom: 1px solid #d9d9d9;
}
#book_box a {
	color: #7d9bf5;
	text-decoration: underline;
}
#book_box .section .inner_l {
	width: 538px;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}
#book_box .section .inner {
	width: 539px;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}
#book_box .name {
	font-size: 14px;
	background-image: url(img/sub/icon_b.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	margin-left: 30px;
	padding-left: 24px;
	float: left;
	font-weight: 600;
}
#book_box .name.type_g {
	background-image: url(img/sub/icon_g.png);
}
#book_box .name.type_r {
	background-image: url(img/sub/icon_r.png);
}
#book_box .contain {
	font-size: 14px;
	text-align: right;
	display: inline-block;
	margin-right: 30px;
	float: right;
}
#book_box .ment {
	text-align: center;
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	border: 1px solid #d9d9d9;
}
/*******ブログカテゴリ*********/
.blog_list_cat .section .title {
	display: inline-block;
	margin-right: 80px;
	float: left;
}
.blog_list_cat .section .name, #Qk2 .Qname {
	display: inline-block;
	margin-right: 32px;
	float: left;
}
.blog_list_cat .section .name {
	margin-top: 3px;
}
.blog_list_cat .section .blog_cat_list {
	overflow: hidden;
	float: left;
}
.blog_cat_list li {
	float: left;
	margin-right: 32px;
}
#Qk2 .blog_cat_list {
	width : 930px;
}
#Qk2 .blog_cat_list li {
	float: left;
	margin-right: 20px;
	margin-bottom: 8px;
}
#Qk2 .blog_cat_list li:nth-child(n+6) {
	clear : both;
	float: left;
	margin-right: 20px;
	margin-bottom: 0px;
}
.blog_cat_list .btn a {
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 1px;
	padding-top: 1px;
	font-weight: bold;
	font-size: 13px;
}
/*******ブログリスト*********/
.blog_list .section figure {
	width: 300px;
	display: block;
	margin-right: 30px;
	float: left;
}
.blog_list .section {
	margin-bottom: 50px;
	padding-top: 29px;
	padding-right: 29px;
	padding-bottom: 24px;
	padding-left: 29px;
	border: 1px solid #e5e5e5;
}
.blog_list .section .box {
	width: 690px;
	float: left;
}
.blog_list .list .day {
	font-size: 16px;
	font-weight: 300;
	display: inline-block;
	margin-right: 20px;
}
.list .cat .cat_name {
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	color: #FFF;
	display: inline-block;
	padding-right: 4px;
	padding-left: 4px;
	text-align: center;
}
.list .cat .cat_r.cat_name {
	background-color: #ef4343;
}
.list .cat .cat_g.cat_name {
	background-color: #3f3f47;
}
.list .cat .cat_b.cat_name {
	background-color: #7d9bf5;
}
.list .cat .cat_name:hover {
	opacity: 1;
	text-decoration: none;
}
.blog_list .section .box .list {
	display: block;
	margin-bottom: 16px;
}
.blog_title {
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin-bottom: 12px;
}
.blog_list .box .ment {
	font-size: 14px;
}
.blog_list .ex p {
	text-align: left;
}
/*******ブログ記事詳細*********/
.blog_nakami .list .cat .cat_name {
	font-size: 13px;
	color: #FFF;
	letter-spacing: 0.1em;
	text-align: center;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 16px;
	padding-left: 16px;
	border-radius: 32px;
	font-weight: bold;
}
.blog_nakami .list .cat .cat_r.cat_name {
	background-color: #ef4343;
	border: 1px solid #ef4343;
}
.blog_nakami .list .cat .cat_g.cat_name {
	background-color: #3f3f47;
	border: 1px solid #3f3f47;
}
.blog_nakami .list .cat .cat_b.cat_name {
	background-color: #7d9bf5;
	border: 1px solid #7d9bf5;
}
.blog_nakami .list .day {
	font-size: 16px;
	font-weight: 300;
	display: inline-block;
	margin-right: 20px;
}
.blog_nakami .list {
	display: block;
	margin-bottom: 40px;
}
.blog_nakami figure {
	margin-top: 40px;
	margin-bottom: 32px;
}
.blog_nakami .blog_title {
	font-size: 28px;
}
.blog_nakami .ment {
	font-size: 15px;
}
.blog_nakami .blog_h2 {
	font-size: 18px;
	font-weight: bold;
	display: block;
	letter-spacing: 0.2em;
	background-color: #F4F4F4;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 56px;
	background-image: url(img/sub/blog_h2.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	border-width: 1px;
	border-style: none;
	border-radius: 4px;
}
/*******ブログ記事追加*********/

.side-new a {
	display: block;
}
.side-new {
	overflow: auto;
	margin-bottom: 50px;
	padding-top: 29px;
	padding-right: 29px;
	padding-bottom: 24px;
	padding-left: 29px;
	border: 1px solid #e5e5e5;
}
.side-new img {
	float: left;
	margin: 0 30px 0 0;
	width: 300px;
	height: 200px;
}
.date {
	font-size: 16px;
	font-weight: 300;
	display: inline-block;
	margin-right: 20px;
}
.box li span {
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	display: inline-block;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 1px;
	text-align: center;/*margin-left: 8px;*/
}
.box li span.ex {
	padding-left : 4px;
	display: flex;
}
.box li span a {
	color: #FFF;
}
.box li span a:hover {
	opacity: 1;
	text-decoration: none;
}
.box li span.works {
	background-color: #ef4343;
}
.box li span.info {
	background-color: #3f3f47;
}
.box li span.blog {
	background-color: #7d9bf5;
}
.box .title a {
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin: 12px 0;
	text-decoration : underline;
	color : #000;
}
.box2 .blog_title a {
	color: #000;
	font-size: 13px;
	font-weight : normal;
}
.box2 .blog_title a:hover {
	text-decoration : underline;
}
.box2 li span a:hover {
	opacity: 1;
	text-decoration: none;
}
.side-new2 a {
	display: block;
}
.side-new2 {
	overflow: auto;
	margin-bottom: 50px;
	padding-top: 29px;
	padding-right: 29px;
	padding-bottom: 24px;
	padding-left: 29px;
}
.side-new2 img {
	float: left;
	margin: 0 30px 0 0;
	width: 300px;
	height: 200px;
}
.side-new2 .ment a {
	color: #000;
}
.side-new2 .ment a:hover {
	opacity: 1;
	text-decoration: underline;
}
.tag_list {
	float : left;
}
.tag_list {
	display: inline-block;
	float: right;
	overflow: hidden;
}
.tag_list li {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.1em;
	display: inline-block;
	background-color: #3f3f47;
	padding-right: 4px;
	padding-left: 4px;
	text-align: center;
	margin-left: 8px;
	line-height: 20px;
}
.tag_list li a {
	color: #FFF;
}
.tag_list li a:hover {
	opacity: 1;
}
.ment2 {
	clear : both;
}
.recent_works .section .even {
	margin-right: 0px;
}
#wl .box {
	margin-bottom : 40px;
}
#wl .box:nth-child(3n) {
	margin-right : 0px;
}
#wl .section {
	clear : both;
}
#wl .box:nth-child(4) {
	clear: both;
}
#wl .box:nth-child(7) {
	clear: both;
}
.blog_cat_list .catinfo_info a {
	opacity: 1;
	background-color: #3f3f47;
	color: #FFF;
	text-align: center;
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #3f3f47;
	border-radius: 32px;
}
.blog_cat_list .catblog_blog a {
	opacity: 1;
	background-color: #7d9bf5;
	color: #FFF;
	text-align: center;
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #7d9bf5;
	border-radius: 32px;
}
.blog_cat_list .catworks_works a {
	opacity: 1;
	background-color: #ef4343;
	color: #FFF;
	text-align: center;
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #ef4343;
	border-radius: 32px;
}
#k2 .blog_cat_list {
	width: 933px;
}
.works_book li {
	list-style-type: none;
}
.works_book .blog_cat_list li {
	margin-right: 0px;
}
.works_book .tag_mark a {
	display: block;
}
#book_box .section {
	height: 65px;
}
#book_box .section #gw_fix {
	padding-top: 0px;
}
#book_box .section #gw_fix .name {
	margin-top: 20px;
}
#book_box .section #gw_fix .contain {
	margin-top: 9px;
}
/*******タグ一覧ページ*********/
.blog_cat_list .wp-tag-cloud a {
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 1px;
	padding-top: 1px;
	font-weight: bold;
	font-size: 13px;
}
/*******blog記事*********/

.blog_mishou {
	width : 800px;
	margin : 0 auto;
}
.mishou_img1 {
	float : left;
}
.mishou_txt1 {
	margin-top: 380px;
	margin-left: 50px;
	width: 300px;
	display: inline-block;
}
.mishou {
	float : right;
}

/*footer nav*/
.f_navigation{
	width:20%;
	float:left;
	
	}
.f_navigation li a{
	    line-height: 2.5;
		color:#fff;
		}
.oya{
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	
	}
.oya .ko li a{
	font-size:11px;
	font-weight:normal;
	color:#eee;
	line-height: 2.1;
	}
.oya .ko.last{
	margin-top:10px;}
    .copyright{
		text-align:center;
		padding-bottom:10px;
		}
.copyright a{
	color:#fff;
	}
.f_bg .section{
	margin-bottom:30px;}
.f_bg {
       padding-top:20px;
}