@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 960px) {
	.mt0 {
		margin-top: 0px !important;
	}
	.mr0 {
		margin-right: 0px !important;
	}
	.mb0 {
		margin-bottom: 0px !important;
	}
	.ml0 {
		margin-left: 0px !important;
	}
	.pt0 {
		padding-top: 0px !important;
	}
	.pr0 {
		padding-right: 0px !important;
	}
	.pb0 {
		padding-bottom: 0px !important;
	}
	.pl0 {
		padding-left: 0px !important;
	}
	.mt5 {
		margin-top: 5px !important;
	}
	.mr5 {
		margin-right: 5px !important;
	}
	.mb5 {
		margin-bottom: 5px !important;
	}
	.ml5 {
		margin-left: 5px !important;
	}
	.pt5 {
		padding-top: 5px !important;
	}
	.pr5 {
		padding-right: 5px !important;
	}
	.pb5 {
		padding-bottom: 5px !important;
	}
	.pl5 {
		padding-left: 5px !important;
	}
	.mt10 {
		margin-top: 10px !important;
	}
	.mr10 {
		margin-right: 10px !important;
	}
	.mb10 {
		margin-bottom: 10px !important;
	}
	.ml10 {
		margin-left: 10px !important;
	}
	.pt10 {
		padding-top: 10px !important;
	}
	.pr10 {
		padding-right: 10px !important;
	}
	.pb10 {
		padding-bottom: 10px !important;
	}
	.pl10 {
		padding-left: 10px !important;
	}
	.mt15 {
		margin-top: 15px !important;
	}
	.mr15 {
		margin-right: 15px !important;
	}
	.mb15 {
		margin-bottom: 15px !important;
	}
	.ml15 {
		margin-left: 15px !important;
	}
	.pt15 {
		padding-top: 15px !important;
	}
	.pr15 {
		padding-right: 15px !important;
	}
	.pb15 {
		padding-bottom: 15px !important;
	}
	.pl15 {
		padding-left: 15px !important;
	}
	.mt20 {
		margin-top: 20px !important;
	}
	.mr20 {
		margin-right: 20px !important;
	}
	.mb20 {
		margin-bottom: 20px !important;
	}
	.ml20 {
		margin-left: 20px !important;
	}
	.pt20 {
		padding-top: 20px !important;
	}
	.pr20 {
		padding-right: 20px !important;
	}
	.pb20 {
		padding-bottom: 20px !important;
	}
	.pl20 {
		padding-left: 20px !important;
	}
	.mt25 {
		margin-top: 25px !important;
	}
	.mr25 {
		margin-right: 25px !important;
	}
	.mb25 {
		margin-bottom: 25px !important;
	}
	.ml25 {
		margin-left: 25px !important;
	}
	.pt25 {
		padding-top: 25px !important;
	}
	.pr25 {
		padding-right: 25px !important;
	}
	.pb25 {
		padding-bottom: 25px !important;
	}
	.pl25 {
		padding-left: 25px !important;
	}
	.mt30 {
		margin-top: 30px !important;
	}
	.mr30 {
		margin-right: 30px !important;
	}
	.mb30 {
		margin-bottom: 30px !important;
	}
	.ml30 {
		margin-left: 30px !important;
	}
	.pt30 {
		padding-top: 30px !important;
	}
	.pr30 {
		padding-right: 30px !important;
	}
	.pb30 {
		padding-bottom: 30px !important;
	}
	.pl30 {
		padding-left: 30px !important;
	}
	.mt35 {
		margin-top: 35px !important;
	}
	.mr35 {
		margin-right: 35px !important;
	}
	.mb35 {
		margin-bottom: 35px !important;
	}
	.ml35 {
		margin-left: 35px !important;
	}
	.pt35 {
		padding-top: 35px !important;
	}
	.pr35 {
		padding-right: 35px !important;
	}
	.pb35 {
		padding-bottom: 35px !important;
	}
	.pl35 {
		padding-left: 35px !important;
	}
	.mt40 {
		margin-top: 40px !important;
	}
	.mr40 {
		margin-right: 40px !important;
	}
	.mb40 {
		margin-bottom: 40px !important;
	}
	.ml40 {
		margin-left: 40px !important;
	}
	.pt40 {
		padding-top: 40px !important;
	}
	.pr40 {
		padding-right: 40px !important;
	}
	.pb40 {
		padding-bottom: 40px !important;
	}
	.pl40 {
		padding-left: 40px !important;
	}
	.mt45 {
		margin-top: 45px !important;
	}
	.mr45 {
		margin-right: 45px !important;
	}
	.mb45 {
		margin-bottom: 45px !important;
	}
	.ml45 {
		margin-left: 45px !important;
	}
	.pt45 {
		padding-top: 45px !important;
	}
	.pr45 {
		padding-right: 45px !important;
	}
	.pb45 {
		padding-bottom: 45px !important;
	}
	.pl45 {
		padding-left: 45px !important;
	}
	.mt50 {
		margin-top: 50px !important;
	}
	.mr50 {
		margin-right: 50px !important;
	}
	.mb50 {
		margin-bottom: 50px !important;
	}
	.ml50 {
		margin-left: 50px !important;
	}
	.pt50 {
		padding-top: 50px !important;
	}
	.pr50 {
		padding-right: 50px !important;
	}
	.pb50 {
		padding-bottom: 50px !important;
	}
	.pl50 {
		padding-left: 50px !important;
	}
	.pct0 {
		width: 0%;
	}
	.pct1 {
		width: 1%;
	}
	.pct2 {
		width: 2%;
	}
	.pct3 {
		width: 3%;
	}
	.pct4 {
		width: 4%;
	}
	.pct5 {
		width: 5%;
	}
	.pct6 {
		width: 6%;
	}
	.pct7 {
		width: 7%;
	}
	.pct8 {
		width: 8%;
	}
	.pct9 {
		width: 9%;
	}
	.pct10 {
		width: 10%;
	}
	.pct11 {
		width: 11%;
	}
	.pct12 {
		width: 12%;
	}
	.pct13 {
		width: 13%;
	}
	.pct14 {
		width: 14%;
	}
	.pct15 {
		width: 15%;
	}
	.pct16 {
		width: 16%;
	}
	.pct17 {
		width: 17%;
	}
	.pct18 {
		width: 18%;
	}
	.pct19 {
		width: 19%;
	}
	.pct20 {
		width: 20%;
	}
	.pct21 {
		width: 21%;
	}
	.pct22 {
		width: 22%;
	}
	.pct23 {
		width: 23%;
	}
	.pct24 {
		width: 24%;
	}
	.pct25 {
		width: 25%;
	}
	.pct26 {
		width: 26%;
	}
	.pct27 {
		width: 27%;
	}
	.pct28 {
		width: 28%;
	}
	.pct29 {
		width: 29%;
	}
	.pct30 {
		width: 30%;
	}
	.pct31 {
		width: 31%;
	}
	.pct32 {
		width: 32%;
	}
	.pct33 {
		width: 33%;
	}
	.pct34 {
		width: 34%;
	}
	.pct35 {
		width: 35%;
	}
	.pct36 {
		width: 36%;
	}
	.pct37 {
		width: 37%;
	}
	.pct38 {
		width: 38%;
	}
	.pct39 {
		width: 39%;
	}
	.pct40 {
		width: 40%;
	}
	.pct41 {
		width: 41%;
	}
	.pct42 {
		width: 42%;
	}
	.pct43 {
		width: 43%;
	}
	.pct44 {
		width: 44%;
	}
	.pct45 {
		width: 45%;
	}
	.pct46 {
		width: 46%;
	}
	.pct47 {
		width: 47%;
	}
	.pct48 {
		width: 48%;
	}
	.pct49 {
		width: 49%;
	}
	.pct50 {
		width: 50%;
	}
	.pct51 {
		width: 51%;
	}
	.pct52 {
		width: 52%;
	}
	.pct53 {
		width: 53%;
	}
	.pct54 {
		width: 54%;
	}
	.pct55 {
		width: 55%;
	}
	.pct56 {
		width: 56%;
	}
	.pct57 {
		width: 57%;
	}
	.pct58 {
		width: 58%;
	}
	.pct59 {
		width: 59%;
	}
	.pct60 {
		width: 60%;
	}
	.pct61 {
		width: 61%;
	}
	.pct62 {
		width: 62%;
	}
	.pct63 {
		width: 63%;
	}
	.pct64 {
		width: 64%;
	}
	.pct65 {
		width: 65%;
	}
	.pct66 {
		width: 66%;
	}
	.pct67 {
		width: 67%;
	}
	.pct68 {
		width: 68%;
	}
	.pct69 {
		width: 69%;
	}
	.pct70 {
		width: 70%;
	}
	.pct71 {
		width: 71%;
	}
	.pct72 {
		width: 72%;
	}
	.pct73 {
		width: 73%;
	}
	.pct74 {
		width: 74%;
	}
	.pct75 {
		width: 75%;
	}
	.pct76 {
		width: 76%;
	}
	.pct77 {
		width: 77%;
	}
	.pct78 {
		width: 78%;
	}
	.pct79 {
		width: 79%;
	}
	.pct80 {
		width: 80%;
	}
	.pct81 {
		width: 81%;
	}
	.pct82 {
		width: 82%;
	}
	.pct83 {
		width: 83%;
	}
	.pct84 {
		width: 84%;
	}
	.pct85 {
		width: 85%;
	}
	.pct86 {
		width: 86%;
	}
	.pct87 {
		width: 87%;
	}
	.pct88 {
		width: 88%;
	}
	.pct89 {
		width: 89%;
	}
	.pct90 {
		width: 90%;
	}
	.pct91 {
		width: 91%;
	}
	.pct92 {
		width: 92%;
	}
	.pct93 {
		width: 93%;
	}
	.pct94 {
		width: 94%;
	}
	.pct95 {
		width: 95%;
	}
	.pct96 {
		width: 96%;
	}
	.pct97 {
		width: 97%;
	}
	.pct98 {
		width: 98%;
	}
	.pct99 {
		width: 99%;
	}
	.pct100 {
		width: 100%;
	}
	#sp_only {
		display: none;
	}
	#pc_only .hdg-level1-01 {
		font-size: 24px;
	}
	#pc_only .hdg-level1-01 > span {
		display: inline-block;
		font-size: 14px;
		padding-left: 20px;
	}
	#history #pc_only p.linkposition {
		position: absolute;
		bottom: 5px;
		color: #666;
		padding-left: 45px;
		border-left: 1px solid #d8d8d8;
		left: 244px;
		line-height: 25px;
	}
	#history #pc_only p.linkposition span {
		display: inline-block;
		padding-left: 15px;
		color: #999999;
	}
	#craftmanship #pc_only p.linkposition {
		position: absolute;
		bottom: 5px;
		color: #666;
		padding-left: 45px;
		border-left: 1px solid #d8d8d8;
		left: 410px;
		line-height: 25px;
	}
	#craftmanship #pc_only p.linkposition span {
		display: inline-block;
		padding-left: 15px;
		color: #999999;
	}
	a.third, a.third:visited, a.third:hover, a.third:active {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		position: relative;
		transition: 0.2s color ease;
		text-decoration: none;
		font-size: 14px;
		color: #999999 !important;
	}
	a.third:hover {
		color: #999999;
	}
	a.after:after {
		content: "";
		transition: 0.5s all ease;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		position: absolute;
	}
	a.after:after {
		bottom: -0.3em;
	}
	a.after:after {
		height: 1px;
		width: 0;
		background: #ccc;
	}
	a.third:after {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	a.after:hover:after {
		width: 100%;
	}
	* {
		margin: 0;
		padding: 0;
	}
	#topic-path-container #topic-path {
		display: inline-block;
	}
	#topic-path-container #topic-path li.first a::after {
		position: absolute;
		content: '＞';
		right: -20px;
	}
	#topic-path-container #topic-path li.first a {
		position: relative;
	}
	.sjb-header .header-main .header-top .left li a {
		display: block;
		height: 35px;
		line-height: 35px;
		font-size: 1.3rem;
		font-family: "Poppins";
		font-weight: 400;
		box-sizing: border-box;
		text-align: center;
	}
	#pc_only {
		line-height: 1.8;
		color: #444445;
		font-family: Arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
		font-size: 75%;
		letter-spacing: 0.05em;
		-webkit-text-size-adjust: none;
	}
	article, aside, canvas, details, figcaption, figure, header, footer, hgroup, menu, nav, section, summary {
		display: block;
	}
	.hdg-level1-01-container .hdg-level1-01-inner #topic-path-container {
		margin: 0 0 15px;
		padding: 0;
	}
	#topic-path-container #topic-path {
		margin: 0 auto;
		width: 960px;
		line-height: 1.1;
	}
	#topic-path-container #topic-path li:first-child {
		color: #999;
		padding: 0;
		margin: 0;
	}
	#topic-path-container #topic-path li {
		margin-left: 12px;
		padding-left: 17px;
		float: left;
		font-size: 84%;
	}
	#topic-path-container #topic-path li.first a::after {
		position: absolute;
		content: '＞';
		right: -20px;
	}
	.hdg-level1-01-container {
		padding: 10px 0 17px;
		background-color: #fff;
	}
	.hdg-level1-01-container.en .hdg-level1-01-inner .link {
		left: 323px;
	}
	.hdg-level1-01-container.en-02 .hdg-level1-01-inner .link-02 {
		left: 135px !important;
	}
	.hdg-level1-01-container .hdg-level1-01-inner {
		margin: 0 auto;
		position: relative;
		width: 960px;
	}
	.hdg-level1-01-container .hdg-level1-01-inner #topic-path-container {
		margin: 0 0 15px;
		padding: 0;
	}
	.hdg-level1-01-container .hdg-level1-01-inner #topic-path-container #topic-path {
		margin: 0;
	}
	.hdg-level1-01-container .hdg-level1-01-inner .link {
		position: absolute;
		top: 25px;
		left: 337px;
	}
	.hdg-level1-01-container .hdg-level1-01-inner .link-02 {
		position: absolute;
		top: 25px;
		left: 211px;
	}
	.lyt-craftmanship-main-visual-01-container {
		position: relative;
	}
	#history .lyt-history-main-visual-01-container {
		position: relative;
	}
	#history .nav-pager {
		position: absolute;
		bottom: 18px;
		width: 682px;
		left: 0;
		right: 0;
		margin: auto;
	}
	#history .nav-pager ul {
		display: flex;
	}
	#craftmanship .nav-pager {
		position: absolute;
		bottom: 18px;
		width: 960px;
		left: 0;
		right: 0;
		margin: auto;
	}
	#craftmanship .nav-pager ul {
		display: flex;
	}
	.bx-viewport {
		left: 0;
		box-shadow: none;
		border: none;
		height: 460px !important;
	}
	#slider li {
		height: 460px;
		background: center / cover no-repeat;
	}
	.bx-wrapper {
		box-shadow: none !important;
		border: none !important;
	}
	#content-container {
		font-family: Arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
		width: 970px;
		margin: 30px auto;
	}
	#history .nav-pager ul li a {
		display: block;
		color: #fff !important;
		font-size: 15px;
		height: 30px;
		width: 74px;
		border-top: 5px solid #fff;
		letter-spacing: 0.1em;
		padding: 0;
	}
	.nav-pager ul li a:hover {
		border-top: 5px solid #666666 !important;
	}
	#history .nav-pager ul .unroll a {
		display: block;
		color: #fff;
		font-size: 15px;
		height: 30px;
		width: 74px;
		border-top: 5px solid #666666;
		font-weight: 100;
		letter-spacing: 0.1em;
		padding: 0;
	}
#craftmanship .nav-pager ul .unroll a {
    display: block;
    color: #fff;
    font-size: 15px;
    height: 30px;
    width: 192px;
    border-top: 5px solid #666666;
    font-weight: 100;
    letter-spacing: 0.1em;
    position: relative;
    padding: 5px 0 0 60px;
}
	#craftmanship .nav-pager ul li a {
    display: block;
    color: #fff !important;
    font-size: 15px;
    height: 30px;
    width: 192px;
    border-top: 5px solid #fff;
    letter-spacing: 0.1em;
    padding: 5px 0 0 60px;
    position: relative;
}
	#craftmanship .nav-pager ul li a span {
    font-size: 25px;
    letter-spacing: 0;
    position: absolute;
    top: -5px;
}
	#history .nav-pager ul > li {
		margin-right: 2px;
	}
	#history .nav-pager ul > li:last-child {
		margin-right: 2px;
	}
	.lyt-history-01 {
		margin-bottom: 60px;
		display: inline-block;
	}
	.lyt-history-01 .image {
		margin-left: 20px;
		float: right;
	}
	.lyt-history-01 .text {
		overflow: hidden;
	}
	.lyt-history-01 .text .title,.lyt-child-01_3 .text-child .title {
		margin-bottom: 10px;
		font-size: 15px;
		color: #434247;
		display: inline-block;
		background-color: #e7e7e7;
		padding: 0 8px;
		line-height: 22px;
		font-weight: 100;
		font-family: Arial;
	}
	.doc-plain-01 {
		line-height: 24px;
		margin-bottom: 1em;
		font-size: 13px;
	}
	.lyt-history-01 .text .right {
		text-align: right;
	}
	.lyt-child-01_2 {
		margin-top: 50px;
	}
	h3.sub_title {
    font-size: 16px;
    margin: -5px 0 10px;
}
	.lyt-child-01_2 .image-child {
    margin-right: 20px;
    float: left;
	}
	.lyt-child-01_3 {
		margin-bottom: 50px;
		display: inline-block;
		width: 100%;
	}
	.lyt-child-01_3 .image-child {
    margin-right: 20px;
    float: left;
	}
	.lyt-history-02 {
		margin-bottom: 70px;
		overflow: hidden;
	}
	.lyt-history-02 .column-L {
		padding-right: 45px;
		float: left;
		width: 455px;
	}
	.lyt-history-02 .image {
		margin-right: 20px;
		float: left;
	}
	.lyt-history-02 .text {
		overflow: hidden;
		font-size: 13px;
		line-height: 24px;
		color: #666666;
	}
	.lyt-history-03 {
		margin-bottom: 70px;
		overflow: hidden;display: flex;
	}
	.lyt-history-03 > div {
		margin-right:35px;
		width: 300px;
	}
	.lyt-history-03 > div:last-child{
		margin-right: 0;
	}
	.lyt-history-03 .text {
    font-size: 13px;
    line-height: 24px;
    color: #666666;
	}
	.lyt-history-03 > div > p {
		font-size: 0;
		margin-bottom: 20px;
	}
	
	.Symbolic {
		font-size: 15px;
		color: #444445;
		display: inline-block;
		background-color: #e7e7e7;
		padding: 0 8px;
		line-height: 22px;
		font-weight: 100;
		font-family: Arial;
	}
	.lyt-history-02 .text .title {
		margin-bottom: 10px;
	}
	.lyt-history-02 .text .title span {
		font-size: 15px;
		display: block;
		color: #444445;
		letter-spacing: 0.1em;
		line-height: 20px;
		margin-top: 10px;
	}
	.lyt-history-02 .column-R {
		float: left;
		width: 460px;
	}
	.lyt-history-03 .text .title {
		margin-bottom: 10px;
	}
	.lyt-history-03 .text .title span {
		font-size: 15px;
		display: block;
		color: #444445;
		letter-spacing: 0.1em;
		line-height: 20px;
		margin-top: 10px;
	}
	.nav-page-01-container {
		margin-bottom: 40px;
		padding: 7px 0;
		border-top: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
	}
	.nav-page-01-container .nav-page-01 {
		margin: 0 auto;
		display: table;
	}
	.nav-page-01-container .nav-page-01 ul {
		display: table-row;
		text-align: center;
	}
	.nav-page-01-container .nav-page-01 ul li {
		padding: 0 2px;
		display: table-cell;
	}
	.nav-page-01-container .nav-page-01 ul li a {
		padding: 2px 15px;
		font-size: 15px;
		letter-spacing: 0.1em;
	}
	.nav-page-01-container .nav-page-01 ul li.current a {
		display: block;
		display: inline;
		color: #fff !important;
		background-color: #b6b6b6;
	}
	.nav-page-01-container .nav-page-01 ul li a:hover {
		display: block;
		display: inline;
		color: #fff !important;
		background-color: #b6b6b6;
	}
	.nav-content-01 {
		text-align: center;
	}
	.nav-content-01 > ul {
		width: 360px;
		margin: 0 auto;
		display: flex;
	}
	#history .nav-content-01 > ul a.roll {
		font-size: 16px;
		letter-spacing: 0.1em;
		padding: 0 30px;
		color: #a1a1a1;
	}
	#history .nav-content-01 > ul a.unroll {
		font-size: 16px;
		padding: 7px 30px;
		border-left: 1px solid;
	}
	#history .nav-content-01 > ul a {
		position: relative;
		font-size: 16px;
	letter-spacing: 0.1em;
	padding: 0 30px;
	}
	#history .nav-content-01 > ul a.roll::before {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-bottom: solid 1px #b6b6b6;
		border-left: solid 1px #b6b6b6;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 3px;
		left: 10px;
	}
	#history .nav-content-01 > ul a.roll:hover {
		color: #444445;
	}
	#history .nav-content-01 > ul a.unroll::after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 1px #444445;
		border-right: solid 1px #444445;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 10px;
		right: 10px;
	}
	#history .nav-content-01 > ul a.unroll:hover {
		opacity: 0.6;
	}
	#history .nav-content-01 > ul a.roll:hover::before {
		border-bottom: solid 1px #444445;
		border-left: solid 1px #444445;
	}
	
	
	
	
	#craftmanship .nav-content-01 > ul a.roll {
	color: #a1a1a1;
	font-size: 16px;
	letter-spacing: 0.1em;
	padding: 0 30px;
	}
	#craftmanship .nav-content-01 > ul a.unroll {
		font-size: 16px;
		padding: 7px 30px;
		border-left: 1px solid;
	}
	#craftmanship .nav-content-01 > ul a {
		position: relative;
	}
	#craftmanship .nav-content-01 > ul a.roll::before {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-bottom: solid 1px #b6b6b6;
		border-left: solid 1px #b6b6b6;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 3px;
		left: 10px;
	}
	#craftmanship .nav-content-01 > ul a.unroll:hover {
		opacity: 0.6;
	}
	#craftmanship .nav-content-01 > ul a.unroll::after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 1px #444445;
		border-right: solid 1px #444445;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 10px;
		right: 10px;
	}
	#craftmanship .nav-content-01 > ul a.roll:hover {
		color: #444445;
	}
	#craftmanship .nav-content-01 > ul a.roll:hover::before {
		border-bottom: solid 1px #444445;
		border-left: solid 1px #444445;
	}
	
	
	
	
	.language {
		width: 100%;
		display: block;
		text-align: right;
	}
	.language a {
		font-size: 12px;
		padding: 2px 10px;
		color: #444445;
	}
	.language a:first-child {
		border-right: 1px solid;
	}
	.language a:last-child {
		border-left: 1px solid;
	}
	.language a.active {
		text-decoration: underline;
	}
	.language a:hover {
		text-decoration: underline;
	}
	/*クラフトマンシップ*/
	.lyt-craftmanship-01 {
		    margin-bottom: 60px;
    display: inline-block;
	}
	.lyt-craftmanship-01 .image-L {
		float: left;
    padding-right: 40px;
	}
		.lyt-craftmanship-01 .image-R {
    float: right;
    padding-left: 40px;
}
	.lyt-craftmanship-01 .text {
    overflow: hidden;
}
	.lyt-craftmanship-01 h2.title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 22px;
    color: #505050;
}
	.lyt-craftmanship-01 h2.title span {
    display: block;
    font-size: 16px;
    padding: 18px 0 0;
    line-height: 16px;
}
}
@media screen and (max-width: 959px) {
	#pc_only {
		display: none;
	}
	#history,#craftmanship {
		width: 100%;
		background: #fff;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	}
	.headline {
		margin-bottom: 0px;
		padding: 10px 30px 10px 20px;
		text-align: left;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
	}
	div#contents .headline h1 {
		margin: 0px;
		padding: 0px;
		float: left;
		text-align: left;
		width: 50%;
		color: #444445 !important;
		font-size: 15px;
		font-weight: normal;
		line-height: 16px;
	}
	 .headline h1 span {
		display: block;
		font-size: 10px;
	}
	div#contents #history .headline p {
		float: right;
		font-size: 20px;
		font-weight: normal;
	}
	.headline p a {
		display: block;
		color: #9e9e9e !important;
		font-size: 15px;
		text-align: right;
		line-height: 16px;
		position: relative;
	}
	.headline p a::before {
		right: -15px;
		width: 10px;
		height: 10px;
		border-top: 0.05em solid #9e9e9e;
		border-right: 0.05em solid #9e9e9e;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		content: '';
		top: 30%;
	}
	.headline p a span {
		font-size: 10px;
		display: block;
	}
	div#contents #historyInner {
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
		max-width: 760px;
		background: #fff;
		width: 100%;
	}
	div#contents #historyInner h2.ep {
		font-size: 15px;
		font-weight: normal;
		color: #444445;
		background-color: #e7e7e7;
		display: inline-block;
		line-height: 20px;
		padding: 0 5px;
	}
	div#contents .historyBox {
		clear: both;
		margin-bottom: 60px;
	}
	div#contents #historyInner p {
		color: #666666;
		margin: 16px 0 30px;
		font-size: 13px;
		line-height: 21px;
	}
	div#contents .historyBox div {
		text-align: center;
	}
	div#contents .historyBox:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	div#contents #historyInner h2 {
		font-size: 15px;
		font-weight: normal;
		color: #444445;
		background-color: #e7e7e7;
		display: inline-block;
		line-height: 20px;
		padding: 0 5px;
	}
	div#contents #historyInner h3 {
		font-size: 15px;
		font-weight: normal;
		color: #000;
		line-height: 20px;
		margin-top: 10px;
	}
	div#contents .historyBox {
		clear: both;
		margin-bottom: 60px;
	}
	div#contents .historyBox:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	div#contents .historyBox .fr {
		float: right;
		margin: 5px 0 20px 15px;
	}
	div#contents .historyBox .fl {
		float: left;
		margin: 5px 15px 20px 0;
	}
	#historySlider {
		width: 100%;
		max-width: 959px;
		overflow: hidden;
	}
	#historySlider .historySliderInner {
		display: block;
		position: relative;
		max-width: 959px;
		margin: 0 0 43px;
		padding: 0px;
		width: 100%;
	}
	#historySlider .historySliderInner .bx-wrapper {
		max-width: 959px !important;
	}
	#historySlider .bx-wrapper {
    background: #999 !important;
	}
	ul.historyList {
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	ul.historyList li.unroll {
		background-color: #707070;
	}
	ul.historyList li {
		float: left;
		margin: 0px;
		padding: 0px;
		background-color: #999;
		width: 120px;
		text-align: center;
		font-size: 15px;
		line-height: 32px;
		color: #fff;
		display: inline-block;
		border-right: 1px solid #fff;
		overflow: hidden;
	}
	ul.historyList li a {
		color: #fff;
	}
	ul.historyList02 {
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	ul.historyList02 li.unroll {
		background-color: #707070;
	}
	ul.historyList02 li {
		float: left;
		margin: 0px;
		padding: 0px;
		background-color: #999;
		text-align: center;
		font-size: 15px;
		line-height: 32px;
		color: #fff;
		display: inline-block;
		border-right: 1px solid #fff;
		overflow: hidden;
	}
	ul.historyList02 li a {
		color: #fff;
	}
	ul.historyList03 {
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	ul.historyList03 li.unroll {
		background-color: #707070;
	}
	ul.historyList03 li {
		float: left;
		margin: 0px;
		padding: 0px;
		background-color: #999;
		width: 120px;
		text-align: center;
		font-size: 15px;
		line-height: 32px;
		color: #fff;
		display: inline-block;
		border-right: 1px solid #fff;
		overflow: hidden;
	}
	ul.historyList03 li a {
		color: #fff;
	}
	.bx-viewport {
		left: 0;
		box-shadow: none;
		border: none;
		overflow: inherit !important;
	}
	.bx-wrapper {
		box-shadow: none !important;
		border: none !important;
	}
	.bx-wrapper .bx-loading {
		background: none;
	}

	.slick-prev, .slick-next {
		display: none !important;
	}
	footer .sp-footerMenu .members a {
		width: 100%;
		height: inherit !important;
		display: block;
		padding: 18px 0;
	}
	#navPage {
		height: 52px;
		border-top: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
	}
	#navPage > ul {
		display: flex;
	}
	#history #navPage > ul > li {
		width: 50%;
	}
	#history #navPage > ul > li.next {
		text-align: right;
		padding-right: 30px;
		width: 50%;
		line-height: 50px;
		font-size: 18px;
	}
	#history #navPage > ul > li.back {
		text-align: left;
		padding-left: 30px;
		width: 50%;
		line-height: 50px;
		font-size: 18px;
	}
	#navPage > ul > li.next a, #navPage > ul > li.back a {
		position: relative;
	}
	#history #navPage > ul > li.next a::after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 1px #b6b6b6;
		border-right: solid 1px #b6b6b6;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 4px;
		right: -17px;
	}
	#history #navPage > ul > li.back a::before {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-bottom: solid 1px #b6b6b6;
		border-left: solid 1px #b6b6b6;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 4px;
		left: -17px;
	}
	#craftmanship #navPage > ul > li:first-child {
		width: 30%;
	}
	#craftmanship #navPage > ul > li:last-child {
		width: 70%;
	}
	#craftmanship #navPage > ul > li.next {
    text-align: right;
    padding: 7px 30px 7px 0;
	}
	#craftmanship #navPage > ul > li.back {
    text-align: left;
    padding: 16px 0 16px 30px;
	}
	#craftmanship #navPage > ul > li.next a {
    display: inline-block;
    text-align: left;
    line-height: 18px;
    font-size: 13px;
    color: #666666;
	}
	#craftmanship #navPage > ul > li.back a {
    display: inline-block;
    text-align: left;
    line-height: 18px;
    font-size: 14px;
    color: #666666;
	}
	#craftmanship #navPage > ul > li.next a::after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 1px #b6b6b6;
		border-right: solid 1px #b6b6b6;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 14px;
		right: -17px;
	}
	#craftmanship #navPage > ul > li.back a::before {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-bottom: solid 1px #b6b6b6;
		border-left: solid 1px #b6b6b6;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 4px;
		left: -17px;
	}
	.language {
		text-align: right;
		padding: 20px 20px;
	}
	.language a {
		font-size: 12px;
		padding: 2px 10px;
		color: #444445;
	}
	.language a:first-child {
		border-right: 1px solid;
	}
	.language a:last-child {
		border-left: 1px solid;
	}
	.language a.active {
		text-decoration: underline;
	}
	/*クラフトマンシップ*/
	.craftsmanshipHeader {
		font-size: 0;
	}
	.cfnavi_sp {
    display: inline-block;
    width: 100%;
	}
	.cfnavi_sp > ul {
    display: flex;
}
	.cfnavi_sp > ul > li {
		width: 14%;
		height: 50px;
	}
	.cfnavi_sp > ul > li a {
    background-color: #bcbcbc;
    margin-left: 2px;
    display: block;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 15px;
}
	.cfnavi_sp > ul > li a.ma-none{
		margin-left: 0;
	}
	.cfnavi_sp > ul > li.ma-2 {
		margin-left: 2px;
	}
.cfnavi_sp > ul > li.active {
    width: 44%;
    background-color: #999999;
    color: #fff;
    text-align: center;
    padding: 8px 0 0 0;
    font-size: 15px;
    line-height: 18px;
}
	.cfnavi_sp > ul > li.active span {
    display: block;
    font-size: 11px;
		letter-spacing: 0;
}
#craftsmanshipInner {
    margin: 40px auto 20px;
    padding: 0px 20px 0px 20px;
    max-width: 760px;
    background: #fff;
    width: 100%;
}
	#craftsmanshipInner h2 {
		    font-size: 20px;
    line-height: 20px;
	}
	#craftsmanshipInner .craftsmanshipBox {
		margin-bottom: 50px;
	}
	#craftsmanshipInner .craftsmanshipBox p {
    font-size: 13px;
    margin: 30px 0;
    line-height: 21px;
}
	#craftsmanshipInner h3 {
    font-size: 15px;
    margin: 15px 0 30px;
    line-height: 15px;
}
	#navLocal {
		width: 100%;
		margin-top: 50px;
	}
#navLocal > ul > li a {
    width: 100%;
    text-align: left;
    line-height: 50px;
    padding: 0 21px;
    color: #fff;
    position: relative;
    background-color: #bcbcbc;
    display: block;
    margin-bottom: 1px;
    font-size: 16px;
    letter-spacing: 0.05em;
}
	#navLocal > ul > li a span {
    font-size: 13px;
    padding-left: 30px;
}
	#navLocal > ul > li a.active {
		background-color: #999999;
	}
#navLocal > ul > li a::before {
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    content: '';
    top: 40%;
}
}