@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
/* -------------------------------------------------------------- */
.PC {display: block;}
.SP {display: none;}


body{
	color: black;
	font-size: 13px;
  font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.2em;
	text-align: left;

}

a{color: inherit;text-decoration: none;word-break: break-all;}


#wrapper_top{margin:0 auto;width: 1000px;height: 1000px;position: relative;overflow: hidden;}
#wrapper{margin:0 auto;width: 1000px;height: auto;position: relative;}

#wrapper{
	background-image: url(../img/background_in.jpg);
	background-position: top 0 right 50%;
	background-repeat: no-repeat;
}


.menu{width: 100%;margin:0 auto;height: 60px;line-height: 60px;font-family: 'Abel', sans-serif;}
.menu ul{display: flex;}
.menu .litop{background: linear-gradient(transparent 70%, yellow 70%);}
.menu a{width: 100px;font-size: 21px;}
.menu span:hover{background: linear-gradient(transparent 70%, yellow 70%);}


.top{width: 100%;padding: 100px 0;height: 257px;}
.top2{height: 80px;}
.top .maincopy{font-size: 32px;margin:auto 0;}
.top small{font-size: 18px;}

.map{position: absolute;
height: 1600px;
top: -2%;
z-index: -100;
left: -103%;
overflow-y: hidden;}
.map img{height: 130%;}

.map_in{display: none;}


.button{position: relative;transition: all .3s;}
.button .here{background-color: yellow;width: 200px;height: 25px;padding: 5px 15px;border: 1px solid;line-height: 25px;font-size: 16px;position: absolute;text-align: center;box-shadow: 3px 3px;}
.button .top{width: 100px;top: 17px;left: 583px;box-shadow: none;}
.button .korea{left: 430px;top: -92px;}
.button .china{top: 102px;left: 247px;}
.button .vietnam{width: 230px;top: 320px;left: 103px;}
.button .here:hover{box-shadow: none;transform: translate(3px, 3px);}
.button .top:hover{box-shadow: none;transform:none;}

.about{position: absolute;top: 720px;width: auto;right: 0;}
.about h2 span{font-size: 25px;background: linear-gradient(transparent 70%, yellow 70%);}

.tab{display: flex;justify-content: center;margin:0 auto;text-align: center;}
.tab a{width: 200px;height: 200px;margin:20px;background-color: yellow;border: 1.5px solid;line-height: 25px;padding: 15px; box-shadow: 5px 5px;}
.tab a:hover{box-shadow: none;transform: translate(5px, 5px);}
.tab .maintab{box-shadow: none;transform: translate(5px, 5px);}
.tab span{width: 100%;margin:10px auto;font-size: 20px;}
.tab .tab_img{width: 180px;margin: auto;}
.tab .tab_img img{width: 100%;}

.title{text-align:center;margin:30px auto 60px auto;}
.title_img{width: 100px;margin:0 auto;}
.title_img img{width: 100%;}
.title h1{font-size: 26px;margin-bottom: 20px;}
.title h1 span{background: linear-gradient(transparent 70%, yellow 70%);}
.title p{font-size: 12px;}

.content{display: flex;justify-content: space-between;background-color: rgba(255,255,255,0.7);margin: 50px auto;}
.content a{color: #696969}
.content a:hover{opacity: 0.5;}
.content_text{width: 550px;}
.content_text h2{font-size: 22px;border-left: solid 10px yellow;margin-bottom: 20px;}
.content_text p{text-align: justify;}
.content_text p span{text-align: left;}
.content_img{width: 400px;}
.content_img img{width: 100%;}

.backnext{display: flex;justify-content: space-between;margin: 40px auto;}
.back{display: flex;flex-direction: row;margin: 40px auto;}
.next{display: flex;flex-direction:row-reverse;;margin: 40px auto;}
.backnext a:hover{opacity: 0.5;}
.back:hover{opacity: 0.5;}
.next:hover{opacity: 0.5;}

#footer{height: 80px;line-height: 80px;text-align: center;}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:960px){





}










/*=== スライドショー！ ================================= */



/*======WORKS=======*/
/*=== 画像の表示エリア ================================= */



}
/* ============スマホここまで============ */