@charset "UTF-8"; /*SP*/
.sp {
    display: block;
}

.pc {
    display: none;
}

.youtube {
    padding-top: 56.25%;
}

.table-layout {
    width: 100%;
    margin: 30px 0;
}

.table-layout {
    overflow: auto;
    white-space: nowrap;
}

.table-layout::-webkit-scrollbar {
    height: 6px;
    background: #FFF;
}

.table-layout::-webkit-scrollbar-track {
    background: inherit;
}

.table-layout::-webkit-scrollbar-thumb {
    background: #CDCFD2;
    border-radius: 10px;
}

.section {
    padding: 40px 3%;
}

/*============================
site
============================*/
.section_ttl01 {
    margin: 0 0 30px;
}

.section_ttl01 .en {
    font-size: 30px;
}

.section_ttl01 .ja {
    font-size: 14px;
}

.section_ttl01.white {
}

.section_ttl01.white .en {
}

.section_ttl01.white .ja {
}

.section_ttl02 {
}

.btn_001 {
}

.btn_001::after {
}

.btn_001.white::after {
}

.btn_001.white {
}

.btn_002 {
}

.btn_002 {
}

.btn_002::after {
}

.btn_002.center {
}

.btn_003 {
    font-size: 20px;
}

.btn_003.white {
}

.header {
    padding: 12px 3%;
}

.header.active {
}

.header .container {
}

.header__logo_wrap {
    width: 70%;
    max-width: 280px;
}

.header__logo {
}

.header__logo img {
}

.header__btn_wrap {
}

.header__btn_contact {
    display: none;
}

.header__btn_contact:hover {
}

.header__btn_menu {
    width: 52px;
    height: 52px;
    background: #012890;
    color: #FFF;
}

.header__btn_menu:hover {
    opacity: 1;
}

.header__btn_menu .sp_line {
    width: 24px;
    height: 16px;
    position: relative;
}

.header__btn_menu .sp_line span {
    width: 100%;
    height: 2px;
    background: #FFF;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header__btn_menu .sp_line span:nth-child(1) {
    top: 0;
}

.header__btn_menu .sp_line span:nth-child(2) {
    top: 0;
    bottom: 0;
}

.header__btn_menu .sp_line span:nth-child(3) {
    bottom: 0;
}

.header__btn_menu.active .sp_line span:nth-child(1) {
    top: 0;
    transform: rotate(45deg);
    bottom: 0;
}

.header__btn_menu.active .sp_line span:nth-child(2) {
    display: none;
}

.header__btn_menu.active .sp_line span:nth-child(3) {
    bottom: 0;
    transform: rotate(-45deg);
    top: 0;
}

.header__nav_wrap {
}

.header__nav_wrap {
}

.header__nav {
    margin: 30px auto 30px;
}

.header__nav_list {
}

.header__nav_list li {
    margin: 0 0 16px;
}

.header__nav_list li a {
    font-size: 16px;
    padding: 14px 6%;
}

.header__nav_list li a::after {
    right: 6%;
}

.header__btn_contact {
}

.main {
}

.article {
}

.aside {
}

.aside_blog {
}

.aside_blog .container {
}

.aside_blog .section_ttl01 {
}

.aside_blog .section_ttl01 .en {
}

.aside_blog .section_ttl01 .ja {
}

.aside_blog__list {
}

.aside_blog__item {
}

.aside_blog__item a {
}

.aside_blog__image {
}

.aside_blog__date {
}

.aside_blog__date .tag {
}

.aside_blog__title {
}

.aside_blog .btn_002 {
}

.aside_contact {
}

.aside_contact .container {
}

.aside_contact .section_ttl01 {
    margin: 0 0 10px;
}

.aside_contact .section_ttl01 .en {
}

.aside_contact .section_ttl01 .ja {
}

.aside_contact__item {
}

.aside_contact__childitem {
    width: 100%;
    margin: 30px 0 0;
}

.aside_contact__ttl {
}

.aside_contact__tel {
}

.aside_contact__tel:hover {
}

.aside_contact__tel .num {
    font-size: 34px;
}

.aside_contact__text {
}

.aside_contact__childitem .btn_003 {
}

.footer {
    padding: 40px 3% 80px;
}

.footer .container {
}

.footer_logo__wrap {
    width: 80%;
    max-width: 380px;
    margin: 0 auto;
}

.footer_logo {
}

.footer_logo img {
}

.footer_address {
}

.footer_nav__wrap {
    margin: 40px 0 0;
}

.footer_nav__list {
}

.footer_nav__list li {
}

.footer_nav__list a {
    font-size: 14px;
    padding-left: 20px;
}

.footer_nav__list a::before {
}

.copyright {
    text-align: center;
}

/*============================
index
============================*/
.mv {
}

.mv__image {
    height: 70vh;
}

.mv__image video {
}

.section.top_news {
}

.section.top_news .container {
}

.section.top_news .section_ttl01 {
}

.section.top_news .section_ttl01 .en {
}

.section.top_news .section_ttl01 .ja {
}

.top_news__list {
}

.top_news__list li {
}

.top_news__list a {
}

.top_news__list .date {
}

.section.top_news .btn_001 {
}

.top_imagebox {
}

.top_imagebox img {
}

.section.top_service {
}

.section.top_service .container {
}

.section.top_service .section_ttl01 {
}

.section.top_service .section_ttl01 .en {
}

.section.top_service .section_ttl01 .ja {
}

.top_service__list {
}

.top_service__item {
    width: 100%;
    margin: 0 0 30px;
}

.top_service__image {
}

.top_service__image::before {
}

.top_service__image.lp_gas {
}

.top_service__image.kerosene {
}

.top_service__image.cargo {
}

.top_service__infobox {
}

.top_service__infobox .section_ttl02 {
}

.top_service__text {
}

.top_aboutus {
}

.top_aboutus .container {
}

.top_aboutus .section_ttl01 {
}

.top_aboutus .section_ttl01 .en {
}

.top_aboutus .section_ttl01 .ja {
}

.top_aboutus__ttl {
    font-size: 30px;
}

.top_aboutus__text {
    font-size: 16px;
}

.top_aboutus__subttl {
    font-size: 24px;
}

.top_aboutus__linklist {
}

.top_aboutus__linklist li {
}

.top_aboutus__linklist .btn_001 {
}

.top_recruit {
}

.top_recruit::before {
}

.top_recruit .container {
}

.top_recruit .section_ttl01 {
}

.top_recruit .section_ttl01 .en {
}

.top_recruit .section_ttl01 .ja {
}

.top_recruit__ttl {
    font-size: 30px;
}

.top_recruit__text {
    font-size: 16px;
}

.top_recruit .btn_002 {
}