@charset "UTF-8";
/* Scss Document */
/* 変数 */
/* Scss Document */
/* 共通変数 */
/* 共通変数 */
/* ミックスイン */
/* Scss Document */
/* 共通ミックスイン */
/* 共通mixin */
/* css */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
html { font-size: 62.5%; }

body { margin: 0; padding: 0; font-family: "游ゴシック Medium", "YuGothic M", YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.8; -webkit-text-size-adjust: 100%; color: #333; font-size: 18px; font-size: 1.8rem; text-align: left; font-weight: normal; position: relative; width: 100%; min-width: 1000px; }

img { border: 0; vertical-align: bottom; max-width: 100%; height: auto; }

a { color: #333; text-decoration: none; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; display: block; }
a:hover, a:focus { outline: none; }

ol, ul { list-style: none; margin: 0px; padding: 0px; }

table, tr, th, td { border-collapse: collapse; font-size: 100%; vertical-align: top; border-spacing: 0; }

input, textarea { -webkit-appearance: none; }

.wrapper { display: block; width: 100%; min-width: 1000px; overflow: hidden; }

@media only screen and (max-width: 768px) { .pc { display: none; } }

.sp { display: none; }
@media only screen and (max-width: 768px) { .sp { display: block; } }

/*----------------------------------------------------
コンテンツ共通
----------------------------------------------------*/
.main_ttl { width: 1000px; margin: 0 auto 40px; font-family: bebas-neue, sans-serif; font-size: 20px; text-align: center; line-height: 0.7; }
.main_ttl span { font-family: "游ゴシック Medium", "YuGothic M", YuGothic, "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 25px; display: block; background: #ffffff; line-height: 50px; border: 1px solid #000000; border-bottom: 5px solid #000000; }

.g_ttl { width: 1000px; margin: 0 auto 30px; text-align: center; font-size: 30px; position: relative; }
.g_ttl:before { content: ''; position: absolute; width: 100px; height: 5px; background: #000000; bottom: 35px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.g_ttl span { display: block; font-family: bebas-neue, sans-serif; font-size: 20px; padding-top: 10px; }

.c_ttl { width: 1000px; margin: 0 auto 50px; padding: 25px 0; text-align: center; font-size: 25px; line-height: 1; background: url(../img/common/back_g.jpg) repeat; }
.c_ttl span { display: block; font-size: 18px; font-family: bebas-neue, sans-serif; padding-top: 10px; }

.g_link { text-align: center; margin-bottom: 70px; }
.g_link a { width: 220px; margin: 0 auto; line-height: 30px; font-size: 14px; border: 1px solid #000000; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; position: relative; }
.g_link a span { display: none; }
.g_link a:hover { background: #000000; color: #ffffff; }
.g_link a:hover span { display: inline; }

/*----------------------------------------------------
t_header
----------------------------------------------------*/
#t_header { width: 100%; position: relative; }
#t_header nav { width: 100%; padding: 20px 0; background: rgba(255, 255, 255, 0.5); z-index: 9999; position: fixed; top: 0; left: 0; }
#t_header nav .n_inner { width: 1000px; margin: 0 auto; overflow: hidden; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; z-index: 9999; }
#t_header nav .n_inner h1 { width: 180px; }
#t_header nav .n_inner ul { width: 785px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#t_header nav .n_inner ul li a { width: 155px; line-height: 40px; border-left: 1px solid #000000; text-align: center; font-size: 16px; }
#t_header nav .n_inner ul li a:hover { background: rgba(215, 80, 25, 0.8); color: #ffffff; }
#t_header nav .n_inner ul li:first-child a { background: rgba(215, 80, 25, 0.8); color: #ffffff; }
#t_header nav .n_inner ul li:last-child a { border: none; background: rgba(255, 255, 255, 0.8); }
#t_header nav .n_inner ul li:last-child a:hover { color: #333333; background: rgba(255, 255, 255, 0.4); }
#t_header p { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/*----------------------------------------------------
u_header
----------------------------------------------------*/
#u_header { width: 100%; border-bottom: 1px solid #333333; position: fixed; top: 0; left: 0; z-index: 9999; background: #ffffff; }
#u_header nav { width: 1000px; margin: 0 auto; overflow: hidden; }
#u_header nav h1 { width: 180px; float: left; margin-top: 10px; }
#u_header nav ul { width: 785px; float: right; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }
#u_header nav ul li { width: 155px; line-height: 60px; border-left: 1px solid #333333; }
#u_header nav ul li a { position: relative; font-size: 16px; }
#u_header nav ul li a:before { display: block; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; content: ''; }
#u_header nav ul li a:hover:before { width: 100%; height: 10px; background: #d75019; position: absolute; bottom: 0; left: 0; }
#u_header nav ul li a.active:before { content: ''; width: 100%; height: 10px; background: #d75019; position: absolute; bottom: 0; left: 0; }
#u_header nav ul li:last-child { border: none; }
#u_header nav ul li:last-child a { background: #d75019; color: #ffffff; }
#u_header nav ul li:last-child a:hover { opacity: 0.7; }

/*----------------------------------------------------
t_footer
----------------------------------------------------*/
#t_footer { width: 100%; background: #30537b; }
#t_footer .f_inner { width: 1000px; margin: 0 auto 0px; padding: 50px 0 10px; text-align: center; color: #ffffff; letter-spacing: 0.1em; }
#t_footer .f_inner h1 { @incldue mb(30px); }
#t_footer .f_inner h1 a { display: inline; }
#t_footer .f_inner h1 + p { margin-bottom: 100px; font-size: 18px; }
#t_footer .f_inner ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; @incldue align-items(center); -webkit-justify-content: center; justify-content: center; text-align: center; margin-bottom: 10px; }
#t_footer .f_inner ul li { border-right: 1px solid #ffffff; }
#t_footer .f_inner ul li:last-child { border: none; }
#t_footer .f_inner ul li a { padding: 0 30px; color: #ffffff; line-height: 1; font-size: 18px; }
#t_footer .f_inner ul li a:hover { opacity: 0.7; }
#t_footer .f_inner p.menu { overflow: hidden; text-align: center; margin-bottom: 50px; }
#t_footer .f_inner p.menu a { display: inline-block; color: #ffffff; font-size: 12px; }
#t_footer .f_inner p.menu a:first-child { margin-right: 20px; }
#t_footer .f_inner p.menu a:hover { opacity: 0.7; }

/*----------------------------------------------------
u_footer
----------------------------------------------------*/
#u_footer { width: 100%; padding: 30px 0 20px; background: #30537b; color: #ffffff; }
#u_footer .f_inner { width: 1000px; margin: 0 auto; }
#u_footer .f_inner div { overflow: hidden; }
#u_footer .f_inner div h1 { float: left; width: 230px; }
#u_footer .f_inner div div { float: right; text-align: right; }
#u_footer .f_inner div div .company { font-size: 18px; margin-top: 0; margin-bottom: 40px; }
#u_footer .f_inner div div ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; @incldue align-items(center); -webkit-justify-content: center; justify-content: center; text-align: center; margin-bottom: 10px; }
#u_footer .f_inner div div ul li { border-right: 1px solid #ffffff; }
#u_footer .f_inner div div ul li a { padding: 0 20px; color: #ffffff; line-height: 1; font-size: 18px; }
#u_footer .f_inner div div ul li a:hover { opacity: 0.7; }
#u_footer .f_inner div div ul li:last-child { border: none; }
#u_footer .f_inner div div ul li:last-child a { padding-right: 0; }
#u_footer .f_inner div div p.menu { overflow: hidden; margin-bottom: 50px; }
#u_footer .f_inner div div p.menu a { display: inline-block; color: #ffffff; font-size: 12px; }
#u_footer .f_inner div div p.menu a:first-child { margin-right: 20px; }
#u_footer .f_inner div div p.menu a:hover { opacity: 0.7; }
#u_footer .f_inner small { text-align: center; }
#u_footer .f_inner small p { font-size: 12px; }