@charset "UTF-8";
/* [html5doctor.com reset stylesheet v1.6.1 +α] */
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:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
img {
	vertical-align: top;
	font-size:0;
	line-height: 0;
	border:none;
}
*, *:before, *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
html {
	overflow-y:scroll;
	overflow-x:hidden!important;
	overflow:-moz-scrollbars-vertical;
	/*scroll-behavior:smooth;*/
}
body {
	font-family:"メイリオ", "Hiragino Kaku Gothic Pro", sans-serif;
	background-image:url(img/wall.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-color:rgba(204,255,255,1)
}
/* reset-END */

/* [header] */
header {
}
header .container {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
/* [head-logo] */
.head-logo {
}
header .wrap {
	border-bottom:solid 1px rgba(107,142,35,0.1);
	margin-bottom:5px;
	background-color:rgba(224,255,255,0);
}
.head-logo a {
	display:inline-block;
	padding:6px 55px 6px 6px;
	text-decoration:none;
	white-space:nowrap;
}
.head-logo .head-img img {
	float:left;
	padding-right:5px;
	max-height:38px;
}
.head-logo .head-campany p {
	margin-bottom:3px;
	font-size:12px;
	color:blue;
}
.head-logo .head-campany h1{
	font-size:24px;
	color:black;
}
/* [head-button] */
.head-button {
	position:absolute;
	padding:0;
	border:none;
	outline:none;
	background:none;
	opacity:0.9;
	cursor:pointer;
	top:5px;
	right:5px;
}
/* [head-menu-img]
.head-button img {
	max-width:40px;
}
.head-button:hover {
	opacity:0.3;
}
/* [head-menu-icon] */
.head-menu-icon {
	position:relative;
	width:40px;
	height:40px;
}
.head-menu-icon span {
	position:absolute;
	display:block;
	width:30px;
	height:5px;
	background-color:rgba(0,255,255,0.9);
	right:5px;
	transition:all 0.5s ease;
}
.head-menu-icon .bar1 {
	top:5px;
}
.head-menu-icon .bar2 {
	top:15px;
}
.head-menu-icon .bar3 {
	top:25px;
}
.head-menu-icon .bar1.open {
	top:15px;
	transform:rotate(45deg);
}
.head-menu-icon .bar2.open {
	opacity:0;
}
.head-menu-icon .bar3.open {
	top:15px;
	transform:rotate(-45deg);
}
/* [head-menu] */
.head-menu li p{
	display:block;
	padding-left:10px;
	line-height:2.5rem;
	font-size:12px;
	color:black;
/*	background-color:#fff;*/
}
.head-menu li a {
	display:block;
	padding-left:25px;
	line-height:2.5rem;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}
.head-menu .g-nav ul li {
	background-color:#00bfff;
}
.head-menu a:hover {
	background-color:rgba(0,0,0,0.3);
}
.head-menu {
	display:none;
	z-index:9999;
}
@media (max-width:374px) {
.head-logo a {
	padding:5px 50px 5px 5px;
}
.head-logo .head-img img {
	max-height:32px;
}
.head-logo .head-campany p {
	font-size:10px;
}
.head-logo .head-campany h1{
	font-size:20px;
}
}
@media (max-width:319px) {
.head-logo .head-img img {
	display:none;
}
.head-logo a {
	white-space:normal;
	padding:5px;
}
}
@media (min-width:375px) {
header .wrap {
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	margin-left:auto;
	margin-right:auto;
}
/* [g-nav] */
.head-menu .g-nav {
    display:flex;
	height:2.5rem;
}
.head-menu li {
    position:relative;
}
.head-menu li p {
	padding:0;
	text-align:center;
	line-height:2.5rem;
/*	background-color:#fff;*/
}
.head-menu .g-nav li li {
    height:0;
    overflow:hidden;
    transition:0.8s;
}
.head-menu .g-nav li li a {
	padding:0;
	width:7.7rem;
	text-align:center;
	line-height:2.5rem;
	color:#fff;
    border-top:1px solid #eee;
}
.head-menu .g-nav li:hover > ul > li {
    height:2.5rem;
    overflow:visible;
	background-color:#00bfff;
}
.head-menu p:hover {
	background-color:rgba(107,142,35,0.1);
}
.head-button {
	display:none;
}
.head-menu {
	display:block !important;
}
}
@media (min-width:768px) {
header .wrap {
	flex-direction:row;
	justify-content:space-between;
}
.head-menu .g-nav {
	height:50px;
}
.head-menu li p {
	text-align:center;
	line-height:50px;
}
.head-menu .g-nav li li a {
	width:9rem;
}
}
@media (min-width:1024px) {
header .wrap {
	max-width:1000px;
}
.head-menu li p {
	padding:0 10px;
	text-align:right;
}
.head-menu .g-nav li li a {
	width:10rem;
}
}
/* [footer] */
footer {
	background-color:#00bfff;
	color:#fff;
}
footer .wrap {
	padding:40px 5px 50px 5px;
}
/* [foot_01] */
.foot_01 {
	margin-bottom:30px;
}
.foot_01 a {
	display:block;
	text-decoration:none;
	color:#fff;
}
.foot_01 img {
	max-width:90%;
}
.foot_01 h2 {
	margin-bottom:5px;
	font-size:13px;
}
.foot_01 p {
	margin-top:10px;
	font-size:14px;
	line-height:1.3;
}
.foot_01 a:hover {
	color:#0ff;
}

/* [foot_02] */
.foot_02 div {
	margin-bottom:20px;
}
.foot_02 h3 {
	margin-bottom:10px;
	border-bottom:solid 1px #fff;
	font-size:14px;
}
.foot_02 ul {
	list-style:none;
}
.foot_02 a {
	display:block;
	padding:5px;
	color:#fff;
	font-size:12px;
	text-decoration:none;
}
.foot_02 a:hover {
	background-color:rgba(0,0,0,0.3);
}
/* [foot_03] */
.foot_03 {
	display:flex;
	align-items:center;
	flex-direction:column;
	padding:10px 0;
	border-top:solid 1px #1e90ff;
	font-size:12px;
	line-height:1.5em;
	color:#1e90ff;
}
.foot_03 a {
	text-decoration:none;
	color:#1e90ff;
}
.foot_03 a:hover {
	background-color:rgba(0,0,0,0.3);
	color:#fff;
}
@media (min-width:375px) {
.foot_02 {
	display:flex;
}
.foot_02 div {
	flex:1 1 0;
	width:33.3%;/*IE*/
}
.foot_02 div:not(:first-child) {
	margin-left:25px;
}
}
@media (min-width:768px) {
footer .wrap {
	display:flex;
	flex-wrap:wrap;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.foot_01 {
	flex:0 0 35%;
}
.foot_02 {
	display:flex;
	flex:0 0 65%;
}
.foot_03 {
	flex:0 0 100%;
}
.foot_02 div {
	flex:1;
}
.foot_02 div:not(:first-child) {
	margin-left:25px;
}
.foot_03 {
	flex-direction:row;
	justify-content:space-between;
}
}
/* [top-scroll-button] */
#top-button {
	position:fixed;
	bottom:10px;
	right:10px;
	border-radius:50%;
	background-color:rgba(0,255,255,0.9);
}
#top-button img {
	width:44px;
	height:44px;
}
#top-button a {
	display:block;
	border-radius:50%;
	align-items:center;
}
#top-button a:hover {
	background-color:rgba(0,0,0,0.3);
}
/* [home-button] */
#home-button {
	position:fixed;
	bottom:10px;
	left:10px;
	border-radius:50%;
	background-color:rgba(0,255,255,0.9);
}
#home-button img {
	width:44px;
	height:44px;
}
#home-button a {
	display:block;
	border-radius:50%;
	align-items:center;
}
#home-button a:hover {
	background-color:rgba(0,0,0,0.3);
}
/* [contents-menu] */
.contents-menu h2 {
	padding:20px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	background-color:#00bfff;
}
.contents-menu ul li {
	border-bottom:solid 1px #eee;
	line-height:2rem;
	font-size:14px;
}
.contents-menu ul li img {
	margin:5px;
	width:20px;
}
.contents-menu ul li h3 {
	display:none;
}
.contents-menu ul li p {
	display:none;
}
.contents-menu ul li a {
	display:block;
	padding:5px 10px;
	text-decoration:none;
	color:gray;
}
.contents-menu ul li a:hover {
	background-color:rgba(0,255,255,0.1);
}
@media (min-width:768px) {
.contents .wrap {
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.contents .contents-menu {
	flex:0 1 25%;
	max-width:25%;
}
.contents .con {
	flex:0 1 75%;
	max-width:75%;
}
.contents-menu .sm-home {
	display:none;
}
.contents-menu ul li img {
	display:none;
}
.contents-menu ul li {
	position:relative;
	margin:5px 0;
	border:solid 0px;
	border-radius:8px;
	overflow:hidden;
}
.contents-menu .sm-a01 a {
	background-image:url(img/sm-a01.jpg);
}
.contents-menu .sm-a02 a {
	background-image:url(img/sm-a02.jpg);
}
.contents-menu .sm-a03 a {
	background-image:url(img/sm-a03.jpg);
}
.contents-menu .sm-a04 a {
	background-image:url(img/sm-a04.jpg);
}
.contents-menu .sm-b01 a {
	background-image:url(img/sm-b01.jpg);
}
.contents-menu .sm-b02 a {
	background-image:url(img/sm-b02.jpg);
}
.contents-menu .sm-b03 a {
	background-image:url(img/sm-b03.jpg);
}
.contents-menu .sm-b04 a {
	background-image:url(img/sm-b04.jpg);
}
.contents-menu .sm-c01 a {
	background-image:url(img/sm-c01.jpg);
}
.contents-menu .sm-c02 a {
	background-image:url(img/sm-c02.jpg);
}
.contents-menu .sm-c03 a {
	background-image:url(img/sm-c03.jpg);
}
.contents-menu .sm-c04 a {
	background-image:url(img/sm-c04.jpg);
}
.contents-menu .sm-w01 a {
	background-image:url(img/sm-w01.jpg);
}
.contents-menu .sm-w02 a {
	background-image:url(img/sm-w02.jpg);
}
.contents-menu .sm-w-home a {
	background-image:url(img/sm-hand.jpg);
}
.contents-menu .sm-w00 a {
	background-image:url(img/sm-w00.jpg);
}
.contents-menu ul li a {
	height:130px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 20px #000,-1px -1px 20px #000;
}
.contents-menu ul li a:hover {
	color:#0ff;
}
.contents-menu ul li a:hover p {
	font-weight:bold;
}
.contents-menu ul li h3 {
	display:block;
	line-height:0;
	font-size:11px;
	text-decoration:underline solid 2px;
}
.contents-menu ul li p {
	display:block;
	position:absolute;
	padding:10px;
	width:100%;
	bottom:0px;
	left:0px;
	background-color:rgba(0,191,255,0.5);
	font-size:10px;
	font-weight:normal;
	color:#eee;
	line-height:1.2;
	text-shadow:1px 1px 15px #00bfff,-1px -1px 15px #00bfff;
}
.contents-menu ul li a:hover p {
	background-color:rgba(0,255,255,0.7);
}
.contents-menu .sm-w-home p {
	background-color:rgba(255,128,0,0.5);
}
.contents-menu .sm-w-home a:hover p {
	background-color:rgba(255,128,0,0.7);
}
.contents-menu .sm-w-home a:hover {
	color:#ff8000;
	text-shadow:1px 1px 20px #fff,-1px -1px 20px #fff;
}
}
/* [contents] */
.contents .wrap {
	background-color:rgba(224,255,255,0.8);
}
/* [contents-img] */
.contents-img .wrap {
	position:relative;
	width:100%;
	height:150px;
	background-image:url(img/slider00.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.contents-img .wrap .contents-img-title {
	position:absolute;
	margin:0;
	right:10px;
	bottom:0px;
	font-weight:bold;
/*	-webkit-text-stroke:1px rgba(0,255,255,0.7);
	-webkit-text-fill-color:transparent;*/
	color:rgba(255,255,255,0.5);
	font-size:20px;
	letter-spacing:0px;
}
/*.contents-img img {
	width:100%;
	height:150px;
	margin:0;
	padding:0;
}*/
@media (max-width:299px) {
.contents-img .wrap .contents-img-title {
	font-size:15px;
}
}
/* [con] */
.contents {
	width:100%;
	max-width:100%;
}
.contents .con {
	padding:0 5px;
}
.contents .con img {
	width:100%;
	max-width:100%;
}
.contents .con .iso-img {
	width:50%;
	margin:20px auto 0 25px;
}
.contents .con .iso-img img {
	width:100%;
}
.contents .con h1 {
	margin:5px 0 0 0;
	padding-left:10px;
	border-radius:30px 0 0 30px;
	background-color:#00bfff;
	line-height:2.0;
	font-size:20px;
	color:#fff;
}
.contents .con h2 {
}
.contents .con h3 {
	margin:10px 0;
	padding-left:10px;
	border-radius:30px 0 0 30px;
	background-color:#87ceeb;
	line-height:2.0;
	font-size:16px;
	color:#fff;
}
.contents .con h4 {
	margin:20px 20px;
	line-height:1.2;
	font-size:18px;
	color:darkorange;
}
.contents .con h5 {
	margin:0px 20px;
	line-height:2;
	font-size:16px;
	color:#333;
}
.contents .con p {
	margin:5px 20px;
	line-height:1.5;
	font-size:14px;
	color:#333;
	white-space:pre-wrap;
}
.text-bold {
	font-weight:bold;
}
.text-red {
	color:red;
}
.text-blue {
	color:blue;
}
.text-gray {
	color:gray;
	font-size:11px;
}
.text-black {
	color:black;
}
.text-inkb {
	color:#003f8e;
}
.contents .con .text-right {
	text-align:right;
}
.con-space_01 {
	display:block;
	width:100%;
	height:1px;
}
.con-space_02 {
	display:block;
	width:100%;
	height:2px;
}
.con-space_03 {
	display:block;
	width:100%;
	height:3px;
}
.con-space_04 {
	display:block;
	width:100%;
	height:4px;
}
.con-space_05 {
	display:block;
	width:100%;
	height:5px;
}
.con-space_10 {
	display:block;
	width:100%;
	height:10px;
}
.con-space_20 {
	display:block;
	width:100%;
	height:20px;
}
.con-space_30 {
	display:block;
	width:100%;
	height:30px;
}
.con-space_50 {
	display:block;
	width:100%;
	height:50px;
}
.con-space_05vw {
	display:block;
	width:100%;
	height:5vw;
}
/* [con-imgbox] */
.contents .con .con-imgbox {
	display:block;
	padding:5px;
	scroll-snap-align:end;
}
.contents .con .con-imgbox img {
	width:100%
}
.contents .con .con-section {
	display:flex;
	justify-content:space-between;
	overflow-x:auto;
	white-space:nowrap;
	margin:5px 0;
	scroll-snap-type:x proximity;
}
.contents .con .con-section p {
	margin-left:5px;
	font-size:12px;
	line-height:1.1;
}
.contents .con .con-imgbox_30 .con-imgbox {
	width:33%;
}
.contents .con .con-imgbox_50 .con-imgbox {
	width:50%;
	min-width:49%;
}
/* [table] */
.contents .con table {
	margin:1px 3%;
	width:95%;
	height:0;
	font-size:12px;
	line-height:1.8;
}
.contents .con table tr {
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
	color:#333;
}
.contents .con table th {
	padding:0;
	width:30%;
	white-space:pre;
	text-align:justify;
	color:#666;
}
.contents .con table td {
	padding:0;
}
.contents .con table tr:hover {
	background-color:rgba(0,191,255,0.1);
}
.contents .con caption {
	padding:10px;
	font-size:14px;
	font-weight:bold;
	color:#00bfff;
	color:#000;
	text-align:left;
}
.contents .con .link-tr th, .contents .con .link-tr td {
}
.contents .con .link-tr a {
	display:block;
	padding:1px;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#333;
}
.contents .con .link-tr th a {
	color:blue;
}
/*
.contents .con .link-table tr:hover {
	cursor:pointer;
}
*/