/*PC画面*/
@media only screen and (min-width: 820px) {
	
/*ページの全体の設定*/
body{
	margin: 0px;
	background-color: #fffbf7;
	font-family:'Libre Bodoni', sans-serif;
}

/*画面がじわっと出る*/
.fadeout{
	background: #fffbf7;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
}

.fadeout p {
	position: fixed;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	display: none;
	z-index: 9999;
	margin: 0;
	text-align: center;
}

/*余白設定、画面を三分割するために余白を作っています*/
.space{
	width: 5%;
	margin: 0px;
	position: relative;
}

/*ヘッダー設定*/
header{
	display:flex;
	border-bottom:solid 3px #00a199;
	height: 50px;
	width: 100%;
	position:fixed;
	top: 0;
	right: 0;
	z-index: 2; /*ヘッダを内容が書かれているページの上に重ねる*/
	background: #fffbf7;
}

.hinagata{
	display:flex;
	align-items: center;
	width: 90%;
	text-align:center;
	vertical-align: middle;
	justify-content: center;
	margin: 0px;
	border-right:solid 3px #00a199;
	border-left:solid 3px #00a199;
	color: #00a199;
	background: #fffbf7;
	font-size: 150%;
}


/*ドロワーの設定*/

/*ドロワーのビジュアル設定*/
.humburger{
	width: 5%;
	margin: 0px;
	display:flex;
	align-items: center;
	vertical-align: middle;
	justify-content: center;
}


.drower{
	padding-top: 8%;
	text-align: center;
}

.drower img{
	width: 35px;
	height: 35px;
	cursor: pointer;
}

#nav{
	background-color: #00a199;
	width: 270px;
	height: 100%;
	position: fixed;
	right: -270px;
	top: 0;
	z-index: 3; /*ヘッダの上にドロワーを重ねる*/
}

/*ドロワーを出現させる*/
.show{
	transform: translate3d(-270px, 0, 0);
}

/*ハンバーガーメニューの見た目*/
.first{
	display:flex;
	height: 50px;
	border-bottom:solid 3px #fff;
}

.second{
	display:flex;
	height: 90%;
}

.hspace{
	width: 10%;
	border-right:solid 3px #fff;
	margin: 0px;
}



.bigNSP{
	color: #fff;
	margin: auto;
	font-size: 200%;
	text-decoration: underline;
}

.batu{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
}

.batu img{
	width: 40px;
	height: 40px;
	cursor: pointer;
}

ul.menu{
	padding-top: 3%;
	padding-left: 3%;
}


.menu li{
	list-style: none;
	padding-top: 10%;
	flex-shrink: 0;
}

.menu li a{
	color: #fff;
	text-decoration: none;
	font-size: 150%;
	display:inline-block;
}

.menu li a:hover{
	text-decoration: none;
	color: #fe8f44;
	transition-duration: 0.5s;
}	


/*開く閉じるアニメーション*/
#nav{
	transition: all 0.5s 0.3s ease-in-out;
}

/*中段の設定*/
main{
	padding-top: 50px;
	display:flex;
	margin: 0px;
	z-index: 1; /*ヘッダを上に重ねる*/
}

/*中段の設定*/
main{
	padding-top: 50px;
	display:flex;
	margin: 0px;
	z-index: 1; /*ヘッダを上に重ねる*/
}

/*メインの設定*/
section{
	width: 90%;
	border-right:solid 3px #00a199;
	border-left:solid 3px #00a199;
	text-align:center;
	background-color:#00a199;
}
section .space{
	width: 5%;
	margin: 10%;
	position:relative;
	
}
.icon1{
    padding-top: 5%;
    padding-right: 0%;
    padding-left: 5%;
    margin: 0px;
	position: relative;
}
.icon1 img {
   width: 60%;
   height: 90%;
   padding: 0px;
   
}
.name1{
    padding-top: 10%;
    padding-left: 0%;
    margin: 0px;
    text-align:left;
    color: #fffbf7;
    font-size: 1.6vw;
    font-weight: bold;
    font-family:'メイリオ', 'Meiryo', sans-serif;

}
.depart1{
    padding-top: 5%;
    margin: 0px;
    text-align: left;
    color: #fffbf7;
    font-size: 1.6vw;
    font-family:'メイリオ', 'Meiryo', sans-serif;
}
.depart1 p{
	padding-top: 0%;
	padding-left: 0%;
	margin: 0px;
	text-align:left;
	color: #fffbf7;
	font-size: 3vw;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
}

.nameicon{
	display: flex;
	padding: 0% 0% 0% 0%;
}
/* time-schedule */
.time-div{
	margin-right: 7%;
}
.time-schedule {
  min-width: 40%;
  max-width: 80%;
  list-style: none;
  margin: 0 auto 0 17.3%;
  border-left: 8px solid #fe8f44; /*縦線*/
  box-sizing: border-box;
}
.time-schedule li {
  width: 100%;
  margin: 0 0;
  padding:5px;
  position: relative;
  font-family:'メイリオ', 'Meiryo', sans-serif;
  font-weight: bold;
}
.time-schedule span.time {
  width: 5em;
  display: inline-block;
  margin-left: -11.5em;
  margin-right: -3.8em;
  padding: 0 0 5px;
  margin-top: 15px;
  vertical-align: top;
  position: relative;
  text-align: right;
  box-sizing: border-box;
  color: #fffbf7;
 
}
.time-schedule span.time::after {
  content: "";
  position: absolute;
  right: -35px;
  top: 0;
  background: #fe8f44;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
.time-schedule .sch_box {
  display: inline-block;
  width: 100%;
  margin-left: 100px;
  vertical-align: middle;
  background:#fffbf7;
  box-sizing: border-box;
  border-radius: 6px;
}
.time-schedule .sch_title {
  font-size: 1.6vw;
  font-weight: 700;
  color:#fe8f44;
  padding-left:15%;
  text-align: left;
}
.time-schedule .sch_tx {
  font-size: 1.6vw;
  font-weight: normal;
  color:#00a199;
  padding:0% 15%;
  text-align: left;
  font-weight: bold;
}
.time-schedule .sch_txp{
  font-size: 1vw;
  font-weight: normal;
  color:#00a199;
  padding:0% 15%;
  text-align: left;
  font-weight: bold;
}
.Q {
    position: relative;
    margin: 5% 10%;
	padding: 3% 10%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
	line-height: 30px;
}
.Q .box-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: 2px;
    padding: 0 9px;
    height: 30px;
    line-height: 30px;
    font-size: 1.6vw;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	display: inline-block;
}
.Q p {
    margin: 0; 
    padding: 0;
    font-size: 1.6vw;
	color:#00a199;
	font-weight: bold;
	text-align: left;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	line-height: 30px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.Q p.Qp{
	margin: 0; 
    padding: 0;
    font-size: 1.2vw;
	color:#00a199;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	font-weight: none;
	line-height: 30px;
	margin-left: 1em; 
	text-indent: -1.4em;
}

.spaceall{
	width: 100%;
	margin: 30px;
	position: relative;
}
.indent{
	text-indent:-1.5rem;
	margin-left: 1.5rem;
}
.Qs {
    position: relative;
    margin: 3% 10% ;
	padding: 3% 10%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Qs .box-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: 2px;
    padding: 0 9px;
    height: 30px;
    line-height: 30px;
    font-size: 1.6vw;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
}
.Qs p {
    margin: 0; 
    padding: 0;
    font-size: 1.6vw;
	color:#00a199;
	font-weight: bold;
	text-align: left;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	line-height: 30px;
	margin-left: 1em; 
	text-indent: -1.4em;

}
.Q2s {
    position: relative;
    margin: 3% 10%;
	padding: 3% 10%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q2s .box-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: 2px;
    padding: 0 9px;
    height: 30px;
    line-height: 30px;
    font-size: 1.6vw;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q2s p {
    margin: 0; 
    padding: 0;
    font-size: 1.6vw;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 30px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.Q2s p.Qp{
	margin: 0; 
    padding: 0;
    font-size: 1.2vw;
	color:#00a199;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	font-weight: none;
	line-height: 30px;
	margin-left: 1em; 
	text-indent: -1.4em;
}

.Q2su {
    position: relative;
    margin: 3% 10%;
	padding: 3% 10%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q2su .box-title {
    position: absolute;
    display: inline-block;
    top: -50px;
    left: 2px;
    padding: 0 9px;
    height: 50px;
    line-height: 30px;
    font-size: 1.6vw;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q2su p {
    margin: 0; 
    padding: 0;
    font-size: 1.6vw;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 30px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.space2s{
	width: 100%;
	margin: 65px;
	position: relative;
}
.spaces{
	width: 100%;
	margin: 45px;
	position: relative;
}
.Q3s {
    position: relative;
    margin: 3% 10%;
	padding: 3% 10%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q3s .box-title {
    position: absolute;
    display: inline-block;
    top: -60px;
    left: 2px;
    padding: 0 9px;
    height: 60px;
    line-height: 30px;
    font-size: 1.6vw;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q3s p {
    margin: 0; 
    padding: 0;
    font-size: 1.6vw;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 30px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.Q3s p.Qp{
	margin: 0; 
    padding: 0;
    font-size: 1.2vw;
	color:#00a199;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	font-weight: none;
	line-height: 30px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.Q3su {
    position: relative;
    margin: 3% 10%;
	padding: 3% 10%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q3su .box-title {
    position: absolute;
    display: inline-block;
    top: -70px;
    left: 2px;
    padding: 0 9px;
    height: 70px;
    line-height: 30px;
    font-size: 1.6vw;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q3su p {
    margin: 0; 
    padding: 0;
    font-size: 1.6vw;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 30px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.space3s{
	width: 100%;
	margin: 90px;
	position: relative;
}
.Q4su {
    position: relative;
    margin: 3% 10%;
	padding: 3% 10%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q4su .box-title {
    position: absolute;
    display: inline-block;
    top: -70px;
    left: 2px;
    padding: 0 9px;
    height: 70px;
    line-height: 30px;
    font-size: 1.6vw;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q4su p {
    margin: 0; 
    padding: 0;
    font-size: 1.6vw;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 30px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.space4s{
	width: 100%;
	margin: 100px;
	position: relative;
}
.Q2ss {
    position: relative;
    margin: 5% 10%;
	padding: 3% 10%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q2ss .box-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: 2px;
    padding: 0 9px;
    height: 30px;
    line-height: 30px;
    font-size: 1.6vw;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
}
.Q2ss p {
    margin: 0; 
    padding: 0;
    font-size: 1.6vw;
	color:#00a199;
	font-weight: bold;
	text-align: left;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	line-height: 30px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.aa{
    display: flex;
    flex-wrap: wrap;
	font-weight: bold;
	padding:0% 10%;
}
.aaa{
    width: calc(100% / 3);
	font-weight: bold;
	text-decoration: none;
}
.aaa a{
	font-size:1.6vw;
	text-decoration: none;
}
.aaa img{
    width: 45%;
}

.aaa li{
    list-style: none;
	color:#fffbf7;

}

.aaa li:hover{

    color: #fe8f44;
    transition-duration: 0.5s;
    }

.interview1 img{
    display: inline-block;
    border-radius: 50%;
    transition-duration: 0.5s; /*変化の時間*/
    cursor: pointer;
    overflow: hidden;
}
.interview1 img:hover{
    transform: scale(1.1,1.1); /*画像の拡大*/
}
/*フッターの設定*/
.footer{
	display:flex;
}
/*著作書いているところの設定*/
.author{
	width:90%;
	text-align:center;
	border-top:solid 3px #00a199;
	border-right:solid 3px #00a199;
	border-left:solid 3px #00a199;
	margin: 0px;
}

.author p{
	padding-top: 1%;
	margin: 0;
}

.author p img{
	width: 7%;
	height: 7%;
	cursor: pointer;
}

.author h6{
	color: #00a199;
	margin: 0;
	font-size: 50%;  
}

/*pageTopの設定*/
#pageTop{
	position: fixed;  /*以下３行場所の固定のために使う*/
	right: 1px;
	bottom:5px;
	/*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/
#pageTop.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/
#pageTop.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 0;
	transform: translateY(100px);
  }
}

/*pageTopの画像の設定*/
#pageTop p{
	margin: 0px;
	background-color:#fffbf7;
	border-radius: 10px;
	border:solid 3px #00a199;
}

#pageTop p img{
	width: 100px;
	height: 100px;
	cursor: pointer;
}


}
/*スマホ版*/
@media only screen and (max-width: 820px){
/*ページの全体の設定*/
body{
	margin: 0px;
	background-color: #fffbf7;
	font-family:'Libre Bodoni', sans-serif;
}

/*画面がじわっと出る*/
.fadeout{
	background: #fffbf7;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
}

.fadeout p {
	position: fixed;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	display: none;
	z-index: 9999;
	margin: 0;
	text-align: center;
}
/*余白設定、画面を三分割するために余白を作っています*/
.space{
	width: 5%;
	margin: 0px;
	position: relative;
}
.space2{
	width: 3%;
	margin: 0px;
	position: relative;
}
/*ヘッダー設定*/
header{
	display:flex;
	border-bottom:solid 3px #00a199;
	height: 49px;
	width: 100%;
	position:fixed;
	top: 0;
	right: 0;
	z-index: 2; /*ヘッダを内容が書かれているページの上に重ねる*/
	background-color: #fffbf7;
}
.hinagata{
	display:flex;
	align-items: center;
	width: 85%;
	text-align:center;
	vertical-align: middle;
	justify-content: center;
	margin: 0px;

	border-left:solid 3px #00a199;
	color: #00a199;
	background: #fffbf7;
	font-size: 150%;
}
/*ドロワーの設定*/
/*ドロワーのビジュアル設定*/
.humburger{
	width: 10%;
	margin: 0px;
	display:flex;
	align-items: center;
	vertical-align: middle;
	justify-content: center;
}


.drower{
	padding-top: 8%;
	text-align: center;
}

.drower img{
	width: 35px;
	height: 35px;
	cursor: pointer;
}

#nav{
	background-color: #00a199;
	width: 270px;
	height: 100%;
	position: fixed;
	right: -270px;
	top: 0;
	z-index: 3; /*ヘッダの上にドロワーを重ねる*/
}

/*ドロワーを出現させる*/
.show{
	transform: translate3d(-270px, 0, 0);
}

/*ハンバーガーメニューの見た目*/
.first{
	display:flex;
	height: 50px;
	border-bottom:solid 3px #fff;
}

.second{
	display:flex;
	height: 90%;
}

.hspace{
	width: 10%;
	border-right:solid 3px #fff;
	margin: 0px;
}



.bigNSP{
	color: #fff;
	margin: auto;
	font-size: 200%;
	text-decoration: underline;
}

.batu{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
}

  .batu img{
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

.menu{
	padding-top: 3%;
	padding-left: 3%;
}


.menu li{
	list-style: none;
	padding-top: 10%;
	flex-shrink: 0;
}

.menu li a{
	color: #fff;
	text-decoration: none;
	font-size: 150%;
	display:inline-block;
}

.menu li a:hover{
	text-decoration: none;
	color: #fe8f44;
	transition-duration: 0.5s;
}

/*開く閉じるアニメーション*/
#nav{
    transition: all 0.5s 0.3s ease-in-out;
}
/*中段の設定*/
main{
	padding-top: 50px;
	display:flex;
	margin: 0px;
	z-index: 1; /*ヘッダを上に重ねる*/
}
/*メインの設定*/
section{
	width: 90%;
	border-right:solid 3px #00a199;
	border-left:solid 3px #00a199;
	text-align:center;
	background-color:#00a199;
}
section .space{
	width: 5%;
	margin: 10%;
	position:relative;
	
}
.icon1{
    padding: 7% 0% 0% 0%;
    margin: 0px;
	position: relative;

}
.icon1 img {
   width: 80%;
   height: 7%;
   padding: 0px;
}
.name1{
    padding-top: 10%;
    padding-left: 0%;
    margin: 0px;
    text-align:left;
    color: #fffbf7;
    font-size: 3vw;
    font-weight: bold;
    font-family:'メイリオ', 'Meiryo', sans-serif;

}
.depart1{
    padding-top: 5%;
    margin: 0px;
    text-align: left;
    color: #fffbf7;
    font-size: 3vw;
    font-family:'メイリオ', 'Meiryo', sans-serif;
}
.depart1 p{
	padding-top: 0%;
	padding-left: 0%;
	margin: 0px;
	text-align:left;
	color: #fffbf7;
	font-size: 5vw;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
}
.nameicon{
	display: flex;
	padding: 0% 0% 0% 0%;
}
/* time-schedule */
.time-schedule {
  min-width: 40%;
  max-width: 80%;
  list-style: none;
  margin: 0% -4% 0% 25%;
  border-left: 8px solid #fe8f44; /*縦線*/
  box-sizing: border-box;
}
.time-div {
	display: block;
	padding:0% 5% 0% 0%;
}
.time-schedule ul {
	
}

.time-schedule li {
  width: 100%;
  margin: 0 0;
  padding:5px;
  position: relative;
  font-family:'メイリオ', 'Meiryo', sans-serif;
  font-weight: bold;
}
.time-schedule span.time {
  width: 5em;
  display: inline-block;
  margin-left: -11.5em;
  margin-right: -3.8em;
  padding: 0 0 5px;
  margin-top: 15px;
  vertical-align: top;
  position: relative;
  text-align: right;
  box-sizing: border-box;
  color: #fffbf7;

}
.time-schedule span.time::after {
  content: "";
  position: absolute;
  right: -35px;
  top: 0;
  background: #fe8f44;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
.time-schedule .sch_box {
  display: inline-block;
  width: 100%;
  margin-left: 100px;
  vertical-align: middle;
  background:#fffbf7;
  box-sizing: border-box;
  border-radius: 6px;
}
.time-schedule .sch_title {
  font-size: 13px;
  font-weight: 700;
  color:#fe8f44;
  padding-left:15%;
  text-align: left;
}
.time-schedule .sch_tx {
  font-size: 13px;
  font-weight: normal;
  color:#00a199;
  padding:0% 8% 0% 15%;
  text-align: left;
  font-weight: bold;
}
.time-schedule .sch_txp {
  font-size: 10px;
  font-weight: normal;
  color:#00a199;
  padding:0% 15%;
  text-align: left;

}
.Q {
    position: relative;
    margin: 5% 0%;
	padding: 3% 3%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q .box-title {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: 2px;
    padding: 0 9px;
    height: 25px;
    line-height: 22px;
    font-size: 13px;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
}
.Q p {
    margin: 0; 
    padding: 0;
    font-size: 13px;
	color:#00a199;
	font-weight: bold;
	text-align: left;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	line-height: 22px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.Q p.Qp {
	
    margin: 0; 
    padding: 0;
    font-size: 10px;
	color:#00a199;
	text-align: left;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.spaceall{
	width: 100%;
	margin: 30px;
	position: relative;
}

.Q2s {
    position: relative;
    margin: 5% 0%;
	padding: 3% 3%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q2s .box-title {
    position: absolute;
    display: inline-block;
    top: -40px;
    left: 2px;
    padding: 0 9px;
    height: 40px;
    line-height: 20px;
    font-size: 13px;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q2s p {
    margin: 0; 
    padding: 0;
    font-size: 13px;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 22px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.Q2s p.Qp {
	
    margin: 0; 
    padding: 0;
    font-size: 10px;
	color:#00a199;
	text-align: left;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.Q2s {
    position: relative;
    margin: 5% 0%;
	padding: 3% 3%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q2s .box-title {
    position: absolute;
    display: inline-block;
    top: -40px;
    left: 2px;
    padding: 0 9px;
    height: 40px;
    line-height: 20px;
    font-size: 13px;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q2s p {
    margin: 0; 
    padding: 0;
    font-size: 13px;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 22px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.Qs {
    position: relative;
    margin: 5% 0% 0%;
	padding: 3% 3%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Qs .box-title {
    position: absolute;
    display: inline-block;
    top: -40px;
    left: 2px;
    padding: 0 9px;
    height: 40px;
    line-height: 20px;
    font-size: 13px;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Qs p {
    margin: 0; 
    padding: 0;
    font-size: 13px;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 22px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.spaces{
	width: 100%;
	margin: 45px;
	position: relative;
}

.Q2su {
    position: relative;
    margin: 5% 0% 1%;
	padding: 3% 3%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q2su .box-title {
    position: absolute;
    display: inline-block;
    top: -45px;
    left: 2px;
    padding: 0 9px;
    height: 45px;
    line-height: 15px;
    font-size: 13px;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q2su p {
    margin: 0; 
    padding: 0;
    font-size: 13px;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 22px;
	margin-left: 1em; 
	text-indent: -1.4em;
}

.space2s{
	width: 100%;
	margin: 45px;
	position: relative;
}

.Q3s {
    position: relative;
    margin: 5% 0%;
	padding: 3% 3%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
	line-height: 22px;
}
.Q3s .box-title {
    position: absolute;
    display: inline-block;
    top: -55px;
    left: 2px;
    padding: 0 9px;
    height: 55px;
    line-height: 18px;
    font-size: 13px;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q3s p {
    margin: 0; 
    padding: 0;
    font-size: 13px;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 23px;
	margin-left: 1em; 
	text-indent: -1.4em;
}

.Q3s p.Qp {
    margin: 0; 
    padding: 0;
    font-size: 10px;
	color:#00a199;
	text-align: left;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	margin-left: 1em; 
	text-indent: -1.4em;
}

.Q3su {
    position: relative;
    margin: 5% 0% 0%;
	padding: 3% 3%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q3su .box-title {
    position: absolute;
    display: inline-block;
    top: -40px;
    left: 2px;
    padding: 0 9px;
    height: 40px;
    line-height: 20px;
    font-size: 13px;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q3su p {
    margin: 0; 
    padding: 0;
    font-size: 13px;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 22px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.space3s{
	width: 100%;
	margin: 45px;
	position: relative;
}
.Q4su {
    position: relative;
    margin: 5% 0% 0%;
	padding: 3% 3%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q4su .box-title {
    position: absolute;
    display: inline-block;
    top: -70px;
    left: 2px;
    padding: 0 9px;
    height: 70px;
    line-height: 17px;
    font-size: 13px;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q4su p {
    margin: 0; 
    padding: 0;
    font-size: 13px;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 22px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.space4s{
	width: 100%;
	margin: 75px;
	position: relative;
}

.Q2ss {
    position: relative;
    margin: 5% 0%;
	padding: 3% 3%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q2ss .box-title {
    position: absolute;
    display: inline-block;
    top: -40px;
    left: 2px;
    padding: 0 9px;
    height: 40px;
    line-height: 20px;
    font-size: 13px;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q2ss p {
    margin: 0; 
    padding: 0;
    font-size: 13px;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 22px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.space2ss {
	width: 100%;
	margin: 45px;
	position: relative;
}

.aa{
    display: flex;
    flex-wrap: wrap;
	font-weight: bold;
	padding:1% 10%;
	text-decoration: none;
}
.aaa{
    width: calc(100% / 3);
	font-weight: bold;
	text-decoration: none;
}
.aaa a{
	font-size:13px;
	color: #fffbf7;
	text-decoration: none;
}
.aaa img{
    width:60%;
	text-decoration: none;
}

.aaa li{
    list-style: none;
	color:#fffbf7;
	text-decoration: none;
}

.aaa li:hover{
	text-decoration: none;
    color: #fe8f44;
    transition-duration: 0.5s;
    }


.interview1 img{
    display: inline-block;
    border-radius: 50%;
    transition-duration: 0.5s; /*変化の時間*/
    cursor: pointer;
    overflow: hidden;
}
.interview1 img:hover{
    transform: scale(1.1,1.1); /*画像の拡大*/
}
/*フッターの設定*/
.footer{
	display:flex;
}
/*著作書いているところの設定*/
/*著作書いているところの設定*/
.author{
	width:90%;
	text-align:center;
	border-top:solid 3px #00a199;
	border-right:solid 3px #00a199;
	border-left:solid 3px #00a199;
	margin: 0px;
}

.author p{
	padding-top: 1%;
	margin: 0;
}

.author p img{
	width: 10%;
	height: 10%;
	cursor: pointer;
}

.author h6{
	color: #00a199;
	margin: 0;
	font-size: 50%;  
}
/*pageTopの設定*/
#pageTop{
	position: fixed;  /*以下３行場所の固定のために使う*/
	right: 1px;
	bottom:5px;
	/*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}
/*　上に上がる動き　*/
#pageTop.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}
/*　下に下がる動き　*/
#pageTop.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 0;
	transform: translateY(100px);
  }
}
/*pageTopの画像の設定*/
#pageTop p{
	margin: 0px;
	background-color:#fffbf7;
	border-radius: 10px;
	border:solid 3px #00a199;
}
#pageTop p img{
	width: 60px;
	height: 60px;
	cursor: pointer;
}
	@media only screen and (max-width: 300px){
			.hinagata{
				width: 80%;
				border-right:solid 0px #00a199;
			}
			
			.humburger{
				width: 15%;
			}
	}
@media only screen and (max-width: 420px){
	
.Q3su {
    position: relative;
    margin: 5% 0% 0%;
	padding: 3% 3%;
    border: solid 6px #fe8f44;
    background: #fffbf7;
    border-radius: 8px;
}
.Q3su .box-title {
    position: absolute;
    display: inline-block;
    top: -50px;
    left: 2px;
    padding: 0 9px;
    height: 50px;
    line-height: 15px;
    font-size: 13px;
    background: #fe8f44;
    color: #fffbf7;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
}
.Q3su p {
    margin: 0; 
    padding: 0;
    font-size: 13px;
	color:#00a199;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: left;
	line-height: 22px;
	margin-left: 1em; 
	text-indent: -1.4em;
}
.space3s{
	width: 100%;
	margin: 60px;
	position: relative;
}
			
}