@charset "UTF-8";
/* body fadein */body{animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal;}@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
/* a link flash */a:hover,button:hover,input:hover,textarea:hover {opacity: 1;-webkit-animation: flash 1s;animation: flash 1s;}@-webkit-keyframes flash {0% {opacity: .8;}100% {opacity: 1;}}@keyframes flash {0% {opacity: .8;}100% {opacity: 1;}}
/* 2020-01-09 16:40:50 */
/*BR*/
.spbr {display:none;}
.pcbr {display:block;}
@media only screen and (max-width: 959px) {
.spbr {display:block;}
.pcbr {display:none;}
}
/* 20190213 */
img[src$=".svg"] {
/* width: 100%; */
height: 100%;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: .1;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: normal;
font-size: 1rem;
}
a {
text-decoration: none;
color: inherit;
}
/* font-size */
.fs_45 {
font-size: 45px;
}
.fs_35 {
font-size: 35px;
}
.fs_30 {
font-size: 30px;
}
.fs_25 {
font-size: 25px;
}
.fs_16 {
font-size: 16px;
}
.fs_13 {
font-size: 13px;
}
.fs_12 {
font-size: 13px;
}
/* font family */
.ff-futura-light {
font-family: futura-pt, sans-serif !important;
font-weight: 300;
}
.ff-brandon-grotesque {
font-family: brandon-grotesque, sans-serif !important;
font-weight: 400;
}
.ff-brandon-grotesque-bold {
font-family: brandon-grotesque, sans-serif !important;
font-weight: 700 !important;
}
/* color */
.bg_light_gray {
background-color: #DCE0DF;
}
.fc_orange {
color: #EDA402;
}
.fc_gray {
color: #5F5F5F;
}
.fc_inactive {
color: #7F7F7F !important;
}
/* common */
.common_wrapper {
width: 1140px;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
}
/* humberger menu */
.top_hum_nav_wrapper {
display: none;
}
.hum_wrapper {
width: 100%;
height: 62px;
position: relative;
}
.hum_wrapper.active {
background-color: #333;
}
.hum_wrapper a {
margin-left: 10px;
}
.hum_wrapper a.menu-bar {
margin: 5px;
position: absolute;
right: 0;
}
.hum_list_wrapper {
background-color: #333;
color: #ffffff;
height: 420px;
display: none;
position: absolute;
top: 50px;
width: 100%;
z-index: 2;
}
.hum_list_wrapper ul {
padding: 10px;
}
.hum_list_wrapper ul li {
line-height: 180%;
border-top: dashed 1px #aaa;
}
.hum_list_wrapper ul li a {
color: #ffffff;
font-size: 16px;
line-height: 3rem;
}
.onanimation {
display: block;
}
.menu-bar {
display: inline-block;
transition: all .1s;
box-sizing: border-box;
}
.menu-bar span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-bar {
position: relative;
width: 50px;
height: 40px;
}
.menu-bar span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #333;
border-radius: 4px;
}
.menu-bar span:nth-of-type(1) {
top: 0;
}
.menu-bar span:nth-of-type(2) {
top: 18px;
}
.menu-bar span:nth-of-type(3) {
bottom: 0;
}
.menu-bar.active span {
background-color: #DDD;
}
.menu-bar.active span:nth-of-type(1) {
-webkit-transform: translateY(21px) rotate(-47deg);
transform: translateY(21px) rotate(-47deg);
}
.menu-bar.active span:nth-of-type(2) {
left: 50%;
opacity: 0;
-webkit-animation: active-menu-bar02 .8s forwards;
animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
100% {
height: 0;
}
}
@keyframes active-menu-bar02 {
100% {
height: 0;
}
}
.menu-bar.active span:nth-of-type(3) {
-webkit-transform: translateY(-15px) rotate(47deg);
transform: translateY(-15px) rotate(47deg);
}
.common_page_title_container {
background-color: #000094;
height: 176px;
display: flex;
align-items: center;
}
/* === common responsive ===================================== */
/* lg */
@media screen and (min-width:1280px) {
}
/* md */
@media screen and ( max-width:1279px) {
.common_wrapper {
width: 100%;
}
}
/* sm */
@media screen and ( max-width:959px ) {
.top_nav_wrapper {
display: none;
}
.top_submenu_wrapper .submenus {
display: none;
}
.top_hum_nav_wrapper {
display: block;
}
}
@media screen and ( max-width:799px ) {
}
/* xs */
@media screen and ( max-width:599px) {
/* common */
span.hidden-xs {
display: none;
}
}
/* === common responsive ===================================== */
/* === common header ===================================== */
.top_border {
height: 8px;
background-color: #000094;
margin-bottom: 50px;
}
.top_border_img_wrapper {
width: 1140px;
margin: 0 auto;
position: relative;
}
.top_border_img {
width: 180px;
position: absolute;
right: 0;
padding: 0 10px 0 15px;
}
.top_nav_wrapper {
overflow: auto;
}
.top_logo {
float: left;
}
.top_navs {
float: right;
}
.top_navs nav {
display: flex;
}
.top_navs nav td {
border-right: dotted 1px #333;
height: 60px;
padding: 0 15px;
font-size: 16px;
text-align: center;
line-height: 1.4rem;
}
.top_navs nav td:first-child {
border-left: dotted 1px #333;
}
.top_navs nav td span.small {
font-size: 13px;
}
.top_submenu_wrapper {
overflow: auto;
}
.top_submenu_wrapper .subtitle h2 {
font-size: 25px;
letter-spacing: -0.5;
margin: 1.5rem 0;
}
.top_submenu_wrapper .subtitle {
float: left;
}
.top_submenu_wrapper .submenus {
float: right;
padding-top: 14px;
}
.top_submenu_wrapper .submenus ul a li {
float: left;
list-style: none;
position: relative;
}
.top_submenu_wrapper .submenus ul a li img {
position: absolute;
left: 5px;
}
.top_submenu_wrapper .submenus ul a li.support_link {
border: solid 2px #000094;
padding: 5px 10px 5px 50px;
}
.top_submenu_wrapper .submenus ul a li.inquiry_link {
border: solid 2px #000094;
background-color: #000094;
color: #FFF;
padding: 5px 10px 5px 50px;
margin-left: 10px;
}
/* lg */
@media screen and (min-width:1280px) {
}
/* md */
@media screen and ( max-width:1279px) {
.top_border {
height: 8px;
background-color: #000094;
margin-bottom: 50px;
}
.top_border_img_wrapper {
width: 100%;
margin: 0 auto;
position: relative;
}
.top_border_img {
width: 160px;
position: absolute;
right: 10px;
padding: 0 10px 0 15px;
}
.top_border_img img {
width: 100%;
}
}
@media screen and ( max-width:1199px) {
.top_nav_wrapper .top_logo {
float: none;
}
.top_nav_wrapper .top_navs {
float: none;
margin-top: 1rem;
}
.top_submenu_wrapper .subtitle {
float: none;
}
.top_submenu_wrapper .subtitle h2 {
font-size: 25px;
margin: 0.5rem 0;
}
.top_submenu_wrapper .submenus {
float: none;
padding: 0;
margin-bottom: 1rem;
overflow: auto;
}
.top_submenu_wrapper .submenus ul {
padding-left: 0;
}
}
/* sm */
@media screen and ( max-width:959px ) {
.top_submenu_wrapper .subtitle h2 {
font-size: 25px;
margin: 0.5rem 0;
}
}
@media screen and ( max-width:799px ) {
.top_submenu_wrapper .subtitle h2 {
font-size: 16px;
}
}
/* xs */
@media screen and ( max-width:599px) {
}
/* === common header ===================================== */
/* === common footer ===================================== */
footer {
background-color: #000;
overflow: auto;
}
.footer_sub_title {
color: #606060;
font-size: 16px;
padding: 4rem 0 1rem 0;
}
.footer_nav_wrapper {
overflow: auto;
}
.footer_logo {
float: left;
}
.footer_navs {
float: right;
}
.footer_navs nav {
display: flex;
}
.footer_navs nav td {
border-right: dotted 1px #333;
height: 60px;
padding: 0 15px;
font-size: 16px;
text-align: center;
line-height: 1.4rem;
}
.footer_navs nav td:first-child {
border-left: dotted 1px #333;
}
.footer_navs nav td span.small {
font-size: 12px;
}
.footer_navs nav td a {
color: #FFF;
}
.footer_sub_menus {
display: flex;
color: #FFF;
padding: 25px 0 0 275px;
}
.footer_sub_menus div {
height: 30px;
display: flex;
align-items: center;
padding-right: 30px;
font-size: 12px;
}
.footer_sub_menus img {
padding-right: 20px;
}
.footer_mat_wrapper {
margin-top: 4rem;
}
.copyright {
padding: 1rem 0 .5rem 0;
color: #FFF;
font-size: 10px;
}
/* lg */
@media screen and (min-width:1280px) {
}
/* md */
@media screen and ( max-width:1279px) {
.footer_logo {
float: none;
}
.footer_navs {
margin-top: 1rem;
float: none;
}
.footer_sub_menus {
padding: 25px 0 0 0px;
}
}
/* sm */
@media screen and ( max-width:959px ) {
.footer_navs nav td {
display: block;
border-bottom: dotted 1px #333;
border-right: none;
height: auto;
padding: 15px;
font-size: 16px;
text-align: left;
line-height: 1.4rem;
}
.footer_navs nav td:first-child {
border-top: dotted 1px #333;
border-left: none;
}
.footer_navs nav td span.small {
font-size: 16px;
}
.footer_navs nav td br {
display: none;
}
.footer_sub_menus {
display: block;
color: #FFF;
padding: 25px 0 0 15px;
}
.footer_sub_menus div {
height: 40px;
display: flex;
align-items: center;
padding-right: 30px;
font-size: 12px;
}
}
@media screen and ( max-width:799px ) {
}
/* xs */
@media screen and ( max-width:599px) {
}
/* === common footer ===================================== */