@charset "utf-8";
/* CSS Document */


/* 全体
============================================================================================================*/
*  {
	padding : 0px;
	margin : 0px;
}
.int-a {
 width: 31%;
 overflow-x: hidden;
 overflow-y: hidden;
}




ul li{
	list-style-type: none;
}



/* body
============================================================================================================*/
body   {
 color: #000000;
 font-size: 13px;
 line-height: 160%;
 font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
 margin-top: 0px;
 background-color: #fdfcf8;

}
.t10 {
	font-size: 90%;
}
.t14 {
	font-size: 110%;
}

.t16 {
	font-size: 140%;
}
img {
 border-style: none;
 height: auto;
 line-height: 100%;
}
a img {
	border-style:none;
}
.clear { 
    clear:both; 
}
.clear hr { 
    display: none; 
}
a {
	text-decoration:none;
	color:#003399;
 cursor:pointer;cursor:hand;
}
a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}
a:hover {
	text-decoration:underline;
	color:#FF6600;
}

/* wrapper
============================================================================================================*/

#wrapper {
}

.section{
 margin-left: auto;
 margin-right: auto;
 max-width: 1200px;
 min-width: 780px;
}
 .odd {
 background-color: #f9f9f9;
}
.table01 {
	width: 100%;
	background-color: #FFFFFF;
}
.table01 th,.table01 td {
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-size: 110%;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.table01 th {
	width: 150px;
	font-weight: normal;
}
.table01 td {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}


.contact   {
	margin-left: auto;
	margin-right: auto;
}

.contact table  {
	width: 96%;
	border-top: 2px solid #198200;
	margin-top: 15px;
}
.contact table th, .contact table td {
	border-bottom: 2px solid #198200;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.contact table th {
	width: 30%;
	text-align: left;
	padding-left: 30px;
	background-color: #e5ffbb;
}


.contact table td input {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.size50 {
	width: 50%;
}
.size100 {
	width: 95%;
}
header {
 background-color: #fdfcf8;
 border-top: 5px solid #a0860a;
 line-height: 100%;
 padding-bottom: 8px;
}
.head {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}
.head-logo {
 display: flex;
 width: 60%;
}

.head-menu {
 margin-top: 15px;
 text-align: right;
 width: 40%;
}
.index-menu .section {
 position: relative;
}

.index-menu .section ul li {
 width: 33%;
}
.index-menu .section ul {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 flex-wrap: wrap;
 position: absolute;
 padding-top: 0px;
 top: -50px;
 width: 70%;
 margin-left: 15%;
 z-index: 999;
 margin-right: 15%;
}
.index-menu .section ul a {
 display: block;
 width: 100%;
 text-align: center;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color: rgba(255,255,255,1.00);
 -webkit-box-shadow: 1px 1px 2px rgba(181,181,181,1.00);
 box-shadow: 1px 1px 2px rgba(181,181,181,1.00);
}
.index {
 margin-top: 230px;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 -webkit-transform-origin: 0 0;
 -webkit-transform: scale(1, 1.01);
 -moz-transform-origin: 0 0;
 -moz-transform: scale(1, 1.01);
 -ms-transform-origin: 0 0;
 -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
 -o-transform-origin: 0 0;
 -o-transform: scale(1, 1.01);
}
.interview-list {
 margin-bottom: 30px;
}
.back {
 text-align: center;
 background-color: #f2f2f2;
}
footer .cl {
 background-color: #a0860a;
 color: rgba(255,255,255,1.00);
 text-align: center;
 padding-top: 6px;
 padding-bottom: 6px;
 font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}



.index .section h2 {
 margin-bottom: 25px;
}

.interview-list ul,.interview-list ul li a {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-left: 10px;
 margin-right: 10px;
}
.int-a img {
 width: 150px;
 height: auto;
}
.interview-list a  {
 display: block;
 color: rgba(57,55,55,1.00);
 cursor:pointer;cursor:hand;
}

.int-b {
 width: 68%;
 position: relative;
 font-size: 130%;
}
.int-b label {
 height: 90px;
 border-bottom: 1px dotted rgba(199,199,199,1.00);
 display: flex;
 align-items: center;
 line-height: 140%;
 font-weight: 600;
 font-size: 105%;
}




.interview-list ul li {
 width: 49%;
 margin-bottom: 30px;
}
.int-b dl {
 height: 60px;
 display: flex;
 flex-direction: row;
 align-content: space-between;
 flex-wrap: wrap;
 margin-left: 5px;
 margin-right: 5px;
}

.int-b dl dt {
 font-size: 80%;
 width: 100%;
 margin-top: 5px;
 display: flex;
 align-items: center;
 line-height: 110%;
 height: 25px;
 font-weight: bold;
}
.int-b dl dd {
 font-size: 115%;
 width: 100%;
 font-weight: bold;
}
.bread{
 background-color: #a0860a;
 color: rgba(255,255,255,1.00);
 padding-top: 5px;
 padding-bottom: 5px;
}
.profile,.profilebox {
 width: 80%;
 margin-left: auto;
 margin-right: auto;
}

.profile {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-left: auto;
 margin-right: auto;
 margin-top: 30px;
 margin-bottom: 60px;
}
.proflie-name-inner h1 {
 height: 88px;
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
}
.proflie-name .proflie-name-inner h2 {
 margin-bottom: 15px;

}



.proflie-name dl {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 padding-top: 8px;
 padding-bottom: 8px;
 border-top: 1px solid rgba(204,204,204,1.00);
 line-height: 120%;
 align-items: center;
}
.profile-rireki dl dt {
 width: 25%;
 font-weight: bold;
 margin-left: 3%;
}

.profile-rireki dl dd {width: 70%;}

.profile-rireki {
 border-bottom: 1px solid rgba(204,204,204,1.00);
}

.proflie-name-inner {
 display: flex;
 flex-direction: column;
 align-content: space-between;
 height: 366px;
}
.proflie-name {
 width: 53%;

}
.profilebox h3 {
 margin-bottom: 30px;
}
.profilebox section {
 margin-top: 10px;
 margin-right: 10px;
 margin-bottom: 50px;
 margin-left: 10px;
 line-height: 200%;
}
.main-img img {
 width: 100%;
 line-height: 0%;
 display: block;
}
.interview {
 width: 755px;
 margin-top: 40px;
 margin-left: auto;
 margin-right: auto;
}
.section .interview .box {
 background-color: rgba(255,255,255,1.00);
 border-radius: 5px;
 border: 1px dotted rgba(148,136,121,1.00);
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 2px;
 padding-left: 10px;
 margin-bottom: 30px;
}
.box p {
 text-indent: 15px;
 margin-bottom: 10px;
}
.interview section h2 {
 color: #a0860a;
 padding-top: 30px;
 padding-right: 8px;
 padding-bottom: 8px;
 padding-left: 8px;
 font-size: 150%;
 border-bottom: 1px dotted #a0860a;
 margin-bottom: 15px;
 line-height: 140%;
}
.interview section article {
 margin-left: 19px;
 margin-right: 19px;
 margin-bottom: 20px;
}
.interview section article p {
 text-indent: 15px;
 margin-bottom: 10px;
 line-height: 180%;
}

.interview section article .no-ind,.box .no-ind {
 text-indent: 0px;
}

.inta-img {
 text-align: center;
 margin-bottom: 20px;
 background-color: rgba(255,255,255,1.00);
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 5px;
 padding-bottom: 10px;
 margin-top: 20px;
 color: rgba(77,71,62,1.00);
}

.inta-img img   {
 max-width: 100%;
 margin-bottom: 10px;
 display: block;
 margin-left: auto;
 margin-right: auto;
}
section article p {
}

.page-link {
 display: flex;
 justify-content: center;
 margin-bottom: 20px;
 margin-top: 0px;
}
.page-link a {
 display: block;
 text-align: center;
 padding-top: 8px;
 padding-bottom: 8px;
 margin-top: 2px;
 margin-right: 2px;
 margin-bottom: 2px;
 margin-left: 2px;
 border: 1px solid #a0860a;
 color: #a0860a;
 padding-left: 10px;
 padding-right: 10px;
}
.page-link a:hover,.page-link .now {
 background-color: #a0860a;
 color: rgba(255,255,255,1.00);
}
.section .box2 {
 margin-top: 50px;
 width: 740px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 30px;
 padding-right: 30px;
 padding-bottom: 30px;
 padding-left: 30px;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 flex-wrap: wrap;
 align-items: center;
 background-color: rgba(255,255,255,1.00);
 border: 1px solid #a0860a;
}
.interview section h3 {
 color: #a0860a;
 text-align: center;
 margin-bottom: 40px;
 font-size: 130%;
 margin-top: 35px;
}
.inta-list {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 flex-wrap: wrap;
}

.inta-list a {
 display: flex;
 align-items: center;
 color: rgba(75,75,75,1.00);
 width: 49%;line-height: 140%;
}
.inta-list a img {
 margin-right: 15px;
}
.slidermenu {
 position: relative;
}
.slidermenu div {
 position: absolute;
 top: -150px;
 right: 2%;
}
.slidermenu .rev{right: inherit;left: 2%;}

.slidermenu div dt a {
 display: block;
 width: 270px;
 color: rgba(255,255,255,1.00);
 border-radius: 10px;
 -webkit-box-shadow: 1px 1px 2px rgba(120,120,120,0.50);
 box-shadow: 1px 1px 2px rgba(120,120,120,0.50);
 text-align: center;
 margin-top: 5px;
 margin-right: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
 background-repeat: no-repeat;
 background-position: center center;
 height: 40px;
 text-indent: -9999px;
 cursor: pointer;
 cursor: hand;
 background-color: rgba(47,47,47,0.70);
}

.slidermenu div dt a:hover {
 background-color: rgba(255,134,0,0.90);
}

article ul li {
 list-style-type: circle;
 margin-left: 30px;
 margin-bottom: 10px;
}
.bread .section a {
 color: rgba(255,255,255,1.00);
}
.section-slide {
 min-width: 780px;
 max-width: 1780px;
}
.flexslider {
 min-width: 780px;
 margin-left: auto;
 margin-right: auto;
}
.logo-1 {
 height: auto;
 max-width: 33%;
}
.logo-2 {
 height: auto;
 max-width: 77%;
}
.head-logo img  {
 max-width: 100%;
 height: auto;
}
.head-menu a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    padding: 0 20px;
    font-size: 19px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
   
    font-size: 20px;
    color: rgb(255, 255, 255);
    transition: .4s;
}
.head-menu1{
 background: #5f5146;
 width: 35%;
}
.head-menu2{
 background: #646464;
 width: 20%;
}

.head-menu a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 21px #fdfcf8;
    border-bottom: solid 41px transparent;
    z-index: 1;
    transition: .4s;
}

.head-menu a:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 21px transparent;
    border-bottom: solid 41px #fdfcf8;
    z-index: 1;
    transition: .4s;
}

.head-menu a:hover:before, .head-menu a:hover:after{
    border-left-width: 25px;
}

.head-menu a:hover{
    background: #2c3148;
}
.head-menu img {
 margin-top: 10px;
 max-width: 90%;
 margin-right: 10px;
}
.photo {
 width: 45%;
}
#container-inner img {
 max-width: 100%;
}
.index-menu img  {
 max-width: 100%;

}
.katagaki {
 margin-bottom: 50px;
 text-align: center;
 color: rgba(79,79,79,1.00);
 margin-top: 120px;
}
.inta-navi1 a {
 background-image: url(img/inta-navi1.png);
 color: #DB0003;
}
.inta-navi2 a {
 background-image: url(img/inta-navi2.png);
}
.inta-navi1 a span,.inta-navi2 a span {
 display: none;
}
.profilebox:after,.interview:after,.index .section:after {
 content: '先生の所属や肩書きは取材当時のものです。';
 display: block;
 color: rgba(255,95,0,1.00);
 text-align: center;
 padding-bottom: 50px;
 font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
 padding-top: 20px;
}

.nocome 
.profilebox:after,.nocome .interview:after,.index .nocome :after{display: none;}

.nocome .toji{ color: rgba(255,95,0,1.00);
 text-align: center;
 padding-bottom: 50px;
 font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
 padding-top: 20px;}


.proflie-name-inner .h1{font-family: 'Noto Serif JP', serif;display: flex;align-items: center;justify-content: space-between;color: #a0860a;margin-bottom: 20px;}
.proflie-name-inner .h1 div{}
.proflie-name-inner .h1 .jp{font-size: 30px;display: flex;align-items: flex-end;line-height: 100%;font-weight: 700;}
.proflie-name-inner .h1 .jp span{font-size: 18px;line-height: 100%;margin-left: 20px;}
.proflie-name-inner .h1 .en{
	font-size: 15px;
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom: 10px;
}
.proflie-name-inner h2{
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	color: #373737;
}

.box2{font-family: 'Noto Serif JP', serif;}
.box2 .title{
	flex-basis: 70%;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	color: rgba(31,31,31,1.00);
}
.box2 .name{
	flex-basis: 28%;
	font-family: 'Noto Serif JP', serif;
	display: flex;
	justify-content: space-between;
	color: #a0860a;
	flex-direction: column;
}
.box2 .name .jp{font-size: 28px;display: flex;align-items: flex-end;line-height: 100%;font-weight: 700;}
.box2 .name .jp span{
	font-size: 18px;
	line-height: 100%;
	margin-left: 5px;
}
.box2 .name .en{
	font-size: 15px;
	font-family: 'Noto Sans JP', sans-serif;
}

.sl-size{width: 100%; min-height: calc( 100vw * 0.45);background: #eee;overflow-x: hidden;}