@charset "utf-8";
/* CSS Document */
@import url("../../dec/style.css");

/* 全体
============================================================================================================*/
*  {
	padding : 0px;
	margin : 0px;
}

.page-ns:after,.index-koso section:after {
 content: '先生の所属や肩書きは取材当時のものです。';
 display: block;
 color: rgba(255,95,0,1.00);
 padding-top: 20px;
 text-align: center;
 width: 100%;
}
.index-koso section:after {
 margin-top: 60px;
 font-size: 90%;
 padding-top: 10px;
 padding-bottom: 30px;
}

/* body
============================================================================================================*/
body   {    
	color:#000000;
 font-size: 1em;
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 0px;
	background-color: #FFFFFF;

}
img {
	border-style: none;
	max-width: 100%;
	height: auto;
}
a img {
	border-style:none;
}
.clear { 
    clear:both; 
}
.clear hr { 
    display: none; 
}
a {
	text-decoration:none;
	color:#003399;
}
a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}
a:hover {
	text-decoration:underline;
	color:#FF6600;
}
ul li{
	list-style-type: none;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 font-weight: normal;
}

.ankerbox {
	position: relative;
}
.ankerbox a {
	position: absolute;
	top: -120px;
}

.w-10{width: 10%;}
.w-15{width: 15%;}
.w-20{width: 20%;}
.w-25{width: 25%;}
.w-30{width: 30%;}
.w-35{width: 35%;}
.w-40{width: 40%;}
.w-45{width: 45%;}
.w-50{
}
.w-55{width: 55%;}
.w-60{
}
.w-65{width: 65%;}
.w-70{width: 70%;}
.w-75{width: 75%;}
.w-80{width: 80%;}
.w-85{width: 85%;}
.w-90{width: 90%;}
.w-95{width: 95%;}
.w-100{width: 100%;}


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

#wrapper {
}

.section{
 max-width: 480px;
 min-width: 310px;
}
 
.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%;
}
.head-bg {
 position: relative;
}
.head-bg-main {
 background-color: #655883;
 width: 100%;
 height: 63px;
 position: absolute;
 top: 0px;
 z-index: 1;
 right: 100%;
}
.head {
 display: flex;
 justify-content: space-between;
 z-index: 999;
 width: 100%;
 position: relative;
}

.-head:before{
 width: 100%;
 content: '';
 display: block;
 height: 64px;
 position: absolute;
 right: 100%;
 background-color: #655883;
}

.head-logo {
 display: flex;
 align-items: center;
 margin-top: 0px;
}
.head-menu{
 width: 20%;

}
.head-logo dt {
 
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 margin-right: 5px;
}
.index.head-logo dt  {background-color: rgba(0,70,12,1.00);}
.head-menu li a {
 display: block;
 padding-top: 7px;
 padding-right: 3px;
 padding-bottom: 3px;
 padding-left: 3px;
}
.head-menu li a img {

}
.head-menu-01 a {
 background-color: #655883;
}

.head-menu-02 a {
 background-color: #392d91;
}

.head-menu li a:hover{
 background-color: #FF8600;
}


header .section {
 background-repeat: no-repeat;
 background-position: left top;
}
.head-img {
 position: relative;
 text-align: center;
}
.head-img-main img {
 width: 100%;
 height: auto;
}

.head-img-graf {
 position: absolute;
 top: 44px;
 width: 22%;
}
.head-img-sensin {
 position: absolute;
 top: 5px;
 left: 5px;
}
.head-img-title {
 position: absolute;
 top: 60%;
 right: 0px;
 width: 95%;
 text-align: right;
}
.-head-img-title:after {
 width: 100%;
 position: absolute;
 background-color: #655883;
 display: block;
 height: 70px;
 content: '－';
 top: 0px;
 left: 100%;
}
.top a {
 background-color: #f2f2f2;
 text-align: center;
 display: block;
 padding-top: 30px;
 padding-bottom: 30px;
}
.top a:hover {
 background-color: rgba(255,224,167,1.00);
}
.cl{
 background-color: #371E7E;
 color: rgba(255,255,255,1.00);
 font-size: 80%;
 text-align: center;
 padding-top: 8px;
 padding-right: 8px;
 padding-bottom: 8px;
 padding-left: 8px;
}
.index,.contents {
 background-image: url(img/index/common-back.gif);
 background-position: center top;
}


.news {
 padding-top: 15px;
 margin-bottom: 30px;
}

.news ul {
 padding-top: 20px;
}

.news li  {
 padding-top: 10px;
 margin-top: 15px;
 background-repeat: no-repeat;
 background-position: left top;
 background-image: linear-gradient(270deg,rgba(159,187,143,1.00) 0%,rgba(51,102,51,1.00) 74.09%,rgba(51,102,51,1.00) 100%);
 transform: skew(45deg);
 max-width: 750px;
 min-width: 200px;
 margin-right: 20px;
}
.news li a {
 color: rgba(255,255,255,1.00);
 display: block;
 padding-right: 8px;
 padding-left: 8px;
 font-size: 80%;
 padding-top: 8px;
 background-color: #7d766f;
 padding-bottom: 8px;
}
.news li a:hover {
 background-color: rgba(255,142,66,1.00);

}

.news li dl {display: flex;}
.news li dt {
 margin-right: 15px;
 padding-left: 100px;
 
}
.news li dt,.news li dd {
 transform: skew(-45deg);}

.news-back {
 position: relative;
 max-height: 300px;
 min-height: 50px;
 
}
.news-bg {
 position: absolute;
 height: 100%;
 width: 100%;
 right: 100%;
 background-color: #393366;
 
}


.news-head {
 background-repeat: no-repeat;
 background-position: left top;
 position: absolute;
 height: 100%;
 width: 300px;
 display: flex;
 align-items: center;
 transform: skew(-45deg);
 background-color: #393366;
 left: -150px;
 z-index: 999;
}
.news-head img {
 margin-bottom: 20%;
 margin-left: 150px;
 transform: skew(45deg);
}
.news01 {
 margin-left: 175px;
}

.news02 {
 margin-left: 115px;
}
.news03 {
 margin-left: 55px;
}
.index-topics,.interview-topics {
 margin-bottom: 20px;
 padding-bottom: 20px;
 padding-top: 20px;
}

.index-topics {
 background-color: #8B8BCA;
 background-image: linear-gradient(180deg,#244283 0%,#8a9ac9 100%);
 padding-right: 5px;
 padding-left: 5px;
}
.interview-topics {
 background-image: -webkit-linear-gradient(270deg,rgba(243,243,243,1.00) 0%,rgba(255,255,255,0.00) 100%);
 background-image: -moz-linear-gradient(270deg,rgba(243,243,243,1.00) 0%,rgba(255,255,255,0.00) 100%);
 background-image: -o-linear-gradient(270deg,rgba(243,243,243,1.00) 0%,rgba(255,255,255,0.00) 100%);
 background-image: linear-gradient(180deg,rgba(243,243,243,1.00) 0%,rgba(255,255,255,0.00) 100%);
}

.index-topics .section,.interview-topics .section {

}


.index-topics-photo {
 top: 20px;
 text-align: center;
 max-width: 240px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 15px;
}
.index-topics-text {
 padding-left: 2%;
 min-width: 50%;
}

.contents-head .index-topics-text{
 margin-left: 0px;
 padding-top: 10px;
 width: 100%;
}

.index-topics-text {
 color: rgba(255,255,255,1.00);
 -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-topics .index-topics-text  {
 color: rgba(17,19,73,1.00);
}

.interview-topics,.index-topics-text {



}

.index-topics-text dl {
 font-weight: bold;
}
.index-topics-text dl dt {
 font-size: 90%;
 font-weight: bold;
 margin-bottom: 10px;
}
.index-topics-text dl dd {
 font-size: 110%;
 font-weight: bolder;
 margin-bottom: 10px;
}
.index-topics-text p {
 line-height: 180%;
 font-size: 80%;
}
.index-topics-text ul {
 justify-content: space-between;
 margin-top: 20px;
}
.index-topics-text ul li {

}
.index-topics-text ul li a {
 display: block;
 background-color: #393366;
 color: rgba(255,255,255,1.00);
 padding-top: 13px;
 padding-bottom: 13px;
 text-align: center;
 font-size: 80%;
}
.index-topics-text ul li a:hover {
 background-color: rgba(255,131,36,1.00);
}
.index-topics2 {
 background-color: #efefef;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 10px;
 margin-top: 30px;
 width: 90%;
}
.index-topics2 a,.index-topics2 b  {
 display: block;
 position: relative;
 color: rgba(0,0,0,1.00);
}
.index-topics2 ul {
 display: flex;
 justify-content: center;
 flex-direction: row;
 flex-wrap: wrap;
 padding-top: 15px;
}

.index-topics2  li   {
 display: block;
 margin-left: 1%;
 margin-right: 1%;
 text-align: right;
 margin-bottom: 50px;
}

.index-topics2 dl  {
 right: 0px;
 bottom: -35%;
 width: 100%;
}
.index-topics2 dl dt {
 background-color: rgba(153,158,204,0.50);
 max-width: 340px;
 margin-left: auto;
 padding-top: 10px;
 padding-right: 15px;
 padding-bottom: 10px;
 padding-left: 15px;
 text-align: right;
 font-size: 90%;
 color: rgba(34,39,54,1.00);
 font-weight: bold;
}
.index-topics2 dl dd {
 color: rgba(255,255,255,1.00);
 margin-left: auto;
 font-size: 120%;
 font-weight: bold;
 text-align: left;
 display: flex;
 flex-direction: row-reverse ;
}

.index-topics2 dl dd p {
 padding-top: 10px;
 padding-right: 15px;
 padding-bottom: 10px;
 padding-left: 20px;
 font-weight: bold;
 background-color: #393366;
 min-width: 250px;
}
.index-topics2 dl dd span {
 display: block;
 font-size: 60%;
 margin-bottom: 10px;
 
}
.index-koso h3 {
 text-align: center;
 margin-bottom: 30px;
}
.index-koso {
 max-width: 780px;
 margin-left: auto;
 margin-right: auto;
 min-width: 300px;
 margin-top: 50px;
}

section p {
 text-indent: 18px;
 font-size: 90%;
 line-height: 180%;
 padding-bottom: 10px;
}
section ol{
 font-size: 90%;
 line-height: 180%;
 margin-left: 30px}

section ol li{margin-bottom: 15px;}

.no-ind{text-indent: 0px;}

.section .index-topics-photo img {
}
.head-flex   {
 margin-left: auto;
 margin-right: auto;
}

.index-topics-text article {
 border: 3px solid rgba(255,255,255,1.00);
 font-size: 90%;
 padding-top: 9px;
 padding-right: 9px;
 padding-bottom: 9px;
 padding-left: 9px;
 border-radius: 10px;
}
.index-topics-text div {
 margin-top: 20px;
 margin-bottom: 20px;
 align-items: center;
}
.index-topics-text div a {
 display: block;
 border-radius: 20px;
 padding-top: 13px;
 padding-right: 20px;
 padding-bottom: 13px;
 padding-left: 20px;
 text-align: center;
 background-color: #33277A;
 color: rgba(255,255,255,1.00);
 -webkit-box-shadow: 5px 5px 3px rgba(0,0,0,0.50);
 box-shadow: 5px 5px 3px rgba(0,0,0,0.50);
 line-height: 100%;
 white-space: nowrap;
 margin-top: 15px;
}
.index-topics-text div a:hover {
 background-color: rgba(255,134,0,1.00);
}


.history {
 background-color: #f7f7f8;
 padding-top: 15px;
 padding-right: 15px;
 padding-bottom: 15px;
 padding-left: 15px;
 font-size: 90%;
}
.history p {
 border-top: 2px solid rgba(126,126,126,1.00);
 border-bottom: 0 solid rgba(126,126,126,1.00);
 padding-top: 10px;
 padding-bottom: 10px;
 margin-top: 5px;
 line-height: 160%;
 color: rgba(55,55,55,1.00);
}
.interview {
 margin-top: 40px;
 position: relative;
}

.interview section,.inta-section {
 background-color: #e7e7e9;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 margin-bottom: 20px;
 background-image: -webkit-linear-gradient(270deg,rgba(231,231,233,1.00) 0%,rgba(244,244,244,1.00) 100%);
 background-image: -moz-linear-gradient(270deg,rgba(231,231,233,1.00) 0%,rgba(244,244,244,1.00) 100%);
 background-image: -o-linear-gradient(270deg,rgba(231,231,233,1.00) 0%,rgba(244,244,244,1.00) 100%);
 background-image: linear-gradient(180deg,rgba(231,231,233,1.00) 0%,rgba(244,244,244,1.00) 100%);
}
.interview section h3 ,.inta-section h3 {
 font-size: 110%;
 font-weight: bold;
 margin-bottom: 20px;
 color: rgba(61,61,61,1.00);
}
.inta-text-box-r {
 position: relative;
}
.inta-photo {

}

.inta-text-box-r .inta-photo {
 bottom: -15%;
}

.inta-text-box-r section {



}
.inta-photo-box-r .inta-photo {
 margin-left: auto;
}



.inta-photo {
 text-align: center;
 font-size: 80%;
 font-weight: bold;
 margin-bottom: 20px;
}
.inta-photo img {
 display: block;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
}
.page-ns {
 padding-bottom: 50px;
 padding-top: 30px;
 display: flex;
 justify-content: center;
  flex-direction: row;

 flex-wrap: wrap;
}

.page-ns a {
 margin-left: 10px;
 margin-right: 10px;
 display: block;
 text-align: center;
 padding-top: 15px;
 padding-right: 15px;
 padding-bottom: 15px;
 padding-left: 15px;
 min-width: 200px;
 max-width: 300px;
 background-color: #393366;
 text-shadow: 0px 0px;
 color: rgba(255,255,255,1.00);
}
.inta-box {
 margin-top: 60px;
 margin-left: auto;
 margin-right: auto;
}

.inta-box section {
 background-color: rgba(247,247,247,0.80);
 position: relative;
 padding-bottom: 20px;
 margin-bottom: 60px;
}

.inta-box section h3{background-color: #393366; height: 60px;position: relative;width: 95%;margin-bottom: 20px}
.inta-box section h3 b{color: white;height: 100%;display: flex;align-items: center;padding-left: 10px;position: relative;z-index: 150; font-size: 90%;padding-right: 10px;}
.inta-box section h3:after{content: '　';
 transform: skew(45deg);
 background-color: #393366;
 display: block;
 height: 100%;
 width: 70px;
 position: absolute;
 left: 95%;
 top: 0px;}
.inta-box section p {
 font-size: 85%;
 color: rgba(31,31,31,1.00);
 padding-left: 20px;
 padding-right: 20px;
}

.index-topics-text span {
 display: block;
 font-size: 70%;
 border-bottom: 1px dotted #5c813d;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
}
.index-topics-text span a {
 color: #3f7400;
}
.inta-box section div {
 background-color: #5F3FAF;
 text-align: center;
 color: rgba(255,255,255,1.00);
 font-size: 80%;
 padding-bottom: 10px;
 margin-bottom: 15px;
}
.inta-box section div img {
 display: block;
 margin-bottom: 10px;
}
.inta-box h4 {
 text-align: center;
 color: rgba(255,95,0,1.00);
 font-weight: bold;
 margin-bottom: 30px;
}
.head-menu-01 {

}
.inta-box-1-1-text {
 margin-left: auto;
}
.inta-box-1-2 {
 padding-top: 30px;
}

.inta-box-1-2 .inta-photo {
 margin-left: auto;
}


.inta-box-2-1 {
 position: relative;
}

.inta-box-2-1 section {

}
.inta-box-2-1 .inta-photo {
 z-index: 100;
}
.inta-box-2-2 {
 position: relative;
 margin-bottom: 10%;
}
.inta-box-2-2 section {
 margin-left: auto;
}
.inta-box-2-2 .inta-photo {

}
.inta-box-3-1 {
 top: 0px;
 left: -40%;
}
.inta-box-3-1 section {
 margin-bottom: 20%;
}
.inta-box-3-1 .inta-photo {
 right: -21%;
}
.inta-box-1-1 {

}
.inta-box-1-1 .inta-photo {
 top: 0px;
}
.inta-box-2-1-img   {

}
.inta-box-2-2-img {

}
.inta-box-2-2-text  {
 margin-left: auto;
}
.inta-box-3-1-img {

}
header {
 margin-bottom: 30px;
}

.inta-box section h4 {
 display: flex;
 justify-content: center;
}




@media screen and (min-width: 1050px) {
.inta-box-2-1-w-50 {

}
}
h3 b a {
 color: rgba(255,255,255,1.00);
 text-decoration: underline;
}

.index-head .head-logo dt {
 background-color: #655883;
}

.head-menu li {
	position: relative;

}

.head-menu li ul {
 position: absolute;/*親メニューの高さと同じにする*/
 width: 130px;
 padding-bottom: 0px;
 padding-left: 0px;

 font-size: 90%;
}
.head-menu li ul li {
	visibility: hidden;
	overflow: hidden;
	text-decoration: none;
}
.head-menu li ul li a {
 text-indent: 0;
 color: #FFFFFF;
 text-align: left;
 padding-top: 10px;
 padding-left: 10px;
 overflow: hidden;
 background-repeat: repeat;
 text-decoration: none;
 display: block;
 background-color: rgba(50,114,67,1.00);
 padding-right: 10px;
 padding-bottom: 10px;
 font-size: 90%;
}
.head-menu li ul li a:hover {
 text-decoration: none;
 color: #3F2E08;
 background-color: #FF8939;
}
.head-menu li:hover ul li, .head-menu li a:hover ul li{
	background-color: #FFFFFF;

	visibility: visible;
	overflow: visible;
	padding-top: 0px;
	z-index: 50;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.head-logo dd {
 width: 40%;
 margin-right: 5%;
}

.news {
 text-align: center;
 margin-bottom: 50px;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 border: 3px solid hsla(359,100%,61%,1.00);
 border-radius: 5px;
 width: 80%;
 margin-left: auto;
 margin-right: auto;
}
.news h4 {
 border-bottom: 1px dotted hsla(0,0%,69%,1.00);
 font-size: 120%;
 color: hsla(357,100%,22%,1.00);
 margin-bottom: 5px;
}
.head-menu li ul {right: 0px;}
.head-menu li ul li span{left: 0%;right: 100%;position:relative;margin-left: auto;}
.head-menu li:hover ul li span{visibility: visible;}
.head-menu li:hover ul li span a{width: 75%;margin-left: auto;display: block;font-size: 12px;}