@charset "UTF-8";

/* c-message-area
***************************** */
.expert-views .c-message-area { display: flex; margin-top: 30px; flex-wrap: wrap; background-color:#d3d8db; }
.expert-views .c-message-area .c-message-img { width:33.715%; }
.expert-views .c-message-area .c-message-text { width:66.285%; font-weight:bold; font-size:16px; }
.expert-views .c-message-area .c-message-text .c-pd--adjust { padding:70px 65px 67px 68px; }
.expert-views .c-headingLv1::after{ height: 66.67%; top: 55%; }
.expert-views .main-visual { background: url(../img/img_index_01.jpg) no-repeat top center; background-size: 100% auto; padding-top:43.048%; }
.expert-views .main-visual .inner-main{ position: relative; background: linear-gradient(180deg, #deeff5 48%, #fcfefe 93%); padding: 19.5% 20px 4.8% 20px; }
.expert-views .main-visual .main-title{ width: 91.09%; position: absolute; top: -18%; }
.expert-views .main-visual .main-title img{ max-width: 100%; height: auto; vertical-align: bottom; }
.expert-views .main-visual .lead-text{ font-size:128.5%;  color: #444444; font-weight: 700; width: 100%; text-align: center; line-height: 1.89; letter-spacing: -0.05em; }
.expert-views .content-block{ margin-top: 35px; }
.expert-views .content-title{ font-size: 185.714%; font-weight: 700; text-align: center; margin-bottom: 34px; padding-bottom: 18px; color: #222222; border-bottom: solid 1px #b2b2b2; }
.expert-views .content-block .c-text{ font-weight: 500; }
.expert-views .profile-block{ padding: 146px 60px 46px; margin-top: 40px; background: url(../img/bg_profile.jpg) #f2f2f2 no-repeat top center; background-size: 100% auto;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; }
.expert-views .profile-title{ margin-bottom: 15px; }
.expert-views .profile-title .txt-color{ display: inline-block; margin-bottom: 2px; color: #6085ad; letter-spacing: 0.2em;font-weight:500; }
.expert-views .profile-block .profile-inner+.profile-inner{ border-top: 1px solid #b2b2b2; margin-top: 34px; padding-top: 34px; }
.expert-views .profile-name{ font-size: 142.857%; font-weight: 700; }
.expert-views .profile-name  small{ font-size: 80%; }
.expert-views .profile-text{ line-height: 1.71428; margin-bottom: 8px; }
.expert-views .profile-block .u-icons{ color: #6085ad; }
.expert-views .u-icons.icon-color.u-icons--bulletRight::before{ color: #6085ad; }
.expert-views .profile-block .u-icons:hover{ opacity: .7; }

.expert-views .main-img { margin-bottom: 60px; }
.expert-views .main-img+.c-question{ margin-top: 0; }
.expert-views .c-question{ color: #6085ad; line-height: 1.875; }
.expert-views .c-question+.interview{ margin-top: 45px; }
.expert-views .interview{ overflow: hidden; font-size: 114.286%; line-height: 1.874988; }
.expert-views .interview+.interview{ margin-top: 25px; }
.expert-views .interview dt{ float: left; font-weight: 700; }
.expert-views .interview dd{ padding-left: 6.2em; }
.expert-views .interview dt.text-blue { color: #6085ad; }
.expert-views .interview .annotation-text{ font-size:87.5% ; }
.expert-views .item-image{ width: 62.953%; margin: 52px auto 0; display: block; position: relative; }
.expert-views .item-image:after{ content: ''; position: absolute;width: 96.825%; padding: 28.746% 0; background-color: #f2f2f2; border-radius: 10px; right: -26.5%; bottom: -45%; z-index: -1; }
.expert-views .item-image.bg-left:after{ left: -26.5%;}
.expert-views .item-image+.interview{ margin-top: 52px; }
.expert-views .c-img__caption.width-adjust{ width: 62.953%; max-width: 661px; margin: 16px  auto 0;}
.expert-views .c-img__caption+.interview{ margin-top: 52px; }
.expert-views .bg-gray-box{ background-color: #f2f2f2;padding: 58px 40px; margin-top:54px; border-radius: 10px; }
.expert-views .bg-gray-box .c-text{ font-size: 100%; }
.expert-views .single-img{ width: 89.525%; margin: 92px auto 0; display: block; }
.expert-views .single-img .c-img{ display: block; }
.expert-views .bg-inner-box{ background: url(../img/bg_blue.jpg) #deeff5 no-repeat top center; background-size: 100% auto; padding: 176px 60px 55px; margin-top: -156px; border-radius: 10px; }
.expert-views .c-note{ font-size: 95.707%; color: #6085ad; margin-top: 4px; }


@media only screen and (min-width:768px) and (max-width:1230px){
.expert-views .main-visual .main-title{ top: -7vw; }
}

@media (min-width:768px) {
.sp_only { display:none !important; }
}

@media only screen and (max-width:767px){
	.pc_only { display:none !important; }
	.expert-views .c-message-area { display: block; }
	.expert-views .c-message-area .c-message-img { width:100%; }
	.expert-views .c-message-area .c-message-text { width: 100%; }
	.expert-views .c-headingLv1::after{ height: 60.44%; top: 60%; }
	.expert-views .c-message-area .c-message-text .c-pd--adjust { padding:20px; }
	.expert-views .main-visual { background: url(../img/img_index_01_sp.jpg) no-repeat top center; background-size: 100% auto; padding-top: calc(46.96% - 1px); }
	.expert-views .main-visual .inner-main{ padding: 39.5% 20px 15%; }
	.expert-views .main-visual .lead-text{ text-align: left; font-size:114.286% ; }
	.expert-views .main-visual .main-title{ width: 89.276%; top:-24px; }
	.expert-views .main-visual .company-name { color: #444444; margin-bottom: 15px; }
	.expert-views .content-title{ font-size: 135.707%; line-height: 0.89478; padding-bottom: 12px; margin-bottom: 25px; }
	.expert-views .content-block{ margin-top: 14px; }
	.expert-views .content-block .c-text{ margin-top: 0; }
	.expert-views .profile-block{ padding: 98px 15px 42px; margin: 16px -15px 0; background: url(../img/bg_profile_sp.jpg) #f2f2f2 no-repeat top center; background-size: 100% auto;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit; }
	.expert-views .profile-title{ margin-bottom: 12px; }
	.expert-views .profile-title .txt-color{ font-size: 85.707%; margin-bottom:0; }
	.expert-views .profile-name{ font-size: 121.428%; }
	.expert-views .profile-name small{font-size:70.5878% ;}
	.expert-views .profile-block .u-icons{ font-size: 92.85%; word-break: break-all; }
	.expert-views .profile-block .profile-inner+.profile-inner{ margin-top: 24px; padding-top: 24px; }
	.expert-views .interview+.interview { margin-top: 18px; }
	.expert-views .c-img__caption+.interview{ margin-top: 32px; }
	.expert-views .c-question+.interview{ margin-top: 25px; }
	.expert-views .main-img{ margin-bottom: 30px; }
	.expert-views .interview dd{ padding-left: 5.5em; }
	.expert-views .item-image{ width: 100%; margin-top: 32px; }
	.expert-views .c-img__caption.width-adjust{ width: 100%; }
	.expert-views .item-image:after{ width: 75.365%; right: -15px; bottom: -48%; padding: 29.566% 0; border-radius: 5px;}
	.expert-views .item-image.bg-left:after { left: -15px; }
	.expert-views .item-image+.interview{ margin-top: 32px; }
	.expert-views .bg-gray-box{ padding: 25px 20px; margin-top: 28px; border-radius: 5px; }
	.expert-views .bg-gray-box .c-text{ font-size: 100%; }
	.expert-views .l-grid__item{ margin-bottom: 15px; }
	.expert-views .single-img { width:100%; margin-top: 44px; }
	.expert-views .bg-inner-box{ background: url(../img/bg_blue_sp.jpg) #deeff5 no-repeat top center; background-size: 100% auto; padding: 106px 15px 46px; margin: -113px -15px 0 -15px; border-radius: inherit; }
	.expert-views .c-note{ margin-top: 10px; }

}