@charset 'utf-8';

/*---------------------------
 共通
---------------------------*/
.id_link {
    margin-top: -150px;
    padding-top: 150px;
}
#cmbLink {
    max-width: 100%;
}
header {
    z-index: 999999;
}
.h2_box, .h3_box {
    border-bottom: 1px solid #000;
    text-align: center;
    margin-bottom: 25px;
}
.h2_box h2, .h3_box h3 {
    display: inline-block;
    font-size: 25px;
    padding-bottom: 5px;
    border-bottom: 2px solid #000;
    font-weight: 600;
    margin-bottom: 0;
}
/* 白Ver */
.h2_box.white, .h3_box.white {
    border-color: #fff;
}
.h2_box.white h2, .h3_box.white h3 {
    color: #fff;
    border-color: #fff;
}
h2.pagetitle {
    padding-top: 2em;
    padding-bottom: 2em;
    text-align: center;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 35px;
    font-weight: 600;
    color: #fff;
}
h2.pagetitle span {
    color: #F0503A;
    font-size: 0.7em;
}
.bg_body {
    background-image: url("/img/bg.gif");
    background-position: top center;
}
.main_img {
    position: relative;
}
.main_img img {
    width: 100%;
}
#main_catch_pc, #main_catch_sp {
    position: absolute;
    transition: opacity 2s, visibility 0s ease 2s;
    opacity: 0;
    visibility: hidden;
    top: 50%;
    left: 50%;
    max-width: 60%!important;
    transform: translate(-50%,-50%);
}
#main_catch_sp {
    max-width: 85%!important;
}
#main_catch_pc.is-show,#main_catch_sp.is-show { 
  /* 変更：　iOS Safariでも動く */
  transition-delay: 0s;

  opacity: 1;
  visibility: visible;
}
/*----------------
 パンくずリスト
----------------*/
.pankuzu_wrap {
    border-bottom: 1px solid #000;
    font-weight: 600;
    padding-bottom: 3px;
    padding-top: 3px;
}
.pankuzu_wrap .home {
    color: #000;
}
a.current {
    pointer-events: none;
    color: #4a4a4a;
    text-decoration: none;
}

/*---------------------------
 フッター
---------------------------*/
.telnumber img {
    width: 210px;
    max-width: 100%;
}
footer {
    margin-top: 40px;
    background-image: url("/img/bg.gif");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
footer .footer_inner {
    background-color: #181818;
}
.footer_img_menu_wrap, .footer_img_menu_wrap a {
    color: #000;
}
.footer_img_menu .menu_box img {
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #ddd;
}
.footer_img_menu .menu_box p {
    font-weight: 600;
    background-image: url(/img/icon_arrow.png);
    -webkit-background-size: 1em;
    background-size: 1em;
    background-position: left center;
    background-repeat: no-repeat;
    vertical-align: middle;
    padding-left: 1.5em;
    text-align: left;
}
.footer_bn_box {
    margin-bottom: 20px;
}
.footer_bn_box img {
    width: 100%;
}
.footer_bn_box h3 {
    background-color: #000;
    color: #fff;
    padding: 3px 15px;
    text-align: center;
    margin-bottom: 15px;
}
footer, footer a {
    color: #808080;
}
footer a {
    text-decoration: none;
}
footer small {
    background-color: #131313;
    display: block;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.footer_right .btn_contact a {
    display: block;
    margin-left: 15px;
    background-color: #F0503A;
    padding: 5px 10px 5px 3em;
    border-radius: 7px;
    font-size: 14px;
    background-image: url("/img/icon_mail.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    -webkit-background-size: 1.5em;
    background-size: 1.5em;
    text-decoration: none;
    color: #fff;
}
footer nav li {
    float: left;
    font-size: 15px;
}
footer nav li::after {
    content: "／";
    margin-right: 5px;
    margin-left: 5px;
}
footer nav li:last-of-type::after {
    content: none;
    margin-right: 0;
    margin-left: 0;
}

/*---------------------------
 トップページ
---------------------------*/
.slider {
    display: none;
}
.slider.slick-initialized {
    display: block;
}
.slick-slide img {
    max-width: 100%;
}
/*----------------
 NEWS
----------------*/
.news_inner {
    border: 1px solid #000;
    padding: 30px 20px;
    max-height: 232px;
    overflow-y: scroll;
    background-color: #fff;
}
.new_mark {
    background-color: #A40303;
    color: #fff;
    padding: 4px;
    display: inline-block;
    border-radius: 11px;
    font-size: 13px;
}
.news_inner li {
    padding: 10px;
    border-bottom: 1px dashed #DBDBDB;
}
.news_inner li:first-of-type {
    padding-top: 0;
}
/*----------------
 Nomearodとは？
----------------*/
.top_about_wrap .about_text {
    background-color: #181818;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
}
.about_text h2 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}
.about_text h2 img {
    vertical-align: sub;
}
.about_text .catch {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}
.about_text .gray {
    color: #7B7B7B;
    margin-bottom: 20px;
}
.top_about_wrap .about_img {
    float: right;
    width: 41.19%;
}
.top_about_wrap .about_img img {
    width: 100%;
    height: auto;
}
.top_about_wrap a.btn_red {
    margin-left: auto;
    margin-right: auto;
}
a.btn_red {
    border-radius: 7px;
    text-align: center;
    color: #fff;
    display: block;
    max-width: 300px;
    position: relative;
    background-color: #F54B35;
    text-decoration: none;
    padding-top: 15px;
    padding-bottom: 15px;
}
a.btn_red::before {
    content: '\25B6';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

/*---------------------------
 会社概要
---------------------------*/
.page-profile h2.pagetitle {
    background-image: url("/profile/img/midashi.jpg");
}
.rinen_wrap p img {
    max-width: 100%;
}
.aisatsu_wrap {
    background-color: #171717;
    color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}
.aisatsu_wrap .btn_red {
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
}
table.table_format {
    width: 100%;
}
table.table_format th {
    border:1px solid #000;
    background-color: #D6D6D6;
    font-size: 15px;
    font-weight: 600;
    padding: 1em;
    width: 20%;
}
table.table_format td {
    font-size: 15px;
    border:1px solid #000;
    padding: 1em;
    width: 80%;
    background-color: #fff;
}
.aisatsu_wrap .text_box p span.catch {
    font-size: 1.5em;
    font-weight: 600;
     font-family: "游明朝", YuMincho   ,Yu-Mincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	   
}

/*---------------------------
 事業内容
---------------------------*/
.page-business h2.pagetitle {
    background-image: url("/business/img/midashi.jpg");
}
.page-business .maincatch_wrap p span{
	color: #F0503A;
	font-weight: 600;
}
.page-business .businesstitle {
	margin-bottom: 40px;
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
	font-size: 45px;
}
.page-business .businesstitle h3{
	display: inline-block;
	background-color: #000000;
	color: #FFFFFF;
	padding: 15px 20px;
}
.page-business .business_wrap .businesstitle {
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}
.page-business .business_wrap.sport .businesstitle {
    background-image: url("/business/img/midashi_sport.jpg");
}
.page-business .business_wrap.fukushi .businesstitle {
    background-image: url("/business/img/midashi_fukushi.jpg");
}
.page-business .business_wrap.leisure .businesstitle {
    background-image: url("/business/img/midashi_leisure.jpg");
}
.page-business .business_wrap.elect .businesstitle {
    background-image: url("/business/img/midashi_elect.jpg");
}
.page-business .business_wrap.import .businesstitle {
    background-image: url("/business/img/midashi_import.jpg");
}
.business_wrap .img_box img {
    width: 100%;
    border: 1px solid #cdcdcd;
}
.mushimegane_img_box {
    position: relative;
}
span.mushimegane_icon {
	position: absolute;
	width: 45px;
	right: 1px;
	bottom: 1px;
}
.business_box p.business_text {
	margin-bottom: 40px;
}
.business_wrap .img_box a {
    text-decoration: none;
	color: #000000;
}
.business_wrap .img_box p span {
    color: #F0503A;
}
.page-business .maincatch_wrap h3 img{
	max-width: 100%;
}
.page-business .top_menu a {
    border-radius: 3px;
    display: block;
    float: left;
    background-color: #181818;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    padding: 4px 10px;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    font-size: 13px;
}
.page-business #follow_contents {
    text-align: center;
}
.page-business .top_menu {
    max-width: 800px;
}
.page-business .top_menu a:nth-of-type(3n) {
    margin-right: 0;
}
.page-business .top_menu a:nth-of-type(n+4) {
    margin-bottom: 0;
}
.page-business .top_menu {
    text-align: center;
}
.page-business .business_text {
    font-size: 14px;
}
.business_wrap .img_box p {
    padding-left: 1.4em;
    text-indent: -1.4em;
    word-break: break-all;
    font-size: 13px;
}
.page-business #follow_contents.follow_fixed {
    border-bottom: 1px solid #DEE1E6;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
}
/*---------------------------
 お問い合わせ
---------------------------*/
.page-contact .pagetitle {
    background-image: url("/contact/img/midashi.jpg");
}
/* 全域 End */
/*===========================================
 以下、メディアクエリ
===========================================*/
/*===========================
 【1280px以下】
 ★タブレット横以下に適用されるCSS
===========================*/
@media screen and (max-width:1280px){
    .top_about_wrap .about_img img {
        height: 100%;
        width: auto;
    }
	/* 1280down end */
}
/*===========================
 【1024px以下】
 ★タブレット横以下に適用されるCSS
===========================*/
@media screen and (max-width:1024px){
	/* 1024down end */
}
/*===========================
【1023px以下】
 ★PC未満に適用されるCSS
===========================*/
@media screen and (max-width:1023px){
    .top_about_wrap .about_text {
        padding-left: 15px;
        padding-right: 15px;
    }
    .top_about_wrap .about_text, .top_about_wrap .about_img {
        width: 100%;
    }
    .top_about_wrap .about_img {
        display: none;
    }
	/* 1023down end */
}
/*===========================
【800px以下】
★タブレット以下に適用されるCSS
===========================*/
@media screen and (max-width:800px){
	/* 800down end */
}
/*===========================
【767px以下】
★タブレット未満に適用されるCSS
===========================*/
@media screen and (max-width:767px){
    .id_link {
        margin-top: -100px;
        padding-top: 100px;
    }
    footer {
        padding-top: 20px;
    }
    footer .footer_inner {
        padding-top: 20px;
    }
    .footer_bn_box h3 {
        text-align: left;
        font-size: 15px;
    }
    .footer_img_menu::after {
        content: '';
        clear: both;
        display: block;
    }
    .footer_img_menu .menu_box {
        float: left;
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .footer_img_menu .menu_box:nth-of-type(2n), .footer_img_menu .menu_box:last-of-type {
        margin-right: 0;
    }
    .footer_left {
        text-align: center;
    }
    .footer_right .btn_contact {
        margin-bottom: 20px;
    }
    .footer_right .btn_contact a {
        display: inline-block;
    }
    footer .footer_right {
        text-align: center;
    }
    
    footer .tel_box {
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    footer nav ul {
        display: inline-block;
    }
    .footer_right .btn_contact a {
        margin-left: 0;
    }
    
    /*---------------------------
     トップページ
    ---------------------------*/
    .news_inner .news_List_Ymd {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .news_inner .news_List_Title {
        font-weight: 600;
    }
    .news_inner .news_List_Ymd, .news_inner .news_List_Title {
        display: block;
        width: 100%;
    }
    /*---------------------------
     会社概要
    ---------------------------*/
    .aisatsu_wrap .text_box {
        margin-bottom: 10px;
    }
    .aisatsu_wrap .img_box {
        text-align: center;
    }
    .aisatsu_wrap .img_box img {
        max-width: 100%;
    }
    table.table_format th {
        
    }
    table.table_format th, table.table_format td {
        width: 100%;
        display: block;
        border-bottom: none;
    }
    table.table_format tr:last-of-type td {
        border-bottom: 1px solid #000;
    }
    /*---------------------------
     事業内容
    ---------------------------*/
    /* 虫眼鏡アイコン */
    
    span.mushimegane_icon {
        width: 27px;
    }
	.business_wrap .img_box a{
		display: block;
		margin-bottom: 20px;
	}
    .business_wrap .img_box p {
        font-size: 12px;
    }
	.business_wrap .img_box a:last-of-type {
        margin-bottom: 0;
    }
    .page-business .businesstitle {
        font-size: 26px;
    }
    .business_wrap .img_box a {
        width: 32%;
        margin-right: 2%;
        float: left;
    }
    .business_wrap .img_box a:last-of-type {
        margin-right: 0;
    }
    /* 767down end */
}
/*===========================
 【666px以下】
 ★iPhone6以降の横未満に適用されるCSS
===========================*/
@media screen and (max-width:666px) {
	/* 666down end */
}
/*===========================
 【567px以下】
★iPhone5横未満まで適用されるCSS
===========================*/
@media screen and (max-width:567px){
    .top_about_wrap .about_img {
        display: block;
    }
    .top_about_wrap .about_img img {
        width: 100%;
        height: auto;
    }
	/* 567down end */
}
/*===========================
 【414px以下】
★iPhone6PLUS縦まで適用されるCSS
===========================*/
@media screen and (max-width:414px){
    .footer_img_menu .menu_box p {
        font-size: 13px;
    }
    .about_text .btn_red {
        margin-left: auto;
        margin-right: auto;
    }
	/* 414down end */
}
/*===========================
 【375px以下】
★iPhone6,7縦まで適用されるCSS
===========================*/
@media screen and (max-width:375px){
	/* 375down end */
}
/*===========================
 【360px以下】
 ★Xperia AX SO-01E以下に適用されるCSS
===========================*/
@media screen and (max-width:360px){
	/* 360down end */
}
/*===========================
 【359px以下】
 ★iphone初期にのみ適用されるCSS
===========================*/
@media screen and (max-width:359px){
    footer nav a {
        font-size: 12px;        
    }
	/* 359down end */
}
/*===========================
 【568px以上】
 ★iPhone5横以上から表示されるCSS
===========================*/
@media screen and (min-width:568px) {
	/* 568over end */
}
/*===========================
 【667px以上】
 ★iPhone6以降の横以上に適用されるCSS
===========================*/
@media screen and (min-width:667px){
	/* 667over end */
}
/*===========================
【768px以上】 
★タブレット(最小)以上に適用されるCSS
===========================*/
@media screen and (min-width:768px){
    /*---------------------------
     フッター
    ---------------------------*/
    .footer_img_menu {
        text-align: center;
    }
    .footer_img_menu .menu_box {
        display: inline-block;
        width: 31.2%;
        margin-right: 3.2%;
        margin-bottom: 3.2%;
    }
    .footer_img_menu .menu_box:nth-of-type(3n), .footer_img_menu .menu_box:last-of-type {
        margin-right: 0;
    }
    footer nav {
        clear: both;
        float: right;
    }
    .footer_left {
        float: left;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .footer_right {
        float: right;
        margin-top: 21px;
    }
    .footer_right .tel_box {
        float: left;
    }
    footer .tel_box .telnumber {
        color: #F0503A;
        font-size: 20px;
        font-weight: 600;
    }
    footer .tel_box p {
        font-size: 13px;
        font-weight: 600;
    }
    footer .tel_box p.telnumber {
        margin-bottom: 5px;
    }
    .footer_right .btn_contact {
        float: right;
        margin-top: 5px;
        margin-bottom: 15px;
    }
    /*---------------------------
     トップページ
    ---------------------------*/
    .news_inner .news_List_Ymd {
        display: inline-block;
        width: 19%;
    }
    .news_inner .news_List_Title {
        display: inline-block;
        width: 81%;
    }
    
    /*---------------------------
     会社概要
    ---------------------------*/
    .aisatsu_wrap .text_box {
        width: 60%;
        float: left;
        padding-right: 3%;
    }
    .aisatsu_wrap .img_box {
        width: 40%;
        float: left;
    }
    .aisatsu_wrap .btn_red {
        max-width: 405px;
    }
    .aisatsu_wrap .img_box img {
        width: 100%;
    }
	
	/*---------------------------
     事業内容
    ---------------------------*/
	.business_wrap .img_box a {
        display: inline-block;
        width: 31.2%;
        margin-right: 3.2%;
    }
	.business_wrap .img_box a:last-of-type {
        margin-right: 0;
    }
	/* 768over end */
}
/*===========================
【801px以上】 
★タブレット縦(最大)より大きい場合に適用されるCSS
===========================*/
@media screen and (min-width:801px){
	/* 801over end */
}
/*===========================
【667px】～【800px】  
★iPhone6以降の横以上かつ、タブレット縦以下まで表示されるCSS
===========================*/
@media screen and (min-width:667px) and (max-width:800px){
	/* 667~800 end */
}
/*===========================
 【667px】～【1023px】
 ★iphone6横～PC未満まで適用されるCSS
===========================*/
@media screen and (min-width:667px) and (max-width:1023px){
	/* 667~1023 over end */
}
/*===========================
 【415px】～【800px】 
 ★スマホ縦より大、かつ、タブレット以下まで表示されるCSS
===========================*/
@media screen and (min-width:415px) and (max-width:800px){
	/* 415~800 end */
}
/*===========================
 【768px】～【1023px】 
 ★タブレット以上、かつ、PC以下に適用されるCSS
===========================*/
@media screen and (min-width:768px) and (max-width:1023px){
	/* 768~1023 end */
}
/*===========================
 【1024px以上】
 ★PC以上に適用されるCSS
===========================*/
@media screen and (min-width:1024px){
    /*---------------------------
     PCヘッダー
    ---------------------------*/
    .h1_box {
        background-color: #000;
    }
    .h1_box h1 {
        color: #fff;
        max-width:1024px;
        margin-left: auto;
        margin-right: auto;
        font-size: 13px;
        padding: 3px 0;
    }
    .header_left {
        float: left;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .header_right {
        float: right;
        margin-top: 9px;
    }
    .header_right .tel_box {
        float: left;
    }
    .header_right .btn_contact {
        float: right;
        margin-top: 5px;
    }
    .header_right .btn_contact a {
        display: block;
        margin-left: 15px;
        background-color: #F0503A;
        padding: 5px 10px 5px 3em;
        border-radius: 7px;
        font-size: 14px;
        background-image: url("/img/icon_mail.png");
        background-position: 10px center;
        background-repeat: no-repeat;
        -webkit-background-size: 1.5em;
        background-size: 1.5em;
        text-decoration: none;
        color: #fff;
    }
    .header_nav_pc {
        background-color: #181818;
    }
    .header_nav_pc ul li {
        float: left;
        width: 25%;
        text-align: center;
    }
    .header_nav_pc ul li a {
        color: #fff;
        text-decoration: none;
        padding: 10px 0;
        display: block;
        border-left: 1px solid #fff;
    }
    .header_nav_pc ul li a:last-of-type {
        border-right: 1px solid #fff;
    }
    header .tel_box .telnumber {
        color: #F0503A;
        font-size: 20px;
        font-weight: 600;
    }
    header .tel_box p {
        font-size: 13px;
        font-weight: 600;
    }
    header .tel_box p.telnumber {
        margin-bottom: 5px;
    }
    /*---------------------------
     トップページ
    ---------------------------*/
    /*----------------
     Nomearodとは？
    ----------------*/
    .top_about_wrap .about_text {
        width: 58.91%;
        float: left;
        padding-left: calc((100vw - 1024px) / 2);
        padding-right: 15px;
    }
	/* 1024over end */
}
/*===========================
 【1280px以上】
 ★PC(1280px）以上に適用されるCSS
===========================*/
@media screen and (min-width:1280px){
	/* 1280over end */
}
/*===========================
 【1400px以上】
 ★PC(1400px）以上に適用されるCSS
===========================*/
@media screen and (min-width:1400px){
	/* 1400over end */
}