@charset "utf-8";
/*
Theme Name: maruyu-un
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.0.1
*/
/* ----------------------------------- 共通 ----------------------------------- */
/* motion.css読み込み */
@import url("motion.css");

body , p{
	color:#222222;
	font-size:15px;
	font-family:"Noto Sans Japanese", "-apple-system", BlinkMacSystemFont, "Helvetica Neue", Roboto, "Droid Sans", Arial, "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.red{
	color:#ff0000;
}
.white{
	color:#fff;
}
p a , li a , a , a:hover{
	color:#222222;
	text-decoration:none;
	transition:all 0.4s;
}
/* flex_box */
.flex_box{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.reverse{
	flex-direction:row-reverse;	
}
.f_center{
	justify-content:center;
}
.w65{
	width:61%;
	margin:0 2% 2rem 2%;
}
.w60{
	width:56%;
	margin:0 2% 2rem 2%;
}
.w50{
	width:46%;
	margin:0 2% 2rem 2%;
}
.w40{
	width:36%;
	margin:0 2% 2rem 2%;
}
.w35{
	width:31%;
	margin:0 2% 2rem 2%;
}
.w33{
	width:30%;
	margin:0 1.5% 2rem 1.5%;
}
.w25{
	width:21%;
	margin:0 2% 2rem 2%;
}
.w20{
	width:16%;
	margin:0 2% 2rem 2%;
}
/* font-size ・ margin */
.fs09{
	font-size:0.9rem;
}
.fs12{
	font-size:1.2rem;
}
.fs2{
	font-size:2rem;
}
.mt05{
	margin-top:0.5rem;
}
.mt2{
	margin-top:2rem;
}
.mt3{
	margin-top:3rem;
}
.mt5{
	margin-top:5rem;
}
.mt7{
	margin-top:7rem;
}
.mb0{
	margin-bottom:0;
}
.mb05{
	margin-bottom:0.5rem;
}
.mb1{
	margin-bottom:1rem;
}
.mb15{
	margin-bottom:1.5rem;
}
.mb2{
	margin-bottom:2rem;
}
.mb3{
	margin-bottom:3rem;
}
.mb4{
	margin-bottom:4rem;
}
.mb5{
	margin-bottom:5rem;
}
.entry-title , .entry-meta-item-updated , .entry-meta-item-author , .entry-footer , .sp767 , .sp599 , .sp , .sp-only , .header_scrolled .header_right{
	display:none;
}
/* ----------------------------------- Header ----------------------------------- */
.site-header{
	box-shadow:none;
}
.site-header-container{
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.site-header--layout--nav-float .site-header-logo{
	width:auto;
	padding-left:3%;
}
.header_right{
	padding-right:3%;
}
.header_right p{
	margin:1.3rem 0 1rem 0;
	line-height:1.2;
}
.header_right p b{
	font-size:1.1rem;
}
.header_right p small{
	font-size:0.9rem;
}
/* menu */
#global-nav{
	width:100%;
	background-color:rgba(49, 49, 49, 0.9);
}
.global-nav--layout--float-right .global-nav-list{
	margin:auto;
}
.global-nav-list>li .global-nav-name{
	color:#ffffff;
}
.device-mobile #menu-header.global-nav-list>li{
	padding:14px 2.6em 14px 0.5rem;
}
#menu-header.global-nav-list>li>a:after , .device-mobile #menu-header.global-nav-list>li>a:after{
	content:"";
	display:block;
	width:100%;
	height:2px;
	background-color:#ffffff;
	transition:all 0.4s;
	transform: scaleX(0);
	transform-origin: left;
}
#menu-header.global-nav-list>li>a:hover:after , .device-mobile #menu-header.global-nav-list>li>a:hover:after , #menu-header.global-nav-list>.current_page_item>a:after , .device-mobile #menu-header.global-nav-list>.current_page_item>a:after{
	transition:all 0.4s;
	transform: scaleX(1);
}
/* ----------------------------------- Footer ----------------------------------- */
.site-body-bottom{
	margin-bottom:5rem;
}
.site-footer-copyright{
	background-color:#fbfafa;
	padding:0.5rem;
}
.site-footer-copyright p{
	font-size:0.9rem;
}
.footer-nav li{
	padding:0 0.5rem;
	border-right:solid 1px #222;
	margin-bottom:0.5rem;
}
.footer-nav li a{
	font-size:0.9rem;
}
.footer-nav li a:hover{
	text-decoration:underline;
}
/* page to top */
.page-top{
	display:none;
	position:fixed;
	right:5%;
	bottom:2rem;
	z-index:1000;
}
.page-top p{
	margin:0;
}
.move-page-top{
	display:block;
	position:relative;
	width:60px;
	height:60px;
	background-color:rgba(0, 76, 130, 0.9);
	border-radius:50%;
}
.move-page-top i{
	font-size:1.2rem;
	color:#ffffff;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.move-page-top:hover{
	background-color:#01365c;
	opacity:1;
}
.move-page-top:hover i{
	color:#ffffff;
}
/* ------------------ TOPページ ------------------ */
/* slide_box */
.slide_box{
	position:relative;
	overflow:hidden;
}
.slide_text , .slide_text li{
	margin:0;
	padding:0;
}
.slide_text{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.slide_text li{
	list-style:none;
}
.slide_text .pc{
	width:33.05vw;
}
.slide_text .sp{
	width:55vw;
}
.slide_box .swiper-pagination , .slide_box .swiper-button-next , .slide_box .swiper-button-prev{
	display:none;
}
/* information */
.sec_news{
	background-color:#fbfafa;
	padding-top:3rem;
	padding-bottom:3rem;
}
.sec_news_box{
	align-items:center;
}
.sec_news_box_right{
	width:150px;
}
.sec_news_box_right h2{
	font-size:1.2rem;
	padding-left:0.5rem;
	position:relative;
	text-align:center;
}
.sec_news_box_right h2:after{
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	height: 1.1rem;
	background: #004c82;
	top: 50%;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}
.sec_news_box_left{
	width:calc(100% - 150px);
	overflow:hidden;
	padding-left:2rem;
}
.news{
	max-height:200px;
	overflow-y:auto;
	margin:0;
	padding:0;
}
.news_box{
	list-style:none;
	border-bottom:solid 1px #ccc;
	margin:0;
	padding:0.8rem 1rem;
}
.newsb_l{
	margin:0;
	color:#004c82;
}
.newsb_r{
	margin:0;
	padding-left:2rem;
}
.newsb_r a:hover{
	text-decoration:underline;
}
/* 運送のことなら、株式会社丸祐運送へおまかせください */
.sec01{
	background:url('../../uploads/bg_img001.jpg') no-repeat center;
	background-size:cover;
	padding:4rem 1rem;
}
.sec01 figure{
	margin-top:2.5rem;
	margin-bottom:2.5rem;
}
.sec01_txt{
	color:#004c82;
	font-size:1.2rem;
}
/* 丸祐運送のサービス */
.service_box figure{
	text-align:center;
	margin-bottom:0.5rem;
}
.service_box figcaption{
	color:#004c82;
	font-weight:bold;
	font-size:1.5rem;
	margin-top:1rem;
}
/* 営業所案内・求人情報 */
.sec04 figure{
	margin:0;	
}
.sec04 figure img{
	width:100%;
	display:block;
}
.sec04 figcaption{
	background-color:#004c82;
	color:#fff;
	font-weight:bold;
	font-size:1.5rem;
	padding:0.8rem 3rem 0.8rem 1rem;
	position:relative;
	transition:all 0.4s;
}
.sec04 a:hover figcaption{
	background-color:#01365c;
}
.sec04 a figcaption .arrow{
	right:1.5rem;
}
.sec04 a:hover figcaption .arrow{
	right:1rem;
}
/* お問い合わせ（フロントページ） */
.sec05_box{
	align-items:center;
}
.sec05_b_l , .sec05_b_r{
	width:50%;
	height:180px;
	align-items:center;
	justify-content:center;
}
.sec05_b_l{
	background:url('../../uploads/bg_pattern.jpg') center repeat;
}
.sec05_b_r{
	background-color:#004c82;
}
.sec05_b_l p , .sec05_b_r p{
	text-align:center;
}
.sec05_b_l .ttl{
	margin-bottom:1rem;
}
.sec05_b_l .tel{
	font-weight:bold;
	font-size:1.5rem;
	margin-bottom:0.8rem;
}
.sec05_b_l .fax{
	margin-bottom:0;
	font-weight:bold;
	font-size:1.1rem;
}
.sec05_b_r p.white{
	margin-bottom:1rem;
}
/* sec_map */
.map_l{
	width:21%;
	margin:0 2% 2rem 2%;
}
.map_l dt{
	font-weight:normal;
	margin-bottom:0;
	position:relative;
}
.map_l dt:before {
    content:'';
    display:inline-block;
    width:8px;
    height:3px;
	margin-right:0.3rem;
	vertical-align:middle;
    background-color:#004c82;
}
.map_l dd{
	margin-bottom:0.5rem;
	padding-left:0.8rem;
}
.map_r{
	width:71%;
	margin:0 2% 2rem 2%;
}
.map_r iframe{
	width:100%;
	height:100%;
}

/* ------------------ 各固定ページ ------------------ */
/* th */
.th01{
    text-align: center;
    padding-bottom:1rem;
    position: relative;
    border: 0;
    word-wrap: break-word;
    font-weight: bold;
    font-size: 1.8rem;
    color: #222;
}
.th01:before{
    content: '';
    display: block;
    position: absolute;
	bottom: 0;
	left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height:4px;
    background: rgba(0, 76, 130, 0.9);
    width: 5rem;
}
.th02{
	font-size:1.2rem;
	padding-left:1rem;
	position:relative;
}
.th02:after{
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	height: 1.1rem;
	background: #004c82;
	top: 50%;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}
/* btn */
.arrow{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transition:all 0.4s;
}
.arrow:before{
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
	transform:rotate(45deg);
}
/* 青字 */
.btn01{
	position:relative;
	display:block;
	color:#ffffff;
	font-weight:bold;
	background-color:#004c82;
}
.btn01 .arrow{
	right:1.5rem;
}
.btn01:hover{
	color:#ffffff;
	background-color:#01365c;
}
.btn01:hover .arrow{
	right:1rem;
}
.btn01a{
	display:inline-block;
	padding:0.6rem 8rem 0.6rem 7.5rem;
}
.btn01b{
	text-align:center;
	padding:0.6rem 3rem;
}
.btn01c{
	color:#004c82;
	background-color:#fff;
	padding:0.6rem 5rem 0.6rem 5rem;
}
.btn01c:hover{
	color:#fff;
}
/* page-header */
.page-header{
	background:url('../../uploads/bg_pattern.jpg') center repeat;
	padding-left:1rem;
	padding-right:1rem;
}

/* 会社案内 */
.inner_box{
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
}
.page_map iframe{
	width:100%;
}
.table01 th, .table01 td{
    border: 1px solid #004c82;
}
.table01 th{
	background-color:rgba(0, 76, 130, 0.7);
	color:#fff;
	width:250px;
}
.table01 ul , .table01 p{
	margin:0;
}
/* サイトマップ */
.aioseo-html-category-sitemap{
	margin-top:2rem;
}
.aioseo-html-page-sitemap ul , .aioseo-html-category-sitemap ul{
	padding:0;
}
.aioseo-html-page-sitemap li , .aioseo-html-category-sitemap li{
	list-style:none;
	border-bottom:solid 1px #ccc;
	margin:0;
}
.aioseo-html-page-sitemap li a , .aioseo-html-category-sitemap li a{
	display:block;
	padding:0.5rem 1rem;
}
.aioseo-html-page-sitemap li a:hover , .aioseo-html-category-sitemap li a:hover{
	background-color:#efefef;
}
/* お問い合わせ */
.contact_box{
	background-color:rgba(0, 76, 130, 0.05);
	padding:2rem 3rem;
}
.required{
	color:#cc0000;
}
.contact_box dt{
	width:200px;
	font-weight:normal;
}
.contact_box dt p{
	line-height:1.2;
}
.contact_box dd{
	width:calc(100% - 200px);
	margin-bottom:1.5rem;
}
.contact_box dt p , .contact_box dd p , .contact_box dd p input , .contact_box dd p textarea{
	margin:0;
}
.submit{
	padding-left:72px;
}
/* 投稿一覧 */
.postListText_date{
	color:#004c82;
}
/* 投稿ページ */
.entry.type-post{
	background-color:rgba(0, 76, 130, 0.05);
	padding:2rem 2rem 1rem;
	margin-bottom:2rem;
}
.post .entry-header{
	margin-bottom:1rem;
}
.next-prev .card-body{
	padding:0;
}
.next-prev .card-body a{
	padding:1rem;
	display:block;
}
.next-prev .card-body a:hover{
	background-color:rgb(0, 76, 130);
	color:#fff;
}

/* ------------------ Responnsive ------------------ */
/* -----------　PC 1499.98px以下 --------------- */
@media screen and (max-width:1499.98px) {
	
}
/* -----------　PC1200px以下 ipad Air --------------- */
@media screen and (max-width:1199.98px) {
	
}

/* -----------  PC 991.98px ipad ----------- */
@media screen and (max-width:991.98px) {
	body {
		-webkit-text-size-adjust: 100%;
    }
	/* header */
	.site-header-container{
		display:flex;
	}
	.site-header-logo{
		margin-bottom:0.8rem;
	}
	.site-header-logo img {
		margin:0;
	}
	.header_right{
		padding-right:50px;
	}
	/* ------------------ TOPページ ------------------ */
	/* sec_map */
	.map_l{
		width:180px;
		margin:0 1% 2rem 1%;
	}
	.map_r{
		width:calc(96% - 180px);
		margin:0 1% 2rem 1%;
	}
}
/* -----------　SP 767.98px以下 スマホ横 --------------- */
@media screen and (max-width:767.98px) {
	.pc , .header_right , .pc-only{
		display:none;
	}
	.sp767 , .sp , .sp-only{
		display:block;
	}
	.w33 , .w35 , .w40 , .w50 , .w60 , .w65{
		width:98%;
		margin:0 1% 2rem 1%;
	}
	.w25 , .w20{
		width:48%;
		margin:0 1% 2rem 1%;
	}
	/* footer */
	.footer-nav li{
		border-right:none;
		border-bottom:solid 1px #222;
		text-align:center;
		margin-bottom:0;
	}
	.footer-nav li:last-child{
		border-bottom:none;
	}
	.footer-nav li a{
		font-size:1rem;
	}
	/* ------------------ TOPページ ------------------ */
	/* slide_box */
	.slide_box .swiper-slide img{
		object-fit:cover;
		aspect-ratio:357/320;
	}
	/* page-header */
	.page-header-title, h1.page-header-title{
		font-size:1.5rem;	
	}
	/* information */
	.sec_news_box_right , .sec_news_box_left , .newsb_l , .newsb_r{
		width:100%;
	}
	.sec_news_box_right h2:after{
		display:none;
	}
	.sec_news_box_left , .newsb_r{
		padding:0;
	}
	.news{
		max-height:300px;
	}
	/* 運送のことなら、株式会社丸祐運送へおまかせください。 */
	.sec01_txt_box .center{
		text-align:left;
	}
	/* お問い合わせ（フロントページ） */
	.sec05_b_l , .sec05_b_r{
		width:100%;
	}
	/* sec_map */
	.map_l , .map_r{
		width:98%;
		margin:0 1% 2rem 1%;
	}
	.map_r iframe{
		height:300px;
	}
	/* 会社案内 */
	.table01 th{
		width:125px;
	}
	/* サイトマップ */
	.aioseo-html-page-sitemap li , .aioseo-html-category-sitemap li{
		text-align:center;
	}
	/* お問い合わせ */
	.contact_box{
		padding:1rem;
	}
	.contact_box dt , .contact_box dd{
		width:100%;
	}
	.contact_box dd{
		margin-bottom:1rem;
	}
	/* 投稿ページ */
	.entry.type-post{
		padding:2rem 1.5rem 1rem;
	}
}
/* -----------　SP 599.98px以下 スマホ　--------------- */
@media screen and (max-width:599.98px) {
	.sp599{
		display:block;
	}
	.sp_left{
		text-align:left;
	}
	/* header */
	.site-header-logo{
		padding-top:1rem;
		margin-bottom:1rem;
	}
	.site-header-logo img{
		max-width: 150px;
	}
	
}