/*
	Theme Name: Hiraya
	Description: This is the Hiraya theme
	Version: 1.0.0
	Author: ArticNet
*/


body, html{
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
h1{
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; 
    font-size: 45px;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    letter-spacing: 6px;
	line-height: 45px;
}
.thin{
	font-weight:200;
}
.m-top{
	margin-top:40px;
}
.noshow{
	display:none !important;
}
.top-bg{
	width:100%;
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
}
.container{
	max-width:1200px;
	margin: 0 auto;
}
.top-header{
	width:100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top:40px;
}
.header-logo img{
	height:50px;
	width:auto;
}
#menu-button-1,#menu-button-2,#menu-button-3,#menu-button-4{
	height:50px;
	width:auto;
}
#menu-button-1{
	height: 50px;
	width: 172px;
	background-image: url(img/menu-1.png);
	background-size: cover;
}
#menu-button-2{
	height: 50px;
	width: 180px;
	background-image: url(img/menu-2.png);
	background-size: cover;
}
#menu-button-3{
	height: 50px;
	width: 165px;
	background-image: url(img/menu-3.png);
	background-size: cover;
}
#menu-button-4{
	height: 50px;
	width: 146px;
	background-image: url(img/menu-4.png);
	background-size: cover;
}
#menu-button-1:hover{
	height: 50px;
	width: 172px;
	background-image: url(img/menu-1-hover.png);
	background-size: cover;
}
#menu-button-2:hover{
	height: 50px;
	width: 180px;
	background-image: url(img/menu-2-hover.png);
	background-size: cover;
}
#menu-button-3:hover{
	height: 50px;
	width: 165px;
	background-image: url(img/menu-3-hover.png);
	background-size: cover;
}
#menu-button-4:hover{
	height: 50px;
	width: 146px;
	background-image: url(img/menu-4-hover.png);
	background-size: cover;
}
.top-banner{
	width:100%;
	position:relative;
	margin:0;
	padding:0;
	background-color: #fff;
}
.top-banner img{
	width:100%;
	height:auto;
}
.top-banner:before{
	content: "";
	background-image: url(img/top-banner-01-before.png);
	position:absolute;
	top:0;
	left:-32px;
	height:20px;
	width:32px;
}
.white-bg{
	padding-top:20px;
	background-color:#fff;
}
.top-bg-height{
	height:100%;
}
.title-01{
	height:30px;
	width:auto;
}
.text-01{
	padding: 10px 0;
	font-size: 14px;
	line-height: 36px;
}
.text-02{
	padding: 20px 0;
	font-size: 36px;
	line-height: 54px;
}
.text-03{
    font-size: 28px;
    line-height: 50px;
    font-weight: 400;
}
.text-04{
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; 
    font-size: 18px;
    line-height: 36px;
    font-weight: 600;
	color:#fff;
	margin-bottom:100px;
}
.text-04 .bigger{
	font-size:26px;
	
}
.split-me2 .text-04{
	font-size:18px;
	margin-top:50px;
}
.tex-b{
	text-align: left;
	    width: 800px;
	    margin: 0 auto;
	    font-size: 22px;
	    line-height: 48px;
	    margin-top: 45px;
	    font-weight: 600;
}
.links-top{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.links-top a{
	text-decoration:none;
	color:#000;
}
.fullpix{
	width:100%;
	height:auto;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
}
.full-pic{
	width:100%;
	height:auto;
	position:relative;
}
.before-03{
	position:relative;
}
.before-03:before{
	content: "";
	background-image: url(img/pic-03-before.png);
	position:absolute;
	top:20px;
	left:-38px;
	height:248px;
	width:38px;
}
.midpic-01:before{
	content: "";
	background-image: url(img/midpic-01-before.png);
	position:absolute;
	top:90px;
	left:0px;
	height:52px;
	width:50px;
}
.middle-container,.middle-container-2{
	width:100%;
	position:relative;
	text-align:left;
}
.middle-container-2{
	background-color:#b9e3e5;
}
.mini-container{
	max-width:950px;
	margin-left:50px;
}
.another-container{
	position:relative;
	padding:40px 50px 20px 50px;
}
.center-container{
	text-align:center;
	padding:80px 0;
}
.white-transparent-bg{
	background-color:rgba(255,255,255,0.5);
	width:100%;
	padding:15px 50px 15px 90px;
	max-width: 890px;
}
.button-link{
	max-height:70px;
}
.bottom-pic{
	padding-top:100px;
}
.bottom-pic-2{
	margin-top:-6px;
	position:relative;
}
.my-grid{
	position:absolute;
	top:85px;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	width: calc(100% - 160px);
	margin-left: 80px;
}
.pbuttons{
	display:flex;
	justify-content: center;
	flex-wrap:nowrap;
}
.pbutton-item img{
	max-height:150px;
}
.grid-item{
    position: relative;
    margin: 20px 14px;
    flex-basis: 25%;
    max-width: 225px;
}
.grid-item img{
	width:100%;
}
.split-left{
	display:inline-block;
	width:55%;
	vertical-align: top;
}
.split-right{
	display:inline-block;
	width:44%;
}
.split-me2{
	padding-bottom: 500px;
}
.split-me2 .split-left{
	width:35%;
}
.split-me2 .split-right{
	width:64%;
}
.logo-bottom{
	margin: 20px 0;
	height:80px;
}
.gmap-logo{
	height:40px;
}
.footer-z{
	z-index:100;
    position: relative;
}
.footer-bottom{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
.contact table{
	width:100%;
	margin-top:50px
}
.contact input{
    border: none;
	height:30px;
    width: 100%;
}
.contact textarea{
    border: none;
	height:150px;
    width: 100%;
}
.contact td{
    line-height: 42px;
}
.contact .tlabel{
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; 
    font-size: 18px;
	width:300px;
	color:#fff;
}
.sub-but{
	width:80px !important;
}
.logo-right-b{
	position:absolute;
	bottom:30px;
	right:0;
	height:70px;
}
.fullpix-nobo{
	width:100%;
	position:relative;
	margin:0;
	padding:0;
}
.lightblue{
	background-color: #b9e3e5; 
}
.plan-title{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 45px;
	line-height: 135px;
}
.pbutton-ku-out{
	position: relative;
	margin: 110px 0;
}
.pbutton-ku{
	height:70px;
	    margin: 0 auto;
	    position: relative;
	    display: block;
}
.pbutton-hide{
	display:none;
}
.pbutton-ku-out a:hover .pbutton-ku{
	display:none;
}
.pbutton-ku-out a:hover .pbutton-hide{
	display:block;
}

@media only screen and (max-width: 600px) {
	.links-top {
	    flex-wrap: wrap;
	}
	.mini-container {
	    margin: 0 5px;
	}
	.white-transparent-bg {
	    padding: 15px 0;
	}
	.split-left, .split-right,.split-me2 .split-left,.split-me2 .split-right{
	    width: 96%;
		margin:0 2%;
	}
	.contact .tlabel {
	    width: 100%;
	    display: block;
	}
	.contact td {
	    display: block;
	}
	.menu-image{
		display:none;
	}
	.pbuttons {
	    flex-wrap: wrap;
	}
	.tex-b {
	    text-align: center;
	    width: 100%;
	}
	.header-logo img {
	    max-height: 50px;
	    width: 100%;
	}
	.pbutton-ku {
	    max-height: 70px;
	    width: 100%;
	}
	.pbutton-item img {
	    max-height: 150px;
	    width: 100%;
	}
	.plan-title {
	    font-size: 26px;
	    line-height: 50px;
	}
	.button-link {
	    max-height: 70px;
	    width: 100%;
	}
	.split-me2 {
	    padding-bottom: 250px;
	}
	.logo-bottom {
	    max-height: 80px;
	    width: 100%;
	}
}