@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* kyoutu komoku */
* {
	box-sizing: border-box;
}

html {scroll-behavior: smooth;}

br.pc-sp {display:block;line-height: 0;}
br.sp-pc {display:none;line-height: 0;}
br.pc54-sp {display:block;line-height: 0;}
br.sp54-pc {display:none;line-height: 0;}
br.pc50-sp {display:block;line-height: 0;}
br.sp50-pc {display:none;line-height: 0;}
br.pc46-sp {display:block;line-height: 0;}
br.sp46-pc {display:none;line-height: 0;}
br.pc34-sp {display:block;line-height: 0;}
br.sp34-pc {display:none;line-height: 0;}

body {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin: 0 auto;
	padding: 0; /* head takasa_kotei */
	font-size: 1em;
	border-top: #a51502 solid 10px;
}


.te_sup {
	mrgin-top:-.5em;
	vertical-align: top;
	font-size: 0.7em;
}
.te_sub {
	vertical-align: bottom;
	font-size: 0.7em;
}


.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
*zoom:1;
}

a {pointer-events:auto;}

a:hover {
  opacity: 0.8;
}

p {
	text-align: justify;
	line-height: 1.7;
	text-indent: 1em;
}
p.nonindent {
	text-align: justify;
	text-indent: 0;
}
p.int1 {
	margin-left: 1em;
	text-align: justify;
	text-indent: -1em;
}

ul {
	list-style: none;
}

h1 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 146%;
	width: 100%;
	max-width: 860px;
	margin: 40px auto 20px;
	padding-left: 5px;
}
h1 span {
	font-size: 60%;
	font-weight: 400;
	display: block;
	margin: 0 0 5px -5px;
	padding: 3px 10px;
}
h1 span.katudo {background-color:#fcfaa7 ;}

h1.h1_salon ,
h1.h1_newmember {
	overflow: hidden;
}
h1.h1_salon img ,
h1.h1_newmember img {
	width: 100%;
}

.table_box {
	font-size: 86%;
	width: 100%;
	max-width: 860px;
}

.pc_sp {display:inline;}
.sp_pc {display:none;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

/*-------------------
text
-------------------*/
.bold {font-weight: 700}

.blue {color: #4d84ea;}


/*-------------------
small
-------------------*/
small {font-size:.7em;}



/*-------------------
margin
-------------------*/
.mt0 {
	margin-top:0 !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt1em {
	margin-top:1em !important;
}
.mt1em_p {
	margin-top:2em !important;
}
.mt2em_p {
	margin-top:3em !important;
}
.mt3em_p {
	margin-top:4em !important;
}
.mt4em_p {
	margin-top:5em !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt40 {
	margin-top:40px !important;
}


.ml20{
	margin-left:20px !important;
}

.mb0 {
	margin-bottom:0 !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb1em {
	margin-bottom:1em !important;
}
.mb1em_p {
	margin-bottom:2em !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb40 {
	margin-bottom:40px !important;
}




/* ベースレイアウト */
header , #pankuzu {
	clear: both;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	Z-index: 5;
}
main {
	clear: both;
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
	padding: 0;
	Z-index: 5;
}

header {
	padding-bottom:5px;
	background-color:#ffffff;
	border-bottom: #a51502 solid 1px;
	Z-index: 10;
}

header > #logo {
	display: inline-block;
	margin:10px 0 0 5px;
	text-align: left;
}
header > #logo span#issue {
	display: inline-block;
	padding-left: 25px;
	padding-right: 5px;
}
header > #logo span#issue a {
	font-size:120%;
	font-weight: 700;
	color: #333333;
	text-decoration: none;
}

.container {
	clear: both;
	margin: 0 auto 2em;
	position: relative;
	width: 100%;
	max-width: 1000px;
}

@media screen and (max-width: 768px) {
	body {
		padding: 35px 0 0; /* head固定時の高さ調整 */
	}

	header {
		position: fixed;
		top: 0;
		border-top: #a51502 solid 6px;
	}

	.container {
		clear: both;
		margin: 0 auto 40px auto;
		width: 90%;
	}


} /* (@media screen max-width: 768px) */


#pankuzu {
	display: flex;
	margin-bottom: 20px;
	padding: 5px;
}
#pankuzu li {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:0.8em;
	padding:0 0 0 5px;
}
#pankuzu li::after {
	content: ' >';
}
#pankuzu li:last-child::after {
	content: none;
}

#pankuzu li a {
	color: #0066CC;
}



/*-------------------
Peag kihon kousei
-------------------*/
article {
	display: block;
	margin: 0 auto 30px;
	padding: 0;
	width: 100%;
	max-width: 860px;
}
.section {
	display: block;
	margin: 0 auto 1em ;
	padding: 0;
}
.section_nawid {
	display: block;
	margin: 0 7em 1em ;
	padding: 0;
}

h1#report {
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom: 0;
	padding: 0 0 5px 10px;
	font-size: 100%;
	color: #4d84ea;
	border-bottom: #4d84ea solid 1px;
}
h1#columu {
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;
	padding: 35px 0 5px 10px;
	height: 60px;
	font-size: 100%;
	color: #4d84ea;
	vertical-align: bottom;
	border-bottom: #4d84ea solid 1px;
	background: url(../images/columu_h2image.jpg) no-repeat right bottom;
}
h1#columu-nonimg {
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;
	padding: 35px 0 5px 10px;
	height: 60px;
	font-size: 100%;
	color: #4d84ea;
	vertical-align: bottom;
	border-bottom: #4d84ea solid 1px;
}
h1#columu-nonimg2 {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: #4d84ea solid 1px;
}
h1#columu-nonimg2 #col_title {
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0 0 2px 0;
	padding: 15px 1.3em 2px 0;
	font-size: 90%;
	color: #4d84ea;
}
h1#columu-nonimg2 #c_writer {
	font-family: "UD デジタル 教科書体 NK-B","UD デジタル 教科書体 N-B";
	display: inline-block;
	float:right;
	margin: 30px 0 0 0;
	padding: 3px 0 0;
	font-size: 65%;
	color: #333333;
	text-align: right;
	vertical-align: bottom;
}
img.img_column {
	width: 32px;
	margin: 0 10px -8px 0;
}


h2 ,
h3.houmuH3 {
	font-family: 'Noto Sans JP', sans-serif;
	padding-bottom: 5px;
	font-size: 125%;
	color: #4d84ea;
	border-bottom: #4d84ea solid 1px;
}

h3 {
	font-size: 100%;
	font-weight:600;
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
h3 span.h3_sub {
	font-size: 87.5%;
	font-weight:400;
	margin: 0;
	padding: 0;
}

div#column_writer {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	display: block;
	margin: 20px 0 0 0;
	padding: 3px 0 0;
	font-size: 100%;
	font-weight:700;
	color: #333333;
	text-align: right;
	vertical-align: bottom;
}


figure {
	display: block;
	margin: 0.5em auto;
	padding: 0;
	font-size: 90%;
	text-align: center;
}
figure.report {
	display: block;
	margin: 0.5em auto;
	padding: 50px 0;
	font-size: 90%;
	text-align: center;
	background: #f5f5f8;
}
figure.pht2 {
	display: block;
	justify-content: center;
	margin: 0.5em auto;
	padding: 0;
	font-size: 90%;
	text-align: center;
}

figure img {
	width: 100%;
	max-width: 640px;
	margin: 0 0 5px 0;
	padding: 0;
}
figure.h4_3 img {
	width: 100%;
	max-width: 500px;
	margin: 0 0 5px 0;
	padding: 0;
}
figure.portrait img {
	width: 100%;
	max-width: 340px;
	margin: 0 0 5px 0;
	padding: 0;
}
figure.books img {
	width: 100%;
	max-width: 240px;
	margin: 0 0 5px 0;
	padding: 0;
}
figure.pht2 img {
	width: 100%;
	max-width: 360px;
	margin: 0 10px 5px 10px;
	padding: 0;
}
figure.newmem img {
	width: 100%;
	max-width:580px;
	margin: 0 20px 10px;
	padding: 0;
}

figure span.captopn {
	display: inline-block;
	margin: 0 auto;
	font-size: 90%;
	color: #333333;
	text-align: left;
	font-feature-settings: "palt" 1;
}
figure span.b_captopn {
	display: inline-block;
	margin: 0 auto;
	font-size: 90%;
	color: #0070C0;
	text-align: left;
	font-feature-settings: "palt" 1;
}

.cap_left {
display: inline-block;
text-align: left;
}
.cap_right {
display: inline-block;
text-align: right;
}


/*-------------------
contents
-------------------*/
ul.li_contents ,
ul.li_contents_spis {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 860px;
	margin: 0 auto 30px;
	padding: 0;
}
ul.li_contents_spis {
	flex-wrap: nowrap;
}
ul.li_contents li {
/*	width:100%;*/
	width:calc(94%/3);
	margin: 0 1% 5%;
	padding: 0;
	border: #2068bf solid 2px;
	border-radius: 16px;
}
ul.li_contents_spis li {
	width:100%;
	margin: 0 1%;
	padding: 0;
	border: #2068bf solid 2px;
	border-radius: 16px;
}
ul.li_contents li h1.co_title ,
ul.li_contents_spis li h1.co_title {
	display: inline-block;
	border-radius: 14px 14px 0 0;
	margin: 0;
	padding: 5px 5px 5px 10px;
	font-weight: 400;
	font-size: 90%;
}
ul.li_contents li h1.co_title.tx_salon ,
ul.li_contents_spis li h1.co_title.tx_salon {
	color: #ffffff;
	background-color: #4d84ea;
}
ul.li_contents li h1.co_title.tx_katudo {
	color: #000000;
	background-color: #fcfaa7;;
}

ul.li_contents li h1.co_title.tx_newmember {
	color: #ffffff;
	background-color: #ff8c00;;
}


ul.li_contents li a img ,
ul.li_contents_spis li a img {
	width: 100%;
/*	max-width: 269px;*/
}
ul.li_contents li a img.hosei ,
ul.li_contents_spis li a img.hosei {
	width: 100%;
	max-width: none;
	border-radius: 14px 14px 0 0;
	border-bottom: #2068bf solid 1px;
}
ul.li_contents_spis li a img.hosei_t2 {
	width: 100%;
	max-width: none;
	border-bottom: #2068bf solid 1px;
}

ul.li_contents li div.info_box {
	display: block;
	margin: 0;
	padding: 5px;
}
ul.li_contents_spis li div.hosei_box .narrator_l ,
ul.li_contents_spis li div.hosei_box .narrator ,
ul.li_contents li div.info_box .narrator {
	display: block;
	font-weight: 700;
	padding: 5px 0 15px;
}
ul.li_contents_spis li div.hosei_box .narrator {
	font-size: 110%;
	line-height: 1.3;
}
ul.li_contents_spis li div.hosei_box .narrator_l {
	font-size: 126%;
	line-height: 1.3;
}
ul.li_contents li div.info_box .narrator26 {
	display: block;
	font-weight: 700;
	padding: 5px 0 5px;
}


ul.li_contents li div.info_box .title {
	display: block;
	font-weight: 700;
	margin: 0;
	padding: 5px 0 15px;
	font-feature-settings: "palt";
}
ul.li_contents_spis li div.hosei_box .narrator_l a ,
ul.li_contents_spis li div.hosei_box .narrator a ,
ul.li_contents li div.info_box .narrator a ,
ul.li_contents li div.info_box .title a {
	color: #2068bf;
	text-decoration: none;
}
ul.li_contents_spis li div.hosei_box .narrator_l a:hover ,
ul.li_contents_spis li div.hosei_box .narrator a:hover ,
ul.li_contents li div.info_box .narrator a:hover ,
ul.li_contents li div.info_box .title a:hover {
	color: #a51502;
}
ul.li_contents li div.info_box .int_title {
	display: block;
	font-size: 95%;
	font-weight: 700;
	text-align: left;
	padding: 0 0 5px 0;
}
ul.li_contents li div.info_box .int_title26 a {
	display: block;
	font-size: 95%;
	font-weight: 700;
	text-align: left;
	padding: 0 0 10px 0;
	color: #2068bf;
	text-decoration: none;
}
ul.li_contents li div.info_box .int_title26 a:hover {
	color: #a51502;
}

ul.li_contents_spis li div.hosei_box .job_title ,
ul.li_contents li div.info_box .job_title ,
ul.li_contents li div.info_box .theme {
	display: block;
	font-size: 85%;
	text-align: justify;
	line-height: 1.4;
	padding: 0;
}
ul.li_contents_spis li div.hosei_box .job_title_l {
	display: block;
/*	margin-top: 1em; */
	font-size: 95%;
	text-align: justify;
	vertical-align: bottom;
	line-height: 1.4;
}

ul.li_contents_spis li div.hosei_box .job_title .reporter {
	font-size: 126%;
	font-weight: 700;
}
ul.li_contents_spis li div.hosei_box .job_title_l .reporter_l {
	font-size: 130%;
	font-weight: 700;
}

ul.li_contents_spis li div.hosei_box {
	display: block;
	margin: 0;
	padding: 5px 1.2em;
}
ul.li_contents_spis li div.hosei_box .contents_column_theme {
	display: block;
	font-size: 100%;
	text-align: justify;
	line-height: 1.5;
	padding: 0;
}
ul.li_contents_spis li div.hosei_box .contents_column_theme_l {
	display: block;
	font-size: 110%;
	text-align: justify;
	line-height: 1.2;
	padding: 5px 0 0;
	font-weight: 700;
}

ul.li_contents_spis li div.hosei_box .contents_column_theme a {
	color: #333333;
	text-decoration: none;
}
ul.li_contents_spis li div.hosei_box .contents_column_theme_l a {
	color: #333333;
	text-decoration: none;
}
ul.li_contents_spis li div.hosei_box .contents_column_narrator_l {
	display: block;
	font-size: 126%;
	padding: 5px 0 15px;
	line-height: 1.3;
	font-weight: 700;
}
.tx_blue ,
ul.li_contents_spis li div.hosei_box .tx_bl a ,
ul.li_contents_spis li div.hosei_box .contents_column_narrator_l a {
	color: #2068bf !important;
	text-decoration: none;
}
ul.li_contents_spis li div.hosei_box .contents_column_narrator_l a:hover ,
ul.li_contents_spis li div.hosei_box .tx_bl a:hover ,
ul.li_contents_spis li div.hosei_box .contents_column_theme_l a:hover ,
ul.li_contents_spis li div.hosei_box .contents_column_theme a:hover {
	color: #a51502 !important;
}
a span.column_narrator_sub {
	display: inline-block;
	font-size: 70%;
	font-weight: 500;
	margin: 0;
	padding: 0;
	color: #333333;
	line-height: 1.3;
}

ul.li_contents_spis li div.hosei_box .contents_column_theme span.contents_column_affiliation {
	display: inline-block;
	line-height: 1.3;
	margin: 1.5em 0 0;
}
ul.li_contents_spis li div.hosei_box span.contents_column_affiliation_l {
	display: inline-block;
	font-size: 90%;
	line-height: 1.4;
	margin: 15.2px 0 0;
	vertical-align: bottom;
}
ul.li_contents_spis li div.hosei_box span.contents_column_affiliation_l span.reporter_l {
	font-size: 130%;
	font-weight: 700;
}


/*-------------------
salon kousei
-------------------*/
#salon_data_box {
	display:flex;
	flex-direction:row-reverse;
	font-weight:400;
	margin: 0;
	padding: 0;
}
#salon_data_box .salon_data {
	position: relative;
	width: 100%;
	max-width: 500px;
}
#salon_data_box .salon_img {
	width: auto;
	float:right;
	display: inline-block;
}
#salon_data_box .salon_img img {
	width: 100%;
	max-height: 300px;

}
#salon_data_box .salon_data .salon_title ,
#salon_data_box .salon_data .salon_datainfo {
	display: inline-block;
	margin:0 20px 0 0;
	padding: 0;
}
#salon_data_box .salon_data .salon_title {
	position: absolute;
	top: 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:150%;
	font-weight:600;
}
#salon_data_box .salon_data .salon_datainfo {
	position: absolute;
	bottom: 0;
	font-size:134%;
	font-weight:600;
}
#salon_data_box .salon_data .salon_datainfo span {
	display: block;
	font-size: initial;
	font-weight:400;
	margin-bottom:10px;
}

div.salon_career {
	clear: both;
	margin-bottom: 80px;
	padding: 5px 5px 15px;
	border-bottom: #a51502 dotted 2px;
	font-size: 104%;
	line-height: 1.6;
	text-align: justify;
}
div.salon_career span {
	display: block;
	margin: 15px 0 10px 0;
	padding: 2px 0 0 10px;
	background-color: #a51502;
	font-size: 90%;
	font-weight: 300;
	color: #ffffff;
}

.salon_interviewer {
	display: inline-block;
	font-weight:300;
	float: right;
	padding: 0 5px 3em 0;
}



/*-------------------
katudo
-------------------*/

span.speaker {color:#4d84ea; font-weight: 700;}
span.listener {color:#f59236; font-weight: 700;}
.lih20 {line-height: 20px !important;}
.lih30 {line-height: 30px !important;}
.lih32 {line-height: 32px !important;}
.lih34 {line-height: 34px !important;}
.lih36 {line-height: 36px !important;}

#katudo_deta-area {
	display: block;
	width: 100%;
	margin: 10px 0 0 0;
}
#katudo_deta-area .katudo_data {
	display: block;
	font-size: 120%;
	margin-bottom:10px;
	line-height: 1.3;
}
#katudo_deta-area .katudo_data span {
	font-size: 80%;
	margin-left: 10px;
}
#katudo_deta-area .katudo_image {
	display: inline-block;
	width: 30%;
	max-width: 260px;
}
#katudo_deta-area .katudo_award {
	display: inline-block;
	width: 63.5%;
	font-size: 100%;
	font-weight:400;
	margin-left: 3em;
	text-align: justify;
	line-height: 1.4;
}
#katudo_deta-area .katudo_award span {
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	font-size: 90%;
	color: #ffffff;
	background-color: #a51502;
}

div.katudo_kakomi {
	display: block;
	margin:20px 0 15px;
	padding: 10px 0 10px;
	font-size: 134%;
	color: #ffffff;
	text-align: center;
	background-color: #4d84ea;
}
div.katudo_kakomi span {
	display: inline-block;
	margin:1em auto 0;
	font-size: 75%;
	text-align: left;
}

#h1_tittle {
	margin:40px 0 5px 0;
	padding: 10px 0 15px 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 146%;
	font-weight:600;
	color: #a51502;
	border-top: #a51502 solid 1px;
	border-bottom: #a51502 solid 1px;
}
#h1_tittlenoline {
	margin:30px 0 5px 0;
	padding: 0 0 0 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 146%;
	font-weight:600;
	color: #a51502;
}
#h1_tittle span ,
#h1_tittlenoline span {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 80%;
	font-weight:300;
	color: #333333;

}

#interviewer {
	font-size: 106%;
	margin-top:15px;
	margin-bottom:40px;
}

#read {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 110%;
	font-weight: 400;
	text-indent: 0;
	line-height: 1.5;
	margin-bottom: 2em;
	padding: 15px 0;
	border-top: #a51502 solid 1px;
	border-bottom: #a51502 solid 1px;
}


/*-------------------
newmember
-------------------*/

h1.h1_newmember {
}

#newmember_data_box {
	width: 100%;
	margin: 0;
	padding: 0;
}
#newmember_data_box .newmember_img {
	margin: 0 0 0 0;
	text-align: center;
}
#newmember_data_box .newmember_img img{
	width: 100%;
	max-width: 760px;
}
#newmember_data_box .newmember_data {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
#newmember_data_box .newmember_data .newmember_title {
	font-size: 24px;
	font-weight: 600;
	margin: 0;
	padding: 0;
}
#newmember_data_box .newmember_data .newmember_datainfo {
	margin: 0;
	padding: 0;
}
#newmember_data_box .newmember_data .newmember_datainfo a {
	display: inline-block;
	width: 6.5em;
	margin: 0;
	padding: 5px 15px;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	border-radius: 20px;
	background-color: #538bff;
}
#newmember_data_box .newmember_data .newmember_datainfo span {
	display: inline-block;
	width: 6.5em;
	margin: 0;
	padding: 5px 15px;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	border-radius: 20px;
	background-color: #c1c1c1;
}

div.newmember_career {
	clear: both;
	margin: 5px 0 50px 0;
	padding: 2px 5px 5px;
	border-top: #ff8c00 solid 1px;
	border-bottom: #ff8c00 dotted 2px;
	font-size: 104%;
	line-height: 1.6;
	text-align: justify;
}



/*-------------------
houmu
-------------------*/
#col_writer {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 5px 0 2em 5px;
	font-size: 110%;
	color: #333333;
}
#col_writer span.coW_mark {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 3px;
	font-size: 80%;
	color: #ffffff;
	background-color: #66cdaa ;
}
.li_houmu ,
.li_houmu_chk {
	margin: 20px 1em;
	padding: 0.8em 0 0.2em 1.5em;
	background: #f5f5f8;
}
.li_houmu li {
	margin: 5px 0 10px 0;
}
.li_houmu li span.num {
	display: inline-block;
	padding-right: 10px;
	font-weight: 600;
}

.li_houmu_chk li {
	margin: 5px 0 15px 0;
	position: relative;
	padding-left: 20px;
	font-weight: 600;
}
.li_houmu_chk li:before {
	content: "";
	position: absolute;
	top: .1em;
	left: 0;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 5px;
	height: 10px;
	border-right: 3px solid #686868;
	border-bottom: 3px solid #686868;
}

.li_notes {
	display: block;
	list-style:none;
	margin: 1.5em 0 1em;
	padding: 5px 10px;
	background: #ececec;
}
.li_notes li {
	margin: 10px 0 10px 3.5em;
	padding: 0;
	text-indent: -3.5em;
	font-size: 80%;
	line-height: 1.3;
}

.ed_sent {
	display: block;
	margin-top: 1em;
	text-align: right;
}


h2#report_title {
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	height: 180px;
	margin: 0 0 2em;
	padding: 10px 20px 10px;
	background-color: #4169e1 ;
	font-size: 140%;
	line-height: 1.4;
	color: #ffffff;
}
h2#report_title_l {
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	height: 180px;
	margin: 0 0 2em;
	padding: 10px 20px 10px;
	background-color: #4169e1 ;
	font-size: 160%;
	line-height: 1.4;
	color: #ffffff;
}
h2#report_title_col2 {
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	height: auto;
	margin: 0 0 2em;
	padding: 10px 20px 10px;
	background-color: #4169e1 ;
	font-size: 160%;
	line-height: 1.4;
	color: #ffffff;
}
h2#report_title img ,
h2#report_title_l img {
	float: right;
}
h2#report_title div#affiliation ,
h2#report_title_l div#affiliation {
	width: calc(100% - 150px);
	max-width: 560px;
	position: absolute;
	bottom: 0;
	margin: 0 0 0 .2em;
	padding-bottom: 10px;
	font-size: 60%;
	font-weight:400;
	line-height: 1.4;
}

h2#report_title div#affiliation span.writer {
	display: inline-block;
	font-size: 140%;
}
h2#report_title_l div#affiliation span.writer {
	display: inline-block;
	font-size: 126%;
}

/* 著者２名 */
h2#report_title_col2 div#col2 {
	display: flex;
	margin: 15px 0 0;
	padding: 0;
}
h2#report_title_col2 div#col2 .affiliation2 {
	display: flex;
	align-items: flex-end;
	width: 50%;
	padding-bottom: 0;
	font-size: 50%;
	font-weight:400;
	line-height: 1.4;
}
h2#report_title_col2 div#col2 .affiliation2:nth-child(1) {
	margin: 0 10px 0 0;
}
h2#report_title_col2 div#col2 .affiliation2:nth-child(2) {
	margin: 0 0 0 10px;
}
h2#report_title_col2 div#col2 .affiliation2 .box_writer {
	margin: 0 0 0 5px;
}
h2#report_title_col2 div#col2 .affiliation2 .box_writer span.writer {
	display: inline-block;
	font-size: 140%;
}


/*法政委員コラム*/
.fnt_uddigi {
	font-family: 'UD デジタル 教科書体 NP-B';
}

/*-------------------
footer
-------------------*/
footer {
	clear: both;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	margin: 5% auto 0;
	border-top: #777777 solid 4px;
	background-color: #eeeeee;
}

footer div#footer ,
footer #bar_corp div.corp_name {
	clear: both;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	Z-index: 5;
}

footer div#footer #footer_content {
	display: flex;
	margin: 0;
	padding: 0 0 0 10px;
}

div.footer_left {

}
div.footer_right {
	max-width: 530px;
}
div.footer_left ul {
	display: flex;
	margin: 0;
	padding: 15px 0 0 0;
}
div.footer_left li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
div.footer_left li a {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
}
div.footer_left li img {
	margin-top: 0;
}
div.footer_left li p {
	margin: 0;
	padding-top: 16px;
	font-style: normal;
	font-weight: 300;
	font-size:0.9em;
	line-height: 1.0;
}

div.footer_right ul {
	display: flex;
	flex-wrap: wrap;
	margin: 16px 0 0;
	padding:0 0 0 10px;
	vertical-align: bottom;
}
div.footer_right li {
	margin: 0;
	padding:0 0 0 30px;
}
div.footer_right li a {
	background: url(../../../../common/images/foot_arrow.jpg) no-repeat left;
	padding-left: 10px;
	font-size:0.75em;
	line-height: 24px;
}
div.footer_right li a:hover {
	text-decoration:none;
}
footer #bar_corp {
	background-color: #333333;
}
footer #bar_corp div.corp_name {
	line-height: 34px;
	font-size: 0.8em;
	padding: 0 5px;
	color: #fff;
}


/*-------------------
img_modal
-------------------*/
#modaldisplay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	background: rgba(165,21,2,0.35);
}
#modaldisplay img {
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	margin: auto;
	max-width:98%;
	max-height: 98%;
	height: auto;
	border: #037db1 1px solid;
}


/*-------------------
Page Top
-------------------*/
#pageTop {
	position: fixed;
	bottom: 110px;
	right: 7%;
}
#pageTop a {
	display: block;
	z-index: 999;
	padding: 6px 1em 6px 1.3em;
	text-decoration: none;
	border-radius: 14px;
	background-color: rgb(101, 157, 250);
	border: 1px solid rgb(35, 61, 239);
	filter: drop-shadow(0px 0px 10px #cdcdcd);
}
#pageTop a:hover {
	background-color: rgb(140, 180, 250, 0.8);
}
#pageTop a i {
	font-weight: 900;
	font-size: 28px;
	color: #ffffff;
	position: absolute;
	width: 34px;
	bottom: 4px;
	left: 0;
	margin: 10px 0 0 10px;
	text-align: left;
}
#pageTop a p {
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: 700;
	color: #ffffff;
	text-align: left;
}

#pageTop a i  {display:inline-block;}




/*-------------------
SP size（max-width:1000px）
-------------------*/
@media screen and (max-width: 1000px) {
/* Page Top */
#pageTop {
	bottom: 90px;
	right: 2%;
}


} /* (@media screen max-width: 1000px) */

/*-------------------
SP size（max-width: 768px）
-------------------*/
@media screen and (max-width: 768px) {

	br.pc-sp {display:none;}
	br.sp-pc {display:block;}


	h1.h1_salon img {
		max-width: 768px;
	}

span.anlik ,
div.anlik ,
p.anlik ,
h2.anlik ,
h3.anlik {
	padding-top: 86px;
	margin-top: -86px;
}
.pc_sp {display:none;}
.sp_pc {display:inline;}


#pankuzu {
	display: none;
}


figure.report {
	padding: 10px 5px;
}
figure.pht2 {
	display: block;
}

figure.h4_3 img {
	width: 100%;
	max-width: 340px;
	margin: 0 0 5px 0;
	padding: 0;
}
figure.portrait img {
	width: 100%;
	max-width: 200px;
	margin: 0 0 5px 0;
	padding: 0;
}
figure.books img {
	width: 100%;
	max-width: 160px;
	margin: 0 0 5px 0;
	padding: 0;
}
figure.pht2 img {
	width: 100%;
	max-width: 640px;
	margin: 0 auto 10px;
	padding: 0;
}


/* kihon */
.section_nawid {
	display: block;
	margin: 0 auto 1em ;
	padding: 0;
}

/* houmu */
h1#columu {
	margin: 40px 0 0;
}
h1#columu-nonimg2 {
	margin: 40px 0 0;
}
h1#columu-nonimg2 img {
	width: 30%;
}
h1#columu-nonimg2 #c_writer ,
div.column_writer {
	margin: 2% 0 0 0;
	padding: 0 0 5px 0;
	font-size: 60%;
}
h1#columu-nonimg2 img.img_column {
	width: 32px;
	margin: 0 10px -8px 0;
}

h2#report_title {
	padding: 5px 10px;
	background-color: #4169e1  ;
	font-size: 120%;
	color: #ffffff;
}
h2#report_title_l {
	padding: 5px 10px;
	background-color: #4169e1  ;
	font-size: 130%;
	color: #ffffff;
}
h2#report_title div#affiliation ,
h2#report_title_l div#affiliation {
	display: block;
	margin: 1em 0 0 0;
	font-size: 60%;
	font-weight:400;
	line-height: 1.4;
	text-indent: 0;
}
h2#report_title div#affiliation span.writer {
	margin: 5px 0 0;
	font-size: 140%;
}
h2#report_title_l div#affiliation span.writer {
	margin: 5px 0 0;
	font-size: 150%;
}


/* 著者２名 */
h2#report_title_col2 div#col2 {
	display: block;
}
h2#report_title_col2 div#col2 .affiliation2 {
	display: flex;
	align-items: flex-end;
	width: 100%;
	font-size: 50%;
}
h2#report_title_col2 div#col2 .affiliation2 img {
	width: 100%;
	max-width: 100px;
}
h2#report_title_col2 div#col2 .affiliation2:nth-child(1) {
	margin: 0 0 10px 0;
}
h2#report_title_col2 div#col2 .affiliation2:nth-child(2) {
	margin: 10px 0 0 0;
}
h2#report_title_col2 div#col2 .affiliation2 .box_writer {
	margin: 0 0 0 10px;
}
h2#report_title_col2 div#col2 .affiliation2 .box_writer span.writer {
	display: inline-block;
	font-size: 140%;
}






#col_writer {
	font-size: 90%;
}
#col_writer span.coW_mark {
	padding: 2px 3px 2px;
	font-size: 76%;
}


/* contents */
ul.li_contents ,
ul.li_contents_spis {
	display: block;
	width: 100%;
	max-width: 673px;
	margin: 0 auto 30px;
	padding: 0;
}


ul.li_contents li ,
ul.li_contents_spis li {
	width:100%;
	margin: 5px 1% 15px;
}
ul.li_contents li a img {
	width: 100%;
	max-width: 768px;
}

ul.li_contents li div.info_box {
	width: 100%;
	margin: 0;
	padding: 0 10px 10px;
	vertical-align: top;
}
ul.li_contents li div.info_box .narrator {
	padding: 5px 0 10px;
}
ul.li_contents li div.info_box .title {
	padding: 10px 0 15px;
}



/* salon */
#salon_data_box .salon_data {
	float: initial;
	width: 100%;
	max-width: initial;
	height: initial;
	max-height: initial;
	margin: 0 auto;
}
#salon_data_box .salon_img {

}
#salon_data_box .salon_data .salon_title {
	text-align: left;
	margin: 0 0 10px 0;
}

#salon_data_box .salon_data .salon_datainfo {
	width: 100%;
	text-align: left;
	font-size: 90%;
}
#salon_data_box .salon_data .salon_datainfo span {
	display: inline-block;
	font-size: 85%;
	margin-bottom:5px;
}


div.salon_career {
	clear: both;
	margin-top: 20px;
	padding: 2px 10px 4px;
	font-size: 96%;
	border-top: none;
	border-bottom: none;
	background-color: #eeeeee;
}

/* katudo */
#katudo_deta-area .katudo_image {
	display: block;
	width: 100%;
}
#katudo_deta-area .katudo_image img {
	width: 100%;
	max-width: 260px;
}
#katudo_deta-area .katudo_award {
	display: block;
	width: 100%;
	font-size: 85%;
	margin-top: 10px;
	margin-bottom: 2em;
	margin-left: 0;
}
#katudo_deta-area .katudo_award span {
}

/* newmember */
#newmember_data_box .newmember_data {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}
#newmember_data_box .newmember_data .newmember_datainfo {
	margin: 5px 0 0;
}


/* footer */
footer div#footer #footer_content {
	display: block;
}
div.footer_left ul li {
	display: block;
	margin: 0;
	padding: 0;
}
div.footer_left ul li a {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
}
div.footer_left ul li img {
	margin-top: 0;
}

div.footer_right {
	display: block;
	max-width: initial;
}
div.footer_right ul {
	margin: 0 0 10px;
	padding:0;
	vertical-align: top;
}
div.footer_right li {
	margin: 0;
	padding:0 0 0 10px;
}
div.footer_right li a {
	font-size:0.80em;
	Z-index:50;
}
div.footer_right li a:hover {
	text-decoration: none;
}


/* img_modal */
#modaldisplay img {
	top: 16%;
}


/* Page Top */
#pageTop {
	bottom: 120px;
}
#pageTop a {
	padding: 6px 0.8em 6px 0;
}
#pageTop a p {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
}

#pageTop a i  {display:none;}



} /* (@media screen max-width: 768px) */


/*-------------------
SP size（max-width: 540px）
-------------------*/
@media screen and (max-width: 540px) {
br.pc54-sp {display:none;line-height: 0;}
br.sp54-pc {display:block;line-height: 0;}



} /* (@media screen max-width: 540px) */



/*-------------------
SP size（max-width: 500px）
-------------------*/
@media screen and (max-width: 500px) {
br.pc50-sp {display:none;line-height: 0;}
br.sp50-pc {display:block;line-height: 0;}



} /* (@media screen max-width: 500px) */



/*-------------------
SP size（max-width: 460px）
-------------------*/
@media screen and (max-width: 460px) {
br.pc46-sp {display:none;line-height: 0;}
br.sp46-pc {display:block;line-height: 0;}

	h1.h1_salon img {
		width: auto;
		height: 45px;
	}


/* houmu */
h1#columu {
	margin: 10px 0 0 0;
	background-size: 45%;
}
h1#columu-nonimg2 {
	margin: 60px 0 0;
}
h1#columu-nonimg2 #c_writer ,
div.column_writer {
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	font-size: 50%;
	font-weight: 700;
}
h1#columu-nonimg2 img {
	width: 35%;
}

h1#columu-nonimg2 img {
	width: 35%;
}



/* contents */
ul.li_contents li img {
	width: 100%;
	max-width: 460px;
	border-radius: 0;
}

ul.li_contents li div.info_box {
	width: 100%;
	margin: 0;
	padding: 0 10px 10px;
	vertical-align: top;
}
ul.li_contents li div.info_box .narrator {
	padding: 5px 0 10px;
}
ul.li_contents li div.info_box .title {
	padding: 10px 0 15px;
}



/* salon */
#salon_data_box {
	display: block;
	text-align: center;

}

#salon_data_box .salon_data .salon_title ,
#salon_data_box .salon_data .salon_datainfo {
	width: 100%;
}
#salon_data_box .salon_data .salon_title ,
#salon_data_box .salon_data .salon_datainfo {
	position: initial;
}
#salon_data_box .salon_data .salon_title {
	margin: 0 0 10px 0;
}
#salon_data_box .salon_data .salon_datainfo {
	font-size: 90%;
}

#salon_data_box .salon_img {
	float: initial;
	display:inline-block;
	width: 100%;
}
#salon_data_box .salon_img img {
	width: 100%;
	max-width: 360px;
}


/* houmu */
h2#report_title ,
h2#report_title_l {
	height: 190px;
	margin: 0 0 1.5em;
	padding: 10px;
	text-indent: 0;
}
h2#report_title img ,
h2#report_title_l img {
	float: none;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70px;
	margin: 0 10px 18px 10px;
}
h2#report_title div#affiliation ,
h2#report_title_l div#affiliation {
	width: calc(100% - 100px) ;
	margin: 0 10px 0 0;
	padding: 0 0 10px;
	font-size: 60%;
	line-height: 1.5;
}
h2#report_title div#affiliation span.writer {
	display: inline-block;
	font-size: 140%;
}

h3.houmuH3 {
	font-size: 110%;
}


/* footer */
div.footer_left ul {
	display: block;
}
div.footer_left ul li:nth-of-type(2) {
	margin: 0 0 0 60px;
}
div.footer_left ul li p {
	padding-top: 5px;
	font-size: 0.9em;
	line-height: 1.2;
}
div.footer_right ul {
	margin: 10px 0;
}


} /* (@media screen max-width: 460px) */


/*-------------------
SP size（max-width: 340px）
-------------------*/
@media screen and (max-width: 340px) {
br.pc34-sp {display:none;line-height: 0;}
br.sp34-pc {display:block;line-height: 0;}

h2#report_title ,
h2#report_title_l {
	height: 260px;
}

#newmember_data_box .newmember_data .newmember_title {
	font-size: 18px;
}

} /* (@media screen max-width: 340px) */

@media print {
	header , ul#pankuzu , footer , #pageTop {display:none;}
} /* (@media print) */