@charset "utf-8";
/**
 * 
 * prodea
 * 
 * page CSS
 * 
 * 各固定ページ用スタイルシート。
 * 各固定ページ固有のスタイルは当ファイルにて定義する。
 * 
*/





/*
↓Aboutus情報用
*/

.abouttable {
    width: 100%;
    margin: 3em auto;
    border : 1px solid #666;
    border-bottom: none;
}

.abouttable dt {
    font-weight: bold;
}

/* スマホ */
@media only screen and (max-width:969px) {
    .abouttable {
    }
    
    .abouttable dt,
    .abouttable dd {
        padding: 0.5em;
    }
    
    .abouttable dt {
        float: none;
    }
    
    .abouttable dd {
        border-top: 1px solid #666666;
        border-bottom: 1px solid #666666;
    }
}

/* PC */
@media only screen and (min-width: 970px) {
    .abouttable {
        background: url(bg.png) repeat-y -150px 0; /* dlで背景画像をyリピートし、dtの背景色のように見せる。positionはdtの幅に応じて調整 */
    }
    
    .abouttable dt,
    .abouttable dd {
        padding: 0.5em;
		font-size:1.15em;
    }
    
    .abouttable dt {
        clear: both;
        float: left;
        width: 20%; /* 幅を指定 */
    }
    
    .abouttable dd {
    padding:0.5em;
        border-bottom: 1px solid #666666;
    }
}

/*
↑aboutus情報用 end
*/


/* ↓youtube埋め込み
========================================== */	
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
/* ↑youtube埋め込みend
========================================== */	

/* ↓googlemap埋め込み
========================================== */	
.apagmap {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.apagmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ↑googlemap埋め込みend
========================================== */

/* ↓FAQ
========================================== */
.faq {padding-top:2.5em;}
.faq_qa {margin-bottom:2.5em;border-bottom:1px dotted #fff;}
.faq_q {margin:0 0.5em 1.5em;padding-left:1.75em;background:url(https://www.prodea.net/wp/wp-content/uploads/2018/08/q.png) top left no-repeat;}
.faq_a {margin:0 0.5em 1.5em;padding-left:1.75em;background:url(https://www.prodea.net/wp/wp-content/uploads/2018/08/a.png) top left no-repeat;}
/* ↑FAQ end
========================================== */

/* ↓ご相談の流れ
========================================== */	
.flowframe {border:1px solid #fff;}
.flowframe dt {background:#fff;color:#333;padding:1.5em;text-align:center;}
.flowframe dd {padding:1.5em 1.5em 0em;}
.flowarrow {text-align:center;padding:1em;}
/* ↑ご相談の流れ end
========================================== */

/* ↓受賞歴
========================================== */
.award {padding:1.5em;}
.award_frame {margin-bottom:2.5em;border:1px solid #999; }
.award_img {padding:2.5em;}
.award_title {padding:2.5em;}
a.award_button {padding:0.5em 1.5em; display:inline; background:#999; color:#ffffff;}
a:hover.award_button {background:#fc0;}

/* ↑受賞歴  end
========================================== */

/* ↓google recaptcha
========================================== */
.grecaptcha-badge {
    opacity: 0;
}
/* ↑google recaptcha  end
========================================== */



/* 
 * ■（項目名） --------------------------------------------------
 */

@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}