@charset "utf-8";

/*ページ全体*/

*{
margin: 0;
padding: 0;
}
.wrapper{
	overflow: hidden;
}
li{
list-style: none;
}
header{
width: 100%; 
top: 0;
background-color: black;
box-shadow: 2px 2px 8px 0px gray;
position: fixed; /*ヘッダーを固定*/
z-index: 9999;
margin-top: 0px;
}
.header-top{
max-width: 1200px;
margin: auto;
position:relative;
/*z-index: 2;*/
}
.logo_header{
display: flex;
width: 1200px; 
	margin: auto 0;
	background-color: black;
}
.logo_header img{
width: 300px;
margin-top: 43px;
margin-right: 70px;
margin-left: 30px;
margin-bottom: 30px; /*20px;*/
}
.koumoku_nav{
display: flex;
}
.box a{
text-align: center;
color: white;
text-decoration: none;
font-size: 14px;
line-height: 1.2;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
.japanese{
font-size: 12px;
text-decoration: none;
}
.box{
width: 8.5vw;
height: 65px;
margin-top: 16px;
border-right: solid 1px gray;
}
.box p{
padding-top: 7px;
}
.box:hover{
background-color: dimgrey;
transition-duration: 0.5s;
}
@media screen and (max-width: 1050px){
.logo_header img{
margin-right: 40px;
}
.box a{
font-size: 13px;
}
.japanese{
font-size: 11px;
}
.box{
width: 9vw;
}
}
@media screen and (max-width: 480px) {
.logo_header img{
width: 250px;  /*23%;*/ 
}
}

/*インデント*/
p.indent, li.indent{
	padding-left:1.3em;
	text-indent:-1.3em;
}

/*指定位置までスクロール&いい位置*/
/*#link1{
    display: block;
    padding-top: 115px;
    margin-top: -80px;
}*/
#link2{
    display: block;
}

/*キャッチ　ヘッドの下*/
.catch p{
display: none;
}
.catch2{
text-align: center;
background: white; /*#e3e3e2; lightgray;*/
}
.catch2 p{
font-size: 16px;
font-weight: bold;
padding: 115px 0 10px 0;
color: white; /*black; dimgrey;*/
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
.koko{
color: red;
}

/*16かける*/
/*メインスライダー*/

/*main{
margin-top: 100px;
}*//*修正*/

.center-center{
margin: auto 0;
padding-top: 85px; /*修正*/
}
.center { 
width: auto;
z-index: 1;
margin-top: 15px;
margin-bottom: -2px;
/*padding-top: 105px;*/ /*.catch削除したので*/
}
/*画像をセンターにした↓*/
.center-center .center img { 
margin: auto 0; 
width: 100%;
}
@media screen and (max-width: 480px){
.center { 
margin-top: 10px;
}
}
.slick-initialized .slick-slide{
  opacity: 0.3; /* 両サイドの画像を透過（前回0.3） */
}
.slick-initialized .slick-slide.slick-active{
  opacity: 1; /* センター画像を非透過 */
}


/*矢印の位置*/
/*top_e_2用*/
.center .slick-next { 
right: 11.8vw;  /*12.2vw; */
margin-top: -1.5vw;  /*-0.5vw;*/
z-index: 99;
}
.center .slick-prev { 
left: 10vw; 
margin-top: -1.5vw;  /*-0.5vw;*/
z-index: 99;
}


/*矢印のサイズと形*/
.slick-prev::before {
font-size: 3.5vw;
color: gray;
position: relative;
content: "\f0a8";
font-family: "Font Awesome 5 Free";
font-weight: 900;
opacity: 50%;  /*20%;*/
}
.slick-next::before {
font-size: 3.5vw;
color: gray;
position: relative;
content: "\f0a9";
font-family: "Font Awesome 5 Free";
font-weight: 900;
opacity: 50%;  /*20%;*/
}
.slick-prev:hover:before{
animation: arrow_prev .5s ease-out forwards;
}

 @keyframes arrow_prev {
 0% {
 right: 0;
 }
 50% {
 right: 1vw;
 }
 100% {
 right: 0;
 }
 }
 
.slick-next:hover:before{
animation: arrow_next .5s ease-out forwards;
}
 @keyframes arrow_next {
 0% {
 left: 0;
 }
 50% {
 left: 1vw;
 }
 100% {
 left: 0;
 }
 }
 @media screen and (max-width:480px) {
 .center .slick-prev{
 left: 8vw;
 }
 .center .slick-next{
 right: 7vw;
}
.slick-prev::before {
font-size: 6.5vw;

}
.slick-next::before {
font-size: 6.5vw;
}
} 



/*黒点指定*/
.center .slick-dots li.slick-active button:before{
font-size: 12px;
color: black;
margin-top: -3px;  /*-53px;*/
}
.center .slick-dots li button:before {
font-size: 12px;
color: black;
margin-top: -3px;
}





/*商品情報　別のCSS*/
/*取扱いメーカー　別のCSS*/
/*hc_home_top.css*/



/*最新情報*/
.scroll{
width: 100%;
}
.wrap{
max-width: 800px;
margin: 0 auto;
}
.wrap .border{
border-top: 2px solid #006994;
overflow-y: scroll;
}
.table_scroll{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.5;
background: #FFF;
padding-top: 2px;
height: 350px;
overflow-y: scroll;
padding-right: 0px;
border-bottom: 2px solid #006994;
margin-bottom: 60px;
}
.scrollArea .table_scroll{
content: "";
clear: both;
display: block;
}
.scrollArea .table_scroll th{
color: black;
width: 100px;
font-size: 14px;
padding-top: 13px;
padding-bottom: 13px;
padding-left: 13px;
border-bottom: dotted 1px #CCC;
}
.scrollArea .table_scroll td{
width: 695px;
font-size: 13px;
padding-top: 13px;
padding-bottom: 13px;
border-bottom: dotted 1px #CCC;
}
/*.scrollArea .table_scroll td a{
color: red;
width: 680px;
}*/
td{
padding-left: 25px;
padding-right: 35px;
}
td a{
text-decoration: none;
padding-left: 0px;
}
td a.kochira{
text-decoration: underline;
padding-left: 0px;
}
td p a:hover{
opacity: 0.5;
color: red;
}
/*こちら*/
.kochira a{
color: red;
font-weight: bold;
/*font-family: 'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;*/
border-bottom: 1px solid red;
}
/*.kochira a:hover{
opacity: 0.5;
}*/

.table_scroll td p{
color: black;
}
td p2 a:hover{
opacity: 0.7;
color: red;
}

.table_scroll .top_news{
font-weight: bold;
color: gray;
font-family: 'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
letter-spacing: 0.5px;
font-feature-settings: "palt";
}
.table_scroll .news_contents a{
color: black;
}
.table_scroll .news_contentsss{
margin-bottom: 8px;
font-weight: bold;
letter-spacing: 0.5px;
font-feature-settings: "palt";
/*color: gray;*/
font-family: 'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
.table_scroll .news_contentssss{
font-weight: bold;
letter-spacing: 0.5px;
font-feature-settings: "palt";
font-family: 'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
.table_scroll td p .important{
color: red;
font-weight: bold;
}

/*スクロールバー表示*/
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: lightgray; /*rgba(0,0,0,.5);*/
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.news_contents a{
text-decoration: underline;
}
.kochiradesu{
color: gray;
}


/*会社概要*/
/*トップ文字*/
.language{
width: 100%;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-top: 40px;
margin-bottom: 50px;
}
.language_small{
font-size: 15px;
font-weight: bold;
color: gray;
transform: scale(0.8, 1);
letter-spacing: 1px;
margin-bottom: -5px;
}
.language_big{
font-size: 40px;
font-weight: 600;
color: black;
}
.language_border{
height: 9px;
background-color: #7d6600;
max-width: 100px;
margin: 22px auto auto;
border: none;
}
.language2_border{
height: 9px;
background-color: #778288;
max-width: 100px;
margin: 22px auto auto;
border: none;
}
@media screen and (max-width: 600px){
.language_big{
font-size: 30px;
}
.language_border{
height: 7px;
max-width: 80px;
}
.language2_border{
height: 7px;
max-width: 80px;
}
}
@media screen and (max-width: 450px){
.language_big{
font-size: 23px;
}
.language_border{
height: 6px;
max-width: 60px;
}
.language2_border{
height: 6px;
max-width: 60px;
}
}

.company_wrap{ /*中身のサイズ*/
max-width: 1000px;
margin: 0 auto;
}
.company_table_scroll{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.5;
background: #FFF;
border-collapse: collapse;
margin-bottom: 100px;
}
.scrollArea .company_table_scroll th{
color: black;
width: 130px;
font-size: 15px;
text-align: left;
padding-left: 70px;
padding-right: 30px;
/*border-bottom: solid 1px #7d6600;*/
/*border-right: solid 1px #7d6600;
background: #CCC;*/
}
.scrollArea .company_table_scroll td{
width: 650px;
font-size: 14px;
padding-top: 13px;
padding-bottom: 12px;
padding-right: 60px;
/*border-bottom: solid 1px #7d6600;*/
}
.company_table_scroll .tr{
background: #f5f4ed;
}



/*沿革用*/
.history{ /*全体*/
width: 100%;
/*background: #f5f3f2;*/
/*margin-bottom: 100px;*/
}
.history_scroll{ /*中身の外*/
margin-left: 50px;
margin-right: 50px;
}
.history_wrap{ /*中身のサイズ*/
max-width: 1000px;
margin: 0 auto;
}
.history_wrap .border{
border-top: 3px solid #7d6600;
overflow-y: scroll;
}
.history_table_scroll{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
height: 550px;
overflow-y: scroll;
padding-left: 10px;
padding-right: 10px;
border-bottom: 3px solid #7d6600;
margin-bottom: 50px;
}
.scrollArea .history_table_scroll{
content: "";
clear: both;
display: block;
}
.scrollArea .history_table_scroll th{
color: black;
width: 80px;
font-size: 15px;
padding-top: 14px;
padding-bottom: 12px;
padding-left: 30px;
padding-right: 20px;
border-bottom: dotted 2px #7d6600;
/*border-right: solid 1px #7d6600;
background: #CCC;*/
}
.scrollArea .history_table_scroll td{
width: auto;
font-size: 13px;
padding-top: 13px;
padding-right: -20px;
padding-bottom: 13px;
border-bottom: dotted 2px #7d6600;
}
.scrollArea .history_table_scroll td a{
color: /*red;*/ #7d6600;
width: 680px;
font-weight: bold;
}
.history_table_scroll td p{
color: /*gray;*/ dimgrey;
}



/*採用情報*/
.recruit{
width: 100%;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-top: 40px;
margin-bottom: 50px;
}
.recruit_small{
font-size: 15px;
font-weight: bold;
color: gray;
transform: scale(0.8, 1);
letter-spacing: 1px;
margin-bottom: -5px;
}
.recruit_big{
font-size: 40px;
font-weight: bold;
color: black;
}
.recruit_border{
height: 9px;
background-color: #ea5504;
max-width: 100px;
margin: auto;
margin-top: 22px;
}
@media screen and (max-width: 960px){
.recruit_big{
font-size: 35px;
}
.recruit{
margin-bottom: 40px;
}
}
@media screen and (max-width: 600px){
.recruit_small{
font-size: 12px;
}
.recruit_big{
font-size: 28px;
}
}
@media screen and (max-width: 480px){
.recruit{
margin-bottom: 30px;
}
}

.message_top{
font-size: 27px;
font-weight: bold;
color: #ea5504;
margin-bottom: 30px;
text-align: center;
}
.recruit_message_waku{
margin: auto;
max-width: 800px;
}
.recruit_message_waku p{
line-height: 2.5;
font-size: 16px;
/*font-family: "Noto Sans Japanese";*/
font-family: 'メイリオ', Meiryo,'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.message_p{
margin: auto;
text-align: center;
margin-top: 20px;
margin-bottom: 150px;
}
.message_p img{
width: 320px;
height: auto;
}

@media screen and (max-width: 800px){
.recruit_message_waku{
margin: 0 50px 0 50px;
}
}
@media screen and (max-width: 600px){
.message_top{
margin-left: 50px;
margin-right: 50px;
}
.message_p{
margin-top: 10px;
margin-bottom: 100px;
}
}
@media screen and (max-width: 480px){
.message_top{
margin-left: 30px;
margin-right: 30px;
}
.recruit_message_waku{
margin: 0 30px 0 30px;
}
.message_p img{
width: 300px;
}
}
@media screen and (max-width: 360px){
.message_top{
margin-left: 20px;
margin-right: 20px;
}
.recruit_message_waku{
margin: 0 20px 0 20px;
}
.message_p img{
width: 270px;
}
}


.recruit{
margin-top: 50px;
}
.recruit_wrap{ /*中身のサイズ*/
max-width: 800px;
margin: 0 auto;
}
.recruit_table_scroll{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.5;
background: #FFF;
border-collapse: collapse;
margin-bottom: 0px;
}
.scrollArea .recruit_table_scroll th{
color: black;
width: 150px;
font-size: 15px;
text-align: left;
padding-left: 70px;
padding-right: 30px;
/*text-align: center;*/
/*border-bottom: solid 1px #7d6600;*/
/*border-right: solid 1px #7d6600;
background: #CCC;*/
}
.scrollArea .recruit_table_scroll td{
width: 650px;
font-size: 14px;
padding-top: 13px;
padding-bottom: 12px;
padding-right: 30px;
/*border-bottom: solid 1px #7d6600;*/
}
.recruit_table_scroll .tr{
background: #faf0e3;
}
@media screen and (max-width: 850px){
.scrollArea .recruit_table_scroll th{
padding-left: 50px;
width: 200px;
}
}
@media screen and (max-width: 750px){
.scrollArea .recruit_table_scroll th{
padding-right: 0px;
}
}
@media screen and (max-width: 600px){
.history_scroll{ /*中身の外*/
margin-left: 30px;
margin-right: 30px;
}
/*.scrollArea .recruit_table_scroll th{
width: 250px;
padding-left: 30px;
}*/
}
@media screen and (max-width: 500px){
.scrollArea .recruit_table_scroll th{
font-size: 13px;
padding-left: 20px;
}
.scrollArea .recruit_table_scroll td{
font-size: 12px;
padding-left: 20px;
width: 650px;
}
}
@media screen and (max-width: 400px){
.history_scroll{ /*中身の外*/
margin-left: 20px;
margin-right: 20px;
}
.scrollArea .recruit_table_scroll td{
padding-right: 20px;
}
}
@media screen and (max-width: 360px){
.history_scroll{ /*中身の外*/
margin-left: 15px;
margin-right: 15px;
}
.scrollArea .recruit_table_scroll th{
font-size: 12px;
padding-left: 20px;
width: 380px;
}
.scrollArea .recruit_table_scroll td{
font-size: 12px;
padding-left: 5px;
}
}

/*3つのところ*/
.exhibition-hall{
width: 100%;
margin: auto;
text-align: center;
width: 850px;
text-align: center;
}
.hall-three{
position: absolute;
text-align: center;
margin-top: 100px;
z-index: 10;
max-width: 850px;
}
.hall-three img{
width: 15%;
padding: 1.6vw;
border-radius: 0 25px 0 25px;
}
@media screen and (min-width: 1196px){
.hall-three img{
padding: 15px;
}
}

.exhibition-section{
z-index: 1;
margin-top: 70px;
margin-bottom: -36px;
}
.exhibition-section img{
position: relative;
width: 100%;
height: 500px;
opacity: 0.5;
object-fit: cover;
}

@media screen and (min-width: 1800px){
.exhibition-section img{
width: 1800px;
}
.exhibition-section{
text-align: center;
}
}
@media screen and (max-width: 960px){
.exhibition-section img{
height: 460px;
}
}
@media screen and (max-width: 600px){
.hall-three{
margin-top: 100px;
}
.hall-three img{
padding: 1vw 2.5vw 1vw 2.5vw ;
width: 25%;
}
.exhibition-section{
margin-bottom: -31px;
}
.exhibition-section img{
height: 730px;
}
}
@media screen and (max-width: 480px){
.hall-three img{
padding: 10px;
width: 40%;
}
.exhibition-section{
margin-top: 50px;
}
.exhibition-section img{
height: 1400px;
}
}
@media screen and (max-width: 480px){
.hall-three{
margin-top: 90px;
}
}
@media screen and (max-width: 400px){
.exhibition-section img{
height: 1250px;
}
}
@media screen and (max-width: 360px){
.exhibition-section img{
height: 1150px;
}
}


/*イベント　バック*/
.main_top_back_a{
width: 100%; 
margin: auto;
}
.main_top_back{
background: #f5f3f2;
/*margin-top: 0px;*/
margin-bottom: -80px;
/*padding: 20px 0 40px 0;*/
}

/*16かける*/
/*イベント・展示会情報_項目・罫線*/
.info_kei{
margin-top: 0px;
}
.info span{
font-size: 30px;
color: demigrey;
}
.info{
width: 78%; 
margin: 0 auto;
}
.ibento{
max-width: 1200px; 
margin: 0 auto;
}
.info p,.ibento p{
margin-top: 25px;
margin-bottom: 35px;
font-size: 30px;
color: grey;
text-align: center;
letter-spacing: 3px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}

/*イベント・展示会情報*/
.event { 
padding: 0;
width: 90%;
margin: 0 auto;
margin-bottom: 50px;  /*70px;*/
}
.event img { 
width: 100%;
border-radius: 12px;
opacity: 1;
}
/*.event img:hover { 
opacity: 0.5;
}*/
.event div { 
margin: 0 15px 0 5px;
}

.event2{ 
padding: 0;
width: 90%;
margin: 0 auto;
margin-bottom: 30px;
}
.event2 img { 
width: 100%;
border-radius: 12px;
opacity: 1;
}
.event2 div { 
margin: 0 15px 0 5px;
}
.event2 .slick-next { 
display: none;
}
.event2.slick-prev { 
display: none;
}
.event2 .slick-prev::before {
display: none;
}
.event2 .slick-next::before {
display: none;
}
/*追加*/
@media screen and (max-width: 1200px){
.event2 .skywhite img{
display: none;
}
}

/*矢印の位置*/
.event .slick-next { 
right: -0.5%; 
padding-bottom: 5%;
z-index: 1;
}
.event .slick-prev { 
left: -3%; 
padding-bottom: 5%;
z-index: 1;
}
.event .slick-prev::before {
font-size: 3vw;
color: dimgray;
position: relative;
content: '\f100';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
opacity: 10%;
}
.event .slick-next::before {
font-size: 3vw;
color: dimgray;
position: relative;
content: '\f101';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
opacity: 10%;
}
/*黒点の指定*/
.event .slick-dots li.slick-active button:before,
.event .slick-dots li button:before,
.event2 .slick-dots li.slick-active button:before,
.event2 .slick-dots li button:before{
font-size: 12px;
color: black;
margin-top:-2px;
padding-bottom: 5vw;
}

ul{
margin-top: 20px;
margin-left: 0px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
.eve{
width: 100%;
font-weight: bold;
font-size: 19px;
}
ul .an_eve{
margin-top: 10px;
color: gray;
}
ul .an_eve p{
font-size: 14px;
}

ul .eve_content{
width: 100%;
margin-top: 8px;
margin-left: 0;
margin-bottom: 12.8px;
font-size: 12.8px;
line-height: 1.3;
color: gray;
}
.kuwa{
font-size: 14px;
padding-top: 6px;
	font-weight: bold;
	padding-bottom: 20px;
}
.kuwa p a{
color: red; /*gray;*/
text-decoration: none;
}
.kuwa p span:hover{
/*opacity: 0.5;*/
color: blue;
}




/*16かける*/
/*カタログ_資料請求_ダウンロード_項目・罫線*/
.info_kei{
margin-top: 40px;
}
.info span{
font-size: 30px;
color: demigrey;
}
.info{
max-width: 1200px; 
margin: 0 auto;
}
.download_catalog p{
padding-top: 55px;
margin-bottom: 45px;
margin-left: 30px;
margin-right: 30px;
font-size: 25px;  /*30px;*/
color: grey;
text-align: center;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}

/*カタログ_資料請求_ダウンロード*/
.download2{
background-color: #dbd7d5;
}
.download{
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1200px;  /*1000px; */
margin: 0 auto;
padding: 0 0 50px;
}
.download_box{
width: 25%;  
margin: 0 20px 0 20px; 
}
.download_box img{
display: block;
width: 100%;
height: auto;
box-shadow: 1px 1px 5px 0px gray;
border-radius: 10px;
}
.download_box img:hover{
opacity: 0.65;
position: relative;top: 2px;left: 2px;
}

.dl_box{
text-align: center;
font-size: 14px;
line-height: 1.3;
color: dimgrey;
margin-top: 10px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}



/*16かける*/
/*FOOTER フッター*/
/*項目*/
.down_site{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1200px; 
margin: 0 auto;
margin-bottom: 0px;
}
.down_site li{
font-feature-settings: "palt";
letter-spacing: 0.5px;
}
.down_site_products,.down_site_brands,.down_site_guidance{
width: 33%;
}
.down_site_brands,.down_site_guidance{
	border-left: solid 1px dimgrey;
}
.down_site_products p,.down_site_brands p,.down_site_guidance p{
color: white;
font-size: 19px;
}
.down_site_a p{
color: white;
font-size: 18px;
font-weight: bold;
}
.down_site_b p{
color: white;
font-size: 10px;
}
/*
.down_site_guidance{
border-right: solid 1px dimgrey;
}
*/
.down_site_products a,.down_site_brands a,.down_site_guidance a{
color: darkgray;
text-decoration: none;
font-size: 14px;
}
.down_site .down_site_products li, .down_site .kaigyou2{
margin-bottom: 10px;
line-height: 1.3;
font-feature-settings: "palt";
letter-spacing: 0.5px;
}

footer .guidance{
font-weight: bold;
margin-bottom: 5px;
padding-top: 20px;
}
footer .guidance a{
font-size: 14px;
color: #d7d7d7;
}
footer .guidance:first-child{
	margin-top: 0;
	padding-top: 0;
}
.down_site_products ul,.down_site_brands ul,.down_site_guidance ul{
margin-left: 80px;
}
.down_site a:hover{
color: orange;
}
.down_site .guidance a:hover{
color: darkgray;
}
.down_down{
margin-top: 50px;
}
.down_down .guidance a .guide{
display: none;
}

/*文字の前▶︎*/
.down_site  .down_site_guidance li {
position: relative;
}
.down_site  .down_site_guidance li::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0da";
position: absolute;
right : 100px; /*左端からのアイコンまで*/
color: darkgray; /*アイコン色*/
margin-top: 1px;
}
.down_site_guidance .guidance a:before {
display: none;
}
.down_site_guidance .guidance a:hover{
color: lightgray;
}


footer{
background-color: black;
padding: 50px 0;
}
footer p{
text-align: center;
color:  darkgray;
font-size: 16px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
.footer2{
background-color: black;
margin-top: -30px;
}
.footer2 p{
text-align: center;
color:  darkgray;
font-size: 16px;
margin-top: 22px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}

/*社名回り*/
.syamei{
color: white;
} 
.syamei .h_logo img{
width: 35%; 
margin-top: 10px;
}
.syamei .nihon_logo{
text-align: center;
}
.syamei .address{
font-size: 14px;
letter-spacing: 0.05em;
text-align: center;
color: white;
font-feature-settings: "palt";
}
.syamei .address a{
color: white;
text-decoration: none;
}
.syamei .address .address{
display: none;
}
@media screen and (max-width: 680px) {
.syamei .address .address{
display: inline;
}
}
.syamei .address2{
display: none;
}
.syamei .phone img{
width: 45%;
margin: 30px auto;
}

footer .reserved{
border-top: 1px solid gray;
max-width: 1200px; 
margin: 0 auto;
color: dimgrey;
font-size: 10px;
padding-top: 20px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
footer2 .reserved{
border-top: 2px solid gray;
max-width: 1200px; 
margin: 0 auto;
text-align: center;
color: dimgrey;
font-size: 12.8px;
padding-top: 32px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
.selector {
  font-feature-settings: "palt"1;
}
.tokubetu{
padding-top: 100px;
text-align: center;
margin: auto 0;
}
.toku01{
color: gray;
font-size: 32px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-weight: bold;
margin-top: 100px;
margin-bottom: 30px;
letter-spacing: 1px;
font-feature-settings: "palt";
}
.toku002{
width: 100%;
background-color: black;
width: 700px;
margin: auto;
padding-top: 25px;
padding-bottom: 35px;
border-radius: 10px;
}
.toku002 a{
text-decoration: none;
}
.toku002 .toku02{
font-size: 55px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: bold;
color: white;
letter-spacing: 1px;
font-feature-settings: "palt";
border-bottom: solid 7px orange;
margin: 0 30px 20px 30px;
padding-bottom: 10px;
}
.toku003{
width: 100%;
background-color: yellow;
width: 200px;
margin: auto;
padding: 5px 10px 5px 10px;
border-radius: 10px;
box-shadow: 2px 2px 5px 0px white;
}
.toku03{
font-size: 25px;
color: black;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
font-weight: bold;
letter-spacing: 1px;
font-feature-settings: "palt";
}
.toku04{
font-size: 17px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
color: red;
text-align: center;
margin-top: 15px;
margin-bottom: 150px;
letter-spacing: 1px;
font-feature-settings: "palt";
}
.toku002:hover{
opacity: 0.65;
position: relative;top: 2px;left: 2px;
}

@media screen and (max-width: 450px){
.event, .event2{
	width: 100%;
}
	.event div, .event2 div{
		margin: 0;
	}
	.event.slick-initialized .slick-slide, .event2.slick-initialized .slick-slide{
		margin: auto 8px;
	}
	.down_site .down_site_products li, .down_site .kaigyou2{
		margin-bottom: 5px;
		line-height: 1;
	}
	footer .guidance{
		margin-bottom: 0;
		line-height: 1;
	}
	footer .reserved{
		font-size: 9px;
	}
	footer{
		padding-bottom: 20px;
	}
}