@charset "UTF-8" ;
	/*

		-moz-transform : translate( 50px , 50px ) ;
		-moz-transition : all .5s ;
		-ms-transform : translate( 50px , 50px ) ;
		-ms-transition : all .5s ;
		-o-transform : translate( 50px , 50px ) ;
		-o-transition : all .5s ;
		-webkit-transform : translate( 50px , 50px ) ;
		-webkit-transition : all .5s ;
	*/
/* 全般設定 */
	 html {
		font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "MS Pゴシック", "MS PGothic", sans-serif ;
	}
	 * {
		box-sizing : border-box ;
	}
	 body {
		background-color : #ffffff ;
		color : #000000 ;
		font-size : 1em ;
		font-weight : bold ;
		margin : 0 ;
		padding : 0 ;
	}
/* ToTopボタン */
	#totop {
		background-color : #e60033 ;
		border-radius : 50% ;
		bottom : 5% ;
		display : none ;
		height : 50px ;
		opacity : 0.5 ;
		position : fixed ;
		right : 5% ;
		transition : all .25s ;
		width : 50px ;
		z-index : 20 ;
	}
	#totop:hover {
		opacity : 1 ;
		transition : all .25s ;
	}
	.totop-inner {
		border-bottom : 20px solid #ffffff ;
		border-left : 15px solid transparent ;
		border-right : 15px solid transparent ;
		border-top : 15px solid transparent ;
		height : 0 ;
		left : 10px ;
		position : absolute ;
		top : -2.5px ;
		width : 0 ;
	}
/* ヘッダー */
	#top {
		position : absolute ;
		top : 0 ;
	}
	#text {
		background-color : #f0f0f0 ;
		display : -ms-flexbox ;
		display : -webkit-box ;
		display : flex ;
		font-size : 15px ;
		justify-content : center ;
		padding : 0 2.5% ;
	}
	#text dl {
		border-right : 1px solid #555555 ;
		display : -ms-flexbox ;
		display : -webkit-box ;
		display : flex ;
		margin : 2.5px 0 ;
		padding : 0 15px ;
	}
	#text dt {
		padding : 2.5px 5px ;
	}
	#text dd {
		border : 1px solid #bbbbbb ;
		display : -ms-flexbox ;
		display : -webkit-box ;
		display : flex ;
		margin : 0 ;
		padding : 1px 10px ;
		cursor : pointer ;
	}
	.dd-first {
		border-radius : 15px 0 0 15px ;
	}
	.dd-last {
		border-radius : 0 15px 15px 0 ;
	}
	.chosen {
		background : #e60033 ;
		color : #ffffff ;
	}
	.not-chosen {
		background : transparent ;
		color : #000000 ;
		transition : .25s ;
	}
	.not-chosen:hover {
		background : #f27f99 ;
		color : #ffffff ;
		transition : .25s ;
	}
	#text div>a[ href = "sitemap.html" ] {
		font-weight : bold ;
		line-height : 35px ;
		padding : 0 15px ;
	}
	header {
		background-color : #ffffff ;
		padding : 10px 0 0 ;
		width : 100% ;
		z-index : 3 ;
	}
	#logo {
		margin : 10px 0 ;
		text-align : center ;
		width : 100% ;
	}
	#menu-box , #box-list {
		display : none ;
	}
	#menu-list {
		background-color : #e60033 ;
		margin : 0 ;
	}
	.menu-list-script {
		position : fixed ;
		top : 0 ;
		width : 100% ;
		z-index : 10 ;
	}
	#menu-list section {
		display : -ms-flexbox ;
		display : -webkit-box ;
		display : flex ;
		margin : 0 5% ;
	}
	#menu-list a {
		height : 45px ;
		width : 12.5% ;
	}
	.menu {
		background-color : #e60033 ;
		border-left : 1px solid #ffffff ;
		color : #ffffff ;
		display : inline-block ;
		font-size : 15px ;
		font-weight : bold ;
		height : 45px ;
		line-height : 3 ;
		list-style-type : none ;
		overflow : hidden ;
		position : relative ;
		text-align : center ;
		text-decoration : none ;
		width : 100% ;
		z-index : 1 ;
	}
	.menu:after {
		background-color : #ffffff ;
		border-radius : 22.5px ;
		content : "" ;
		height : 0 ;
		left : 50% ;
		opacity : 0 ;
		position : absolute ;
		top : 50% ;
		transform : translateX( -50% ) translateY( -50% ) rotate( 0deg );
		transition : .25s ;
		width : 100% ;
		z-index : -1 ;
	}
	.menu:hover {
		color : #e60033 ;
	}
	.menu:hover:after {
		height : 90% ;
		opacity : 1 ;
		transform : translateX( -50% ) translateY( -50% ) rotate( 180deg );
		width : 95% ;
	}
	.menu:active:after {
		height : 100% ;
		opacity : 1 ;
		width : 100% ;
	}
	.hm-now {
		border-top : 2.5px solid #ffffff ;
	}
	.hmc-now {
		text-decoration : underline ;
	}
	#other {
		border-right : 1px solid #ffffff ;
	}
/* パラパラ */
	#para {
		margin : 0 5% ;
		position : relative ;
		top : 0px ;
		width : 90% ;
	}
	.para-list-script {
		position : fixed ;
		top : 45px ;
	}
	.listbox {
		background-color : #e60033 ;
		border-radius : 0 0 10px 10px ;
		display : none ;
		min-width : 130px ;
		position : absolute ;
		width : 12.5% ;
		z-index : 9 ;
	}
	.listbox div:hover {
		color : #e60033 ;
	}
	#list1 {
		left : 0% ;
	}
	#list2 {
		left : 12.5% ;
	}
	#list3 {
		left : 25% ;
	}
	#list4 {
		left : 37.5% ;
	}
	#list5 {
		right : 37.5% ;
	}
	#list6 {
		right : 25% ;
	}
	#list7 {
		right : 12.5% ;
	}
	#list8 {
		right : 0% ;
	}
	#li14 , #li24 , #li37 , #li47 , #li56 , #li68 , #li72 , #li83 {
		border-radius : 0 0 10px 10px ;
	}
	.list {
		background-color : #e60033 ;
		color : #ffffff ;
		display : inline-block ;
		font-size : 15px ;
		font-weight : bold ;
		height : 45px ;
		line-height : 3 ;
		list-style-type : none ;
		margin-bottom : -8px ;
		overflow : hidden ;
		position : relative ;
		text-align : center ;
		text-decoration : none ;
		width : 100% ;
		z-index : 1 ;
	}
	.list:after {
		background-color : #ffffff ;
		border-radius : 22.5px ;
		content : "" ;
		height : 0 ;
		left : 50% ;
		opacity : 0 ;
		position : absolute ;
		top : 50% ;
		transform : translateX( -50% ) translateY( -50% ) rotate( 0deg );
		transition : .25s ;
		width : 100% ;
		z-index : -1 ;
	}
	.list:hover:after {
		height : 90% ;
		opacity : 1 ;
		transform : translateX( -50% ) translateY( -50% ) rotate( 180deg );
		width : 95% ;
	}
	.list:active:after {
		height : 100% ;
		opacity : 1 ;
		width : 100% ;
	}
/* メイン */
	 main {
		margin-top : 0 ;
	}
	#wrapper {
		margin : 40px 10% 0 ;
	}
	#pass {
		background-color : #f0f0f0 ;
		margin-bottom : 50px ;
		padding : 5px 20px ;
	}
	.wrapper-inner {
		display : -ms-flexbox ;
		display : -webkit-box ;
		display : flex ;
	}
	.page-nav {
		position : sticky ;
		top : 0 ;
	}
	.cti img {
		width : 50% ;
	}
	.ctt {
		display : -ms-flexbox ;
		display : -webkit-box ;
		display : flex ;
		justify-content : center ;
	}
	.ctt div {
		border-radius : 15px ;
		padding : 10px ;
	}
	.summary-box , .index-box {
		margin : 50px 0 ;
	}
	.summary-box {
		padding-top : 60px ;
	}
	.summary-title , .summary-title-en {
		background-color : #e60033 ;
		border-radius : 10px 10px 0 0 ;
		color : #ffffff ;
		font-size : 25px ;
		font-weight : bold ;
		padding : 10px 2.5% ;
	}
	.summary-title span::before , .summary-title-en span::before {
		margin-right : 20px ;
	}
	.summary-inner {
		background-color : #f0f0f0 ;
		border-radius : 0 0 10px 10px ;
		padding : 5px 2.5% ;
	}
	.index-box {
		display : none ;
	}
	.page {
		display : -ms-flexbox ;
		display : -webkit-box ;
		display : flex ;
		font-size : 20px ;
		justify-content : space-between ;
		margin : 50px 5% ;
	}
	.page a {
		display : -ms-flexbox ;
		display : -webkit-box ;
		display : flex ;
	}
	.before-left {
		border-bottom : 30px solid #ffffff ;
		border-left : 30px solid #ffffff ;
		border-right : 30px solid #89c3eb ;
		border-top : 30px solid #ffffff ;
		height : 0 ;
		width : 0 ;
	}
	.before {
		background-color : #89c3eb ;
		line-height : 3 ;
		padding : 0 10px 0 0 ;
	}
	.before-bottom {
		text-align : right ;
	}
	a:link>.before {
		color : #ffffff ;
	}
	a:visited>.before {
		color : #ffffff ;
	}
	a:hover>.before {
		color : #1e50a2 ;
	}
	a:active>.before {
		color : #38a1db ;
	}
	.after {
		background-color : #f0908d ;
		line-height : 3 ;
		padding : 0 0 0 10px ;
	}
	.after-right {
		border-bottom : 30px solid #ffffff ;
		border-left : 30px solid #f0908d ;
		border-right : 30px solid #ffffff ;
		border-top : 30px solid #ffffff ;
		height : 0 ;
		width : 0 ;
	}
	.after-bottom {
		text-align : left ;
	}
	a:link>.after {
		color : #ffffff ;
	}
	a:visited>.after {
		color : #ffffff ;
	}
	a:hover>.after {
		color : #c53d43 ;
	}
	a:active>.after {
		color : #e83929 ;
	}
	.page-r {
		display : none ;
	}
	 a:link {
		color : #ee7800 ;
		text-decoration : none ;
	}
	 a:visited {
		color : #ee7800 ;
		text-decoration : none ;
	}
	 a:hover {
		color : #eda65f ;
		text-decoration : none ;
	}
	 a:active {
		color : #994d00 ;
		text-decoration : none ;
	}
	h1 {
		border-bottom : 0.5px solid #eaeaea ;
		border-left : 5px solid #e60033 ;
		color : #e60033 ;
		font-size : 30px ;
		font-weight : bold ;
		margin : 10px ;
		padding : 5px ;
	}
	h2 {
		border-bottom : 2.5px dotted #e60033 ;
		color : #e60033 ;
		font-size : 25px ;
		font-weight : bold ;
		margin : 10px ;
		padding : 60px 5px 5px 5px ;
	}
	h3 {
		border-bottom : 1px solid #e60033 ;
		color : #e60033 ;
		font-size : 22.5px ;
		font-weight : bold ;
		margin : 10px ;
		padding : 5px ;
	}
	.content {
		margin : 5px 15px ;
		padding : 2.5px ;
	}
	 table {
		border-collapse : collapse ;
		width : 100% ;
	}
	 th , td {
		border : 2.5px solid #ffffff ;
		padding : 5px ;
	}
	 th {
		background-color : #e60033 ;
		color : #ffffff ;
		font-weight : bold ;
		text-align : center ;
		width : 15% ;
	}
	 td {
		background-color : #ebebeb ;
	}
	.p1 {
		color : #000000 ;
		font-size : 17.5px ;
		line-height : 2 ;
	}
	.mark {
		background : linear-gradient( transparent 40% , #7ebeab 100% ) ;
	}
	.word:link , .word:visited {
		color : #1e50a2 ;
		text-decoration : underline ;
	}
	.word:hover , .word:active {
		background-color : #1e50a2 ;
		color : #ffffff ;
		text-decoration : none ;
	}
	.link-content {
		font-size : 25px ;
		text-align : right ;
	}
	.link-content a {
		line-height : 1 ;
		padding : 15px ;
	}
	.link-content a::after {
		content : ">" ;
		margin-left : 10px ;
		transition : .25s ;
	}
	.new-tab:after {
		content : url( "../png/new-tab.png" ) ;
		margin : 0 2.5px ;
	}
	.center {
		text-align : center ;
	}
/* フッター */
	 footer {
		background-color : #f0f0f0 ;
		margin-top : 50px ;
		padding : 10px 2.2% ;
		text-align : center ;
	}
	 footer span {
		color : #000000 ;
		font-size : 15px ;
	}
	 footer a:link {
		color : #e60033 ;
		text-decoration : none ;
	}
	 footer a:visited {
		color : #e60033 ;
		text-decoration : none ;
	}
	 footer a:hover {
		color : #e60033 ;
		text-decoration : underline ;
	}
	 footer a:active {
		color : #e60033 ;
		text-decoration : underline ;
	}
	#sns {
		padding : 25px 0 ;
	}
	.footer-title {
		border-bottom : 1.5px dashed #cccccc ;
		color : #555555 ;
		display : block ;
		font-size : 25px ;
	}
	#sns div {
		display : -ms-flexbox ;
		display : -webkit-box ;
		display : flex ;
		flex-wrap : wrap ;
		justify-content : center ;
		margin : 10px ;
		width : 100% ;
	}
	#sns img {
		margin : 0 50px ;
	}
	#sns a:link span , #sns a:visited span {
		color : #ffffff ;
	}
	#sns a:hover span , #sns a:active span {
		color : #ffffff ;
		text-decoration : underline ;
	}
	.twitter {
		background-color : #0f9fff ;
	}
	.twitter span::before {
		content : url( "../png/twitter.png" ) ;
		margin-top : 5px ;
		height : 30px ;
	}
	.facebook {
		background-color : #3748a1 ;
	}
	.line {
		background-color : #17bf11 ;
	}
	#footer-inner {
		border-top : 1px solid #aaaaaa ;
		padding : 20px 0 ;
	}
	#sponsor {
		-ms-flex-wrap : wrap ;
		border-bottom : 1px solid #aaaaaa ;
		display : -ms-flexbox ;
		display : -webkit-box ;
		display : flex ;
		flex-wrap : wrap ;
		justify-content : center ;
		margin : 10px 0 10px ;
		padding : 0 5% ;
	}
	#web-con , #cc , #mhlw , #jrc {
		margin : 10px 0 20px ;
		padding : 0 2.5% ;
	}
	#sponsor span {
		display : block ;
		max-width : 234px ;
	}
	#copyright {
		background-color : #f0f0f0 ;
		bottom : 0 ;
		padding : 5px ;
		text-align : center ;
		width : 100% ;
	}
/* レスポンシブデザイン */
	@media ( max-width : 900px ) {
		#text {
			display : none ;
		}
		 header {
			background-color : #ffffff ;
			border-bottom : 5px solid #e60033 ;
			display : -ms-flexbox ;
			display : -webkit-box ;
			display : flex ;
			height : 60px ;
			padding : 0 ;
			position : fixed ;
			top : 0 ;
			width : 100% ;
			z-index : 10 ;
		}
		#logo {
			margin : 2.5px 0 1.5px 25px ;
			text-align : center ;
			width : auto ;
		}
		#logo img {
			height : 45px ;
			width : auto ;
		}
		#menu-box {
			background-color : #e60033 ;
			display : block ;
			height : 60px ;
			position : fixed ;
			right : 0 ;
			top : 0 ;
			width : 60px ;
			z-index : 20 ;
		}
		#menu-box span {
			display : block ;
			width : 24px ;
			height : 2px ;
			background-color : #ffffff ;
			position : absolute ;
			top : 50% ;
			left : 50% ;
			margin : -1px 0 0 -12px ;
			transition : all .25s ;
		}
		#menu-box span::before , #menu-box span::after {
			content : "" ;
			display : block ;
			width : 24px ;
			height : 2px ;
			background : #ffffff ;
			transition : all .25s ;
			position : absolute ;
		}
		#menu-box span::before {
			top : -8px ;
		}
		#menu-box span::after {
			top : 8px ;
		}
		#menu-box.on span {
			transform : rotate( 315deg ) ;
		}
		#menu-box.on span::before {
			transform : rotate( 270deg ) ;
			top : 0 ;
		}
		#menu-box.on span::after {
			opacity : 0 ;
		}
		#box-list {
			background-color : #e60033 ;
			display : none ;
			height : 100% ;
			opacity : 0.9 ;
			overflow-y : auto ;
			padding : 0 25px 25px ;
			position : fixed ;
			right : 0 ;
			width : 100% ;
			z-index : 18 ;
		}
		.btn-wrap {
			display : -ms-flexbox ;
			display : -webkit-box ;
			display : flex ;
			justify-content : space-between ;
			padding-right : 60px ;
		}
		.box-eng , .hsml {
			margin : 10px 0 ;
		}
		.box-eng a , .hsml a {
			font-size : 15px ;
			line-height : 3 ;	
		}
		.box-eng a:link , .box-eng a:visited , .hsml a:link , .hsml a:visited {
			color : #ffffff ;
		}
		.box-eng a:hover , .box-eng a:active , .hsml a:hover , .hsml a:active {
			color : #f27f99 ;
			text-decoration : none ;
		}
		.btn-fs {
			background-color : #e60033 ;
			border-bottom : 2.5px solid #ffffff ;
			display : -ms-flexbox ;
			display : -webkit-box ;
			display : flex ;
			font-size : 15px ;
			justify-content : center ;
			padding-bottom : 25px ;
		}
		.btn-fs dl {
			display : -ms-flexbox ;
			display : -webkit-box ;
			display : flex ;
			margin : 0 ;
			padding : 0 ;
		}
		.btn-fs dt {
			color : #ffffff ;
			padding : 2.5px ;
		}
		.btn-fs dd {
			border : 1px solid #bbbbbb ;
			display : -ms-flexbox ;
			display : -webkit-box ;
			display : flex ;
			margin : 0 ;
			padding : 1px 10px ;
			cursor : pointer ;
		}
		.dd-first {
			border-radius : 15px 0 0 15px ;
		}
		.dd-last {
			border-radius : 0 15px 15px 0 ;
		}
		.chosen {
			background-color : #f27f99 ;
			color : #ffffff ;
		}
		.not-chosen {
			background : transparent ;
			color : #dddddd ;
			transition : .25s ;
		}
		.not-chosen:hover {
			background : #e60033 ;
			color : #ffffff ;
			transition : .25s ;
		}
		.menu-wrap {
			display : -ms-flexbox ;
			display : -webkit-box ;
			display : flex ;
			margin : 10px 0 ;
			width : 100% ;
		}
		.plus {
			background-color : #e60033 ;
			display : block ;
			height : 45px ;
			width : 45px ;
			z-index : 20 ;
		}
		.plus span {
			display : block ;
			width : 18px ;
			height : 2px ;
			background-color : #ffffff ;
			position : relative ;
			top : 50% ;
			left : 50% ;
			margin : -1px 0 0 -12px ;
			transform : rotate( 90deg ) ;
			transition : all .25s ;
		}
		.plus span::after {
			background : #ffffff ;
			content : "" ;
			display : block ;
			height : 2px ;
			transform : rotate( 90deg ) ;
			transition : all .25s ;
			width : 18px ;
		}
		.plus.on span {
			transform : rotate( -360deg ) ;
		}
		.plus.on span::after {
			opacity : 0 ;
			transform : rotate( -270deg ) ;
		}
		.menu {
			background-color : #e60033 ;
			border-left : none ;
			color : #ffffff ;
			display : block ;
			font-size : 15px ;
			font-weight : bold ;
			height : 45px ;
			line-height : 3 ;
			list-style-type : none ;
			overflow : hidden ;
			position : relative ;
			text-align : center ;
			text-decoration : none ;
			z-index : 1 ;
		}
		.menu:after {
			background-color : #ffffff ;
			content : "" ;
			height : 0 ;
			left : 50% ;
			opacity : 0 ;
			position : absolute ;
			top : 50% ;
			transform : translateX( -50% ) translateY( -50% ) rotate( 45deg );
			transition : 0s ;
			width : 200px ;
			z-index : -1 ;
		}
		.menu:hover {
			color : #e60033 ;
		}
		.menu:hover:after {
			height : 90% ;
			opacity : 1 ;
			transform : translateX( -50% ) translateY( -50% ) rotate( 180deg );
			width : 95% ;
		}
		.menu:active:after {
			height : 100% ;
			opacity : 1 ;
			width : 100% ;
		}
		.menu-other {
			border-radius : 0 0 0 15px ;
		}
		.listbox {
			background-color : #e60033 ;
			display : none ;
			position : relative ;
			width : 100% ;
		}
		#li14 , #li24 , #li37 , #li47 , #li56 , #li68 , #li72 , #li83 {
			border-radius : 0 ;
		}
	.list {
		background-color : #e60033 ;
		color : #ffffff ;
		display : inline-block ;
		font-size : 15px ;
		font-weight : bold ;
		height : 45px ;
		line-height : 3 ;
		list-style-type : none ;
		margin-bottom : -8px ;
		overflow : hidden ;
		position : relative ;
		text-align : center ;
		text-decoration : none ;
		width : 100% ;
		z-index : 1 ;
	}
	.list:after {
		background-color : #ffffff ;
		border-radius : 22.5px ;
		content : "" ;
		height : 0 ;
		left : 50% ;
		opacity : 0 ;
		position : absolute ;
		top : 50% ;
		transform : translateX( -50% ) translateY( -50% ) rotate( 0deg );
		transition : .25s ;
		width : 100% ;
		z-index : -1 ;
	}
	.list:hover:after {
		height : 90% ;
		opacity : 1 ;
		transform : translateX( -50% ) translateY( -50% ) rotate( 180deg );
		width : 95% ;
	}
	.list:active:after {
		height : 100% ;
		opacity : 1 ;
		width : 100% ;
	}
		#menupara {
			display : none ;
		}
		 main {
			margin-top : 60px ;
		}
		.content {
			padding : 2.5px ;
		}
		.page {
			display : none ;
		}
		.page-r {
			display : block ;
			font-size : 20px ;
			margin : 50px 5% ;
		}
		.before-r , .before-r-en {
			text-align : left ;
		}
		.before-r a::before {
			content : "< 前：" ;
			margin-right : 10px ;
		}
		.before-r-en a::before {
			content : "< Back : " ;
			margin-right : 10px ;
		}
		.before-r a , .before-r-en a {
			color : #38a1db ;
		}
		.before-r a:hover , .before-r a:active , .before-r-en a:hover , .before-r-en a:active {
			color : #1e50a2 ;
		}
		.after-r , .after-r-en {
			text-align : right ;
		}
		.after-r a::before {
			content : "次：" ;
			margin-right : 10px ;
		}
		.after-r-en a::before {
			content : "Next : " ;
			margin-right : 10px ;
		}
		.after-r a::after , .after-r-en a::after {
			content : " >" ;
			margin-left : 10px ;
		}
		.after-r a , .after-r-en a {
			color : #e83929 ;
		}
		.after-r a:hover , .after-r a:active , .after-r-en a:hover , .after-r-en a:active {
			color : #c53d43 ;
		}
	}