/*ハンバーガーメニューに関する記述*/

.sp{
	display: none;
}

#menu .menuopen{
	display: none;
}
#menu .menuclose{
	display: none;;
}

#menu ul{
	display: none;
}

#menu .menuText{
	display: none;
}

.tab{
    display:none;
}

/*--header----------start------------*/

body {
    background:#ffffff;;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 20px;
	line-height: 1;
}
header{
    top: 0;
}


#logo01{
    width: 90px;
    left: 20px;
    position: fixed;
}
#logo02{
    position: fixed;
    left: 120px;
    top: 30px;
}
#logo03{
    position: fixed;
    right: 35px;
}

.co-title{
    position: relative;
    font-size: 14px;
    color:#747484;
    top: 55px;
    left: 125px;
    letter-spacing:0.1rem;
}

.site-header{
   background: #DDDDDD;
    width: 100%;
    height:95px;
    position:fixed;
    top:0;
    z-index: 5;
}

.site-logo{
	display: flex;
	justify-content: space-between;
}
.menu{
    position: fixed;
    top: 95px;
    margin: 0 auto;
    width: 100%;
}


h1{
	padding-left: 20px;
    font-family: "HG明朝B";
    font-size: 30px;
    vertical-align:-webkit-baseline-middle,middle;
    vertical-align: middle;
	padding-top: 5px;
}

#logo-line{
	width:50px;
	color:white;
	margin:0 auto;
}
	
.logo01{
	display: inherit;
    padding-left: 20px;
}


.site-logo img {
    width: 40px;
	height:40px;
}


.gnav__menu {
    display: flex;
	justify-content:flex-end;
}

.gnav__menu a{
    text-decoration: none;
    color: black;
    font-size: 16px;
}

.gnav__menu a:hover{
	color: #FF73FF;
    
}

nav ul {
    list-style: none;
}

.gnav{
   display: block;
    padding:15px 10px 15px 30px;
    background: white;
}

.gnav__menu__item {
    margin-right: 30px;
}




/*--header----------end------------*/
/*--footer----------start------------*/

.site-footer {
	background-color:#DDDDDD;
	color:white;
	font-size:16px;
	line-height:25px;
	list-style-type:none;
    width: 100%;
}

#logo04{
    width: 40px;
}

#logo05{
    width:240px;
}

.policy-link{
    text-align: right;
    padding-right: 20px;
}

.policy-link a{
    text-decoration: none;
    color: #737384;
    font-size: 14px;
    letter-spacing: 0.1rem;
}

.policy-link a:hover{
    color:#FF73FF;
}

.footer-container{
    display:flex;
    flex-wrap:wrap;
    width: 85%;
    justify-content: center;
    margin: 0 auto;
    padding-top: 30px;
}

.footer-text{
    text-align: center;
    margin-top: 20px;
    color: #737384;
    width: 30%;
}
.footer-text02{
    text-align: center;
    margin-top: 20px;
    color: #737384;
    width: 10%;
}
.footer-text02 img{
    width:100%;
}

.fttext01{
    padding-top: 20px;
}


.fttext02{
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 55px;
}

.fttext02 p{
    width: 80%;
    margin: 0 auto;
}

.gt-link a{
    color:#351f17;
    text-decoration:none;
}

.gt-link a:hover{
    color:#FF73FF;
}

.footer-list ul li a{
	color:white;
	text-decoration:none;
}

.footer-box{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
    padding-bottom: 30px;
    padding-top: 50px;
}


.footer-list li{
	 font-family: "HG明朝B";
	 	text-decoration:none;
}

.footer-list li { 
     list-style-type:none; 
	 background-image:none; 
}

hr.footer-line{
     height: 1px;
}

.footer-logo{
    text-align: center;
    margin-top: 10px;
    padding-top: 30px;
}
.footer-logo span{
	font-family: "HG明朝B";
	font-size:20px;
	padding-left: 4px;
}
.footer-box01{
    background: #EEE2D4;
    color: #795548;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 50px 0pt;
}


#logomark{
    vertical-align:text-top;	
}

.copyright {
    color: #737384;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.1rem;
}
.footer-title{
    font-size: 24px;
}


/*--footer----------end------------*/

/*ページトップに戻るスクロール --*/

#page-top {
    position: fixed;
　　bottom:20px;
    right: 20px;
	font-size: 30px;
}

#page-top a {
    display: block;
    background: #ced4da;
    color: #fff;
    width: 40px;
    height: 30px;
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    border-radius: 100px;
}

#page-top a:hover {
    background: #999;
    text-decoration: none;
}



/*-----company------*//*会社概要*/

.company-content{
    line-height: 1.6;
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    padding-top: 200px;
    background: #EEEEEE;
    padding-bottom: 100px;
}

.greeting{
    width: 100%;
    margin: 50px auto;
}

#pre{
    text-align: right;
}

.main-title02{
    font-family: "HGS明朝B";
    font-size: 35px;
    text-align: center;
}

.main-title02 p {
    border-bottom: 1px solid black;
    width: 250px;
    margin: 0 auto;
    letter-spacing: 0.2rem;
    padding-bottom: 0.5rem;
}

.coment{
    width:67%;
    margin: 20px auto;
    font-size: 18px;
    letter-spacing: 0.2rem;
    line-height: 2rem;
}

.photo{
    width:67%;
    margin:0 auto;
}

.photo img{
    width:100%;
    max-height:300px;
}

.company-table{
    width: 67%;
    margin: 50px auto;
    font-size: 18px;
    font-family: "HGS明朝B";
}

.company-table table{
    width:100%;
    border-collapse:collapse;
    background:#FFFFFF;
}

.company-table tr{
    border-bottom:1px solid #9e9e9e;
}
.company-table tr:nth-child(even) td{
    background:white;
}

.company-table td{
    border-right:1px solid #9e9e9e;
}

#comtop{
    border-top:1px solid #9e9e9e;
}

#comleft{
    width: 40%;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    border-left:1px solid #9e9e9e;
    vertical-align: middle;
}

#comright{
    padding: 20px 0px 20px 40px;
    font-size: 20px;
}

.google-map{
    position:relative;
    width: 67%;
    height:0;
    margin:100px auto 50px;
    padding-bottom:30.25%;
    overflow:hidden;
}

.google-map iframe{
    position:absolute;
    top: 0;
    left:0;
    height:100%;
}



.access{
    width: 64%;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    font-family: "HGS明朝B";
    line-height: 3rem;
}





@media screen and (max-width: 522px) {
    
.main-title02 {
    font-size: 30px;
}

.greeting {
    width: 90%;
    flex-direction: column-reverse;
}
    
.coment {
    width: 100%;
}
.photo {
    width: 100%;
}
.company-table {
    width: 95%;
}
#comleft {
    padding:5px 0;
    font-size: 15px;
    width: 25%;
}  
#comright {
    padding: 20px 0px 20px 15px;
    font-size: 15px;
}
.google-map {
    width: 90%;
    margin: 50px auto 50px;
    padding-bottom: 100%;
} 
.access {
    width: 90%;
    font-size: 16px;
}
#menu {
    background: #DDDDDD;
}   
    
    
}

@media screen and (max-width: 398px) {

}