/* Gno-let css 2019.07.04 */
	.top_title {
		/*color:#003399;*/
		color:#1874CD;
		font-weight:bold;
		font-size:14.5pt;
	}
	.top_subtitle {
		font-weight:normal;
		font-size:12.0pt;
	}
	.intro {
		margin-left: 73px;
		margin-right: 80px;
		/*margin-bottom: 0px;*/
		padding: 40px;
		font-size:10.0pt;
		color:#1874CD;
	}
	
	.part_pink,.part_pink a{
		color:#df9fab;
	}
	.part_green,.part_green a{
		color:#a6c66f;
	}
	.part_blue,.part_blue a{
		color:#7dc2e1;
	}
	.part_title {
		margin-top: 10px;
		margin-left: 36px;
		margin-right: 40px;
		padding: 10px 0px 50px 5px;
		font-size:12.0pt;
		font-weight:bold;
	}
	.part_title img {
		width: 700px;
		border: none;
	}
	.part_page {
		float: right;
		font-weight:bold;
		font-size:10.0pt;
	}
	.booklet {
		text-align: center;
		font-weight:normal;
		color:#1874CD;
	}
	.booklet a{
		color:#1874CD;
		font-weight:normal;
	}
	.booklet img {
		border: solid 1px;
	}

	.index {
		/*
		margin: 55px 40px 20px 40px;
		*/
		margin: 35px 40px 20px 40px;
		padding: 15px 40px 15px 55px;
		font-size: 90%;
		border:solid 2px #7DB4EC;
		background:#FCFCFC;
		border-radius:8px;
	}
	.index:before {
		content: "目次";
		margin-left: -20px;
		font-size: 110%;
		font-weight:bold;
	}
	/*薄い黒*/
	.index a {
		line-height:30px;
		text-decoration: none;
		color:#524336; 
	}
	/*青文字*/
	.limited a{
		color:#11ABE8;
	}
	/*薄いピンク*/
	.idx_pink a:before {
		content: "●";
		color:#fad0d8;
	}
	/*濃いピンク*/
	.lim_pink a:before{
		content: "●";
		color:#F27B96;
	}
	/*薄い緑*/
	.idx_green a:before {
		content: "●";
		color:#cfe4ae;
	}
	/*濃い緑*/
	.lim_green a:before{
		content: "●";
		color:#71bf44;
	}
	/*薄い青*/
	.idx_blue a:before {
		content: "●";
		color:#b2e2f9;
	}
	/*濃い青*/
	.lim_blue a:before {
		content: "●";
		color:#00baf1;
	}

	.title {
		/*
		padding:30px 40px 0px 40px;
		*/
		padding:30px 40px 10px 40px;
		font-size:12.5pt;
		/*font-weight:normal;*/
		font-weight: bold;
		/*color:#f89a9f;*/
		/*text-decoration: underline;*/
	}
	.title_pink {
		color:#f89a9f;
		text-decoration: underline;
	}
	.title_green {
		color:#71bf44;
		text-decoration: underline;
	}
	.title_blue {
		color:#00baf1;
		text-decoration: underline;
	}
	.subtitle {
		padding:0px 10px 5px 10px;
		font-size:14.0pt;
		font-weight:normal;
	}
	.subtitle:before {
		white-space: pre-wrap;
		content: "――　";
		letter-spacing: -0.3em;
	}
	h1 {
		padding:0px 30px 0px 30px;
		line-height:20px;
		font-size:12.0pt;
		font-weight: bold;
		color:#1798C1;
	}
	.title_back{
		background: #f2f2f2;
		padding:10px 0px 3px 0px;
		margin:3px 48px 10px 40px;
	}

	.ans{
		padding: 5px 40px 10px 40px;
		font-size:11.0pt;
	}
	.ans rt{
		font-size:50%;
		text-height:20px;
	}

	.student_pink{
		color:#f89a9f;
		font-weight:bold;
	}
	.student_green{
		color:#71bf44;
		font-weight:bold;
	}
	.student_blue{
		color:#00baf1;
		font-weight:bold;
	}
	
	.itve_pink {
		background: #fdedf1;
	}
	.itve_green {
		background: #e6efc1;
	}
	.itve_blue {
		background: #c6eafa;
	}
	.interviewee {
		-moz-box-sizing: border-box;
		/*background: #fdedf1;*/
		padding: 10px 40px 10px 10px;
		margin-top:30px;
		margin-left:40px;
		font-size:10.5pt;
		/*width: 83%;*/
		width: 83%;
		
	}
	.interviewee table{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-collapse: collapse;
		/*width: 80%;*/
		width: 100%;
		height: 100%;
	}
	.interviewee td{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		width: 40%;
		/*background: #fdedf1;*/
	}
	.interviewee tr{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}	
	.interviewee ruby{
		/*ruby-align: start;*/ /*firefox*/
		/*text-align: start;*/ /*chrome*/
		/*ruby-align: left;*/ /*IE、Edge*/
	}
	.interviewee rt{
		/*ruby-align: start;*/ /*firefox*/
		/*text-align: start;*/ /*chrome*/
		/*ruby-align: left;*/ /*IE、Edge*/
		/*padding-top: 10px;*/
		font-size:50%;
		/*letter-spacing: 2px;*/
	}

	a:hover {
		 color: #ff0000;
	}
	
	/* 上に戻るボタン */
	.pagetop {
		color: #fff;
		background-color: rgba(0,0,0,0.3);
		text-decoration: none;
		display: none;
		position: fixed;
		bottom:        1rem;
		right:         1rem;
		font-size:     1.5rem;
		width:         2.2rem;
		height:        2.2rem;
		line-height:   2.2rem;
		border-radius: 2.2rem;
		text-align: center;
		cursor:     pointer;
	}
	.pagetop:hover {
		color: #fff !important;
		background-color: #669999; /* #ed702b; */
		text-decoration: none;
	}


	/* Gno-let24 */
	.title_navy {
		/*
		color:#142e82;
		*/
		color:#152e7a;
	}
	.title_orange {
		/*
		color:#d8642d;
		*/
		color:#cd6620;
	}
	.interviewee24 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		/*
		background: #b8d6ee;
		*/
		background: #c7d6ed;

		padding: 20px 4px 20px 4px;
		margin-top:30px;
		margin-left:40px;
		font-size:10.5pt;
		text-align:center;
		width: 90%;
		
	}
	.title24 {
		padding:10px 10px 10px 10px;
		font-size:12.5pt;
		font-weight: bold;
		width:90%;
		text-align:left;
		line-height:30px;
		display:inline-block;
	}
	.title24-big {
		padding:15px 10px 20px 10px;
		font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体';
		font-size:55px;
		font-weight: bold;
		width:90%;
		letter-spacing: -2px;
		text-align:left;
		line-height:30px;
		display:inline-block;
	}
	.beginning24{
		margin 0px;
		padding: 10px 10px 10px 10px;
		width:90%;
		font-size:11pt;
		color:#333333;
		display:block;
		text-align:left;
		display:inline-block;/*margin:0 auto;*/
	}
	.interviewee24_name{
		font-weight:bold;
		font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体';
		/*color:#000000;*/
		display:inline-block;
		line-height:16px;
		text-align:left;
		margin:0 auto;
		padding:20px 0px 5px 0px;
	}
	.interviewee24_name2{
		font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体';
		/*color:#000000;*/
		display:inline-block;
		line-height:16px;
		text-align:left;
		margin:0 auto;
		padding:18px 0px 5px 0px;
	}
	.title_mincho24 {
		font-size: 22px;
		/*
		font-family:  "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E",  "MS PMincho", serif;
		font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
		*/
		font-family: "HGP明朝E","HGS明朝E","HG明朝E", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-feature-settings: "palt";
		font-weight:bold;
		line-height:30px;
		padding-top:5px;
		padding-bottom:10px;
	}
	.part_navy,.part_navy a{
		color:#142e82;
	}
	.part_orange,.part_orange a{
		color:#d8642d;
	}
	.img_top{
		padding:20px;
	}
	.br::after {
		/* 改行させる */
		content: "\A" ;
		white-space: pre ;
	}
	.indent1{
		margin-left:  1em;
		margin-right: 1em;
		text-indent: -1em;
		width:100%;
		display:block;
	}
	.appendix{
		margin:20px 60px 30px 50px;
		font-size:11px;
	}
	.appendix_sign{
		font-size:10px;
		margin-right:2px;
		font-weight:bold;
		color:#000;
		/*letter-spacing: -2px;*/
		vertical-align: super;
	}

/* PC表示用 */
@media screen and (min-width:480px) {
	.rwdDisp {
		display:none;
	}
}

/* モバイル表示用 */
@media only screen and (max-width:480px){
	body {
	    margin: 0; 
	    padding-top:1px; /* 上の青なし */
	}
	#outer {
		max-width: 480px; /* 最大横幅 */
		width: 100%; 
		/*
		width: 480px;
		*/
	}
	#contents {
		width: 95%;
		padding:4px;
		background: none; /* 緑の背景色なし */
	}
	#formWrap {
		width: 98%; 
		padding:2px;
	}
	
	.top_title {
		font-size:12.0pt;
	}
	.top_title img {
		width:12.5px;
	}
	.top_subtitle {
		font-size:10.5pt;
	}
	.top_subtitle:before {
		/*content: "\A　" ;*/
		/*white-space: pre-wrap;*/ /*文字コードによる改行を反映*/
	}
	.intro{
		/*margin: 10px 2px 0px 2px;*/
		margin: 15px 2px 0px 2px;
		/*padding: 6px 2px 5px 5px;*/
		padding: 10px 2px 8px 2px;
		/*font-size:11pt;*/
		font-size:10pt;
	}
	.part_title {
		margin: 30px 4px 10px 2px;
		padding: 0px 2px 10px 2px;
		font-size:12.0pt;
	}
	.part_title img {
		margin-left: 1px;
		margin-right: 0px;
		width: 100%;
	}
	.booklet {
		padding-top:30px;
		/*
		text-align: center;
		font-weight:normal;
		color:#1874CD;
		*/
	}
	.index {
		margin-top:  30px;
		/*margin-left:  2px;*/
		margin-left:  4px;
		margin-right: 4px;
		margin-bottom: 30px;
		padding: 16px 2px 16px 15px;
		font-size:11pt;
	}
	.index:before {
		margin-left: 0px;
		font-size:11pt;
		line-height:2.5;
		/*line-height:26px;*/
	}
	.index a {
		line-height:2;
		margin-left:4px;
		/*line-height:26px;*/
	}

	.title{
		/*padding:15px 5px 2px 5px;*/
		padding:20px 5px 2px 5px;
		font-size:11.0pt;
	}
	.subtitle {
		padding:0px 5px 0px 5px;
		font-size:12.0pt;
	}
	h1 {
		padding:0px 5px 4px 5px;
		font-size:10.0pt;
	}
	.title_back{
		padding:5px 0px 0px 0px;
		margin:5px 2px 10px 5px;
	}
	.ans{
		padding: 5px 2px 10px 5px;
		font-size:10.0pt;
	}
	.interviewee{
		width: 94%;
		padding: 10px 2px 2px 5px;
		margin-left:5px;
		margin-right:5px; 
		margin-top:10px;
		font-size:9.0pt;
	}
	.interviewee table{
		width: 100%;
	}
	

	.interviewee tr,td{
		display: block;
	}

	.interviewee tr, .interviewee td{
		padding: 3px 10px 3px 10px;
		width: 100%;
		/*width: auto;*/
	}
	.interviewee rt{
		font-size:60%;
	}
	
	img{
		margin-right:5px;
		margin-left:5px;
		height:auto;
		width:140px;
	}
	.extra_space{
		padding: 5px 2px 2px 5px;
	}
	.br_pc{
		display:none;
	}



	/* スマホのみ改行 */
	.rwdBr::after {
		/* 改行させる */
		content: "\A" ;
		white-space: pre ;
	}
	.rwdDispNone {
		display:none;
	}


	.img_small{
		width:180px;
	}


	/* Gno-let24 */
	.title24 {
		padding:10px 0px 10px 8px;
		font-size:14pt;
		font-weight: bold;
		width:95%;
		text-align:left;
		line-height:30px;
		display:inline-block;
	}
	.title24_big {
		padding:10px 10px 10px 10px;
		font-size:24px;
		font-weight: bold;
		width:90%;
		text-align:left;
		line-height:30px;
		display:inline-block;
	}
	.img_top{
		padding:0px;
		margin-left:-1px;
		width:100%;
	}
	.interviewee24{
		width: 98%;
		padding: 10px 2px 2px 2px;
		margin-left: 3px;
		margin-right:3px; 
		font-size:9.0pt;
/*
		margin-left:5px;
		margin-right:5px; 
		font-size:9.0pt;
*/
	}
	.beginning24{
		padding: 5px 2px 10px 2px;
		font-size:10.0pt;
/*
		padding: 5px 2px 10px 5px;
*/
	}
	.br::after {
		/* 改行させる */
		content: " " ;
	}
	.indent1{
		width:95%;
	}
	.appendix{
		margin:20px 10px 30px 10px;
		font-size:10px;
	}
	.appendix img{
		width:40px;
		margin-right:1px;
	}

}