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

/* --------------------------------------------------------------------
メイン部分
-------------------------------------------------------------------- */
.mainvisual {
  overflow-x: hidden;
  padding-top: 0;
}
.top-wrapper{
	background-size: cover;
	color: #000;
}
.container_sl{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  width: 100vw;
  height: 100%;
  height: 100vh;
  background: url(../movie/back_movie_02.png) no-repeat center center/cover;
}
#video {
  bottom: 0;
  left: 0;
  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
  min-width: 100vw;
  width: auto;
  height: auto;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  position: absolute;
  }
.overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.2);
  z-index: 2;
}
.top_movie_text01 {
	width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    z-index: 4;
    overflow: hidden;
}
.top_movie_text04 {
    font-size: 18px;
    font-family: Helvetica, Arial, 'sans-serif';
    text-align: center;
    line-height: 1.5em;
    font-weight: normal;
    color: #fff;
    z-index: 3;
    max-width: 200px;
    width: 100%;
    height: 50px;
	margin: 0 auto;
    overflow: hidden;
}
.swi_photo_a2{
	width: 100%;
	overflow: hidden;
	margin: 30px 0;
}
.top_movie_text05 {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    max-width: 78px;
    width: 100%;
    height: 50px;
    overflow: hidden;
}
.top_movie_text05:hover {
    bottom: 40px;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
.top_movie_text04_o01 {
    max-width: 200px;
	padding: 10px 0;
	border: 1px solid #fff;
	margin: 0 auto;
	color: #fff;
	border-radius: 25px;        /* CSS3草案 */  
    -webkit-border-radius: 25px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 25px;   /* Firefox用 */  
}
.top_movie_text04_o01:hover {
	background-color: #BE192D;
	border: 1px solid #BE192D;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	opacity: 1;
}
.top_movie_text04_o02 {
    max-width: 200px;
	margin: 0 auto;
}
.lead{
  text-align: center;
}

/* --------------------------------------------------------------------
トップ画像_レスポンシブ画面
-------------------------------------------------------------------- */
.scroll-area {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  -webkit-scroll-snap-type: mandatory;
  scroll-snap-type: mandatory;
  -webkit-scroll-snap-points-y: repeat(100%);
  scroll-snap-points-y: repeat(100%);
  z-index: 1;
}
.box {
  width: 100%;
  height: 100vh;
  color: #fff;
  display: flex;
  align-items: center; /* 縦方向中央揃え */
  justify-content: center; /* 横方向中央揃え */
  flex-direction: column;
}
.box__bg_black {
  background-color: #333;
}
.box__bg_gray {
  background-color: #ccc;
}
.box__bg_photo {
  background-image: url(../img/sl_photo/top_sere_ww1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.b_pou_tyu1 {
	overflow: hidden;
}
.b_pou_tyu2 {
	overflow: hidden;
}
.b_pou_tyu1:hover{
	opacity: 1 ;
}
.box_ewre_p2 {
	max-width: 1100px;
	  overflow: hidden;
}
.box_ewre_p1 {
  width: 80%;
  margin: 0 auto;
  padding: 0 auto;
  line-height: 1;
}
.box__area {
  height: 100vh;
  overflow-y: hidden;
  overflow-X: hidden;
  list-style: none!important;
  /* スクロールのスナップ位置を100vhごとに設定 */
  -webkit-scroll-snap-points-y: repeat(100vh);
  -ms-scroll-snap-points-y: repeat(100vh);
  scroll-snap-points-y: repeat(100vh);
  /* スナップ位置に強制的にスクロール */
  -webkit-scroll-snap-type: mandatory;
  -ms-scroll-snap-type: mandatory;
  scroll-snap-type: mandatory;
}
.t_pp_sre1{
	margin: 0 auto;
	padding-bottom: 20px;
	
}

/*----  ボタンレスポンシブ  ------*/
.container_top_u_buttun{
	width: 100%;	/*全体のボックスサイズ*/
	padding: 0;
	margin: 15px auto;
	max-width: 800px;
	overflow: hidden;
}
.top_u_buttun_t1{
	margin: 0 auto;
	width: 60%;
	background-color: rgba(0,0,0,0.5);
}
/*----  ボタンレスポンシブ エフェクト設定  ------*/
.button_link_top_u_buttun {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}
.button_link_top_u_buttun:hover{
	background: #1a8866;
	color: #fff;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	opacity: 1;
}

/* --------------------------------------------------------------------
タイトル共通(wrapperはコンテンツごとにpadding設定)
-------------------------------------------------------------------- */
.tittle-wrapper{
	overflow:hidden;
	text-align: center;
	padding: 40px 0 20px 0;
}
.container_text1{
	width: auto;	/*全体のボックスサイズ*/
	padding: 0;
	margin: 0 auto;
	max-width: 1600px;
	overflow: hidden;
}
.photo_text{
	margin: 0 auto;
}
.container_text1 h1{
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 3em;
	font-weight: normal;
	text-align:center;
	color: #000;
	margin: 0 0 0 0;
}
.zi_w01{
	color: #fff;
}

/* --------------------------------------------------------------------
コンテンツ_メイン
-------------------------------------------------------------------- */
.main-wrapper{
	overflow:hidden;
	text-align: center;
}
#top_scr{
	padding: 100px 0 0 0;
	margin: -100px 0 0 0;
}
.container_b1{
	width: auto;	/*全体のボックスサイズ*/
	padding: 0;
	margin: 0 auto;
	max-width: 1600px;
	overflow: hidden;
}
.container_content_l01{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/top/back_pp_01_tp1.png);
}
.container_content_l01_back{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/top/back_pp_01_tp1.png);
}
.container_content_said_box01{
	float: left;
	overflow: hidden;
	width: 25%;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/top/back_pp_01_said_p02.png);
}
.container_content_said_box02{
	float: left;
	width: 50%;
	overflow: hidden;
	position: relative;
	margin: 0 0 0 0;
	padding: 100px 0;
}
.container_content_said_box02_p01{
	width: 90%;
	overflow: hidden;
	position: relative;
	color: #fff;
	margin: 0 auto;
}
.text_pop_01{
	font-size: 34px;
	font-family: Helvetica, Arial, "sans-serif";
	line-height: 1em;
	font-weight: bold;
	text-align:center;
	margin: 20px auto;
}
.text_pop_02{
	font-size: 24px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 1em;
	font-weight: bold;
	text-align:center;
	margin: 20px auto;
}
.text_pop_03{
	font-size: 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 2.4em;
	letter-spacing: 0.1em;
	font-weight: normal;
	text-align:center;
	margin: 30px auto;
}
.container_content_said_box03{
	float: left;
	position: relative;
	width: 25%;
}
.container_content_said_box03_pps02{
	max-width: 560px;
	overflow: hidden;
}
.con_uu_photo{
	width: 100%;
	margin-top: 50px;
}
.label{
	float: left;
	width: 25%;
	overflow: hidden;
}
.label_icon{
	position: relative;
}
.photo-contents{
	width: 100%;
	display: inline-block;
}
.txt-contents{
	width: 75%;
	display: inline-block;
	margin: 0 auto;
	color: #333;
}
.txt-contents h2{
	font-size: 16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2em;
	font-weight: bold;
	text-align:center;
	color: #000;
	margin: 10px 0;
}
.txt-contents h3{
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8em;
	font-weight: normal;
	text-align:left;
	color: #000;
	margin: 0;
}
/*----  カタログラインナップボタン  ------*/
.content_button_box{
	width: auto;	/*全体のボックスサイズ*/
	padding: 50px 0 0 0;
	margin: 0 auto;
	max-width: 1200px;
	overflow: hidden;
}
.co_button_label{
	float: left;
	width: 33.2%;
	overflow: hidden;
}
.button_co1{
	width: 90%;
	margin: 0 5%;
}
/*----  カタログラインナップボタン エフェクト設定  ------*/
.button_link_p1 {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 15px;
	font-weight: bold;
	background: #fff;
	color: #333;
	border: solid 1px #333;
}
.button_link_p1:hover{
	background: #1a8866;
	color: #fff;
	border: solid 1px #1a8866;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	opacity: 1;
}

/* --------------------------------------------------------------------
ブランドカタログ
-------------------------------------------------------------------- */
.container_content_sl01{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
}
.container_content_saidl_po1{
	float: left;
	overflow: hidden;
	width: 50%;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/top/brand_catalog_back_p01.png);
}
.container_content_saidl_po2{
	float: left;
	width: 50%;
	overflow: hidden;
	position: relative;
	margin: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/top/brand_catalog_back_p02.png);
}
.container_content_saidl_po2_p01{
	width: 100%;
	overflow: hidden;
	position: relative;
	color: #fff;
	margin: 0 auto;
}
.content_said_box_pl01{
	max-width: 750px;
	font-size: 34px;
	font-family: Helvetica, Arial, "sans-serif";
	line-height: 1em;
	font-weight: bold;
	text-align:center;
	margin: 30px 0;
}
.content_said_box_pl02{
	max-width: 298px;
	overflow: hidden;
	margin: 0 auto;
}
.co_text_bla_o01{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
	line-height: 1.8em;
	font-weight: normal;
	max-width: 400px;
	overflow: hidden;
	margin: 20px auto;
}
.co_text_bla_o02{
	max-width: 380px;
	padding: 10px 0;
	margin: 0 auto;
	color: #fff;
}
.co_text_bla_o02_b01{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12px;
	line-height: 1.8em;
	font-weight: normal;
	max-width: 380px;
	padding: 10px 0;
	border: 1px solid #fff;
	margin: 0 auto;
	color: #fff;
	border-radius: 25px;        /* CSS3草案 */  
    -webkit-border-radius: 25px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 25px;   /* Firefox用 */  
}
.co_text_bla_o02_b01:hover {
    background-color: #fff;
	color: #BE192D;
	border: 1px solid #fff;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	opacity: 1;
}
.main-wrapper_pickup{
	overflow:hidden;
	margin-top: 100px;
	padding: 40px 0;
	text-align: center;
	background-image: url(../img/top/piro_back_photo1.png);
	background-size: cover;
	background-position: center center; 
}
/*----  タイトルpadding  ------*/
.pickup_t_pe1{
	padding: 0 0 20px 0;
}
.mainvisual2 {
	overflow-x: hidden;
}
.pickup-wrapper2{
	padding: 10;
	background-size: cover;
	overflow:hidden;
	background: #fff;
	color: #000;
}
.container_sl2{
	position: relative;
	margin: 0 auto;
	max-width: 1100px;
}
.top_pickup_body{
	max-width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}
/*----  ピックアップボタン  ------*/
.container_pickup_buttun{
	width: auto;	/*全体のボックスサイズ*/
	padding: 0;
	margin: 30px auto;
	max-width: 1600px;
	overflow: hidden;
}
.pickup_button_t1{
	margin: 0 auto;
	max-width: 320px;
	background: #fff;
}
/*----  ピックアップボタン エフェクト設定  ------*/
.button_link_pickup1 {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 15px;
	font-weight: bold;
	background: #fff;
	color: #333;
}
.button_link_pickup1:hover{
	background: #1a8866;
	color: #fff;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	opacity: 1;
}

/* --------------------------------------------------------------------
コンテンツバナー
-------------------------------------------------------------------- */
.cob-wrapper{
	overflow:hidden;
	margin-top: 75px;
	padding: 0;
	text-align: center;
}
.container_cob1{
	width: auto;	/*全体のボックスサイズ*/
	padding-top: 0;
	margin: 0 auto;
	max-width: 1600px;
	overflow: hidden;
}
.container_cob2{
	width: auto;	/*全体のボックスサイズ*/
	padding: 25px 0;
	margin: 0 auto;
	max-width: 1200px;
	overflow: hidden;
}
.cob_ev1{
	width: 100%;
	overflow: hidden;
}
.cob_ev_label{
	width: 50%;
	float: left;
	overflow: hidden;
}
.cob_pp_label{
	width: 94%;
	overflow: hidden;
	margin: 0 3%;
}
.wrapper{
	width: 100%;
}

/* --------------------------------------------------------------------
コンテンツバナー　カルーセル ユーザー設定
-------------------------------------------------------------------- */
.cont_bb1-wrapper{
	width: 100%;
	text-align: center;
	margin-top: 75px;
	background-size: cover;
	background-color: #fff;
}
.container_cont_bb1{
	width: 100%;	/*全体のボックスサイズ*/
	margin: 0 auto;
	overflow: hidden;
}
.cont_bb1_coo1{
	background-color: #eeeeee;
	padding: 15px 30px 15px 30px;
	text-align: left;
}

/* --------------------------------------------------------------------
最新ニュース
-------------------------------------------------------------------- */
.news-wrapper_t1{
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
	background-size: cover;
}
.news-wrapper_t2_p01{
	overflow: hidden;
	width: 100%;
	background-color: #f3f3f3;
}
.news_line_container{
	margin: 20px auto 0 auto;
	max-width: 1200px;
}
.news_p_container{
	margin: 0 auto;
	overflow: hidden;
	width: 95%;
	color: #5f5d60;
}
table.type01 {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	color: #333;
	border-bottom: solid 1px #000;
}
table, td, th {
    border: none;
    border-bottom: 1px solid #DCDDDD;
}
table.type01 th {
	width: 15%;
	padding: 20px 0 20px 0;
	font-weight: normal;
	vertical-align: top;
	text-align: center;
}
table.type01 td {
	width: 70%;
	font-size: 15px;
	padding: 20px 5px 20px 20px;
	vertical-align: top;
}
.icon_news_p1{
	font-family: Helvetica, Arial, "sans-serif";
	width: 90%;
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
	padding: 1px;
	color: #fff;
	background-color: #9E1F24;
	border-radius: 15px;        /* CSS3草案 */  
	webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	moz-border-radius: 15px;   /* Firefox用 */  
}
.icon_news_p1_oo01{
	font-family: Helvetica, Arial, "sans-serif";
	margin: 0 auto;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	color: #000;
}
.icon_news_p2{
	font-family: Helvetica, Arial, "sans-serif";
	width: 90%;
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
	padding: 1px;
	color: #fff;
	background-color: #595757;
	border-radius: 15px;        /* CSS3草案 */  
	webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
	moz-border-radius: 15px;   /* Firefox用 */  
}
.news_h_text_1{
	width: auto;	/*全体のボックスサイズ*/
	padding: 0 0 10px 0;
	margin: 0 auto 20px auto;
	width: 100%;
	overflow: hidden;
	text-align: left;
	border-bottom: 1px solid #9E1F24;
}
.text_k01_o01{
	width: 55%;
	overflow: hidden;
	float: left;
}
.text_k01_o02{
	width: 17%;
	overflow: hidden;
	float: left;
}
.text_k01_o03{
	width: 28%;
	overflow: hidden;
	float: right;
}
.news_b_kk01{
	max-width: 81px;
	padding: 10px 0;
	margin: 0 auto;
	color: #000;
}
.news_b_kk02{
	max-width: 160px;
	padding: 10px 0;
	margin: 0 auto;
	color: #000;
}
.co_text_kk_soi02{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: center;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: normal;
	max-width: 380px;
	padding: 5px 0;
	border: 1px solid #898989;
	margin: 0 auto;
	color: #000;
	border-radius: 25px;        /* CSS3草案 */  
    -webkit-border-radius: 25px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 25px;   /* Firefox用 */  
}
.co_text_kk_soi02:hover {
    background-color: #BE192D;
	color: #fff;
	border: 1px solid #BE192D;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	opacity: 1;
}
.news_h_text_1 h1{
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2em;
	font-weight: normal;
	text-align: left;
	color: #000;
	margin: 0 0 0 0;
}
.news_box_lopr01{
	width: 60%;
	overflow: hidden;
	padding: 4%;
	background: #FFFFFF;
	float: left;
}
.news_b01_r01{
	width: 36%;
	overflow: hidden;
	background: #FFFFFF;
	float: right;
}
.news_b01_r01:hover {
    background: #727171;
	color: #fff;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	opacity: 1;
}
.news_b01_r01_margin{
	margin-bottom: 32px;
}
.news_b01_r01_ai01{
	width: 100%;
	overflow: hidden;
	background: #FFFFFF;
}
.news_b01_r01_ai01_text{
	overflow: hidden;
	width: 100%;
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5em;
	font-weight: normal;
	text-align: left;
	color: #000;
	margin: 0 0 0 0;
	padding: 0 0 0 40px;
	background: none;
}
.news_b01_r01_ai01_text_p02{
	width: 100%;
	font-size: 15px;
	font-weight: bold;
}
.news_b01_r01_ai01_text_p03{
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	margin: 5px 0 0 0;
}
.news_b01_r01_ai01_text:hover {
	background: #727171;
	color: #fff;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	opacity: 1;
}
.photo_oo02{
	float: right;
	width: 42%;
	overflow: hidden;
}
.photo_oo03{
	float: left;
	width:58%;
	overflow: hidden;
	margin: 50px 0;
}
/*----  ニュースボタン  ------*/
.container_news_buttun{
	width: auto;	/*全体のボックスサイズ*/
	padding: 0;
	margin: 40px auto;
	max-width: 1600px;
	overflow: hidden;
}
.news_button_t1{
	margin: 0 auto;
	max-width: 320px;
	background: #fff;
}
/*----  ニュース エフェクト設定  ------*/
.button_link_news1 {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 15px;
	font-weight: bold;
	background: #fff;
	color: #333;
	border: solid 1px #333;
}
.button_link_news1:hover{
	background: #1a8866;
	color: #fff;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	opacity: 1;
	border: solid 1px #1a8866;
}
/*----  ニュース コンテンツ  ------*/
.container_news_buttun2{
	width: auto;	/*全体のボックスサイズ*/
	padding: 0;
	margin: 80px auto;
	max-width: 1600px;
	overflow: hidden;
}
.news_co_oo1{
	width: 95%;
	margin: 0 auto;
	border: solid 1px #333;
	overflow: hidden;
}
.news_co_bo1{
	width: 25%;
	float: left;
	overflow: hidden;
}
.news_co_bo1:hover{
	background: #777;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;	
}
.news_co_button{
	width: 100%;
}
.news_co_button_bo1{
	border-right: solid 1px #999;
}

/* --------------------------------------------------------------------
事業内容コンテンツ
-------------------------------------------------------------------- */
.pro-wrapper_t1{
	text-align: center;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/top/back_pp_01_tp4.png);
}
.pro_container_p1{
	max-width: 1600px;
	margin: 0 auto;
	padding: 80px 0;
}
.pro_container_p2{
	max-width: 1600px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
.pro_cotainer_sub_line{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pro_label{
	float: left;
	width: 23%;
	padding: 0;
	margin: 1%;
	overflow: hidden;
	background: #fff;
	/*横並び 下揃え*/
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
}
.pro_label_i1{
	width: 100%;
	position: relative;
	margin: 0 auto;
	background-color: #fff;
}
.pro_label_i1_backlu{
	overflow: hidden;
}
.pro_label_i1:hover{
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	opacity: 0.9 ;
}
.pro_label_photo{
	width: 100%;
}
.pro_label_text_body01{
	width: 80%;
	margin: 0 auto;
}
.pro_label_photo_back01{
	position: absolute;
	bottom: 0;
}
.pro_label_text_c01{
	font-size: 14px;
	font-family: Helvetica, Arial, "sans-serif";
	line-height: 1em;
	font-weight: bold;
	text-align:center;
	color: #9E1F24;
	margin: 15% 0 0 0;
}
.pro_label_text_c01_border{
	border-bottom: 1px solid #9E1F24;
}
.pro_label_text_c02{
	font-size: 20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1em;
	letter-spacing: 0.2em;
	font-weight: bold;
	text-align:center;
	color: #000;
	margin: 4% 0 6% 0;
	padding: 0 0 6% 0;
	border-bottom: 1px solid #9E1F24;
}
.pro_label_text_c03{
	font-size: 13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8em;
	font-weight: normal;
	text-align: left;
	color: #000;
	margin: 0 0 10% 0;
}
.pro_label_photo_lor01{
	width: 100%;
	overflow: hidden;
}
.pro_label_photo h3{
	font-size: 20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1em;
	font-weight: bold;
	text-align:center;
	color: #000;
	margin: 4% 0 6% 0;
}
.pro_label_photo h4{
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5em;
	font-weight: normal;
	text-align: left;
	color: #000;
	margin: 0 0 10px 0;
}
.top_link_mag_1{
   margin-top:-120px;/*headerの高さが100pxの場合*/
   padding-top:120px;
}

.top_bo_oubo{
	display: block;
	max-width: 200px;
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2.5em;
	font-weight: bold;
	text-align:center;
	margin: 15px auto 0 auto;
	background: #fff;
	border: solid 1px #999;
	color: #333;
	border-radius: 5px;        /* CSS3草案 */  
    webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    moz-border-radius: 5px;   /* Firefox用 */  
}
.top_bo_oubo:hover{
	background: #1a8866;
	border: solid 1px #1a8866;
	color: #fff;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	opacity: 1;
}

.fbana-wrapper_t1_poo1{
	overflow: hidden;
	text-align: center;
	background-size: cover;
	background-color: #fff;
}
.fbana_container_ppo1{
	overflow: hidden;
	max-width: 95%;
	margin: 0 auto;
	padding: 60px 0;
}

/* --------------------------------------------------------------------
トピックス
-------------------------------------------------------------------- */
.topic-wrapper_t1{
	text-align: center;
	position: relative;
	width: 100%;
	background: #E6E6E6;
}
.topic_container_p1{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
.topic_container_p2{
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
.topic_p_container{
	margin: 0 auto;
	overflow: hidden;
	width: 95%;
}
.topic_co_box_p01{
	width: 100%;
	margin: 0 1.5% 30px 1.5%;
	overflow: hidden;
}
.topic_co_box_p01_lo01{
	width: 280px;
	margin: 0 auto;
	overflow: hidden;
}
.topic_cotainer_sub_line{
	width: 100%;
	margin: 0 auto 20px auto;
	overflow: hidden;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.topic_label{
	float: left;
	width: 30.2%;
	padding: 0;
	margin: 1.5%;
	overflow: hidden;
	background: #fff;
	/*横並び 下揃え*/
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
}
.topic_label_i1{
	width: 100%;
	position: relative;
	margin: 0 auto;
	background-color: #fff;
}
.topic_label_i1_backlu{
	overflow: hidden;
}
.topic_label_photo{
	width: 100%;
}
.topic_label_text_body01{
	width: 90%;
	margin: 5% auto;
}
.topic_label_text_body02{
	width: 90%;
	margin: 0 auto;
}
.topic_label_text_c01{
	font-size: 14px;
	font-family: Helvetica, Arial, "sans-serif";
	line-height: 1em;
	font-weight: bold;
	text-align:center;
	color: #000;
	margin: 12% 0 0 0;
}
.topic_label_text_c02{
	font-size: 18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align:center;
	color: #000;
	margin: 4% 0 3% 0;
	padding: 0 0 3% 0;
}
.topic_label_text_c03{
	font-size: 11px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8em;
	font-weight: normal;
	text-align: left;
	color: #000;
	margin: 0 0 10% 0;
}
.topic_label_photo_lor01{
	width: 100%;
	overflow: hidden;
}
.topic_text_bla_o02_b01{
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 15px;
	line-height: 1.8em;
	font-weight: normal;
	max-width: 280px;
	padding: 10px 0;
	margin: 0 auto;
	color: #000;
	background-color: #fff;
	border-radius: 25px;        /* CSS3草案 */  
    -webkit-border-radius: 25px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 25px;   /* Firefox用 */  
}
.topic_text_bla_o02_b01:hover {
    background-color: #BE192D;
	color: #fff;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	opacity: 1;
}

/* --------------------------------------------------------------------
認定
-------------------------------------------------------------------- */
.n-wrapper_t1{
	text-align: center;
	position: relative;
	width: 100%;
	background: #F6F6F6;
}
.n_container_p1{
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
}
.n_said_l01{
	width: 58%;
	float: left;
}
.n_said_r01{
	width: 42%;
	float: right;
}
.n_said_text_p01{
	font-size: 24px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8em;
	font-weight: bold;
	text-align: left;
	margin: 20px 0 0 0;
}
.n_said_text_p02{
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2em;
	font-weight: normal;
	text-align: left;
	margin: 20px 0;
}
.n_p_container{
	margin: 0 auto;
	overflow: hidden;
	width: 95%;
}
.n_p_logo{
	max-width: 246px;
}


/* --------------------------------------------------------------------
画面幅1680px以下の設定
-------------------------------------------------------------------- */
@media screen and (max-width:1680px){
.text_pop_01{
	font-size: 30px;
}
.text_pop_02{
	font-size: 18px;
}
.text_pop_03{
	font-size: 11px;
}
.container_content_said_box02{
	padding: 60px 0;
}
}
/* --------------------------------------------------------------------
画面幅1280px以下の設定
-------------------------------------------------------------------- */
@media screen and (max-width:1280px){
.tittle-wrapper{
	padding: 30px 0 15px 0;
}
.main-wrapper_pickup{
	margin-top: 60px;
}
.cont_bb1-wrapper{
	margin-top: 60px;
}
.news-wrapper_t1{
	margin-top: 60px;
}
.top_movie_text01 {
	width: 900px;
}
.container_news_buttun2{
	margin: 60px auto;
}
table.type01 td {
	font-size: 13px;
}
.pro_label_photo h3{
	font-size: 14px;
	line-height: 2.8em;
	display: block;
}
.pro_label_photo h4{
	font-size: 11px;
	margin: 0 0 0 0;
}
.be-wrapper_ppew1{
	width: 90%;
	margin: 0 auto;
}
.o_text_po1{
	font-size: 14px;
}
.be-wrapper_ppew1_2{
	width: 90%;
	margin: 0 auto;
}
.o_text_po1_2{
	font-size: 14px;
}
.text_pop_01{
	font-size: 20px;
	margin: 10px auto;
}
.text_pop_02{
	font-size: 20px;
	margin: 10px auto;
}
.text_pop_03{
	font-size: 10px;
	margin: 30px auto;
	letter-spacing: 0em;
}
.pro_label_text_c01{
	font-size: 10px;
}
.pro_label_text_c03{
	font-size: 11px;
}
.container_content_said_box02{
	padding: 50px 0;
}
.photo_oo02{
	width: 45%;
}
.photo_oo03{
	width: 55%;
	margin: 45px 0;
}
.news_b01_r01_ai01_text_p02{
	width: 100%;
	font-size: 13px;
	font-weight: bold;
}
.news_b01_r01_ai01_text_p03{
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0 0 0;
}
.news_b01_r01_margin{
	margin-bottom: 32px;
}
.news_b01_r01_ai01_text{
	padding: 0 0 0 20px;
}
.n_said_text_p01{
	font-size: 20px;
}
}

/* --------------------------------------------------------------------
画面幅960px以下の設定
-------------------------------------------------------------------- */
@media screen and (max-width:960px){
/* --------------------------------------------------------------------
トップスライダー設定
-------------------------------------------------------------------- */
.news_box_lopr01{
	width: 100%;
}
.top_movie_text01 {
	width: 580px;
}
.container_content_saidl_po2{
	width: 100%;
}
#top_scr{
	padding: 60px 0 0 0;
	margin: -60px 0 0 0;
}
.container_content_said_box02{
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 0 0 0;
	padding: 80px 0;
}
.text_pop_01{
	font-size: 26px;
	margin: 20px auto;
}
.text_pop_02{
	font-size: 24px;
	margin: 20px auto;
}
.text_pop_03{
	font-size: 14px;
	margin: 30px auto;
}
.mainvisual {
  overflow-x: hidden;
  padding-top: 0;
}
.swi_photo_a2_ker1{
	width: 120px;
	height: 32px;
}
.swi_photo_a2{
	width: 100%;
}
.tittle-wrapper{
	overflow:hidden;
	text-align: center;
	padding: 100px 0 50px 0;
}
/*カタログラインナップ調整*/
.tittle-wrapper{
	padding: 40px 0 20px 0;
}
.container_b1{
	width: 95%;	/*全体のボックスサイズ*/
	margin: 0 auto;
}
.label{
	width: 50%;
	margin: 0 0 20px 0;
}
.txt-contents{
	width: 90%;
}
.txt-contents h3{
	font-size: 11px;
}
.co_button_label{
	width: 100%;
}
.content_button_box{
	padding: 20px 0 0 0;
}
.button_co1{
	width: 100%;
	margin: 5px auto;
}
/*ピックアップ調整*/
.main-wrapper_pickup{
	overflow:hidden;
	margin-top: 50px;
	padding: 30px 0;
}
.container_pickup_buttun{
	margin: 20px auto;
}
.pickup_button_t1{
	margin: 0 auto;
	width: 95%;
	max-width: 896px;
}
/*バナー調整*/
.cob-wrapper{
	overflow:hidden;
	margin-top: 30px;
}
.cob_ev1{
	width: 95%;
	margin: 0 auto;
}
.cob_pp_label{
	width: 100%;
	margin: 10px 0;
}
.cob_ev_label{
	width: 100%;
}
.container_cob2{
	width: auto;	/*全体のボックスサイズ*/
	padding: 0 0;
}
/*ニュース調整*/
.news-wrapper_t1{
	margin-top: 40px;
}
table.type01 {
	font-size: 12px;
}
table.type01 th {
	width: 20%;
}
table.type01 td {
	font-size: 12px;
	width: 60%;
}
.container_news_buttun{
	margin: 30px auto;
}
.news_button_t1{
	margin: 0 auto;
	width: 95%;
	max-width: 960px;
}
.container_news_buttun2{
	margin: 0 auto 50px auto;
}
.news_line_container{
	margin: 0 auto;
}
.news_co_bo1{
	width: 50%;
}
.news_co_button_bo1{
	border-right: none;
}
.news_co_button_bo1_r2{
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
}
.news_co_button_bo1_r1{
	border-bottom: solid 1px #999;
}
.news_co_button_bo1_r3{
	border-right: solid 1px #999;
}
/*プロコンテンツ 調整*/
.pro_container_p1{
	padding: 28px 0;
}
.pro_label{
	width: 46%;
	margin: 10px auto;
}
.pro_label_photo h3{
	font-size: 12px;
}
.pro_label_photo h4{
	font-size: 10px;
}
.top_bo_oubo{
	max-width: 200px;
	font-size: 10px;
	margin: 10px auto 0 auto;
	line-height: 2em;
	border-radius: 5px;        /* CSS3草案 */  
    webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    moz-border-radius: 5px;   /* Firefox用 */  
}
.pro_label_text_c03{
	font-size: 10px;
}
.news_b01_r01{
	width: 48%;
	float: left;
	margin: 20px 1%;
}
.text_pop_03{
	font-size: 10px;
	margin: 30px auto;
}
/*トピックス 調整*/
.topic_label_text_c01{
	font-size: 12px;
}
.topic_label_text_c02{
	font-size: 14px;
}
.topic_label_text_c03{
	font-size: 10px;
}
.n_said_l01{
	width: 100%;
	float: left;
}
.n_said_r01{
	width: 100%;
	float: right;
}
.n_said_text_p01{
	font-size: 24px;
	text-align: center;
}
.n_said_text_p02{
	font-size: 12px;
	text-align: center;
}
.pro_label_text_c02{
	font-size: 16px;
}
}

/* --------------------------------------------------------------------
画面幅600px以下の設定
-------------------------------------------------------------------- */
@media screen and (max-width:600px){
.text_pop_01{
	font-size: 21px;
	margin: 10px auto;
}
.text_pop_02{
	font-size: 18px;
	margin: 10px auto;
}
.text_pop_03{
	font-size: 8px;
	margin: 30px auto 0 auto;
}
.container_content_said_box02{
	padding: 60px 0;
}
.news_b01_r01{
	width: 100%;
	float: left;
	margin: 20px 0;
}
/*トピックス 調整*/	
.topic_label{
	width: 100%;
}
.n_said_text_p01{
	font-size: 20px;
	text-align: center;
}
.n_said_text_p02{
	font-size: 10px;
	text-align: center;
}
.top_movie_text01 {
	width: 450px;
}
}

/* --------------------------------------------------------------------
画面幅480px以下の設定
-------------------------------------------------------------------- */
@media screen and (max-width:480px){
/* --------------------------------------------------------------------
トップスライダー設定
-------------------------------------------------------------------- */
.text_pop_01{
	font-size: 18px;
	margin: 10px auto;
}
.text_pop_02{
	font-size: 16px;
	margin: 10px auto;
}
.swi_photo_a2{
	width: 80px;
}
.button_link_top_u_buttun {
	padding: 10px 0;
}
.top_bo_oubo{
	font-size: 9px;
}
.o_text_po1{
	font-size: 12px;
}
.o_text_po1_2{
	font-size: 12px;
}
.text_pop_01{
	font-size: 14px;
	margin: 20px auto;
}
.text_pop_02{
	font-size: 14px;
	margin: 20px auto;
}
.text_pop_03{
	font-size: 10px;
	margin: 30px auto;
}
#top_scr{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.pro_label_text_c01{
	font-size: 8px;
}
.pro_label_text_c03{
	font-size: 8px;
}
.co_text_kk_soi02{
	font-size: 10px;
}
.container_content_said_box02{
	padding: 25px 0;
}
.n_said_text_p01{
	font-size: 12px;
	text-align: center;
}
.n_said_text_p02{
	font-size: 8px;
	text-align: center;
}
.top_movie_text01 {
	width: 360px;
}
}