@charset "utf-8";

/* フロートメニュー */
.fixMenu {
	position: fixed;
	left: 0px;
	top: 100px;
	background-color: #FFF;
	height: auto;
	width: 210px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	z-index: 10;
	display: block;
}

.fixTxt {
	font-size: 20px;
	line-height: 130%;
	font-weight: bold;
	padding-left: 20px;
	transition: all 0.05s;
}

.fixMenu a {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}

.fixMenu:hover .fixTxt {
	padding-left: 0px;
	transition: all 0.1s;
}

/* ファーストビュー */

.first_view {
	width: 100%;
	background-color: #D1E5F0;
	height: 100vh;
}

/* 追加メニュー */
.addMenu {
	display: none;
}

.portTxtArea {
	position: absolute;
	left: 300px;
	width: 70%;
	top: 71vh;/*634px*/
}

.shoulder {
	font-size: 14px;
	background-color:rgba(51,51,51,0.4);
	border-radius: 15px;
	color: #FFF;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 10em;
	text-align: center;
	margin-bottom: 16px;
	font-weight: normal;
}

h1.thinking,
h1.thinking01 {
	font-size: 35px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}

.intvNamePc {
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin-top: 0px;
	padding-top: 0px;
}

.intvNameSp {
	display: none;
}

.smallName {
	font-size: 14px;
	font-weight: normal;
	padding-right: 0.8em;
}

/* Parallax */
.parallax {
	position: relative;
	background-image: url(../thinking/images/column_Pres/columnPres_pc_01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 80vh;/*700px*/
	display: block;
	background-position: center center;/*追加*/
}

/* コラム・インタビュー */
.columnIntv {
	width: 100%;
	background-color: #D1E5F0;
	padding-bottom: 100px;
}

/* （記事）背景 */
.intvInner {
	background-color: #E7F3FA;
	width: 88%;
	padding-top: 80px;
	padding-bottom: 120px;
	margin-left: auto;
}

/* 記事 */
.parsonUnit {
	padding-bottom: 60px;
	width: 840px;/*880px*/
	margin-right: auto;
	margin-left: auto;/*140px*/
	/*background-color: #FFF; チェック用 */
}

h2.read {
	font-size: 15px;
	line-height: 200%;
	font-weight: bold;
	width: 474px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 80px;
	text-align: justify;
	color: #7E7E7E;
}

/* フロート文字（ワイド） */
.large_float {
	width: 100%;
	position: relative;
}

.float_bg01 {
	background-image: url(../thinking/images/column_Pres/kezuka_01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 58vh;
	width: 100%;
}

.float_bg02 {
	background-image: url(../thinking/images/column_Pres/kezuka_05.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 64vh;/**/
	width: 100%;
}

.float_bg03 {
	background-image: url(../thinking/images/column_Pres/kezuka_10.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 58vh;
	width: 100%;
}

.float_bg04 {
	background-image: url(../thinking/images/column_Pres/kezuka_14.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 58vh;
	width: 100%;
}

h3.float_txt {
	font-size: 35px;
	line-height: 57px;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 55vh;/*55vh*/
	padding-left: 80px;
}

h3.float_txt_m {
	font-size: 35px;
	line-height: 57px;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 55vh;/*55vh*/
	padding-left: 80px;
}

h3.float_txt_w {
	font-size: 35px;
	line-height: 57px;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 61vh;/*55vh*/
	padding-left: 80px;
}

.bgWhite {
	background-color: #FFF;
	padding: 6px;
	font-weight: bold;
	margin: 0px;
}


/* 記事本文（左右） */
.SentWidth {
	width: 680px;
	margin-right: auto;
	margin-left: auto;
}

/* 質問（フロートの下） */
.queTxtTop {
	font-size: 15px;
	line-height: 200%;
	font-weight: bold;
	padding-top: 70px;
	padding-bottom: 40px;
	text-indent: -1.3em;
	padding-left: 1.3em;
	color: #7E7E7E;
}

.queTxtTop_w {
	font-size: 15px;
	line-height: 200%;
	font-weight: bold;
	padding-top: 130px;
	padding-bottom: 40px;
	text-indent: -1.3em;
	padding-left: 1.3em;
	color: #7E7E7E;
}

.queTxtTop_1 {
	font-size: 15px;
	line-height: 200%;
	font-weight: bold;
	padding-top: 70px;
	padding-bottom: 40px;
	text-indent: -1.3em;
	padding-left: 1.3em;
	color: #7E7E7E;
}

.queTxt {
	font-size: 15px;
	line-height: 200%;
	font-weight: bold;
	padding-bottom: 40px;
	text-indent: -1.3em;
	padding-left: 1.3em;
	color: #7E7E7E;
}

/* 回答 */
.ansTxt,
.ansTxtNrw {
	font-size: 17px;
	line-height: 200%;
	font-weight: normal;
	padding-bottom: 34px;
	text-align: justify;
}

.ansTxtEnd,
.ansTxtEndNrw {
	font-size: 17px;
	line-height: 200%;
	font-weight: normal;
	padding-bottom: 54px;
}

/* 注釈 */
.note {
	font-size: 15px;
	line-height: 200%;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 34px;
}

/* キャプション */
.centerCap {
	font-size: 15px;
	line-height: 160%;
	font-weight: normal;
	text-align: center;
	padding-bottom: 40px;
}

/* ノーマル写真 */
.normal_P {
	margin-bottom: 40px;
}

.normal_P img {
	height: auto;
	width: 100%;
}

/* インナー写真 */
.inner_P {
	margin-bottom: 40px;
}

.inner_P_cap {
	margin-bottom: 10px;
}

.inner_P img,
.inner_P_cap img {
	height: auto;
	width: 100%;
}

/* リンク */
.intvLink a,
.intvLink a:visited {
	font-size: 17px;
	color: #333;
	text-decoration: underline;
	margin-bottom: 40px;
	display: block;
}

.intvLink a:hover {
	color: #00B0DD;
}

.endTtl {
	font-size: 25px;
	line-height: 200%;
	font-weight: normal;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
}

/* プロフィールエリア */
.profileArea {
	display: flex;
	align-items: center;
	border: 5px solid #C9DDEA;
	margin-bottom: 80px;
}

.leftPhoto {
	width: 35%;
	padding: 57px;
}

.leftPhoto img {
	height: auto;
	width: 100%;
	border-radius: 50%;
}

.rightDate {
	width: 65%;
	padding-right: 40px;
}

.position {
	font-size: 13px;
	line-height: 200%;
	font-weight: bold;
}

.profName {
	font-size: 17px;
	line-height: 200%;
	font-weight: bold;
	padding-bottom: 6px;
}

.summary {
	font-size: 15px;
	line-height: 180%;
}

/* 執筆・編集・写真 */
.intvTitle {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 24px;
}

.Interviewer {
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin-bottom: 100px;
}

.staff {
	background-color: #D1E5F0;
	width: 35%;
	margin-right: 12px;
	margin-left: 12px;
	text-align: center;
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
}

.stfPsi {
	font-size: 13px;
	line-height: 180%;
	font-weight: bold;
	padding-bottom: 4px;
}

.stfName {
	font-size: 17px;
	line-height: 180%;
	font-weight: bold;
}

.stfNoote {
	font-size: 13px;
	line-height: 180%;
	font-weight: bold;
}

.toIndArea {
	padding-top: 50px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BBC2C6;
	margin-left: 150px;
	text-align: center;
	padding-right: 150px;
}

.toIndex a,
.toIndex a:visited {
	background-color: #FFFFFF;
	border-radius: 5px;
	border: 1px solid #D8D8D8;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 220px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	color: #333;
}

.toIndex a::before {
	content: '';
	display: inline-block;
	width: 26px;/*画像の幅*/
	height: 16px;/*画像の高さ*/
	margin-left: 0px;
	background-image: url(../n_images/maru-yajirushi_rev.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.toIndex a:hover {
	color: #00B0DD;
	text-decoration: none;
	background-color: #FFF;
}

.forSp {
	display: none;
}


@media screen and (max-width: 1310px){

	
.portTxtArea {
	position: absolute;
	left: 13vw;/*300px*/
	width: 70%;/*650px*/
	top: 65vh;/*634px*/
}

.shoulder {
	font-size: 14px;
	background-color:rgba(51,51,51,0.4);
	border-radius: 15px;
	color: #FFF;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 10em;
	text-align: center;
	margin-bottom: 16px;
	font-weight: normal;
}

h1.thinking,
h1.thinking01 {
	font-size: 35px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}

/* 記事 */
.parsonUnit {
	padding-bottom: 60px;
	width: 86%;/*86*/
	margin-right: auto;
	margin-left: auto;/*140px*/
	/*background-color: #FFF; チェック用 */
}

.stfPsi {
	font-size: 13px;
	line-height: 180%;
	font-weight: normal;
	padding-bottom: 4px;
}

.stfName {
	font-size: 17px;
	line-height: 180%;
	font-weight: bold;
}

.stfNoote {
	font-size: 13px;
	line-height: 180%;
	font-weight: normal;
}


.forSp {
	display: block;
}

/*
.forPc {
	display: block;
}
*/

}


@media screen and (max-width: 767.98px){


/* フロートメニュー */
.fixMenu {
	display: none;
}

.fixTxt {
	font-size: 20px;
	line-height: 130%;
	font-weight: 600;
	padding-left: 20px;
	transition: all 0s;
}

.fixMenu a {
	position: static;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}

.fixMenu:hover .fixTxt {
	padding-left: 20px;
	transition: all 0s;
}

/* ファーストビュー */

.first_view {
	width: 100%;
	height: 64vh;/*68*/
	background-color: #D1E5F0;
}

/* 追加メニュー */
.addMenu {
	background-color: #FFF;
	margin-top: 56px;
	width: 100%;
	margin-bottom: 0px;
	display: block;
	position: relative;
}

.addMenu ul li{
	font-size: 18px;
	line-height: 120%;
	font-weight: 600;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 1.2em;
}

.addMenu a {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}

.portTxtArea {
	position: absolute;
	left: 16px;
	width: calc(100% - 16px);
	top: 29vh;
	padding-right: 18px;
}

.shoulder {
	font-size: 12px;
	background-color:rgba(51,51,51,0.5);
	border-radius: 15px;
	color: #FFF;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 10em;
	text-align: center;
	margin-bottom: 16px;
	font-weight: 400;
}

h1.thinking,
h1.thinking01 {
	font-size: 4.6vmin;/*5.4vmin*/
	font-weight: 600;
	color: #333;
	margin-bottom: 20px;
	line-height: 160%;/**/
}

.intvNamePc {
	font-size: 17px;/*18*/
	font-weight: bold;
	display: block;
	margin-top: 0px;
	padding-top: 0px;
}

.intvNameSp {
	display: none;
}

.smallName {
	font-size: 14px;
	font-weight: normal;
	padding-right: 0.8em;
}

/* Parallax */
.parallax {
	position: relative;
	background-size: cover;/*cover*/
	height: 43vh;/*40vh*/
	background-image: url(../thinking/images/column_Pres/columnPres_pc_01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}


/* コラム・インタビュー */
.columnIntv {
	width: 100%;
	background-color: #D1E5F0;
	padding-bottom: 0px;
}

/* （記事）背景 */
.intvInner {
	background-color: #E7F3FA;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 90px;
	margin-left: auto;
}

/* 記事 */
.parsonUnit {
	padding-bottom: 60px;
	width: 100%;/*86*/
	margin-right: auto;
	margin-left: auto;/*140px*/
	/*background-color: #FFF; チェック用 */
}

h2.read {
	font-size: 14px;
	line-height: 200%;
	font-weight: 600;
	width: 86%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	text-align: justify;
	color: #7E7E7E;
}

/* フロート文字（ワイド） */
.large_float {
	width: 100%;
	position: relative;
}

.float_bg01 {
	background-image: url(../thinking/images/column_Pres/kezuka_01.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	position: relative;
	height: 48vh;
	width: 100%;
}

.float_bg02 {
	background-image: url(../thinking/images/column_Pres/kezuka_05.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	position: relative;
	height: 35vh;/*38*/
	width: 100%;
}

.float_bg03 {
	background-image: url(../thinking/images/column_Pres/kezuka_10.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	position: relative;
	height: 47vh;/*48vh*/
	width: 100%;
}

.float_bg04 {
	background-image: url(../thinking/images/column_Pres/kezuka_14.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	position: relative;
	height: 38vh;/*48vh*/
	width: 100%;
}

h3.float_txt {
	font-size: 5.4vmin;/*20px*/
	line-height: 1.6em;
	font-weight: 600;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 40vh;/*34vh*/
	padding-left: 3vmin;
}

h3.float_txt_m {
	font-size: 5.4vmin;
	line-height: 1.6em;
	font-weight: 600;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 34vh;/*55vh*/
	padding-left: 3vmin;
}

h3.float_txt_w {
	font-size: 5.4vmin;
	line-height: 1.6em;
	font-weight: 600;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 28vh;/*55vh*/
	padding-left: 3vmin;
}


.bgWhite {
	background-color: #FFF;
	padding: 6px;
	font-weight: 600;
	margin: 0px;
}


/* 記事本文（左右） */
.SentWidth {
	width: 86%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* 質問（フロートの下） */
.queTxtTop {
	font-size: 14px;
	line-height: 200%;
	font-weight: 400;
	padding-top: 24px;
	padding-bottom: 40px;
	text-indent: -1.3em;
	padding-left: 1.3em;
	color: #7E7E7E;
}

.queTxtTop_w {
	font-size: 15px;
	line-height: 200%;
	font-weight: 400;
	padding-top: 40px;
	padding-bottom: 40px;
	text-indent: -1.3em;
	padding-left: 1.3em;
	color: #7E7E7E;
}

.queTxtTop_1 {
	font-size: 15px;
	line-height: 200%;
	font-weight: 400;
	padding-top: 20px;
	padding-bottom: 40px;
	text-indent: -1.3em;
	padding-left: 1.3em;
	color: #7E7E7E;
}

.queTxt {
	font-size: 15px;
	line-height: 200%;
	font-weight: 400;
	padding-bottom: 40px;
	text-indent: -1.3em;
	padding-left: 1.3em;
	color: #7E7E7E;
}

/* 回答 */
.ansTxt {
	font-size: 15px;
	line-height: 200%;
	font-weight: 400;
	padding-bottom: 34px;
	text-align: justify;
}

.ansTxtNrw {
	font-size: 15px;
	line-height: 200%;
	font-weight: 400;
	padding-bottom: 14px;
	text-align: justify;
}

.ansTxtEnd {
	font-size: 15px;
	line-height: 200%;
	font-weight: 400;
	padding-bottom: 54px;
	text-align: justify;
}

.ansTxtEndNrw {
	font-size: 15px;
	line-height: 200%;
	font-weight: 400;
	padding-bottom: 0px;
	text-align: justify;
}

/* 注釈 */
.note {
	font-size: 15px;
	line-height: 200%;
	font-weight: 400;
	padding-top: 6px;
	padding-bottom: 34px;
}

/* キャプション */
.centerCap {
	font-size: 15px;
	line-height: 160%;
	font-weight: 400;
	text-align: center;
	padding-bottom: 30px;
}

/* ノーマル写真 */
.normal_P {
	margin-bottom: 40px;
}

.normal_P img {
	height: auto;
	width: 100%;
}

/* インナー写真 */
.inner_P {
	margin-bottom: 40px;
}

.inner_P_cap {
	margin-bottom: 10px;
}

.inner_P img,
.inner_P_cap img {
	height: auto;
	width: 100%;
}

/* リンク */
.intvLink a,
.intvLink a:visited {
	font-size: 17px;
	color: #333;
	text-decoration: underline;
	margin-bottom: 40px;
	display: block;
	font-weight: 400;
}

.intvLink a:hover {
	color: #00B0DD;
}

.endTtl {
	font-size: 6vmin;
	line-height: 200%;
	font-weight: 600;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
}

/* プロフィールエリア */
.profileArea {
	display: block;
	align-items: center;
	border: 5px solid #C9DDEA;
	margin-bottom: 60px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}

.leftPhoto {
	width: 62%;
	padding: 0px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

.leftPhoto img {
	height: auto;
	width: 100%;
	border-radius: 50%;
}

.rightDate {
	width: 88%;
	padding-right: 0px;
	margin-right: auto;
	margin-left: auto;
}

.position {
	font-size: 13px;
	line-height: 200%;
	font-weight: 600;
	text-align: center;
}

.profName {
	font-size: 17px;
	line-height: 200%;
	font-weight: 600;
	padding-bottom: 20px;
	text-align: center;
}

.summary {
	font-size: 15px;
	line-height: 220%;
	font-weight: 400;
}

/* 執筆・編集・写真 */
.intvTitle {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding-bottom: 40px;
}

.Interviewer {
	display: block;
	justify-content: center;
	align-items: stretch;
	margin-bottom: 30px;
}

.staff {
	background-color: #D1E5F0;
	width: 80%;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 12px;
	text-align: center;
	padding-top: 22px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
}

.stfPsi {
	font-size: 13px;
	line-height: 180%;
	font-weight: 400;
	padding-bottom: 4px;
}

.stfName {
	font-size: 17px;
	line-height: 180%;
	font-weight: 600;
	padding-bottom: 6px;
}

.stfNoote {
	font-size: 13px;
	line-height: 180%;
	font-weight: 400;
}

.toIndArea {
	padding-top: 50px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BBC2C6;
	margin-left: auto;
	text-align: center;
	padding-right: 0px;
	width: 90%;
	margin-right: auto;
}

.toIndex a,
.toIndex a:visited {
	background-color: #FFFFFF;
	border-radius: 5px;
	border: 1px solid #D8D8D8;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	display: block;
	width: 220px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	color: #333;
}

.toIndex a::before {
	content: '';
	display: inline-block;
	width: 26px;/*画像の幅*/
	height: 16px;/*画像の高さ*/
	margin-left: 0px;
	background-image: url(../n_images/maru-yajirushi_rev.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.toIndex a:hover {
	color: #333;/*#00B0DD*/
	text-decoration: none;
	background-color: #FFF;
}

.forSp {
	display: block;
}

/*
.forPc {
	display: none;
}
*/

}