@charset "utf-8";

/* ===========================================================================
    about
=========================================================================== */

article p, article table, article ul { line-height:1.7; }

/* [about-overview] ---------------------------------*/
.about-overview { clear:both; margin:35px auto 0; }
.about-overview .inner { text-align:left; max-width:1166px; margin:0 auto; }
.about-overview .tit02 { margin:0 0 20px -10px; }
.about-overview table { width:100%; margin:0; }
.about-overview table th,
.about-overview table td { box-sizing:border-box; vertical-align:top; padding:10px 0; }
.about-overview table table { margin:0 0 0 10px; }
.about-overview table table th,
.about-overview table table td { padding:0; }
.about-overview table table th { font-weight:normal; width:20%; padding-right:10px; }
.about-overview table ul { margin:0; }
.about-overview table ul ul { margin:0 0 12px 10px; }
.about-overview table .btn01 { font-size:1.2em; padding:13px 25px 13px 55px; }
.about-overview .gmap { position:relative; height:0; overflow:hidden; padding-bottom:35.47%; margin:15px auto; }
.about-overview .gmap iframe, .about-overview .gmap object, .about-overview .gmap embed { position:absolute; top:0; left:0; width:100%; height:100%; }
.about-overview p { margin:20px 0 0; }
.about-overview p.btn { margin-top:10px; }
.about-overview p.btn-about-eng { font-size:1.2em; line-height:1.2; margin:35px auto 0; }
.about-overview p.btn-about-eng a { background:#3abf50; color:#fff; display:block; font-weight:bold; text-align:left; text-decoration:none; position:relative; margin:0 auto; padding:10px 95px 10px 43px; }
.about-overview p.btn-about-eng a img { position:absolute; }
.about-overview p.btn-about-eng a img:first-child { top:50%; left:10px; margin-top:-12px; }
.about-overview p.btn-about-eng a img:last-child { width:80px; top:50%; right:10px; margin-top:-56px; }

/* [about-document] ---------------------------------*/
.about-document { clear:both; margin:40px auto 0; }
.about-document .inner { text-align:left; max-width:1166px; margin:0 auto; }
.about-document .tit02 { margin:0 0 20px -10px; }
.about-document ul { margin:0; }
.about-document ul li { margin:12px 0 0; }
.about-document ul li img { vertical-align:middle; margin-right:11px; }

@media screen and (max-width: 599px) {
/* [about-overview] ---------------------------------*/
.about-overview table { margin-top:-15px; }
.about-overview table th,
.about-overview table td { display:block; width:100%; padding:0; }
.about-overview table th { margin-top:15px; }
.about-overview table table th { width:100%; padding-right:0; }
.about-overview table table td { display:inline-block; float:left; width:6em; }
.about-overview table table td + td { padding-left:1em; width:auto; }
.about-overview table table .pt20 { padding-top:0 !important; }
.about-overview table table .senmu-space { margin:0; }
.about-overview table table .kanji-space { height:0; margin:0; }
.about-overview .gmap { padding-bottom:56.25%; }
}

@media print, screen and (min-width: 600px) {

/* [about-overview] ---------------------------------*/
.about-overview { margin:115px auto 0; padding:0 20px; }
.about-overview .inner { padding:0 20px; }
.about-overview .tit02 { margin:0 -20px 35px; }
.about-overview .tbl-wrap { margin:0 0 0 50px; }
.about-overview table th { width:16%; padding-right:20px; }
.about-overview table table { margin:0 0 0 50px; }
.about-overview table table th { width:18%; padding-right:20px; }
.about-overview table ul ul { margin:0 0 12px 30px; }
.about-overview .gmap { padding-bottom:35.47%; margin:15px auto 55px; }
.about-overview p { margin:70px 0 0; }
.about-overview p.btn { margin-top:15px; }
.about-overview p.btn-about-eng { text-align:center; margin:94px auto 0; }
.about-overview p.btn-about-eng a { display:inline-block; text-align:center; padding:17px 80px 15px 60px; }
.about-overview p.btn-about-eng a:link, .about-overview p.btn-about-eng a:visited { background:#3abf50; color:#fff; text-decoration:none; }
.about-overview p.btn-about-eng a:hover, .about-overview p.btn-about-eng a:active { background:#33a846; color:#fff; text-decoration:none; }
.about-overview p.btn-about-eng a img:first-child { left:23px; }
.about-overview p.btn-about-eng a img:last-child { width:115px; right:-64px; margin-top:-80px; }

/* [about-document] ---------------------------------*/
.about-document { margin:102px auto 0; padding:0 20px; }
.about-document .inner { padding:0 20px; }
.about-document .tit02 { margin:0 -20px 35px; }
.about-document ul { margin:0 50px; }
}