@charset "utf-8";
body {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
  padding-top: 59px;
}
img { width:100%; }
.sp { display: block; }
.pc { display: none;  }

#wrap { min-width:0; }

/* =============================== header =============================== */
header { position: fixed; top: 0; width: 100%;}
#header_inner { text-align: center; background: #E1E1E1; padding:0;}
h1 { padding: 15px 0; }
h1 img { width: 120px;}

#top #wrap {
  background: none;
  /*background: url(../../img/top/bg_main.jpg) no-repeat right 25% top 80px fixed;
  background-size: auto 90%;*/
}
#top #wrap::before {
content: "";
/*background:  url(../../img/top/bg_main07s.jpg) no-repeat center bottom -30px; /*right 25% top 80px;*/
/*background:  url(../../img/top/bg_main02.jpg) no-repeat right 25% top center;*/
/*background:  url(../../img/top/bg_main03.jpg) no-repeat center center;*/
background-size: cover;
display: block;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
}

#top section { text-align: center; padding: 30% 3% 40%; }
#top section h2 {
  font-size: 40px;
  margin-bottom: 20px;
}
#top section p {
  font-size: 16px;
  margin-bottom: 60px;
}
#top section p.logo {
  margin-bottom: 30px;
  box-sizing: border-box;
  margin-left: 18%;
  margin-right: 18%;
}
#top section.safe_sens p {
  margin-bottom: 10px;
}
#top section.safe_sens h2 {
  margin-bottom: 40px;
}
#top section.safe_sens h2 sup {
  font-size: 34px;
}
#top section.mn_2 img {
	width: 70%;
}


/* =============================== footer =============================== */

footer {
  min-width: 94%;
  padding: 10% 3% 14%;
}
#footer_inner {
  width: 100%;
  margin: 0 auto;
}

#footer_inner #f_logo img { width: 34%; }
#footer_inner #sns { margin-bottom: 30px;}
#footer_inner #options { margin-bottom: 10%;}
#footer_inner h3 {
  padding: 0 0 1% 0;
  font-size: 14px;
  border-bottom:2px solid #fff;
  margin-bottom:2%;
}
#footer_inner .f_l { float: none; }
#footer_inner .f_navs { margin-left: 0; width: 100%; }
#footer_inner .f_navs .sidelist li { width:48%; margin: 0 2% 3% 0; vertical-align: top; }
#footer_inner .f_navs .sidelist li img { height: 24px; width: auto; }
#footer_inner .f_navs .sidelist#sns li { width:40px; margin: 1%; }
#footer_inner .f_navs .sidelist#sns li img { height: 22px; width: auto; }
.fnav li a {
  padding: 2% 3%;
}

#footer_inner .f_navs .fnav#fnav01 li:nth-child(2n+1) { width:46%; }
#footer_inner .f_navs .fnav#fnav01 li:nth-child(2n) { width:50%; }
.fnav#fnav01 .clearfix a ,
.fnav#options .clearfix a { font-size: 11px; }
.fnav#fnav01 .clearfix img ,
.fnav#options .clearfix img { float: none; }
.fnav#fnav01 .clearfix br ,
.fnav#options .clearfix br { display: none;  }

/* =============================== global =============================== */

.side_fix{
	z-index: 50;
}
.side_fix ul{
	width: 40px;
	height: 300px;

}
.side_fix ul li{
	width: 40px;
	height: 100px;
	transition: .3s;
}
.side_fix ul li::before{
	content: none;
}
.side_fix ul li::after{
	content: none;
}
.side_fix ul li a{
	display: block;
	width: 40px;
	height: 100px;
}

#global_main  { margin-bottom: 1.5em; }
#global_main .base {
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 100;
}
.pin { display: none; }
map { display: none; }

#global_main .map_area { font-size: 2vw; z-index: 101; }
#global_main .map_area strong { font-size: 160%; }

#global_main .map_area.asia { top: 26%;}
#global_main .map_area.europe { top: 26%; }
#global_main .map_area.n_africa { top: 57%; }

#global_list { padding-top: 0; padding-bottom: 1.5em; }
#global_list h2 {
  width: 100%;
  margin: 0 auto;
}
.accordion_box{
	display: block;
	background: #fff;
	padding: 10px 15px;
	overflow: hidden;
	margin-bottom: 10px;
}
.accordion_tit{
	float: left;
	position: relative;
	font-size: 18px;
	color:#333;
	font-weight: bold;
}
.accordion_tit.smltxt{
	font-size: 12px;
}
.accordion_icon {
	float: right;
	width: 20px;
	height: 20px;
	text-indent: -9999;
	background: url(../../../img/globaldistribution/icon_close.png) no-repeat;
	background-size: 20px 20px;
}
.accordion_icon.active {
	background: url(../../../img/globaldistribution/icon_open.png) no-repeat;
	background-size: 20px 20px;
}
#global_list .area_info { display: none; }
#global_list ul {
  width: 84%;
  margin: 0.5em auto;
}
#global_list li {
  display: inline-block;
  letter-spacing: normal;
  border-bottom: none;
  vertical-align: top;
  padding: 1em 0;
  width: 100%;
  margin-right: 0;
}
#global_list li:nth-child(-n+2) { border-top: none; }
#global_list li h3 {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-top: 0;
  margin-top: 0;
}
#global_list li p strong { margin-bottom: 10px; }

#global_list li .in_txt { display: none; }

#global_list .in_txt_wrap.fixHeightChild2 {
    height: auto !important;
}

/*TOP main*/
#header_inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
}
#header_inner h1{
	width: 50%;
	z-index: 10;
}
#header_inner .menu-container{
	width: 100%;
	position: absolute;
	top: 0;left:0;
}



@media only screen and (max-width: 980px){
.top_main_bg{
	background-color: rgba(255,255,255,0);
}
	.top_main_bg.bg01::after{
		background-size: cover;
	}
	.top_main_bg.bg02::after{
		background-size: cover;
	}
	.top_main_bg.bg03::after{
		background-size: cover;
	}
	.top_main_bg.bg04::after{
		background-size: cover;
	}
	.top_main_bg.bg05::after{
		background-size: cover;
	}
#top_main_bg01 .slide_img,#top_main_bg02 .slide_img{
	max-width: 400px;
	width: 40%;
	margin-right: 10%;
}
#top_main_bg01 .slide_img.mn2{
	max-width: 500px;
	width: 50%;
	margin-right: 10%;
}
}
.top_main_bg .slide_txt_area .slide_txt01{
	font-size: 18px;
	margin-bottom: 20px;
}
.top_main_bg .slide_txt_area .slide_txt02{
	font-size: 24px;
}
@media only screen and (max-width: 330px){
.top_main_bg .slide_txt_area .slide_txt01{
	font-size: 16px;
	margin-bottom: 15px;
}
.top_main_bg .slide_txt_area .slide_txt02{
	font-size: 22px;
}
}

.top_main_bg .top_slider1 .slick-prev{
	display: none!important;
}
.top_main_bg .top_slider1 .slick-next{
	display: none!important;
}

.topmain_slide .slide_txt_area { padding: 15px 3%; }
.topmain_slide .slide_img { padding: 14% 0; }
.topmain_slide .slide_txt_area .slide_txt01{
  margin-bottom: 10px;
  font-size: 12px;
}
.topmain_slide .slide_txt_area .slide_txt02{
  font-size: 16px;
}

@media only screen and (min-width: 768px){
  .topmain_slide .slide_img { padding: 5% 0; }
  .topmain_slide .slide_txt_area .slide_txt01{
    font-size: 14px;
  }
  .topmain_slide .slide_txt_area .slide_txt02{
    font-size: 22px;
  }
}

.top_all {
  width: 100%;
  background: #F2F2F2;
  padding: 50px 10px;
}
.top_all.link {
  background: url(../../img/top/bg_linkbox02.png) repeat-y center;
  background-size: auto 100%;
}
.top_all .link_box {
  width: 100%;
  box-sizing: border-box;
  padding: 0 4%;
  display: block;
}
.top_all .link_box li {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 30px;
}
.top_all .link_box li p {
  padding: 10px 4%;
  min-height: 0;
  font-size: 16px;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.top_all .link_box li:nth-child(1) .txt {
  font-weight: bold;
}
.top_all .link_box li .plink {
  padding: 0 25%;
  box-sizing: border-box;
  text-align: center;
}
.top_all .link_box li a ,
.top_all .link_box li a:hover {
  transition: .3s;
}

.movie_wrap {
  margin: 20px 10px;
}
.movie_wrap video {
  width: 100%;
  margin: 0;
}
.movie_wrap.modal03 ul {
  text-align: center;
  padding: 30px 0;
}
.movie_wrap.modal03 li {
  display: block;
}
.movie_wrap.modal03 li:nth-child(1) {
  border-right: none;
  border-bottom: 1px solid #ccc;
}
.movie_wrap.modal03 li a {
  display: block;
  font-size: 18px;
  padding: 10px 40px;
}



.top_enbryogrid .moviebtn_wrap {
  background-position: left 75% center;
  background-size: auto 100%;
  min-height: 260px;
}
.top_enbryogrid .moviebtn_wrap a {
  width: 50%;
}
.top_enbryogrid .plink {
  padding: 0 29%;
  box-sizing: border-box;
  text-align: center;
}
.top_enbryogrid a ,
.top_enbryogrid a:hover {
  transition: .3s;
}


.top_all_in_signup {
  width: 100%;
  background: #fff;
  padding: 0 10px;
}
.top_all_in_signup > div {
  display: block;
}
.top_all_in_signup div div {
  margin: 0 auto 30px;
  text-align: center;
}
.top_all_in_signup div div img {
  width: auto;
}
@media only screen and (max-width: 641px){
  .top_all_in_signup div div {
    margin: 0 27% 30px;
    width: 46%;
  }
  .top_all_in_signup div div img {
    width: 100%;
  }
}
.top_all .signup_box h2 {
  font-size: 18px;
  text-align: left;
  color: #235B9E;
  margin-bottom: 20px;
  background: url(../../img/top/img_signup_box02.png) no-repeat right top 100%;
  background-size: auto 90%;
  padding: 30px 0 5px;
}
.top_all .signup_box h2 br {
  display: none;
}
.top_all_in_sdgs {
  width: 100%;
  padding: 30px 10px;
  background: url(../../img/top/bg_sdgs_box.png) no-repeat center top 15% #E1F1DA;
  background-size: 95% auto;
}
.top_all_in_sdgs .sdgs_box {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.top_all_in_sdgs .sdgs_box .efforts {
  width: 100%;
  padding: 0 10px 10px;
  margin-right: 0;
}
.top_all_in_sdgs .sdgs_box .bn01 {
  width: 29%;
}
.top_all_in_sdgs .sdgs_box .bn02 {
  width: 17.17%;
}





.top_product_ttl{
	margin-top: 50px;
	margin-bottom: 30px;
}
.top_product_ttl h2{
	text-align: center;
	font-size: 32px;
	color: #333333;
}
.product_ico_list{
	margin-bottom: 50px;
}
.product_ico_list #product_ico{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.product_ico_list #product_ico li{
	width: calc(100% / 3 - 20px);
	margin: 0 10px;
}
.product_item .product_item_box{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
}
.product_item .product_item_box li{
	width: calc(100% / 2 - 10px);
	margin-right: 20px;
	padding: 30px 10px;
	box-sizing: border-box;
	background: #F2F2F2;
}
.product_item .product_item_box li:nth-child(3n){
	margin-right: 20px;
}
.product_item .product_item_box li:nth-child(2n){
	margin-right: 0;
}
.product_item .product_item_box li p{
	font-size: 16px;
}
.product_item .product_line{
	display: none;
}


#contents_nav .contents_nav_con ul li a{
	display: block;
	padding: 30px 5%;
	box-sizing: border-box;
	text-align: center;
}
#contents_nav .contents_nav_con ul li:first-child a{
	padding: 30px 9% 30px 1%;
}
#contents_nav .contents_nav_con ul li:nth-child(3) a{
	padding: 30px 1% 30px 9%;
}
#contents_nav .contents_nav_con ul li img{
	width: 100%;
	max-width: 180px;
	height: auto;
}
#contents_nav .contents_nav_con ul li.under_construction::after{
	content: "";
	background: url(../../img/top/under_construction.png)center no-repeat;
	background-size: contain;
	width: 90px;
	height: 20px;
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 45px);
}
#contents_block .contents_block_con{
	width: 100%;
	max-width: 1200px;
	display: block;
	padding: 80px 10px 50px;
	box-sizing: border-box;
}
#contents_block .news_letter_block{
	width: 100%;
	margin-bottom: 50px;
}
#contents_block .news_letter_block h2{
    font-size: 32px;
}
#contents_block .news_letter_block .news_letter_box{
	height: 350px;
}
#contents_block .news_letter_block .news_letter_box ul{
	padding: 25px 10px;
}
#contents_block .news_letter_block .news_letter_box ul li .year{
	font-size: 16px;
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
#contents_block .news_letter_block .news_letter_box ul li .txt{
	font-size: 14px;
	width: calc(100% - 55px);
    display: inline-block;
}
#contents_block .contact_block{
	width: 100%;
}
#contents_block .contact_block h2{
    font-size: 32px;
}
#contents_block .contact_block .contact_box{
	height: 150px;
}
#contact_block,#news_block{
	padding-top: 55px;
    margin-top: -55px;
}

#footer .f_address{
	width: 100%;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
}
#footer .f_address #f_logo{
	margin-right: 0px;
}
#footer .f_address #f_logo img{
	max-width: 200px;
	width: 100%;
}

.js-tab-contents {
	display: none;
}
.js-tab-contents.current {
	display: block;
}


/*product_list*/
#product{
	margin-bottom: 100px;
}
#product .product_con{
	padding: 10px;
	box-sizing: border-box;
}
.product_ttl{
	font-size: 36px;
	padding: 30px 0;
}
#product01,#product02,#product03,#product04,#product05,#product06{
	/*margin-top: 90px;*/
	padding-top: 60px;
}
#product01 h2,#product02 h2,#product03 h2,#product04 h2,#product05 h2,#product06 h2{
	font-size: 24px;
	font-weight: bold;
	color: #000;
	position: relative;
	border-bottom: 2px solid #000;
	padding: 10px;
	box-sizing: border-box;
	padding-left: 80px;
	margin-bottom: 50px;
}
#product01 h2::before{
	content: "";
	background: url(../../product/img/item01.png)center no-repeat;
	background-size: contain;
	width: 40px;
	height: 63px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#product02 h2::before{
	content: "";
	background: url(../../product/img/item02.png)center no-repeat;
	background-size: contain;
	width: 35px;
	height: 61px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#product03 h2::before{
	content: "";
	background: url(../../product/img/item03.png)center no-repeat;
	background-size: contain;
	width: 50px;
	height: 51px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#product04 h2::before{
	content: "";
	background: url(../../product/img/item04.png)center no-repeat;
	background-size: contain;
	width: 47px;
	height: 66px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#product05 h2::before{
	content: "";
	background: url(../../product/img/item05.png)center no-repeat;
	background-size: contain;
	width: 47px;
	height: 55px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#product06 h2::before{
	content: "";
	background: url(../../product/img/item06.png)center no-repeat;
	background-size: contain;
	width: 47px;
	height: 55px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#product .product_block{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#product .product_block .product_box{
	width: 48%;
	margin-right: 2%;
	background: #F5F5F5;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#product .product_block .product_box:hover{
	opacity: 0.7;
}
#product .product_block .product_box .product_item_img{
	margin-bottom: 10px;
}
#product .product_block .product_box .product_item_img img{
	max-width: 100%;
}
#product .product_block .product_box p{
	font-size: 18px;
}
#product .product_block .product_box:nth-child(2n){
	margin-right: 0;
}
#product .product_block .product_box:nth-child(3n){
	margin-right: 2%;
}

/*about*/
#about{
	margin-bottom: 100px;
	margin-top: 50px;
}
#about .about_con{
	padding: 10px;
	box-sizing: border-box;
}
.about_ttl{
	font-size: 36px;
	font-weight: bold;
	color: #000;
	background: #F5F5F5;
	padding: 30px 0;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
#about .about_con .about_txt{
	background: url(../../about/img/about_bg.png)center center no-repeat;
	padding: 30px 5%;
	background-size: contain;
	margin-bottom: 50px;
}
#about .about_con .about_txt p{
	color: #333;
    font-size: 14px;
    line-height: 1.5em;
	margin-bottom: 30px;
}
#about .about_con .about_img{
	width: 100%;
}
#about .about_con .about_txt p.about_sttl {
  font-size: 28px;
  margin-bottom: 20px;
}
#about .about_con .about_txt.bottom {
	background: none;
	padding: 30px 5% 0;
	margin-top: 10px;
	margin-bottom: 0;
}

#about .about_con .about_img img{
	max-width: 100%;
	height: auto;
}
#about .about_con .about_img_block01 .about_img_block01_box01{
	margin-bottom: 20px;
}
#about .about_con .about_img_block01 .about_img_block01_box02{
	margin-bottom: 20px;
}
#about .about_con .about_img_block02{
	flex-wrap: wrap;
}
#about .about_con .about_img_block02 .about_img_block02_box{
	width: calc(95% / 2);
	margin-right: 5%;
	margin-bottom: 15px;
}
#about .about_con .about_img_block02 .about_img_block02_box:last-child{
	margin-right: 0%;
}
#about .about_con .about_img_block02 .about_img_block02_box:nth-child(2n){
	margin-right: 0%;
}

/*contact*/
#contact{
	margin-bottom: 100px;
	margin-top: 25px;
}
#contact .contact_con{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
.contact_ttl{
	font-size: 36px;
	font-weight: bold;
	color: #000;
	background: #F5F5F5;
	padding: 30px 0;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
#contact .contact_block .contact_block_list li.cb_tel a{
	pointer-events: auto;
}
#contact .contact_block .contact_block_sns li a{
	margin-right: 15px;
}
#contact .contact_form{
	width: 100%;
}
#contact table{
	width: 100%;
}
#contact tr:first-child th{
	border-top: 1px solid #ccc;
}
#contact tr:first-child td{
	border-top: none;
}
#contact th{
	width: 100%;
	padding: 25px 10px 10px 10px;
	box-sizing: border-box;
	text-align: left;
	display: block;
	border-bottom: none;
}
#contact td{
	width: 100%;
	display: block;
	font-size: 16px;
	padding: 10px 10px 25px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	border-top: none;
}
#contact th .contact_form_title{
	font-size: 16px;
}
#contact td .contact_form_name{
	font-size: 16px;
}
#contact th .contact_form_required_icon{
	color: #666;
	font-size: 12px;
	display: block;
}
#contact td.inquiry_items span{
	margin-right: 20px;
}
#contact td.inquiry_items .contact_form_name{
	font-size: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
#contact td .first_name{
	display: block;
	font-size: 14px;
}
#contact td .last_name{
	display: block;
	font-size: 14px;
}
#contact td .user_name{
	display: block;
}
#contact td .df_name{
	display: block;
	margin-right: 0px;
	margin-bottom: 5px;
	width: 100%;
}
#contact td input,#contact td textarea{
	width: 100%;
	box-shadow: none;
}
#contact td textarea{
	min-height: 80px;
	width: 100%!important;
}
#contact td.inquiry_items input{
	width: 15px;
}
#contact td.inquiry_items label{
	border: none;
}


#contact div.mfp_err{
	background-image:none;
}
#contact .mfp_buttons{
	margin-top: 80px;
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
#contact .mfp_buttons button{
	width: 300px;
    height: 70px;
    background: #235B9E;
    color: #fff;
    font-size: 18px;
    border: none;
	cursor: pointer;
	text-shadow: none;
	margin-bottom: 15px;
}
#contact .mfp_buttons #mfp_button_send{
	width: 49%;
}
#contact .mfp_buttons #mfp_button_cancel{
	width: 49%;
}
#contact .mfp_buttons button:hover{
	opacity: 0.7;
}
table#mfp_confirm_table tr th{
	width: 100%;
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td{
	border-top: none;
}
div#mfp_phase_confirm h4{
	display: none;
}


/*ポップアップ*/
.overlay{
    z-index: 999;
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}
.overlay .btn_area{
    width: 95%;
    max-width: 660px;
    position: absolute;
    top:140px;
	right: 2.5%;
}
.overlay .popup_close{
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.overlay a{
    position: absolute;
    display: block;
    bottom: 10%;
    max-width: 100px;
    left: calc(50% - 50px);
}

/*customers*/
#customers{
	margin-bottom: 100px;
}
#customers .customers_con{
	padding: 10px;
	box-sizing: border-box;
}
.customers_ttl{
	font-size: 36px;
	font-weight: bold;
	color: #000;
	background: #F5F5F5;
	padding: 30px 0;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
#customers .customers_block{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#customers .customers_block .customers_box{
	width: calc(100% / 3);
}
#customers .customers_block .customers_box span {
  padding: 10px;
  line-height: 120%;
  font-size: 14px;
}
#colorbox #cboxClose{
	width: 30px;
	height: 30px;
}
#colorbox .customers_floatbox .before_item{
	position: absolute;
    width: 15px;
    height: 30px;
    top: calc(50% - 10px);
    left: 5px;
}
#colorbox .customers_floatbox .after_item{
	position: absolute;
    width: 15px;
    height: 30px;
    top: calc(50% - 10px);
    right: 5px;
}





/*20200911*/

.topmain_slide .slide_txt_area {
    padding: 15px 5% 100px;
}
.topmain_slide .slide_txt_area .btn_wrap {
	padding-top: 10px;

	position: absolute;
	bottom: 20px;
}
.topmain_slide .slide_txt_area .btn_wrap {
	width: 90%;
	padding-top: 10px;
}
.topmain_slide .slide_txt_area .btn_wrap:after {
	content: "";
	display: block;
	clear: both;
}
.topmain_slide .slide_txt_area .btn_wrap p {
	display: inline-block;
	float: left;
	margin-right: 20px;
}
.topmain_slide .slide_txt_area .btn_wrap p.request {
	margin-right: 2%;
	margin-bottom: 5%;
}
.topmain_slide .slide_txt_area .btn_wrap p.catalog {
}
@media screen and (max-width: 640px) {
.topmain_slide .slide_txt_area .btn_wrap p {
	max-width: inherit;
}
.topmain_slide .slide_txt_area .btn_wrap p.request {
	margin-right: 0%;
	margin-bottom: 5%;
}
.topmain_slide .slide_txt_area .btn_wrap p.catalog {
}
}


#catalog {

}
.catalog_download {
	padding-top: 100px;
	text-align: center;
}
.catalog_download a img {
	width: auto;
	max-width: 100%;
}

.catalog_ttl{
	font-size: 36px;
	font-weight: bold;
	color: #000;
	background: #F5F5F5;
	padding: 30px 0;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
.catalog_con {
	padding: 10% 0;
}
.catalog_con ul {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto;
	font-size: 0;
	text-align: left;
}
.catalog_con li {
	display: inline-block;
	width: 100%;

	box-sizing: border-box;
	margin-right: 0;
	margin-bottom: 9%;
}
.catalog_con li:nth-child(3n) {
	margin-right: 0;
}
.catalog_con li .img_wrap {
	background: #F5F5F5;
	padding: 10px;
}
.catalog_con li .img {

}
.catalog_con li h3 {
	color: #231815;
	font-size: 21px;
	text-align: center;
	padding: 20px 0 10px;
}
.catalog_con li .download {

}
.catalog_con li .download a,
.catalog_con li .download a:hover {
	display: block;
	color: #000;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	padding: 20px 0;
}
.catalog_con li .download a:hover {
	opacity: .5;
}
.catalog_con li .download a:after {
	content:url(../../catalog/img/catalog_download_icon.png);
	display: inline-block;
	margin-left: 20px;
}
#contact td .select_wrap {
	margin: 30px 0;
}
#contact td select {
	width: 60%;
	border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: none;
    padding: 6px 8px 5px;
    margin: 2px;
	margin-right: 0px;
	margin-bottom: 10px;
    vertical-align: middle;
}

#companymovie_block .contents_block_con {
  width: 100%;
  max-width: 1200px;
  display: block;
  padding: 80px 10px 0;
  box-sizing: border-box;
}
#companymovie_block .contents_block_con h2 {
  font-size: 32px;
}
#companymovie_block .contents_block_con h2 br {
  display: none;
}
#companymovie_block .contents_block_con .movie_block {
  display: block;
}
#companymovie_block .contents_block_con .movie_block a {
  display: block;
  display: 100%;
  margin-bottom: 20px;
}




/*advantage*/
#advantage p {
  line-height: 180%;
  font-size: 14px;
  margin-bottom: 1.6rem;
}
#advantage .advantage_ttl{
	font-size: 36px;
	font-weight: bold;
	color: #000;
	background: #F5F5F5;
	padding: 30px 0;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
#advantage01 .advantage_ttl01 {
  font-size: 18px;
  margin-bottom: 30px;
}
#advantage .advantage_ttl02 {
  text-align: center;
  font-size: 34px;
  margin-bottom: 30px;
}
#advantage .advantage_con {
	width: 100%;
  padding: 40px 10px;
	box-sizing: border-box;
}
#advantage .block {
	width: 100%;
}
#advantage .block .txt ,
#advantage .block figure {
	width: 100%;
	-ms-flex-order:2;
	order:2;
}
#advantage .block figure {
  text-align: center;
  box-sizing: border-box;
  padding: 0 20% 30px;
}
#advantage .block .no1 {
	-ms-flex-order:1;
	order:1;
}


#advantage01 {
	width: 100%;
	margin-bottom: 20px;
}
#advantage01 .advantage_sttl01 {
  font-size: 18px;
}
#advantage01 .advantage_con p strong {
  font-size: 16px;
}
#advantage01 .advantage_con .popuplist li {
  width: 50%;
  box-sizing: border-box;
  padding: 0 5%;
  text-align: center;
}
#advantage02 .advantage_con .list_strong li {
  font-size: 14px;
}
#advantage03 .advantage_con .block .txt h4 {
  font-size: 18px;
  margin-bottom: 25px;
}
#advantage06 .advantage_con figure {
  margin-bottom: 40px;
}

#advantage07 .advantage_con ul {
  margin-bottom: 40px;
}
#advantage07 .advantage_con li {
  width: 50%;
  text-align: center;
  padding: 20px 10%;
}

#advantage08 .right img {
  width: 80%;
}




/*sdgs*/
#sdgs .sdgs_ttl{
	font-size: 36px;
	font-weight: bold;
	color: #000;
	background: #F5F5F5;
	padding: 30px 0;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
#sdgs .sdgs_con .sdgs_bn01 {
  width: 60%;
  margin-bottom: 10px;
}
#sdgs .sdgs_con .sdgs_bn01 img {
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
#sdgs01 .sdgs_ttl01 {
  font-size: 18px;
  margin-bottom: 30px;
}
#sdgs .sdgs_con {
	width: 100%;
  padding: 40px 10px 60px;
	box-sizing: border-box;
}
#sdgs .sdgs_con .sdgs_ttl01 {
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#sdgs .sdgs_con .sdgs_txt01 {
  font-size: 18px;
}
#sdgs .sdgs_con .sdgs_txt01.m_b_40 {
  margin-bottom: 25px;
}
#sdgs .sdgs_con .sdgs_flex01 {
  margin-top: 60px;
  margin-bottom: 50px;
}
#sdgs .sdgs_con .sdgs_flex01 .sdgs_flex01_txt {
  font-size: 22px;
  width: 100%;
	-ms-flex-order:2;
	order:2;
}
#sdgs .sdgs_con .sdgs_flex01 .sdgs_flex01_img {
  width: 22%;
  margin-bottom: 10px;
	-ms-flex-order:1;
	order:1;
}
#sdgs .sdgs_con .sdgs_flex01 .sdgs_flex01_img img {
  max-width: 100%;
}

#sdgs .sdgs_con .sdgs_bn02 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
}
#sdgs .sdgs_con .sdgs_bn02 li img {
  height: 80px;
  width: auto;
}
#sdgs .sdgs_con .sdgs_bn02 li:nth-child(1) {
  margin-right: 20px;
}
#sdgs .sdgs_con .sdgs_bn02 li:nth-child(1) img {
  box-sizing: border-box;
  border: 1px solid #ddd;
}





#sdgs_block {
  background: url(../../img/top/sdgs_bg.jpg) no-repeat top center;
  background-size: 100%;
  padding-top: calc( 40px + 52.8% );
	padding-bottom: 20px;
}
#sdgs_block .sdgs_block_con {
  width: 100%;
  padding: 0 6%;
}
#sdgs_block .sdgs_block_con .sdgs_bn01 {
  margin-bottom: 20px;
}
#sdgs_block .sdgs_block_con .sdgs_bn01 img {
  width: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
}
#sdgs_block .sdgs_block_con .sdgs_ttl {
  margin-bottom: 40px;
}
#sdgs_block .sdgs_block_con .sdgs_ttl h2 {
  color: #000;
  font-size: 22px;
  margin-bottom: 15px;
	width: 100%;
}
#sdgs_block .sdgs_block_con .sdgs_ttl img {
	width: 20%;
}
#sdgs_block .sdgs_block_con .sdgs_txt01 {
  color: #000;
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 125%;
}
#sdgs_block .sdgs_block_con .sdgs_txt02 {
  color: #000;
  font-size: 14px;
  line-height: 125%;
}
#sdgs_block .sdgs_block_con .sdgs_bn02 {
	width: 90%;
	margin: 20px auto 0;
}
#sdgs_block .sdgs_block_con .sdgs_bn02 li {
  width: 100% !important;
	margin-bottom: 10px;
}
#sdgs_block .sdgs_block_con .sdgs_bn02 li:nth-child(1) img ,
#sdgs_block .sdgs_block_con .sdgs_bn02 li:nth-child(3) img {
	box-sizing: border-box;
	border: 1px solid #ddd;
}