@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
.recap-text{margin-top:3em;}
.recap-text p{
	text-align:center;
	font-size:1em!important;
	line-height:2em;
	color:#555!important;
}
.recap-text a{
	color:#0070a3;
}
.grecaptcha-badge {
    visibility: hidden;
}


.collar-yellow{color:#f0d743;}
.collar-blue{color:#008ed8;}
.collar-darkblue{color:#006fb2;}

.animated {
    -webkit-animation-fill-mode: backwards!important;
	animation-fill-mode: backwards!important;
}
	
.entry-categories-tags{display:none;}
.footer-meta{display:none;}
.entry-content{margin-bottom:0;}
#post-5.article{margin-bottom:0;}
body:not(.home) .content{margin-top:140px;}


.main{
	width:96%!important;
	max-width:1100px;
	margin:0 auto!important;
}

.w1200{width:100%;max-width:1200px; margin-left:auto!important; margin-right:auto!important}
.w1100{width:98%;max-width:1100px; margin-left:auto!important; margin-right:auto!important}
.w1000{width:98%;max-width:1000px; margin-left:auto!important; margin-right:auto!important}
.w900{width:98%;max-width:900px; margin-left:auto!important; margin-right:auto!important}
.w800{width:96%;max-width:800px; margin-left:auto!important; margin-right:auto!important}
.w700{width:96%;max-width:700px; margin-left:auto!important; margin-right:auto!important}
.w600{width:96%;max-width:600px; margin-left:auto!important; margin-right:auto!important}

.margin-t1em{margin-top:1em!important;}
.margin-t2em{margin-top:2em!important;}
.margin-t3em{margin-top:3em!important;}
.margin-t4em{margin-top:4em!important;}
.margin-t5em{margin-top:5em!important;}

.margin-b1em{margin-bottom:1em!important;}
.margin-b2em{margin-bottom:2em!important;}
.margin-b3em{margin-bottom:3em!important;}
.margin-b4em{margin-bottom:4em!important;}
.margin-b5em{margin-bottom:5em!important;}

.border-r3{border-radius:3px;}
.border-r5{border-radius:5px;}
.border-r10{border-radius:10px;}

/*メールフォーム*/
.wpcf7-form{
	width:90%;
	max-width:800px;
	margin:3em auto;
}
.wpcf7-form p{
	margin-bottom:1.5em!important;
	color:#006fb2;
	font-size:1.2em;
}
.wpcf7-form p span{
	color:#e6592e;
	font-size:0.8em;
}
p.form-kakunin{
	width:fit-content!important;
	margin:0 auto 1em auto!important;
	font-size:1em!important;
	color:#000!important;
}
.wpcf7-form .wpcf7-submit{
	width:80%;
	margin:0 0 0 10%;
	background-color: #008ed8;
	border:none;
	font-size:1.2em;
	color:#fff;
	border-radius:3px;
}
.wpcf7-form .wpcf7-submit:hover{
	background-color:#00bfff;
	transition:0.5s;
}




.entry-content p{
	width:96%;
	margin:0 auto;
}

.article h1 {
	width:fit-content;
	margin:0 auto 2em auto;
	color:#006fb2;
	border:3px solid #006fb2;
	padding:0.5em 2.5em;
	border-radius:5px;
	letter-spacing:0.1em;
}

.article h2 {
	font-weight:600;
    font-size: 2em;
	margin:2em auto 0.7em auto;
	color:#fff;
    padding: 0.4em 0.7em;
    background-color: #008ed8;
    border-radius: 5px;
	letter-spacing:0.1em;
}

.article h3 {
	font-size: 1.4em;
	margin:1.5em auto 1em auto;
	color:#006fb2;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 3px solid #006fb2;
    padding: 0 0.3em 0.3em 0.3em;
}

.article h4 {
	font-size: 1.2em;
	margin:1em auto 1em auto;
    border-top: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
	padding:0.5em;
}

.article h5 {
	margin:1em auto 1em auto;
    border-bottom: 2px solid #006fb2;
}

.article h6 {
	margin:1em auto 1em auto;
    border-bottom: 1px solid #aaa;
}


html { scroll-behavior: smooth;}
.widget-title{display:none;}
.header-container{display:none;}
.date-tags{display:none;}
.content-top{margin-top:0; margin-bottom:0;}
.content{margin-top:0;}
.home article h1 {display:none;}
.main{padding-top:0; padding-bottom:0;}
.widget-content-top-title{display:none;}
.widget-footer-mobile-title{display:none;}

.h-10px{height:10px;margin:0;}
.he-20px{height:20px;margin:0;}
.h-30px{height:30px;margin:0;}
.h-40px{height:40px;margin:0;}
.h-50px{height:50px;margin:0;}

.back-yellow{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	background-color:#f0d743;
}
.back-blue{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	background-color:#008ed8;
}
.back-gray{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	background-color:#eeeeee;
}
.back-tate_blue-white{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	background: linear-gradient(to bottom, #008ed8 10%, #fff);
}

.ana-banner{
	text-align:right;
	padding:2em
}

/*リンクボタン*/
.link-outer{width:100%;}
.link-outer a{
	text-decoration:none;
}
.link-btn_blue{
	width:80%;
	max-width:500px;
	margin:1.5em auto 3em auto;
	font-size:1.4em;
	background-color:#008ed8;
	padding:0.5em;
	border-radius:5px;
	letter-spacing:0.1em;
}
a .link-btn_blue{
	text-align:center;
	color:#fff;
	line-height:1.7em;
}
a .link-btn_blue:hover{
	background-color:#00bfff;
	transition:0.3s;
}


/*固定ナビ*/

.head-nav{
	display:none;
	top:0;
	left:0;
    position: fixed;
    z-index: 110;
    background-color:rgba(10,90,150,0.9);
    width: calc(100% + 15px);
    padding: 0.7em 1em 0.3em 1em;
}
body:not(.home) .head-nav{
	display:block;
}
.head-nav_logo{
	float:left;
	width:300px;
}
.head-nav_contents-box{
	float:right;
}

.head-nav_contents a{
	text-decoration:none;
	color:#fff;
}
.head-nav_contents a:hover{
	color:#f0d743;
}
.head-nav_contents{
	float:left;
	margin:0.5em 1em 0.2em 0;
}


.is-active {
	display:block;
	animation-name: fadeIn;
	animation-fill-mode:forwards;
	animation-duration:1s;
}

/*フェードインアニメ*/
@keyframes fadeIn{
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
}


/* --- メインイメージ ----------------- */
	
.bg-box {
	margin-left: calc(-50vw + 50%);
   margin-right: calc(-50vw + 50%);
	height:650px;
  overflow   : hidden;
}

@keyframes xo-slide-zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}

#xo-slider-13 .swiper-slide-active img,
#xo-slider-13 .swiper-slide-duplicate-active img,
#xo-slider-13 .swiper-slide-prev img {
  animation: xo-slide-zoom 20s linear 0s normal both;
}
.xo-slider .slide-content {
  pointer-events: none;
}

.xo-slider-template-default .swiper-wrapper {
    height: 650px;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: 650px!important;
}
.swiper-wrapper{
	margin-top:0;
}

/*--- 前面の文字定義----*/
.bg-box .boxString{
  position   : absolute;
  top        : 0; 
  left       : 0;
	padding-bottom:0.5em;
	width:100%;
	background-color:#fff;
  z-index    : 110;
}
.top-logo{
	float:left;
	margin:25px 10px 0 20px;
}
.top-logo img{
	height:80px;
}
.top-safety-logo{
	float:left;
	margin:25px 0 0 0;
}
.top-safety-logo img{
	height:80px;
}
span.tel-head{
	font-size:0.7em;
	color:#fff;
	background-color:#006fb2;
	border-radius:5px;
	padding:0.3em 0.5em 0.3em 0.7em;
	margin-right:1em;
	vertical-align: bottom;
}
.top-tel{
	float:right;
	text-align:right;
	color:#006fb2;
	margin:30px 0 0 0;
	font-size:1.5em;
	font-weight:600;
	padding-right:10px;
	line-height:1em;
	vertical-align: bottom;
	letter-spacing:0.1em;
}
span.tel-time{
	font-size:0.7em;
	font-weight:200;
	vertical-align: bottom;
}

.nav_contents-box{
	float:right;
	text-align:center;
	letter-spacing:0.1em;
	font-weight:200;
	margin-top:1.5em;
}
.nav_contents-box a{
	text-decoration:none;
	color:#006fb2;
}
.nav_contents-box a:hover{
	color:#f0d743;
	transition:0.3s;
}
.nav_contents{
	float:left;
	line-height:1.5em;
	margin-right:20px;
}

.bg-box .boxString-2{
  position   : absolute;
	top:250px;
	left:50px;
	width:50%;
  z-index    : 90;
}

.bg-box .boxString-3{
  position   : absolute;
	top:400px;
	right:0;
	width:40%;
  z-index    : 100;
}

/*トップページ*/
h2.top-catchcopy{
	background-color:transparent;
	text-align:center;
	color:#008ed8;
	font-size:3.5em;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight:600;
	letter-spacing:0.1em;
	line-height:2em;
	margin-top:1em;
	margin-bottom:0.5em;
	padding-left:0;
	padding-right:0;
}

.top-catchcopy2{
	text-align:center!important;
	font-size:1.5em;
	line-height:2em;
	margin-bottom:3em!important;
}

.top_info-box{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-bottom:0.5em;
	background-color:#f5f5f5;
	padding-top:3em;
	padding-bottom:5em;
}

.top_info-title{
	font-size:2em;
	text-align:center;
	color:#008ed8;
	padding:0.5em 0;
}
#wpsp-99{
	width:90%;
	max-width:900px;
	margin:1em auto;
}
#wpsp-99 .wp-show-posts-single{
	margin-bottom:0.5em;
}
#wpsp-99 .wp-show-posts-entry-header{
	background-color:#fafafa;
	border-radius:5px;
	padding:0.8em 1.5em 0.4em 1.5em;
}
#wpsp-99 .wp-show-posts-entry-title{
	font-size:1.2em;
	font-weight:200;
	padding:0;
	background-color:transparent;
}
#wpsp-99 .wp-show-posts-entry-title a{
	color:#008ed8;
}
#wpsp-99 .wp-show-posts-entry-title a:hover{
	color:#2db3e9;
	transition:0.3s;
}
#wpsp-99 .wp-show-posts-entry-meta a{
	text-decoration:none;
}

.link-btn_info{
	width:90%;
	max-width:600px;
	margin:2em auto 0 auto;
	font-size:1.4em;
	background-color:#006fb2;
	padding:0.5em 2em;
	border-radius:5px;
	letter-spacing:0.1em;
}
a .link-btn_info{
	text-align:center;
	color:#fff;
	line-height:1.7em;
}
a .link-btn_info:hover{
	background-color:#00bfff;
	transition:0.3s;
}
a .link-btn_footer-contact{
	width:80%;
	max-width:300px;
	margin:0 auto 2.5em auto;
	text-align:center;
	font-size:1.2em;
	color:#fff;
	border:3px solid #fff;
	border-radius:5px;
	padding:0.5em;
}
a .link-btn_footer-contact:hover{
	background-color:#00bfff;
	transition:0.3s;
}

.top-item_back{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-bottom:0.5em;
	background-color:#edf5fa;
	padding-top:1em;
	padding-bottom:2em;
}
h2.top-item_title{
	width:98%;
	font-size:2.2em;
	margin-left:auto!important;
	margin-right:auto!important;
	background-color:#f0d743;
	color:#006fb2;
	padding:0.8em 0.6em 0.2em 0.8em;
	border-bottom:10px solid #008ed8;
	border-radius:10px 10px 3px 3px;
	line-height:1.5em;
}
h3.top-item_catch{
	width:96%;
	font-size:1.7em;
	padding-left:0.8em;
	font-weight:600;
	margin-top:1em;
	margin-bottom:1.5em;
	line-height:1.5em;
}
.top-item_text{
	text-align:center;
	font-size:1.3em;
	margin-top:0.8em;
	font-weight:600;
}
.top-item_outer{
	width:96%;
	max-width:1100px;
	margin:0 auto;
}
.top-item_left{
	width:300px;
	float:left;
}
.top-item_right{
	width:calc(100% - 350px);
	margin-left:50px;
	float:left;
}
.top-item_right h4{
	margin-top:0;
	margin-bottom:0.5em;
	font-size:1.4em;
	font-weight:600;
	background-color: #006fb2;
	color:#fff;
	padding:0.4em 0.8em;
	border:none;
	border-radius:3px;
}
.top-item_right p{
	font-size:1.2em;
	font-weight:600;
}

.osusume-title{
	width:100%;
	margin:2em auto -2em auto;
	font-size:1.8em;
	font-weight:600;
	text-align:center;
	background-color:#006fb2;
	color:#fff;
	padding:0.3em 0;
	border-radius:1.2em;
	letter-spacing:0.1em;
	position: relative;
	z-index:100;
}

.osusume-back{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-bottom:0.5em;
	background-color:#f0d743;
	padding-top:4em;
	padding-bottom:2em;
	position: relative;
	z-index:1;
}

.osusume-content_outer{
	width:94%;
	max-width:1000px;
	margin:0 auto;
}
.osusume-content_outer img{
	border-radius:10px;
}
.osusume-content_outer a{
	text-decoration:none;
	color:#008ed8
}
.osusume-content_outer a:hover{
	color:#2db3e9;
	transition:0.3s;
}
.osusume-content1{
	float:left;
	width:48%;
	margin-right:4%;
}
.osusume-content2{
	float:left;
	width:48%;
}
.osusume-content_text{
	text-align:center;
	font-size:1.2em;
	font-weight:600;
	letter-spacing:0.1em;
	line-height:1.5em;
}


.kanren-title{
	width:100%;
	margin:2em auto -2em auto;
	font-size:1.8em;
	font-weight:600;
	text-align:center;
	background-color:#777;
	color:#eeeeee;
	padding:0.3em 0;
	border-radius:1.2em;
	letter-spacing:0.1em;
	position: relative;
	z-index:100;
}

.kanren-back{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	background-color:#eeeeee;
	padding-top:4em;
	padding-bottom:2em;
	position: relative;
	z-index:1;
}

.kanren-content_outer{
	width:94%;
	max-width:1000px;
	margin:0 auto;
}
.kanren-content_outer a{
	text-decoration:none;
	color:#777;
}
.kanren-content_outer a:hover{
	color:#2db3e9;
	transition:0.3s;
}
.kanren-content_outer img{
	border-radius:10px;
}
.kanren-content1{
	float:left;
	width:48%;
	margin-right:4%;
}

.kanren-content2{
	float:left;
	width:48%;
}
.kanren-content_text{
	text-align:center;
	font-size:1.2em;
	font-weight:600;
	letter-spacing:0.1em;
	line-height:1.5em;
}


/*WP Show Post関連*/
.wpsp-load-more{
	width:fit-content;
	margin:0 auto;
}
.prev.page-numbers{
	width:5em;
	color:#006fb2;
}
.next.page-numbers{
	width:5em;
	color:#006fb2;
}
.page-numbers.current{
	background-color:#006fb2;
	color:#fff;
}



/*ツアー情報*/
.tour_info-box{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-top:3em;
	margin-bottom:0.5em;
	background-color:#f1f1f1;
	padding-top:2em;
	padding-bottom:2em;
}
#wpsp-158{
	width:90%;
	max-width:900px;
	margin:1em auto;
}
#wpsp-158 .wp-show-posts-single{
	margin-bottom:0.5em;
}
#wpsp-158 .wp-show-posts-entry-header{
	background-color:#fafafa;
	border-radius:5px;
	padding:0.8em 1.5em 0.4em 1.5em;
}
#wpsp-158 .wp-show-posts-entry-title{
	font-size:1.2em;
	font-weight:200;
	padding:0;
	background-color:transparent;
}
#wpsp-158 .wp-show-posts-entry-title a{
	color:#008ed8;
}
#wpsp-158 .wp-show-posts-entry-title a:hover{
	color:#2db3e9;
	transition:0.3s;
}
#wpsp-158 .wp-show-posts-entry-meta a{
	text-decoration:none;
}

/*お知らせ・新着情報ページ*/
.news_info-box{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-top:3em;
	margin-bottom:0.5em;
	background-color:#f1f1f1;
	padding-top:2em;
	padding-bottom:2em;
}
#wpsp-101{
	width:90%;
	max-width:900px;
	margin:1em auto;
}
#wpsp-101 .wp-show-posts-single{
	margin-bottom:0.5em;
}
#wpsp-101 .wp-show-posts-entry-header{
	background-color:#fafafa;
	border-radius:5px;
	padding:0.8em 1.5em 0.4em 1.5em;
}
#wpsp-101 .wp-show-posts-entry-title{
	font-size:1.2em;
	font-weight:200;
	padding:0;
	background-color:transparent;
}
#wpsp-101 .wp-show-posts-entry-title a{
	color:#008ed8;
}
#wpsp-101 .wp-show-posts-entry-title a:hover{
	color:#2db3e9;
	transition:0.3s;
}
#wpsp-101 .wp-show-posts-entry-meta a{
	text-decoration:none;
}


/*会社案内*/
.company-table{
	width:90%!important;
	max-width:800px!important;
	margin:3em auto 3em auto!important;
	font-size:1.1em;
}
.company-table table{
	width:100%!important;
}
.company-table tr:nth-of-type(2n+1){
	background-color:transparent;
}
.company-table td:nth-of-type(1){
	width:10em;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px solid #008ed8;
	color:#008ed8;
	background-color:transparent;
	font-weight:200;
	padding-top:1.2em;
}
.company-table td{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px solid #aaa;
	background-color:transparent;
	font-weight:200;
	padding-left:1em;
	line-height:1.5em;
	padding-top:1.2em;
}
.syaoku-img{width:96%;max-width:800px; margin-left:auto!important; margin-right:auto!important}
.syaoku-img img{border-radius:10px;}



/*運輸安全マネジメント*/
.jikoboushi-table{
	width:90%!important;
	max-width:800px!important;
	margin:3em auto 3em auto!important;
	font-size:1.1em;
}
.jikoboushi-table table{
	width:100%!important;
	text-align:center!important;
	border:2px solid #aaa;
}
.jikoboushi-table th{
	font-weight:200!important;
	border:1px solid #aaa;
}
.jikoboushi-table thead th{
	background-color:#006fb2!important;
	color:#fff;
}
.jikoboushi-table tr:nth-of-type(2n+1){
	background-color:transparent;
}
.jikoboushi-table td{
	border:1px solid #aaa;
}

/*採用情報*/
.recruit-table{
	width:90%!important;
	max-width:800px!important;
	margin:3em auto 3em auto!important;
	font-size:1.1em;
}
.recruit-table table{
	width:100%!important;
}
.recruit-table tr:nth-of-type(2n+1){
	background-color:transparent;
}
.recruit-table td:nth-of-type(1){
	width:7em;
	text-align:right;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px solid #008ed8;
	color:#008ed8;
	background-color:transparent;
	font-weight:200;
	padding-top:1.2em;
	padding-right:1em;
}
.recruit-table td{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px solid #aaa;
	background-color:transparent;
	font-weight:200;
	padding-left:1em;
	line-height:1.5em;
	padding-top:1.2em;
}
.recruit-tel{
	width:90%;
	max-width:600px;
	margin:1em auto;
	font-size:1.4em;
	font-weight:600;
	background-color:#008ed8;
	color:#fff;
	padding:0.5em;
	border-radius:5px;
}


/*フッター*/
.footer-left{width:5%;}
.footer-center{width:90%;}
.footer-right{width:5%;}
.footer_box{}
.footer_logo{width:80%;max-width:400px;margin:2em auto 1em auto;}
span.footer-tel-head{
	font-size:0.7em;
	color:#006fb2;
	background-color:#fff;
	border-radius:5px;
	padding:0.3em 0.5em 0.3em 0.7em;
	margin-right:1em;
}
.footer-tel{
	width:fit-content;
	text-align:right;
	color:#fff;
	margin:0 auto 1em auto;
	font-size:1.3em;
	font-weight:600;
	padding-right:10px;
	line-height:1.5em;
	vertical-align: bottom;
	letter-spacing:0.1em;
}
span.footer-tel-time{
	font-size:0.8em;
	font-weight:200;
	vertical-align: bottom;
}
.footer_info{width:fit-content;margin:0 auto;}
.footer_info-top{font-size:1.2em;border-bottom:1px solid #fff;}
.footer_info-content{margin-bottom:1.5em;}
.footer_insta-logo{width:80px;margin:3em auto 0 auto;}
/*.footer_contents-box{width:fit-content;margin:0 auto;}
.footer_contents{}*/



/*　ハンバーガーボタン　*/
#custom_html-20.widget,#custom_html-21.widget{margin-bottom:0;}
*, *:before, *:after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.cp_menu ol, ul {
	list-style: none;
}
.cp_menu li{margin-top:1em;}
.cp_menu a {
	text-decoration: none;
color: inherit;
}
a:hover {
color:#80aaff;
}
.cp_cont {
	z-index:999;
}
.cp_offcm01 {
	position: absolute;
	top: 10px;
	right: 20px;
	display: inline-block;
}
.cp-logo{
	width:15%;
	max-width:30px;
	margin:1.5em auto 0 auto;
}
.cp-contact_link{
	width:fit-content;
	padding:0.2em 2em;
	margin:2em auto 1em auto;
	border:1px solid #fff;
	font-size:1.1em;
	letter-spacing:0.1em;
}
.cp-contact_link a{
	color:#fff;
}
/* menu */
.cp_offcm01 .cp_menu {
	position: fixed;
	top: 0;
	right: -100vw;
	width: 250px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: #006fb2;
	opacity: 0.9;
	z-index:999;
}
.cp_offcm01 .cp_menu ul {
	margin: 0;
	padding: 0;
}
.cp_offcm01 .cp_menu li {
	list-style: none;
	padding-left:1em;
	font-size:1em;
}
.cp_offcm01 .cp_menu li a {
	display: block;
	padding: 0.3em 1em 0.1em 0.5em;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.cp_offcm01 #cp_toggle01 {
	position: absolute;
	display: none;
	opacity: 0;
}
.cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
	-webkit-transform: translateX(-100vw);
	        transform: translateX(-100vw);
}
/* menu toggle */
.cp_offcm01 #cp_toggle01 ~ label {
	display: block;
	padding: 0;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	color: #bbb;
	position:fixed;
	right: 20px;
	top:0;
	z-index:999;
}
/*body:not(.home) .cp_offcm01 #cp_toggle01 ~ label {
	color:#eee;
}*/
.cp_offcm01 #cp_toggle01:checked ~ label {
	-webkit-transform: translateX(-250px);
	        transform: translateX(-250px);
}
.cp_offcm01 #cp_toggle01 ~ label::before {
	font-family: 'FontAwesome';
	content: '\f0c9';
	font-size: 2em
}
.cp_offcm01 #cp_toggle01:checked ~ label::before {
	content: '\f00d';
}
/* contents */
.cp_contents {
	color: #333333;
	text-align: center;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/


/*1400px以下*/
@media screen and (max-width: 1400px){
.top-logo{
	margin:20px 10px 0 15px;
}
.top-logo img{
	height:70px;
}
.top-safety-logo{
	margin:20px 0 0 0;
}
.top-safety-logo img{
	height:70px;
}
.nav_contents-box{
	margin-top:1em;
	letter-spacing:0;
}
.nav_contents-box a{
	font-size:0.9em;
}
}

/*1200px以下*/
@media screen and (max-width: 1200px){
.top-logo{
	margin:20px 10px 0 10px;
}
.top-logo img{
	height:60px;
}
.top-safety-logo{
	float:left;
	margin:20px 0 0 0;
}
.top-safety-logo img{
	height:60px;
}
.top-tel{
	margin:20px 0 0 0;
	font-size:1.4em;
}
.nav_contents-box{
	margin-top:0.7em;
}
.nav_contents-box a{
	font-size:0.8em;
}
}

/*1100px以下*/
@media screen and (max-width: 1100px){
.top-logo img{
	height:55px;
}
.top-safety-logo img{
	height:50px;
}
.top-tel{
	font-size:1.3em;
}
.bg-box {
	height:620px;
}
.xo-slider-template-default .swiper-wrapper {
    height: 620px;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: 620px!important;
}
.bg-box .boxString-2{
	top:200px;
	left:5%;
	width:90%;
	max-width:550px;
}

.bg-box .boxString-3{
	top:400px;
	width:55%;
	max-width:400px;
}
.head-nav_contents{font-size:0.9em;}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*1001px以上*/
@media screen and (min-width: 1001px){
.br1000{display: none;}
.cp_cont{display: none;}
}	
/*1000px以下*/
@media screen and (max-width: 1000px){
.br1000 {display: block;}
.cp_cont{display: block;}
h2.top-catchcopy{font-size:3em;}
h2.top-item_title{font-size:2em;}
h3.top-item_catch{font-size:1.5em;}
.top-item_text{font-size:1.2em;}
.top-tel{display:none;}
.nav_contents-box{display:none;}
.head-nav_contents-box{display:none;}
.bg-box {
	height:590px;
}
.xo-slider-template-default .swiper-wrapper {
    height: 590px;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: 590px!important;
}
.bg-box .boxString-2{top:180px;}
.bg-box .boxString-3{top:380px;}
}

/*901px以上*/
@media screen and (min-width: 901px){
.br900{display: none;}
}
/*900px以下*/
@media screen and (max-width: 900px){
.br900 {display: block;}
.top-item_right p{font-size:1em;}
.bg-box {
	height:560px;
}
.xo-slider-template-default .swiper-wrapper {
    height: 560px;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: 560px!important;
}
.bg-box .boxString-2{top:160px;}
.bg-box .boxString-3{top:360px;}
}

/*834px以下*/
@media screen and (max-width: 834px){
h2.top-catchcopy{font-size:2.4em;}
.top-catchcopy2{font-size:1.3em;}
}

/*800px以下*/
@media screen and (max-width: 800px){
h2.top-item_title{
	width:94%;
	margin:1.5em auto 0 auto;
}
h3.top-item_catch{
	width:90%;
	margin:1em auto;
}
.top-item_left{
	float:none;
	margin:0 auto;
}
.top-item_right{
	float:none;
	width:94%;
	margin:1em auto 0 auto;
}
.bg-box {
	height:530px;
}
.xo-slider-template-default .swiper-wrapper {
    height: 530px;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: 530px!important;
}
.bg-box .boxString-2{top:140px;}
.bg-box .boxString-3{top:340px;}
}
	
/*701px以上*/
@media screen and (min-width: 701px){
.br700{display: none;}
}

/*700px以下*/
@media screen and (max-width: 700px){
.br700 {display: block;}
.top-img_slide{
display:none;
}
.top-img_slide_sp{
width:100%;
}
.top-logo_sp{
	text-align:center;
	background-image:url(/wp-content/uploads/sp_top-logo_back.png);
	background-repeat:none;
	background-size:cover;
}
.top-logo_sp img{
	width:20%;
	margin-top:1em;
	margin-bottom:0.5em;
}
h2.top-catchcopy{font-size:2.2em;letter-spacing:0;}
.bg-box {
	height:500px;
}
.xo-slider-template-default .swiper-wrapper {
    height: 500px;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: 500px!important;
}
.bg-box .boxString-2{top:120px;}
.bg-box .boxString-3{top:320px;}
.osusume-content_text{font-size:1.1em;}
.kanren-content_text{font-size:1.1em;}
}

/*601px以上*/
@media screen and (min-width: 601px){
.br600{display: none;}
}
/*600px以下*/
@media screen and (max-width: 600px){
.br600 {display: block;}
h2.top-catchcopy{font-size:2em;}
.bg-box {
	height:470px;
}
.xo-slider-template-default .swiper-wrapper {
    height: 470px;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: 470px!important;
}
.bg-box .boxString-2{top:100px;}
.bg-box .boxString-3{top:300px;}
.osusume-content_text{font-size:1em;}
.kanren-content_text{font-size:1em;}
}

/*500px以上*/
@media screen and (min-width: 500px){
.br500{display: none;}
}
/*499px以下*/
@media screen and (max-width: 499px){
.br500 {display: block;}
.bg-box {
	height:400px;
}
.xo-slider-template-default .swiper-wrapper {
    height: 400px;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: 400px!important;
}
.bg-box .boxString-2{top:150px;}
.bg-box .boxString-3{top:310px;}
.top-logo img{height:40px;}
}