@charset "utf-8";
/* CSS Document */


/*-------------------------------------------*/
@media screen and (min-width:700px) and ( max-width:1099px) {
    /*　画面サイズが1099pxからはここを読み込む　*/
/*.top-mainslide {
    width: 100%;
    margin: 0 auto;}*/
.wrapper-top {
    margin: 0 auto;
    max-width: 1100px;
	padding-bottom: 50px;
}
.global_menu {
    width: 100%;
    margin: 0 auto;
    position: relative;
    color: #333;
    text-align: center;
}
.searchBox {
    border-radius: 5px;
    clear: both;
    background-color: #f0f0f0;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    margin-bottom: 20px;
}
	.fs-l-main {
    margin: 0px auto 0;
    padding: 0;
    width: 100%;
    max-width: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
	.content {
    width: 100%;
    margin: 0 auto;
}

.footer-nav {
    width: 100%;
    margin: 30px auto 0 auto;
}
.footer-nav02 {
    width: 100%;
    clear: both;
    margin: 0 auto;
}
	.fs-l-pageMain {
    max-width: 70%;
}

.fs-c-slick .slick-list{
	overflow: hidden;
}
.footer-logo {
    width: 100%; 
    margin: 2% auto;
}
	
}
/*-------------------------------------------*/


input::placeholder {
 font-size: 14px;
}
body {
  font-family: 'Noto Sans JP', sans-serif;
}
.mnon{
	margin:0px ;
}
.tel-top{
font-family: 'Roboto', sans-serif;
font-size: 1.3em;
		padding: 4px 0;}

ul{
	list-style: none;
}
.headerCompany{
	  padding-right: 10px;
		padding-top: 15px;
}
.headerobi{
	
	height: 70px;
	background-color: #e71a19;
	text-align: center;
}

.wraptop{
	margin-bottom: 20px;}
.header-sMenu{
	padding: 10px 0 5px 0 ;
	font-size: 12px;
	display: flex;
    width: 1100px;
	margin: 0 auto;
    justify-content: space-between;
	
}

.header-sMenu h1{
	width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
	font-size: 12px;
}

.header-sMenu ul{
	float: right;
	display: flex;
    width: 43%;
    justify-content: space-between;
    }
.header-sMenu ul li{
	float: left;
	padding-left: 3%;
}

.header-sMenu ul li img{
vertical-align: middle;	
	margin-right:3px; 
}
.headerSouryou ul li img{
	vertical-align: bottom;
	margin-left: 5px;
	width: auto;
    height: auto;
		
}


.header-nav00{
display: flex;
justify-content: space-between;
width: 1100px;
margin: 0 auto;}
.headerLeft{
width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0%;

}

.headerRight {
    display: flex;
    width: auto;
    justify-content: space-between;
	padding-left: 10px;
}
	
	

.headerMenu ul{
	display: flex;
	widows: 100%;
}

.headerMenu ul li{
	float: left;
	text-align: center;
	width: 12.5%;
	font-weight: bold;
	padding: 37px 0 23px 0;
}

.sol{
		border-top: solid 1px #c4c4c4;

}

.linenew {
    display: block;
    border-top: 1px solid #c4c4c4;
	margin-bottom: 10px;}

 .he-left{
	 text-align: center;
	 background-color: #f0f0f0;
	 font-weight: bold;
	  line-height:25px;
	 border: solid 4px #d5d5d5;
    margin: 0px 0px 10px 10px;
	font-size: 22px;
    padding: 5px 10px 10px 10px;
	 
	
}
.he-right{font-weight: bold;
	 font-size:28px;
	  line-height:25px;
	border: none;
	padding:0px;
	text-align: center;
	margin-left: 0px;
	
	}

.tes{
	font-size:13px;
	 line-height:20px;
}
.headerInfo a{
       background-color: #e71a19;
    text-align: center;
  
    padding: 10px 37px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    margin: 8px 0px 5px 0px;
    border-bottom: 5px solid #bd1716;
		border-radius: 0.5rem;
}
.headerInfo a img{padding-right: 10px;}
.headerInfo a{color: #FFFFFF;}
.headerInfo a p{
	padding-top: 0px;
        font-weight: bold;
}
.information-guiden ul{
	clear: both;
}
.information-guiden ul li{
	text-align: center;
	font-size: 14px;
	border: solid 1px #000;
    border-radius: 5px;
    padding: 10px;
    width: 49.5%;
    float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	
}
.left-li{
	margin-right: 1%;
	
}



.header-search00{	display: flex;
}


.searchBoxText{
	width: 50%;
	padding: 5px;
	
}
.searchBoxbtn{
	 font-size: 14px;
    float: right;
    background-color: #242424;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0px;
		color: #FFF;

}
.searchBoxwrp{
	display: flex;
	width: 100%;
}



.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}


.hot-k {
    display: flex;
    width: 100%;
    margin: 0 35px;
    text-align: center;
}

.hot-k li {
    margin: 0.5%;
    width: 20%;
    display: flex;
    /* padding: 5px; */
    /* width: 9.7%; */
    text-align: center;
    font-size: 14px;
    align-items: center;
    justify-content: center;
	
}

.hotk-bt{
	
	color: #e71a19;
	background-color: #FFFFFF;
	
	border: solid 1px #e71a19;
	border-radius: 20px;
	
	
	
}
.hotk-bt a{
 display: block;
    /*追加*/width: 100%;
    /*追加*/box-sizing: border-box;
padding: 10px;}

/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/


* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}











/*------------TOP特有の記述-------------*/

.topslide div .fs-pt-carousel__slide{
	padding: 0 10px;
}


/*
.appeal-point{ display: flex}
.appeal-point li{
	display: flex;
    float: left;
    width: 23%;
    border: solid 6px #a4a4a4;
    border-radius: 5px;
    margin: 1%;
	padding: 15px;
}


		.ap-iTEXT{
			font-size: 20px;
		}*/	
.top-mainslide .topslide .fs-pt-carousel__track .slick-arrow{
	border-radius: 500px;
	    background-color: #e71919;
}


/*
.top-mainslide .topslide .fs-pt-carousel__track .slick-next {
    right: 620px;
}
	
.top-mainslide .topslide .fs-pt-carousel__track .slick-prev {
    left: 620px;
}*/

/*---------------------------------------------*/


/* drop down
-----------------------------------------*/
/* link */
.mod_dropnavi ul li a{
  transition-property: border;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.mod_dropnavi ul li a:link    {text-decoration:none;}
.mod_dropnavi ul li a:visited {text-decoration:none;}
.mod_dropnavi ul li a:hover   {text-decoration:none;}
.mod_dropnavi ul li a:active  {text-decoration:none;}
 
/* mod_dropnavi */
.mod_dropnavi>ul{
   display: flex;
	margin-top: 25px;
  
}
.mod_dropnavi>ul>li{
    width:12.5%;
    float:left;
    position:relative;
    text-align:center;
    line-height:45px;
    
}
.mod_dropnavi>ul>li>a{
    display:block;
  
    font-weight:bold;
  
}
.mod_dropnavi>ul>li>a:hover   {border-bottom:solid 4px #e71a19;}
.mod_dropnavi>ul>li>a:active  {border-bottom:solid 4px #e71a19;}
.mod_dropnavi>ul>li>a:checked  {border-bottom:solid 4px #e71a19;}
 
/* mod_dropnavi_child */
.mod_dropnavi .mod_dropnavi_child{
	border: solid 1px #cccccc;
	background-color: #fff;
	width: 1100px;
  display:none;
  position:absolute;
  top:48px;
  
  z-index:99;
  padding:30px!important;
    
}
	.left02{
		left: -137px;}
	.left03{
		left: -274px;}
	.left04{
		left: -411px;}
	.left05{
		left: -548px;}
	.left06{
		left: -685px;}
	.left07{
		left: -822px;}
	.left08{
		left: -959px;}
	
.mod_dropnavi .mod_dropnavi_child ul{
 
	display: flex;
	flex-wrap: wrap;

}

.mod_dropnavi .mod_dropnavi_child ul li a:link    { text-decoration:none;}
.mod_dropnavi .mod_dropnavi_child ul li a:visited { text-decoration:none;}
.mod_dropnavi .mod_dropnavi_child ul li a:hover   { text-decoration:underline;}
.mod_dropnavi .mod_dropnavi_child ul li a:active  {text-decoration:underline;}
	.mod_dropnavi .mod_dropnavi_child ul li a:checked  {text-decoration:underline;}

	
	
.dropnavi01 img
	{
		width: 25px;
		margin-right: 5px;}
.dropnavi01 li{
	 border-radius: 5px;
    border: solid 1px #cccccc;
	 padding: 0 10px;
	}
			
	.dropnavi02 li{
		border-radius: 5px;
    border: solid 1px #cccccc;
    padding: 0px 10px;
	}
.dropnavi03 li{
		padding: 15px 5px;
	}
	.dropnavi03 li a {
		width: 100%;
	}
.mod_dropnavi .mod_dropnavi_child ul li{
	 width: 23.9%;
   
    text-align: left;
    white-space: nowrap;
    margin: 5px;
    font-weight: bold;
}		
		
	.dropnavTitle02{
		text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 30px;
	}	
	.dropnavTitle p{
text-align: left;
    width: 22%;
    margin-left: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #e71a19;}
	
	.round_arrow02::before {
    content: "";
    position: absolute;
    margin: auto;
    /* top: 0; */
    bottom: 18px;
    right: 20px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #e71a19;
}
	.round_arrow02::after {
    content: "";
    position: absolute;
    margin: auto;
    /* top: 0; */
    bottom: 24px;
    right: 26px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}
	.round_arrow02 {
    position: relative;
    /* padding-left: 30px; */
}
	
	.dli-caret-down {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.64952em 0.375em;
  border-top-color: currentColor;
  border-bottom: 0;
}
.searchmenu div a	{
	border-bottom: solid 1px #000;}
	

.searchmenu{
	display: flex;
    white-space: nowrap;
    /* padding: 0 3%; */
    width: 38%;
}
.searchmenu div{
	padding: 3%;
    /* padding: 0 3%; */
    margin: 0 5%;
	
}
.hotk-bt a:link, .hotk-bt a:visited, .hotk-bt a:active {
    color: #e71a19;
    text-decoration: none;
}
.information-guiden a:link, .information-guiden a:visited, .information-guiden a:active  {
	color: #e71a19;
    text-decoration: underline;
	font-weight: bold;
}
.dli-caret-circle-fill-right {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: relative;
  width: 0.8em;
  height: 0.8em;
  border: 0.075em solid currentColor;
  background: currentColor;
  border-radius: 50%;
  box-sizing: content-box;
}

.dli-caret-circle-fill-right::before {
  content: '';
  color: #fff;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.18em 0.31177em;
  border-left-color: currentColor;
  border-right: 0;
  transform: translateX(15%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
/*-------------------------------------------------------------------*/

	.global_menu ul {
	display: flex;}
 
	.menu{display: inline-block;
	width: 25%}
.child_menu li {
  display: inline-block;
	
}
 
.menu01{ /* 各項目のスタイル */
  display: block;
  padding: 30px 0 10px 0;
	font-weight: bold;
    font-size: 16px;
}

.menu:hover > a {
 border-bottom: solid 3px #e71a19;
}
 
.child_menu > li > a { /* 子項目のスタイル */
  font-size: 0.8em;
}
.child_menu > li > a:hover { /* 子項目のスタイル（ホバー時） */
  background: #ffb6c1;
}
 
.child_menu { /* 下層メニューのスタイル */
  width: 100%;
  position: absolute;
  top: 100%; /* 親項目の直下に配置 */
  left: 0;
  padding: 30px;
  color: #333; /* 文字色 */
  background: #fff; /* 背景色 */
 visibility: hidden; /* 下層メニューを非表示 */
	z-index: 99;
	   border: solid 1px #cccccc;
}
 
.menu:hover .child_menu { /* 下層メニューのスタイル（親項目ホバー時） */
  visibility: visible; /* 下層メニューを表示 */
}

	.child_menu ul{
		display: flex;
		flex-wrap: wrap;
		
	}
	
 .item01 li, .occupation02 li {  
	   border: solid 1px #cccccc;
	 border-radius: 5px;
	 width: 23.9%;
    text-align: left;
    white-space: nowrap;
    margin: 5px;
    font-weight: bold;
		
		
		}
.maker03 li {  
	
	 width: 19%;
    text-align: left;
    white-space: nowrap;
    margin: 0 5px;
    font-weight: bold;
		padding: 0 10px;
	font-size: 12px;
		
		}
.maker03 img{
		
			width: 100%;
		background-color: #fff;
    padding: 20px 30px;
    margin-bottom: 5px;
    margin: 10px 0px;

    border: solid 1px #a4a4a4;
			
		}

	
 .item01 li img, .occupation02 li img 
	{
		width: 25px;
		margin-right: 5px;}
	.round_arrow02::before {
    content: "";
    position: absolute;
    margin: auto;
    top: 15px;     
	bottom: 18px;
    right: 20px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #e71a19;
}
	.round_arrow02::after {
    content: "";
    position: absolute;
    margin: auto;
    top: 20px;
	bottom: 24px;
    right: 26px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}
		
	.round_arrow02 {
    position: relative;
    /* padding-left: 30px; */
}
	.dropnavTitle02{
		text-align: left;
    padding: 10px 0px 0px 5px;
    font-weight: bold;
	}
	.round_arrow02 a{
		display: block;
		padding: 10px;
	}
	
.dli-caret-circle-fill-right {
  display: inline-block;
  vertical-align: middle;
  color: #e71a19;
  line-height: 1;
  position: relative;
  width: 0.8em;
  height: 0.8em;
  border: 0.075em solid currentColor;
  background: currentColor;
  border-radius: 50%;
  box-sizing: content-box;
	margin-left: 5px;
}

.dli-caret-circle-fill-right::before {
  content: '';
  color: #fff;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.18em 0.31177em;
  border-left-color: currentColor;
  border-right: 0;
  transform: translateX(15%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
	.child_menu div{
		padding: 30px 0;
	}
		.child_menu div h2 a{
			font-size: 16px;
    font-weight: bold;
    color: #e71a19;
    text-decoration: underline;
   
    width: 20%;
		}
	
/*----------------------------------------------------------*/

	.dli-caret-down {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.64952em 0.375em;
  border-top-color: currentColor;
  border-bottom: 0;
}
.searchmenu div a	{
	border-bottom: solid 1px #000;}
	

.searchmenu{
	display: flex;
    white-space: nowrap;
    /* padding: 0 3%; */
    width: 38%;
}
.searchmenu div{
	padding: 3%;
    /* padding: 0 3%; */
    margin: 0 5%;
	
}
.hotk-bt a:link, .hotk-bt a:visited, .hotk-bt a:active {
    color: #e71a19;
    text-decoration: none;
}
.information-guiden a:link, .information-guiden a:visited, .information-guiden a:active  {
	color: #e71a19;
    text-decoration: underline;
	font-weight: bold;
}
.dli-caret-circle-fill-right {
  display: inline-block;
  vertical-align: middle;
  color: #e71a19;
  line-height: 1;
  position: relative;
  width: 0.8em;
  height: 0.8em;
  border: 0.075em solid currentColor;
  background: currentColor;
  border-radius: 50%;
  box-sizing: content-box;
	margin-left: 5px;
}

.dli-caret-circle-fill-right::before {
  content: '';
  color: #fff;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.18em 0.31177em;
  border-left-color: currentColor;
  border-right: 0;
  transform: translateX(15%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
		.dropnavi01 div h2 a{
			font-size: 16px;
    font-weight: bold;
    color: #e71a19;
    text-decoration: underline;
   
    width: 20%;
		}
/*---------------------------------------------*/
		.appeal-point1 {
		display: flex;}
		.appeal-point1 img{
			padding: 0.5%;
			width: 100%;
			height: auto;
		}
	.appeal-point{ display: flex}	
	.appeal-point0 {
    display: flex;
    width: 23%;
		    margin: 1.5%;
    
}
		
/*---------------------------------------------*/
	


	
	.performanceSec_02 {
    width: 100%;
    display: flex;
   /* justify-content: space-between;*/
    margin: auto;
    flex-wrap: wrap;
}
	.performanceCont {
    background-color: #f0f0f0;
    border-radius: 30px;
    width: 31%;
	margin: 1%;
    height: auto;
    margin-top: 5%;
}
	.performanceCont h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 3% 0;
}
	
	.round_arrow01 {
  position: relative;
  /*padding-left: 30px;*/
}
 
.round_arrow01::before { /* 背景の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  /*top: 0;*/
  bottom: 20px;
  right: 20px;
  width: 20px; /* 横幅 */
  height: 20px; /* 高さ */
  border-radius: 50%; /* 角の丸み */
  background: #e71a19;
}
 
.round_arrow01::after { /* くの字の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  /*top: 0;*/
  bottom: 26px;
  right: 27px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
	
	.performanceCont p{
		padding: 0 15px 30px 15px;
	}
	
	
.topmainwrTitle {
  position: relative;
 
  text-align: center;
	font-size: 26px;
	font-weight: bold;
}

.topmainwrTitle:before {
  position: absolute;
    bottom: 50px;
    left: calc(50% - 20px);
    width: 30px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #e71a19;
}
	
.topmainwrTitle02 {
  position: relative;
 
  text-align: center;
	font-size: 26px;
	font-weight: bold;
}

.topmainwrTitle02:before {
  position: absolute;
    bottom: 50px;
    left: calc(50% - 20px);
    width: 30px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #FFF;
}
	
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding:30px 20px 0px 20px;
  
 

  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
	margin-right: 0.7%;
  width: calc(95%/6);
  height: 50px;
  border: 1px solid #e71a19;
  border-radius: 30px;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  color: #e71a19;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#kaigo:checked ~ #kaigo_content,
#work:checked ~ #work_content,
#kucyousagyou:checked ~ #kucyousagyou_content,
	#iryou:checked ~ #iryou_content,
	#jimu:checked ~ #jimu_content,
#insyoku:checked ~ #insyoku_content,
#kids:checked ~ #kids_content

	{
  display: block;
}
	

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
 background-color: #e71a19;
    color: #fff;
    border-radius: 30px;
}

.section00{margin-bottom:100px;}
.section01{margin: 100px 0px;}
.section02{
	padding-bottom: 100px;
	background-color:#f0f0f0 ;
	border-radius:5px; 
	padding: 60px 10px;
	margin-bottom: 50px;
}	
	
.section03{padding-bottom: 100px;
	border-radius:5px; 
	padding: 60px 10px;
    background: url(https://iwaki0822431861.itembox.design/item/images/top/back-img.png?222);
    background-size: 30%;
    background-color: #e71a19;
    color: #fff;}	
	

/*タブのスタイル*/
.tab_item02 {
	background-color: #fff;
	margin-right: 0.7%;
  width: calc(95%/6);
  height: 50px;
  border: 1px solid #e71a19;
  border-radius: 30px;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  color: #e71a19;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item02:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item02"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content02 {
  display: none;
  padding: 40px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#kaigobrand:checked ~ #kaigobrand_content,
#workbrand:checked ~ #workbrand_content,
#kucyousagyoubrand:checked ~ #kucyousagyoubrand_content,
	#iryoubrand:checked ~ #iryoubrand_content,
	#jimubrand:checked ~ #jimubrand_content,
#insyokubrand:checked ~ #insyokubrand_content,
#kidsbrand:checked ~ #kidsbrand_content

	{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item02 {
 background-color: #e71a19;
    color: #fff;
    border-radius: 30px;
}
	.brand-btn ul{
		width: 100%;
    display: flex;
    margin: auto;
    flex-wrap: wrap;
	}
	.brand-btn ul li{
		font-size: 12px;
		width: 25%;
	padding-bottom: 20px;}
	.brand-btn ul li img{
		background-color: #fff;
    padding: 20px 10px;
    margin-bottom: 5px;
    margin: 10px 0px;
    width: 95%;
		border: solid 1px #a4a4a4;
	}
.rankTitle h3
	{background-color: #f0f0f0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 5px;}
	
.moreTop {
  background-color: #e71a19;
    font-size: 18px;
    text-align: center;
    position: relative;
    border-radius: 30px;
    margin: 50px auto ;
    width: 60%;
    overflow: hidden;
    }
	
.moreTop::before {
    position: absolute;
    display: block;
    content: '';
}
.moreTop::before {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.moreTop a {
   display: block;
    color: #FFF;
    padding: 10px;
    font-weight: bold;
}
	
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.salesSec_02 {
    width: 92%;
    display: flex;
    justify-content: space-between;
    margin: auto;
    flex-wrap: wrap;
	margin-top: 50px;
}
.salesCont {
    background-color: #fff;
    border-radius: 15px;
    width: 32%;
    height: auto;
}
.salesCont img{
	width: 100%;
	}
.salesCont h2 {
    font-size: 18px;
    font-weight: bold;
    color: #e71a19;
    text-align: center;
    padding: 3% 0;
}
.salesCont p {
    font-size: 14px;
    padding-bottom: 10%;
    width: 80%;
    margin: auto;
	color: #242424;
}
.maru {
 right: -100px;
    top: -15px;
    height: 20px;
    /* width: 50px; */
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
  position: relative;
  }

.maru span {
 position: absolute;
    color: #e71a19;
    top: 0;
    left: 0;
    margin: 0;
    /* color: white; */
    background: #fff100;
    font-size: 26px;
    line-height: 1;
    border-radius: 50px;
    padding: 5px 10px;
  }
.salesSec_01 {
   width: 90%;
    display: flex;
    justify-content: space-between;
    margin: auto;
    border: solid 6px #f0f0f0;
}
.salesTxt_01 {
   margin: 30px 30px 20px 30px  ;
}
	.salesTxt_01 h1 {
    font-size: 3.5rem;
    font-weight: bold;
}

	.text01{
		padding:0px 0 15px 0;
	}

.salesTxt_01 p {
  
    font-size: 12px;
    font-weight: bold;
}
	
	.text02 li {
		font-size: 32px;
		font-weight: bold;
	}
	
.text03	
{color: #e71a19;
    padding: 10px 0;
    font-size: 18px;
   }
	.rankWrap{margin-top: 50px;}
	/*--------------------------------------------*/
.footerWrap_01{
background: url(https://iwaki0822431861.itembox.design/item/images/top/back-img.png?222);
    background-size: 15%;
    background-color: #e71a19;
    color: #fff;
	margin-top: 8%;
	}
.advantageSec {
    width: 1100px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: auto;
}
.advantageCont_01, .advantageCont_02, .advantageCont_03, .advantageCont_04 {
   width: 275px;
    
    text-align: center;
    margin: 3% 0;
	border-right: solid 1px #fff;
	}
	.advantageCont_01{
		border-left: solid 1px #fff;
		
	}
	.calendar-wrapper{
		display: flex;
	}
	
	
    
/*.advantageCont_01 img, .advantageCont_02 img {
    width: 35%;
    height: auto;
}*/
.advantageContTtl p {
    padding: 3% 0;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    /*color: #e71a19;*/
}
	.advantageTxt p {
    text-align: left;
    font-size: 14px;
}

.footerMenu {
	width: 1100px;
    margin: 80px auto;
    display: flex;
    flex-wrap: wrap;
	}

.footerMenu ul {
	width: 275px;
	padding: 3% 5%;
    white-space: nowrap;
}
.dli-chevron-right_g {
    margin-bottom: 1%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: middle;
    color: #e71a19;
    line-height: 1;
    width: 0.5em;
    height: 0.5em;
    border: 0.13em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-25%) rotate(45deg);
}
	.wrp-footer-columns{
		background-color: #f0f0f0;
	
	}
	.footer-columnsTitle{	
		width: 1100px;
		margin: 0 auto;
		padding: 50px;
	}
	
	
	.footer-columns{
		display: flex;
		margin: 0 auto;
		padding: 0px;
	}
	.footer-logo{
		text-align: center;
	}
	.redTx{
		padding: 20px 0px 0px 0px;
	}
	.redTx a{
	color: #e71a19;
    font-size: 14px;
    font-weight: bold
	}
	
	.boTx{
		font-weight: bold;
		padding: 15px 0 5px 0;
	}
	
	
	
.guide{
   position:relative;
   display:inline-block;
	font-size: 25px;
	font-weight: bold;
}

	.guide::before{
   content: "";
    display: inline-block;
    width: 4px;
    height: 30px;
    background-color: #e71a19;
    position: absolute;
    top: 3px;
    left: -15px;
    border-radius: 3px;
}
	
	
 .calendar table {
    width: 100%;
    margin: 0 0 5px;
    line-height: 1.2;
    font-size: 8pt;
    text-align: center;
    border-collapse: collapse;
}
	
	.footer-columns01{
		display: flex;
	}
	.footer-columns01 h3 {
    margin-bottom: 19px;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 10px;
    /* text-align: center; */
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
		    margin-top: 50px;
}
	.footer-columns_left{
		padding-right: 5%;
	}
	
.calendar-box {
    width: 50%;
    padding: 0 3% 3% 3%;
}
 .calendar caption {
    padding: 7px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
}
 .calendar th {
    padding: 4px 0 5px;
    width: calc(100% / 7);
    /*font-size: 8pt;*/
    font-weight: bold;
}
 .calendar td.close {
    color: #f66;
    background: #d6d6d6;
}
 .calendar td.today {
    color: #66cdff;
}
	.calendar td {
    padding: 4px 0;
    width: calc(100% / 7);
    /*font-size: 8pt;*/
}
	.guidetel{font-size: 42px;
    font-weight: bold;}
	
	.footer-columns01 img{
		margin: 15px 0;
	}.footer-columns01 p{
		margin: 15px 0;
		text-align: left;
	}
	
	.footer-columns01 a{
		text-decoration: underline;
	}
	.footer-columns01 span{
		font-weight: bold;	}
	
	
	.footer-nav p{
		margin: 5px 0;
	}
	.footer-l img{
		margin-bottom: 15px;
	}
	
	 .footer-nav li{
		 float: left;
    border-left: solid 1px #242424;
    margin: 5px;
    padding: 0 5px;
		 width: 23%;
}
	
	.footer-nav02 li{
		 float: left;
    border-left: solid 1px #242424;
    margin: 5px;
    padding: 0 5px;
		 width: 31%;
}
	.content {
		clear: both;
		margin-top: 10px;
	}

	
.footer-nav li:first-child, .footer-nav02 li:first-child {
  border: none;
}
	.advantageCont_01 a, .advantageCont_02 a, .advantageCont_03 a, .advantageCont_04 a{
		display: block;
		padding: 5% 10% 5%;
    color: #FFF;
	}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    background-color: #999;
    border-radius: 10px;
}
	#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
	

.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #e71a19;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
	color: #e71a19;
}
.cart-bt{
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 90px;
    background: #e71a19;
    border: solid 2px #e71a19;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.dli-chevron-up {
  display: inline-block;
  vertical-align: middle;
  color: #e71a19;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(25%) rotate(-45deg);
}


.content0{
clear: both;
    margin-top: 50px;}



.information-guiden {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    /*color: #333;*/
    text-align: center;
    padding-bottom: 10px;
}
.oshirase_tax{
color: #e71a19;
    border: solid 2px #242424;
    padding: 0.5em;
    border-radius: 0.5em;
    text-align: center;
    font-weight: bold;
text-decoration: underline;}

.appeal-point0 img{
	width: 100%;
	height: auto;
}


	
	.header-sMenu ul li:nth-child(n+3) a{
	background-color: #f39801;
    border-radius: 5px;
    padding: 5px 25px 5px 16px;
	color: #FFF;
	}
	.header-sMenu ul li:nth-child(n+3){
		position: relative;
	}	
	.wid2{width:100%;
	padding-left: 10px;}
	
	#search-wrap.panelactive {
    opacity: 1;
    z-index: 3;
    width: 100%;
    padding: 5%;
    background: #f0f0f0;
}
	
	.fax-c a p{
		border: solid 1px #e71a19;
        padding: 5px 15px;
    border-radius: 5px;
    margin: 5px 0px;
    text-align: center;
    color: #e71a19;
	font-weight: bold;
	}
	.arrow-button-fax img{
width: 6%;
    vertical-align: middle;
    margin-right: 5px;
	padding-bottom: 3px;}	
	
.arrow-button-login::after {
    content: '';
    border: 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    display: inline-block;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 45%;
    right: 10px;
    transform: translateY(-50%) rotate(45deg);
}	
	
.arrow-button-fax::after {
    content: '';
    border: 0;
    border-top: solid 2px #e71a19;
    border-right: solid 2px #e71a19;
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(45deg);
}
.fax-c{position: relative;}
	
.headerContact a{
	background-color: #dddddd;
	color: #000;
	border-bottom: 5px solid #b8b8b8;
		border-radius: 0.5rem;
	}

	
	.tel-top img{width: 8%;
	height: auto}
	.t-last{margin-left: 10px;}
	
	.header-sMenu-child li a{
		vertical-align: middle;
	}	

	
.search_container{
  position: relative;
  box-sizing: border-box;
}
.search_container input[type="text"]{
 
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input{
  width: 100%;
    border: solid 1px #0068b7;
    transition: all 0.5s;
    letter-spacing: 0.05em;
    height: 35px;
    padding: 0px 10px;
    background-color: #FFF;
    border-radius: 0px;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  position: absolute;
 	width: 21%;
    float: left;
    box-sizing: border-box;
    height: 35px;
    margin: 0;
    padding: 10px 10px;
    border: none;
    background: #0068b7;
    color: #fff;
    line-height: 12px;
    font-size: 17px;
	right: 0px;
}
.search_container ::-webkit-input-placeholder {
  color: #737373;
}


/*---------------------------------------------------------------*/
@media screen and (min-width:1536px) and ( max-width:5000px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/


.fs-c-slick .slick-list{
	overflow: hidden;
}
.fs-l-main{
	width: 1100px;
}
.wrapper-top{
	margin: 0 auto;
max-width: 1100px;}
	
.kotei{
	position: fixed;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0px 1px 7px -2px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    top: 0;
	padding-bottom: 5px;}

.top-mainslide{
	max-width: 1900px;
	margin: 0 auto;
    clear: both;
}


.top-mainslide .topslide .fs-pt-carousel__track .slick-next {
    right: 620px;
}

.top-mainslide .topslide .fs-pt-carousel__track .slick-prev {
    left: 620px;
}
.global_menu { /* メニュー全体のスタイル */
  width: 1100px;
	margin: 0 auto;
  position: relative;
  color: #333; /* 文字色 */
  text-align: center;
}
	.searchBox{
	border-radius: 5px;
	clear: both; 
	background-color: #f0f0f0;
	margin-top: 20px;
	margin-bottom: 20px;
	width:1100px; 
	margin:0 auto;
	padding: 30px;
}
	.footer-logo{
		width: 70%;
		margin: 2% auto;
	}
	.footer-nav02{
		width: 70%;
		clear: both;
		margin: 0 auto;
	}
	.footer-nav{
		width: 70%;
		margin: 30px auto 0 auto;
	}
	
	
	
.topmainwr	{
	max-width: 850px;
	padding: 80px 0;}

	
}

/*---------------------------------------------------------------*/
@media screen and (min-width:810px) and ( max-width:1535px) {
	/*　画面サイズが810pxから1100pxまではここを読み込む　*/


.top-mainslide{
	max-width: 1535px;
	margin: 0 auto;
    clear: both;
}


.top-mainslide .topslide .fs-pt-carousel__track .slick-next {
    right: 400px;
}

.top-mainslide .topslide .fs-pt-carousel__track .slick-prev {
    left: 400px;
}
	.container {
     padding-top: 0px; 
}
		
.kotei{
	position: fixed;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0px 1px 7px -2px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    top: 0;
	padding-bottom: 5px;}
.wrapper-top {
    margin: 0 auto;
    max-width: 1100px;
	padding-bottom: 50px;
}
	.footer-logo{
		width: 70%;
		margin: 2% auto;
	}
}