/*----------タテ向き非表示----------*/

@media (orientation: landscape) {
body,html {
	 display : none;
} 
}

* {
     margin : 0;
     padding : 0;
}

img {
	border : 0;
	vertical-align : top;
	font-size : 0;
	line-height : 0;
}

@font-face {
	src : url("googlefonts/NotoSansJP-Regular.ttf") format("truetype");
	font-family : "Noto Sans JP";
	font-weight : 400;
	font-style : normal;
	font-display : swap;
}

@font-face {
	src : url("googlefonts/NotoSansJP-SemiBold.ttf") format("truetype");
	font-family : "Noto Sans JP";
	font-weight : 600;
	font-style : normal;
	font-display : swap;
}

@font-face {
    src : url("googlefonts/ZenOldMincho-Medium.ttf") format("truetype");    
    font-family : "Zen Old Mincho";
    font-weight : 500;
    font-style : normal;
    font-display : swap;
}

@font-face {
    src : url("googlefonts/ZenOldMincho-Bold.ttf") format("truetype");    
    font-family : "Zen Old Mincho";
    font-weight : 700;
    font-style : normal;
    font-display : swap;
}

@font-face {
    src : url("googlefonts/Spectral-Medium.ttf") format("truetype");    
    font-family : "Spectral";
    font-weight : 500;
    font-style : normal;
    font-display : swap;
}

body {
	margin : 0 0 22% 0;
	padding : 0;
	font-family : "Noto Sans JP","sans-serif";
	font-style : normal;
	font-weight : 400;
	font-size : 100%;
	color : #3c3c3c;
	background : #ffffff;
}

/*----------HEADER----------*/

#header {
    overflow : hidden;
    width : 100%;
    margin-bottom : 7%;
    background : #ffffff url(body_sky.png) center top no-repeat;
}

#hnavi {
    position : relative;
    overflow : hidden;
    width : 100%;
    margin-bottom : 7%;
    background : #ffffff;
}

#hline,ul#gnavi,#hnavi h1 span {
    display : none;
}

#hnavi h1 {
    padding : 9px 0 9px 0;
    color : #ffffff;
    background : #05236e;
    font-size : 70%;
    font-family : "Zen Old Mincho";
    font-weight : 500;
    font-style : normal;
    text-align : center;
}

#hnavi h1 span {
    display : none;
}

#hnavi h1 a {
    color : #ffffff;
    text-decoration : none;
}

h2#hlogo {
    width : 150px;
    margin : 22px 0 20px 30px;
}

h2#hlogo img {
    width : 100%;
    height : 100%;
}

p#mdmenu {
	position : absolute;
    width : 98px;
	top : 64px;
	right : 16px;
	z-index: 100;
}

p#mdtel {
	position : absolute;
	width : 52px;
	top : 64px;
	right : 124px;
	z-index: 100;
}

p#mdmenu img,p#mdtel img {
	width : 100%;
	height : 100%;
}

#hline,ul#gnavi,#hnavi h1 span,p#hmail,p#htel {
    display : none;
}

h2#ptitle {
    clear : both;
    margin-bottom : 7%;
    font-size : 150%;
    font-family : "Zen Old Mincho";
    font-weight : 700;
    font-style : normal;
    color : #ffffff;
    text-align : center;
}

h2#ptitle span {
    margin-left : 15px;
    vertical-align : 3px;
    font-size : 80%;
    font-family : "Spectral";
	font-style : normal;
	font-weight : 500;
	letter-spacing : 1px;
	transform : scale(1.01, 1.02);
    opacity: 0.6;
}

/*----------TABNAVI----------*/

ul#tnavi01 {
	list-style : none;
	overflow : hidden;
    width : 100%;
    font-weight : 600;
    text-align : center;
}

ul#tnavi01 li {
    display : inline-block;
	width : 33%;
	text-align : center;
}

ul#tnavi01 li:nth-child(2) {
	width : 34%;
}

ul#tnavi01 li a {
	display : block;
	width : 100%;
    padding : 13px 0 16px 0;
	color : #ffffff;
    background : #007dc0;
	text-decoration : underline;
    border-right : solid 1px #37a5f0;
    box-sizing : border-box;
}

ul#tnavi01 li p {
	width : 100%;
    padding : 13px 0 16px 0;
	background : #ffffff;
    border : none;
}

ul#tnavi01 li span {
    display : none;
}

ul#tnavi02 {
	list-style : none;
	overflow : hidden;
    width : 100%;
    font-weight : 600;
    text-align : center;
}

ul#tnavi02 li {
    display : inline-block;
	width : 25%;
	text-align : center;
}

ul#tnavi02 li a {
	display : block;
	width : 100%;
    padding : 13px 0 16px 0;
	color : #ffffff;
    background : #007dc0;
	text-decoration : underline;
    border-right : solid 1px #37a5f0;
    box-sizing : border-box;
}

ul#tnavi02 li p {
	width : 100%;
    padding : 13px 0 16px 0;
	background : #ffffff;
    border : none;
}

ul#tnavi02 li span {
    display : none;
}

/*----------CONTENTS----------*/

#contents {
    width : 90%;
    margin : 0 auto 8% auto;
}

#contents1 {
    width : 90%;
    margin : 0 auto 8% auto;
}

/*----------FOOTER----------*/

#footer {
	clear : both;
	width : 100%;
	margin-bottom : 30px;
	padding : 35px 0 40px 0;
	background : #05236e;
}

#footer h1 {
    width : 150px;
	margin : 0 auto 25px auto;
}

#footer h1 img {
	width : 100%;
	height : 100%;
}

#footer ul {
    list-style : none;
    overflow : hidden;
    width : 84%;
    margin : 0 auto 0 auto;
    font-family : "Zen Old Mincho";
    font-weight : 500;
    font-style : normal;
}

#footer ul li {
    float : left;
    width : 47%;
    margin-right : 6%;
    padding : 7px 0 10px 0;
    border-bottom : solid 2px #2855af;
}

#footer ul li:nth-child(2n) {
    margin : 0;
}

#footer ul li:nth-child(1),#footer ul li:nth-child(2) {
    border-top : solid 2px #2855af;
}

#footer ul li a {
    display : block;
    color : #ffffff;
    text-decoration : none;
}

/*----------LBOX----------*/

#lbox {
    clear : both;
    width : 84%;
    margin : 0 auto 0 auto;
}

#lbox p {
    margin-bottom : 10px;
    font-family : "Zen Old Mincho";
    font-weight : 500;
    font-style : normal;
    line-height : 1.6em;
}

#lbox p a {
    color : #282828;
    text-decoration : underline;
}

#lbox p span {
    display : block;
}

#lbox p font {
    display : none;
}

address {
    font-size : 92%;
    font-family : "Zen Old Mincho";
    font-weight : 500;
    font-style : normal;
}

address span {
    display : none;
}

/*----------PAGETOP----------*/

#toPageTop {
	position : fixed;
	bottom : 25px;
	right : 20px;
}

#toPageTop a {
	display : block;
	width : 50px;
	background-image : url(ptop_ov.svg);
	background-size : 100%;
	background-repeat : no-repeat;
}

#toPageTop img {
	width : 100%;
	height : 100%;
}

#toPageTop a:hover img {
	visibility : hidden;
}

/*----------MODALWINDOW----------*/

#modalarea {
	position : absolute;
	width : 84%;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%,-50%);
	-moz-transform : translate(-50%,-50%);
	-ms-transform : translate(-50%,-50%);
	-o-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align : center;
}

ul#mainnavi {
	overflow : hidden;
	list-style : none;
	width : 100%;
	margin-bottom : 7%;
    font-family : "Zen Old Mincho";
    font-weight : 700;
	font-style : normal;
	font-size : 130%;
	line-height : 1.4em;
    border-top : solid 2px #c3c3c3;
    text-align : left;
}

ul#mainnavi li {
	border-bottom : solid 2px #c3c3c3;
}

ul#mainnavi li font {
    letter-spacing : 10px;
}

ul#mainnavi li span {
    float : right;
    margin-right : 40px;
    padding-top : 2px;
    font-size : 84%;
    font-family : "Spectral";
	font-style : normal;
	font-weight : 500;
    color : #b4b4b4;
    letter-spacing : 1px;
    transform : scale(1.01, 1.02);
}

ul#mainnavi a {
	display : block;
	padding : 11px 0 14px 3px;
    color : #4169aa;
    background-image : url(marrow.svg);
    background-repeat : no-repeat;
    background-size : 24px;
    background-position : right 5px top 15px; 
	text-decoration : none;
}

p#contact {
    width : 60%;
    margin : 0 auto 7% auto;
    font-size : 110%;
    font-family : "Zen Old Mincho";
    font-weight : 500;
    font-style : normal;
}

p#contact a {
    display : block;
    width : 100%;
    padding : 8px 0 10px 0;
    color : #ffffff;
    background : #4169aa;
    text-decoration : none;
    border-radius : 36px;
}

span.close-modal-01 {
	padding-bottom : 8px;
	border-bottom : solid 2px #c3c3c3;
    font-size : 110%;
	font-family : "Zen Old Mincho";
    font-weight : 500;
    font-style : normal;
	color : #4169aa;
	cursor: pointer;
}