@charset "utf-8";
/* ------------------------------------------------------------ fv */
#fv { background: url(../images/company/fv.jpg?1) center top no-repeat; background-size: cover; padding: 300px 0 250px; }
#fv .fv_text { font-size: 18px; letter-spacing: 5px; }
#fv .fv_text span { font-size: 68px; color: #3588df; display: block; font-family: 'Lato', sans-serif; line-height: 130%; font-weight: 700; letter-spacing: 14px;}


/* ------------------------------------------------------------ business */
#business { padding: 90px 0 120px; }
#business h3 { text-align: center; font-size: 32px; letter-spacing: 5px; }
#business h3 span { color: #3588df; font-family: 'Lato', sans-serif; display: block; font-size: 20px; font-weight: 700; }
#business h4 { padding: 40px 0; text-align: center; font-size: 40px; font-family: "游明朝体", "Yu Mincho","ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho",serif; }
#business ul {  }
#business ul li { float: left; width: 339px; margin-left: 40px; }
#business ul li:first-child { margin: 0 auto; }
#business ul li img {  }
#business ul li h5 { font-size: 22px; color: #3588df; text-align: center; padding: 10px 0; }
#business ul li p { font-size: 16px; }


/* ------------------------------------------------------------ feature */
#feature { background: url(../images/company/bg_01.jpg) center center no-repeat; background-size: cover; padding: 140px 0; }
#feature h3 { text-align: center; letter-spacing: 5px; color: #fff; font-size: 32px; }
#feature h3 span { display: block; font-size: 20px; font-family: 'Lato', sans-serif; font-weight: 700; }
#feature ul { text-align: center; margin: 60px auto 0; }
#feature ul li { float: left; color: #fff; width: 339px; margin-left: 40px; height: 400px; }
#feature ul li:nth-of-type(3n + 1) { clear: both; margin: 0 auto; }
#feature ul li:nth-of-type(4),
#feature ul li:nth-of-type(5) { display: inline-block; float: inherit; vertical-align: top; padding: 40px 0 0; }
#feature ul li img {  }
#feature ul li h4 { font-size: 22px; text-align: center; padding: 10px 0; }
#feature ul li p { font-size: 16px; text-align: left; }


/* ------------------------------------------------------------ outline */
#outline { padding: 130px 0 90px; }
#outline h3 { text-align: center; font-size: 32px; letter-spacing: 5px; }
#outline h3 span { color: #3588df; font-size: 20px; display: block; font-family: 'Lato', sans-serif; font-weight: 700;  }
#outline table { width: 100%; margin: 50px 0 20px; width: 600px; float: left; }
#outline table tr {  }
#outline table tr th { font-weight: bold; font-size: 14px; padding: 15px 0 15px 10px; text-align: left; vertical-align: top; border-top: 1px solid #ededed; width: 100px; }
#outline table tr td { font-size: 14px; padding: 15px 0; border-top: 1px solid #ededed; }
#outline table tr th,
#outline table tr td { border-bottom: 1px solid #ededed; }
#outline table tr td p { display: inline-block; padding: 0 20px 0 0; line-height: 200%; vertical-align: top; font-size: 13px; }
#outline table tr td p:last-child { padding: 0; }
#outline table tr td a { color: #5394b3; text-decoration: underline; }
#outline .view { float: right; margin: 50px 0 0; }


/* ------------------------------------------------------------ access */
#access { background: #eeeeee; padding: 120px 0 100px; }
#access h3 { text-align: center; font-size: 32px; letter-spacing: 5px; }
#access h3 span { font-size: 20px; color: #3588df; display: block; font-family: 'Lato', sans-serif; font-weight: 700; }
#access .maps { padding: 50px 0 15px; }
#access .addr { font-size: 16px; display: inline-block; width: 79%; }
#access a { color: #428cdf; text-decoration: underline; display: inline-block; width: 20%; text-align: right; }

.bnr { text-align: center; padding: 60px 0 70px; }
.bnr p { padding: 10px 0 0; font-size: 16px; }

.btn_back { margin: 0 auto 100px; }





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

/* ------------------------------------------------------------ fv */

#fv { background: url(../images/company/fv.jpg) center center no-repeat; padding: 100px 0 50px; background-size: cover; }
#fv .fv_text { font-size: 16px; }
#fv .fv_text span { font-size: 40px; }

/* ------------------------------------------------------------ business */
#business { padding: 40px 0; }
#business h3 { font-size: 24px; }
#business h4 { padding: 20px 0; font-size: 20px; }
#business ul {  }
#business ul li { float: none; width: 100%; margin-left: 0; margin: 0 auto 30px; }
#business ul li:first-child { margin: 0 auto 30px; }
#business ul li img { width: 100%; height: auto; }
#business ul li h5 { font-size: 20px; padding: 10px 0; }
#business ul li p { font-size: 14px; }


/* ------------------------------------------------------------ feature */
#feature { background: url(../images/company/bg_01.jpg) center center no-repeat; background-size: cover; padding: 60px 0 30px; }
#feature h3 { font-size: 22px; }
#feature h3 span { font-size: 18px; }
#feature ul { margin: 30px auto 0; }
#feature ul li { float: none; width: 100%; margin-left: 0; margin: 0 auto 40px; height: auto; }
#feature ul li:nth-of-type(3n + 1) { clear: both; margin: 0 auto 40px; }
#feature ul li:nth-of-type(4),
#feature ul li:nth-of-type(5) { padding: 0; }
#feature ul li img { width: 100%; height: auto; }
#feature ul li h4 { font-size: 18px; padding: 10px 0; }
#feature ul li p { font-size: 14px; }

/* ------------------------------------------------------------ outline */
#outline { padding: 60px 0; }
#outline h3 { font-size: 22px; }
#outline h3 span { font-size: 20px; }
#outline table { margin: 30px 0 10px; width: 100%; float: none; }
#outline table tr th { font-size: 14px; padding: 20px 0 20px 3%; border-top: none; display: block; width: 97%; }
#outline table tr td { font-size: 14px; padding: 20px 0 20px 3%; border-top: none; display: block; }
#outline table tr th { border: none; background: #eee; }
#outline table tr td { border-bottom: 1px solid #ededed; }
#outline table tr td p { padding: 0; display: inherit; }
#outline .view { float: none; margin: 20px 0 0; }
#outline .view img { width: 100%; height: auto; }

/* ------------------------------------------------------------ access */
#access { padding: 60px 0; }
#access h3 { font-size: 22px; }
#access h3 span { font-size: 20px; }
#access .maps { padding: 20px 0 15px; }
#access .maps iframe { width: 100%; }
#access .addr { font-size: 14px; display: inherit; width: 100%; }
#access a { display: block; width: 100%; }

.bnr { padding: 30px 0; }
.bnr img { height: auto; width: 80%; }
.bnr p { padding: 10px 0 0; font-size: 14px; }

.btn_back { margin: 0 auto 30px; }


}