/* CSS Document */

@charset "UTF-8";
.module_headline {
	padding: 0
}
.module_headline .heading .container {
	display: block
}
.module_headline .heading .title .source {
	font-weight: 400;
	font-size: 72.73%;
	padding-left: 2.3em
}
.module_headline .heading .container {
	display: table;
	height: 55px
}
.case .main {
	font-size: 16px;
	line-height: 1.75;
	background-color: #ededed
}
.case .main>.container {
	max-width: 1174px;
	padding: 20px 13px 60px;
	margin: 0 auto
}
.case .main .body {
	background-color: #fff;
	padding: 60px 80px 70px;
}
.case .related_section {
	font-size: 16px;
	line-height: 1.75;
	margin-top: 60px
}
.case .related_section>.container {
	max-width: 1174px;
	padding: 0 13px 35px;
	margin: 0 auto
}
.case .related_section .genre_title {
	font-size: 175%;
	line-height: 1.07143;
	position: relative;
	margin-bottom: 16px;
	text-align: center;
	font-weight: 700
}
.case .related_section{font-size:16px;line-height:1.75;background-color:#fff;padding:40px 80px 0px;margin-top:30px}
.case .related_section>.container{max-width:1174px;padding:0 13px 35px;margin:0 auto}
.case .related_section .genre_title{color:#d30000;font-size:175%;line-height:1.07143;position:relative;margin-bottom:16px;text-align:center;font-weight:700}

.case .related_section .genre_title span{position:relative;z-index:10;padding:0 .7em;background-color:#fff;display:inline-block}
.case .related_section .link_list{margin-top:18px}
.case .related_section .link_list li+li{border-top:1px solid #e0e0e0}
.case .related_section .link_list li .link{position:relative;padding:18px 0 18px 20px;font-size:87.5%;line-height:1.64286;display:block;color:#333}
.case .related_section .link_list li .link .inner{display:block;font-size:1rem;font-weight:700;color:#005e8c}
.case .related_section .link_list li .link:before{content:'';position:absolute;top:50%;left:0;margin-top:-3px;display:block;border-width:5px 5px 5px 8px;border-style:solid;border-color:transparent transparent transparent #6d6d6d}
.case .related_section .link_list li+li {
    border-top: 1px solid #e0e0e0;
}
.case .related_section .genre_title span{position:relative;z-index:10;padding:0 .7em;background-color:#fff;display:inline-block}
.case .figure.mw874 {
	max-width: 874px;
	margin-right: auto;
	margin-left: auto;
}
.case .figure .figure_caption {
	text-align: left;
}
.main .social_button {
	margin-top: 30px
}
.main .social_button ul {
	float: right
}
.main .social_button li {
	float: left
}
.main .social_button li+li {
	margin-left: 10px
}
.main .button_back_wrap{margin-top:32px}
.main .button_back_wrap .button_back{font-size:1rem;font-weight:700;color:#005e8c;line-height:1.14286;padding:21px 0;display:block;text-align:center;background-color:#fff}
.main .button_back_wrap .button_back span{position:relative}
.main .button_back_wrap .button_back span:before{position:absolute;left:-1.2em;line-height:1.14286;content:'←'}

.main .button_back_wrap .button_back span .se_only {
	display: none;
}
figure .figure_img {
	width: auto;
	max-width: 100%;
}

@media screen and (max-width:767px) {
.module_headline .heading .title .source {
	display: block;
	line-height: .9;
	font-size: 66.67%;
	padding-left: 0
}
.case .module_headline .heading .container {
	display: block;
	width: auto;
	height: auto
}
.case .main {
	font-size: 12px;
	line-height: 1.58
}
.case .main>.container {
	padding: 25px 20px 26px
}
.case .main .body {
	padding: 20px 12px 40px
}
.case .related_section{font-size:12px;margin-top:26px;padding:20px 12px 0px}
.case .related_section>.container{padding:0 13px 20px}
.case .related_section .genre_title{margin-bottom:10px;font-size:133.33333%;line-height:1.3125}
.case .related_section .genre_title span .sp_only{display:inline-block}
.case .related_section .link_list{margin-top:10px}
.case .related_section .link_list li .link{padding:12px 0 12px 10px;font-size:100%;line-height:1.5}
.case .related_section .link_list li .link:before{border-width:3px 3px 3px 4px}
.case .related_section .link_list li .link .inner{font-size:116.66667%;line-height:1.28571;margin-top:8px}
.case .main .social_button{margin-top:20px}
.case .main .social_button ul{float:none;text-align:center;letter-spacing:-.4em}
.case .main .social_button li{float:none;display:inline-block;letter-spacing:normal}
.case .main .button_back_wrap{margin-top:26px;margin-bottom: 50px}
.case .main .button_back_wrap .button_back{padding:15px 0}
}
.normal_sentence {
	font-size: 17px;
	line-height: 1.882;
	margin: 34px 0;
	text-indent: 1em;
}
.first_sentence {
	margin-top: 0;
}
.inner_normal_sentence {
	display: block;
	margin-bottom: 2em;
}
.margnTop {
	margin-top: 34px
}
.normal_sentence .person_say {
	font-weight: 700
}
.figure_img {
	border: 1px solid #bbb
}
/*
.figure_img:first-of-type{
	border:none;
}
*/
.figure_caption {
	margin-top: 8px;
	font-size: 14px;
}
.figure_caption .icon--blank {
	margin-bottom: -1px;
}
.figure_caption_link {
	display: block;
	margin-top: 8px;
}
.notation {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 10px;
	font-size: 13px;
}
.notation .mark {
  -ms-flex-negative: 0;
        flex-shrink: 0;
	margin-right: 5px;
}
.notation_list .notation + .notation{
	margin-top: 0px;
}
.main_2col {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: -ms-space-between;
	justify-content: -webkit-space-between;
	justify-content: space-between
}
.main_2col .normal_sentence {
	width: 56.903%;
	margin: 0
}
.main_2col .main_2col_img {
	width: 39.645%
}
.main_2col p + p {
	margin-top: 1em;
}
.main_2col-harf .normal_sentence {
	width: 47.711670480549199%;
	margin: 0
}
.main_2col-harf .main_2col_img {
	width: 47.711670480549199%
}
.hv_img {
	transition: .2s;
	display: block;
}
.hv_img div {
	color: #333;
}
.hv_img div span {
	color: #005e8c;
	font-weight: bold;
}
.hv_img:hover {
	opacity: .7;
	text-decoration: none;
	color: #333;
}
.set_arrow {
	font-weight: 700;
	color: #005e8c
}
.article .article__main .set_arrow a{position:relative;display:inline-block;padding-left:16px;border: none;}
.article .article__main .set_arrow a:hover{text-decoration: underline;}
.article .article__main .set_arrow:not(.normal_sentence, .quote_link) a .icon--blank{margin-bottom:-2px}
.set_arrow a::after{content:"";position:absolute;top:50%;left:0;display:block;width:9px;height:9px;border-top:2px solid #ba000b;border-right:2px solid #ba000b;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.figure_caption_link:before {
	margin-right: 4px
}

@media screen and (max-width:767px) {
.pc_break {
	display: none;
}
.normal_sentence {
	font-size: 14px;
	line-height: 1.643;
	margin: 20px 0
}
.margnTop {
	margin-top: 20px
}
.figure_caption {
	font-size: 12px;
	line-height: 1.667;
	margin-top: 10px
}
.notation {
	font-size: 10px;
	margin-top: 10px;
}
.notation .mark {
	margin-right: 3px;
}
.main_2col {
	display: block
}
.main_2col .normal_sentence, .main_2col-harf .normal_sentence {
	width: 100%;
	margin: 20px 0
}
.main_2col .main_2col_img, .main_2col-harf .main_2col_img {
	width: 100%
}
	
.main_2col .main_2col_img + .main_2col_img {
    margin-top: 20px;
}
.set_arrow:before {
	width: 7px;
	height: 8px;
	bottom: 0;
	margin-right: 4px
}
}
.main_heading {
	font-weight: 700;
	font-size: 28px;
	line-height: 30px;
	letter-spacing: -2px
}
.main_heading002 {
	margin-bottom: 30px
}
.person_talk_wrap {
	background-color: #f0f0f0;
	margin: 30px 0 47px
}
.person_talk_wrap .person_talk {
	width: 90%;
	margin: 0 auto;
	overflow: hidden
}
.person_talk_wrap .person_talk .person_talk_sentence {
	color: #666;
	font-size: 16px;
	line-height: 32px;
	margin: 32px 0
}
.person_talk_wrap .person_talk_img {
	margin-top: 8px
}

.summary{position: relative; margin-bottom: 60px;}
.summary p {padding: 50px 0;font-size: 20px;font-weight: bold;}
.summary::before{content:"";display: block;position: absolute;left: 0;width: 100%;height: 2px;background-color: #737373;}
.summary::after{content:"";display: block;position: absolute;left: 0;width: 100%;height: 2px;background-color: #737373;}
figure .figure_img { width: auto; max-width: 100%; }
.figure_img{border:1px solid #bbb;box-sizing: border-box;}


@media screen and (max-width:767px) {
.main_heading {
	font-weight: 700;
	font-size: 19px;
	line-height: 24px;
	letter-spacing: -1px
}
.main_heading002 {
	margin-bottom: 20px
}
.person_talk_wrap {
	margin: 20px 0 32px
}
.person_talk_wrap .person_talk {
	width: 84.4236760124611%;
	margin: 0 auto;
	overflow: hidden
}
.person_talk_wrap .person_talk .person_talk_sentence {
	font-size: 14px;
	line-height: 22px;
	margin: 19px 0
}
.person_talk_wrap .person_talk_img {
	margin-top: 0
}
.summary{margin:0px 0 25px;border-top: 1px solid #737373;border-bottom: 1px solid #737373;}
.summary p{font-size: 15px;padding: 25px 0;line-height: 1.667;}
.summary::before{display: none;}
.summary::after{display: none;}
}
.sub{margin-bottom:60px}
.sub_heading{font-size:32px;font-weight:700;text-align: center; text-align: center; line-height: 1.5;}
.sub_heading .inner{display: inline-block;border-bottom: 3px solid #222;}
@media screen and (max-width:767px){
.sub{margin-bottom:32px}
.sub_heading{font-size:20px;font-weight:700;text-align:left;}
.sub_heading .inner{border-bottom-width: 1px;}
}
.quote_wrap {
	margin-top: 4.2875em;
	border-top: 2px solid #bbb;
	line-height: 1.75em;
	padding: 2.8125em 0 3.625em
}
.quote_wrap .quote_text {
	font-size: .875em;
	padding-left: 1.57143em;
	color: #333
}
.quote_wrap .quote_link {
	padding-left: .375em
}
.moveThumb {
	text-align: center
}
.moveThumb img {
	width: 73.45538%
}
.moveThumb img:hover {
	opacity: .8;
	-webkit-transition: .2s;
	transition: .2s
}

@media screen and (max-width:767px) {
.moveThumb img:hover {
	opacity: 1
}
}
.writer_wrap {
	background-color: #f0f0f0
}
.writer_wrap .writer {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: -ms-space-between;
	justify-content: -webkit-space-between;
	justify-content: space-between;
	width: 90.84668%;
	margin: 0 auto;
	padding: 2.5em 0
}
.writer_wrap .writer .writer_img {
	width: 31.48615%;
	flex-shrink: 0;
}
.writer_wrap .writer .writer_img img {
	width: 80%
}
.writer_wrap .writer .writer_strings .writer_string1 {
	font-weight: 700;
	margin: .9375em 0 .5625em
}
.writer_wrap .writer .writer_strings .writer_string2 {
	line-height: 1.75em
}
.writer_wrap002 {
	margin-top: 4.625em
}

@media screen and (max-width:767px) {
.writer_wrap .writer {
	display: block;
	width: 88.23529%;
	margin: 0 auto;
	padding: 2.5em 0
}
.writer_wrap .writer .writer_img {
	width: 100%;
	text-align: center
}
.writer_wrap .writer .writer_img img {
	width: 61.55556%
}
.writer_wrap .writer .writer_strings {
	font-size: 12px
}
.writer_wrap .writer .writer_strings .writer_string1 {
	font-weight: 700;
	margin: 20px 0 9px
}
.writer_wrap .writer .writer_strings .writer_string2 {
	line-height: 19px
}
.writer_wrap002 {
	margin-top: 4.225em
}
}
.article_nav{margin-bottom: 100px; padding: 2.48% 2.12%; background-color: #dbd7d7;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 20px;}
.article_nav a{width: 50%; padding: 13px 17px;color:#333;text-decoration: none;background-color:#fff;text-align: center;}
.article_nav .article_other{position:relative; font-weight: bold;}
.article_nav .article_other::before{content:"";position:absolute;top:50%;display:block;width:28px;height:28px;background-color:#ba0009;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.article_nav .article_other.first-part::before{left:0;}
.article_nav .article_other.sequel::before{right:0;}
.article_nav .article_other::after{content:"";position:absolute;top:50%;display:block;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;}
.article_nav .article_other.first-part::after{left:9px;-webkit-transform-origin:50% 15%;transform-origin:50% 15%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.article_nav .article_other.sequel::after{right: 9px;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.article_nav .article_this{width: 50%;padding: 13px 17px;background-color:#a91d24;color: #fff;text-align: center; font-weight: bold;}
.article_nav .article_teaser {
	background-color: #f0f0f0;
	color: #c1c1c1
}

@media screen and (max-width:767px) {
.article_nav{margin:0 -15px 50px; padding: 23px 15px; font-size:15px;text-align:center;}
.article_nav a,
.article_nav .article_this{padding: 20px 10px;}
.article_nav .article_other::before{width:25px;height:25px;}
.article_nav .article_other::after{width:7px;height:7px;}


}
/*main画像切り替え-------------------*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
/*-------------------*/
/*後藤氏と喜多氏の記事-------------------*/
.case_section1,.case_section2 {
	overflow: hidden;
}
.case_section1_l,.case_section2_l {
	display: inline-block;
}
.case_section1_l,.case_section2_r {
	width: 39.45%;
}
.case_section1_r,.case_section2_l {
	width: 55.6%;
}
.case_section1_r,.case_section2_r {
	float: right;
}
.case_section1 img,.case_section2 img:not(.icon) {
	margin-top: 34px;
}
@media (max-width:767px) {
.case_section1_l, .case_section1_r, .case_section2_l, .case_section2_r {
	float: none;
	width: 100%
}

.case_section1 img,.case_section2 img,.case_section2 img:not(.icon) {
	margin-top: 0px;
}
}
/*-------------------*/
	@media (max-width:767px) {
	.first_sentence {
    margin-top: 0;
		}
		.margnTop_sp{
			margin-top: 16px;
		}}

/*figcaptionの人名*/
.font_bold {
	font-weight: bold;
	font-size: 114.3%;
}
/*-------------------*/
	/*トップページリンクボタン
スマホiphonese時２行になる-------------------*/
@media only screen and (max-width:349px) {
.main .button_back_wrap .button_back span .se_only {
	display: block;
}
}

/*-------------------*/
/*導入事例【動画】-------------------*/
.case .main .body.case_mov {
    padding: 40px 80px 70px;
}
.case .main .body.case_mov .movie_info {
    margin: 28px 0 65px;
}
.case .main .body.case_mov .movie_info_date {
    font-size: 14px;
    color: #666666;
}
.case .main .body.case_mov .movie_info_title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 5px;
}
.case .main .body.case_mov .main .social_button {
    margin-top: 30px;
}
.case .main .body.case_mov .social_button ul {
    float: right;
}
.case .main .body.case_mov .social_button li {
    float: left;
}
.case .main .body.case_mov .social_button li+li {
    margin-left: 10px;
}

@media (max-width:767px) {
.case .main .body.case_mov {
    padding: 12px 12px 40px;
}
.case .main .body.case_mov .movie_info {
    margin: 16px 0 44px;
}
.case .main .body.case_mov .movie_info_date {
    font-size: 12px;
}
.case .main .body.case_mov .movie_info_title {
    font-size: 16px;
}
.case .main .body.case_mov .social_button ul {
    float: none;
    text-align: center;
    letter-spacing: -.4em;
}
.case .main .body.case_mov .social_button li {
    float: none;
    display: inline-block;
    letter-spacing: normal;
}
.case .main .body.case_mov .social_button li {
    float: none;
    display: inline-block;
    letter-spacing: normal;
}
}
.contact_wrap {
	background-color: #f0f0f0;
    word-wrap: break-word;
}
.contact_wrap .contact_wrap_title{
	background-color: #a91d24;
	text-align: center;
	color: #fff;
	font-size: 1.625em;
	line-height: 1.16667em;
	padding: 10px;
}
.contact_wrap .contact {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: -ms-space-between;
	justify-content: -webkit-space-between;
	justify-content: space-between;
	/*width: 87.1338912%;*/
	/*margin: 0 auto;*/
	padding: 30px 4% 40px;
      -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
	border: 1px solid #ccc;

}
.contact_wrap .contact .contact_strings.fullwidth{
	width:100%;
}
.contact_wrap .contact .contact_img {
	width: 21.6086434%;
	flex-shrink: 0;
}
.contact_wrap .contact .contact_strings{
    width: 73%;
     line-height: 1.6666666666;
}
.contact_wrap .contact .contact_strings .contact_string1 {
	font-weight: 700;
	margin: 0 0 17px;
	font-size: 1.333333333em;
}
.contact_wrap .contact .contact_strings li + li{
    margin-top: 6px;
}
.contact_wrap .contact .contact_strings a{
    text-decoration: underline;
}
.aside_wrap {
	background-color: #f0f0f0;
    word-wrap: break-word;
}
.aside_wrap .aside_wrap_title{
	background-color: #a91d24;
	text-align: center;
	color: #fff;
	font-size: 1.411764705em;
	line-height: 1.5em;
	padding: 10px;
	font-weight: 700;
}
.aside_wrap .aside {
	border: 1px solid #ccc;

}
.aside_wrap .aside .list-link li + li{
	margin-top: -20px;
}
.aside_wrap .aside .list-link--block a{
	background-color: #f0f0f0;
}
.aside_wrap .aside .list-link--block .icon--blank{
	margin-bottom: -2px;
	width: 20px;
	bottom: 9px;
}

@media screen and (min-width: 768px){
.aside_wrap .aside .list-link--block a:hover .arr-square{
	text-decoration: underline;
	}
}



@media screen and (max-width: 767px){
.contact_wrap .contact_wrap_title {
    font-size: 1.1666666em;
}
.contact_wrap .contact {
    display: block;
    padding: 20px 20px 23px;
}
.contact_wrap .contact .contact_img {
    width: 100%;
    text-align: center;
}
.contact_wrap .contact .contact_strings {
    font-size: 12px;
    width: 100%;
    line-height: 1.5;
}
.contact_wrap .contact .contact_strings .contact_string1 {
    font-weight: 700;
    font-size: 17px;
    margin: 0px 0px 14px;
}
.contact_wrap .contact .contact_strings li + li {
    margin-top: 10px;
}
.aside_wrap .aside .list-link--block .icon--blank{
	margin-bottom: -2px;
	width: 15px;
}

}

figure{ display: inline-block; width: 100%;}
.article__main{padding-bottom: 0;}
.article__main a.bold {color: #222; border-bottom: 1px solid #595959; text-decoration: none;}
.article__main .icon--pdf{margin-top:-3px}
.article__title img{width: 100%;}
@media screen and (max-width:767px){
.article__main{padding-bottom: 0;}
}


/*出典情報-------------------*/
.reference_wrap {
	margin-top: 34px;
}
@media screen and (max-width:767px){
	.reference{
		margin-top: 20px;
	}
}

.url{
	word-break: break-all;
}

/*attention-------------------*/
.attention{
    border: solid 1px #f5000b;
    color: #f5000b;
    width: 100%;
    text-align: center;
    margin: 0 0 30px;
}
.attention p{
    padding: 8px 13px;
}
@media (max-width:767px) {
    .attention{
        margin: 3px 0px 0px;
    }
    .attention p{
        padding: 12px;
    }
	.attention + .summary{
		margin-top: 25px;
	}
}


.italic{font-style: italic;margin-right: .3em;}