@charset "UTF-8";
@import url("grid.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@700&display=swap');
img {max-width:100%;height: auto;/*高さ自動*/
}
a {display:block;color: #666;text-decoration-line: none;}
/*a:hover {color: #999;}*/

html{background: url(../img/bg_washi.jpg) repeat;}
body{min-width:320px;/*右の謎余白削除のために記載*/
}


/*メイン画像
-------------------------------------*/
.main{background: url(../img/bg_top.jpg) no-repeat center top;
width: 100vw; /*height: auto;*/
/*background-size: cover;*/}

@media only screen and (max-width: 961px){
.main {background-size:250% ;}
}
@media only screen and (max-width: 650px){
.main {background-size:300% ;}
.main{background: url(../img/bg_top_sp.jpg) no-repeat center top / contain;}

}

/*ヘッダー
-------------------------------------*/
header{
    background:rgba(4,24,27,0.8);
    position: relative;
    border-top: solid 3px #ffd953;
    height: 80px;
}
header:after{/*border-topに2重に線を引く処理*/
    content: " "; position: absolute;top: 4px; border-top: solid 1px #ffd953;
    width: calc(100% - 0px);  height: calc(100% - 10px); pointer-events : none; /*z-index: 1;*/
}


.parent {display: flex; min-width: 320px; /*align-items: stretch; justify-content: space-between;align-items: center;*/}
.parent .child-box {margin-right: auto;}

.child-box {width: 30%; background: url(../img/logo.png) no-repeat; background-size: contain; height: 80px;}

.child-box img{margin: 0.3em;}
.child-list {margin: 0 10px; position: relative; /*z-index: 998;*/}
.child-list a {height: 50%;
    padding: 0.5em 1.5em 0em 1.8em;
    margin: 1.1em 0.2em;

display: inline-block;  
background: rgb(214,179,99);
background: linear-gradient(0deg, rgba(214,179,99,1) 0%, rgba(255,235,142,1) 100%);
border-radius: 10em;

font-weight: bold; color: #000;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝",'Noto Serif JP',  serif;
 text-shadow: 
    0.1px 0.1px 0, 
    0.1px -0.1px 0px,
    -0.1px 0.1px 0,
    -0.1px -0.1px 0px,
    0.1px 0px 0px,
    0px 0.1px 0px,
    -0.1px 0px 0px,
    0px -0.1px 0px;
  letter-spacing: 1px;

  -webkit-transition: all .3s;
    transition: all .3s;
}

.child-list a li { list-style: none;  }


 .menu:hover{background:#ffe576;color: #363636;}

@media only screen and (max-width: 640px){
header{height: 60px;}
.child-box {height: 55px;}
.child-list {margin: 0; }
.child-list a {font-size: 0.8em; padding: 0.5em 1.5em 0em 1.8em; margin: 1.1em 0.2em; }
}


/*実績紹介・会社概要 共通*/
.section{
    padding: 2.5em 1em; 
    text-align: center;}
.section h2 {padding-bottom: 1rem;}
.section h2 img{max-width: 290px; width: 45%;}


.tb{font-size: 0.8em; margin: 0 auto; min-width: 720px; }
.tb th{background: #2c2f31; font-weight: bold; color: #fff; padding: 1em; text-align: center; width: 30%;}
.tb td{background: #fff; color: #1c1c1c; padding: 0.6em; }
.b{font-weight: bold;}

@media screen and (max-width: 820px){
    .tb { min-width: 100%; font-size: 0.7em;}
}

/*実績紹介
-------------------------------------*/
#jisseki {
    background:rgba(255, 224, 99, 0.8);
    border-top: solid 1px #ffedba; 
    border-bottom: solid 1px #867033;
}

@media screen and (min-width: 820px){
    #jisseki {margin-top: 650px;}
}
@media screen and (max-width: 819px){
    #jisseki {margin-top: 70%;}
}
@media screen and (max-width: 640px){
    #jisseki {margin-top: 85%;}
}
 
.under {
    border-bottom: 0.4rem solid #000;
    padding:0 1rem 1rem 1rem;
}
.center {
	text-align: center;
	margin-bottom: 4rem;
}

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






/*フッター
-------------------------------------*/
footer {
    
    text-align: center;
    /*padding: 1rem 0;*/
    background:rgba(4,24,27,0.8);
    position: relative;
    border-bottom: solid 3px #ffd953;
    height: 45px;
    /*text-decoration: none;*/
    
    /*width: 100%;*/
    
}
footer:before{
    content: " "; position: absolute; bottom: 4px; left: 0; border-bottom: solid 1px #ffd953; width: 100%;
    /*width: calc(100% - 10px);  height: calc(100% - 10px);*/
}
footer div{text-align: center; color: #f1cb5c; font-size: 0.7em; padding: 1em;  min-width: 320px;}

/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 999;
    font-weight: bold;
}
#pagetop a {
    display: block;
    /*background: #000;*/
    background: linear-gradient(0deg, rgba(214,179,99,1) 0%, rgba(255,235,142,1) 100%);

    color: #232323;
    width: 50px;
    padding: 10px 5px;
    text-align: center;
-moz-box-shadow: 2px 5px 12px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 5px 12px 3px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 2px 5px 12px 3px rgba(0, 0, 0, 0.5);
box-shadow: 2px 5px 12px 3px rgba(0, 0, 0, 0.5);
    /*border-radius: 10px;*/
    }
#pagetop a:hover {
    background:#ffe576;color: #363636; box-shadow: none;
    /*background: #666;*/
}

/* 幅768px以下の表示
-------------------------------------*/
/*@media screen and (max-width: 768px){*/
	
/*ヘッダー
-------------------------------------*/
/*.header-box {
	display: none;
}*/	
/*お問い合わせ
-------------------------------------*/
/*.table th {
	width: 100%;
	display: block;
}	
.table td {
	display: block;
}
}*/