@charset "UTF-8";

body { font:12px YakuHanJP, 'Noto Serif JP', serif; -webkit-text-size-adjust: 100%; overflow-x: hidden; color: #222222;}
#ak1-2020ss { display: none; position: relative; z-index: 1;}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


/* layout
**************************************************************************************************************************/
.pc { display:none!important; }

.contents-ak1-2020ss { }
.contents-ak1-2020ss.is-fixed { position: fixed; top: 0; left: 0; z-index: 3; }

#loading {  background: #0076a8; width: 100%; height: 100vh; position: relative; z-index: 2; }
#loading .splash { position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#loading .imgtxt { }
#loading .img { margin-bottom: 0px; text-align: center; }
#loading .img img { width: 215px; height: auto; }

/* common
**************************************************************************************************************************/
.en { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; letter-spacing: 0.1em; }
header { position: relative; position: fixed; width: 100%; top: 0; left: 0; z-index: 5; background: #fff;  -webkit-transition: all 0.5s; transition: all 0.5s; }
header.is-hide { opacity: 0; }
header .header-base { position: relative; padding: 24px; height: 72px; overflow: hidden; z-index: 20; }
header .header-base h1 { width: 50px; height: 21px; text-align: center; line-height: 1; margin-top: -2px; margin-left: auto; margin-right: auto; }
header .header-base h1 img { width: 100%; height: auto; }
header .header-base.is-active { color: #fff; height: 80px; }
header .header-base.is-active h1 { background: url(https://cdn1.beams.co.jp/special/ak1/2021ss/img/common/logo-w.png) 50% 50% no-repeat; background-size: 100% 100%; width: 80px; height: 33px; }
header .header-base.is-active h1 img { opacity: 0; }
header .header-base h2 { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; letter-spacing: 0.1em; font-size: 10px; line-height: 1.3; position:absolute; top:50%; left: 14px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  }
header .header-base h2 span { display: block; }
header .header-base .tgl { position:absolute; top:50%; right: 22px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 15px; }
header .header-base .tgl span { display: block; text-indent: -9999px; }
header .header-base .tgl span { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #000; height: 1px; position: absolute; left: 0; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: transform .3s, opacity .3s; transition: transform .3s, opacity .3s, -webkit-transform .3s; width: 100%; }
header .header-base .tgl span:nth-of-type(1) { top: 0; -webkit-transition: top .2s; transition: top .2s; }
header .header-base .tgl span:nth-of-type(2) { top: 7px; }
header .header-base .tgl span:nth-of-type(3) { bottom: 0; -webkit-transition: bottom .2s; transition: bottom .2s; }
header .header-base .tgl.is-active { height: 15px; width: 15px; }
header .header-base .tgl.is-active span { background-color: #fff; }
header .header-base .tgl.is-active span:nth-of-type(1) { top: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
header .header-base .tgl.is-active span:nth-of-type(2) { opacity: 0; }
header .header-base .tgl.is-active span:nth-of-type(3) { bottom: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
header .drawer { background: #0076a8; text-align: center; padding: 140px 15px 20px 15px; height: 100vh; opacity: 0; position: absolute; top: 0; left: 100%;  -webkit-transition: opacity 0.5s; transition: opacity 0.5s; width: 100%; z-index: 1; color: #fff; }
header .drawer.is-active { left: 0; opacity: 1; z-index: 10; position: fixed;}
header .drawer nav { }
header .drawer nav ul { margin-bottom: 70px; }
header .drawer nav ul li { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; letter-spacing: 0.1em; font-size: 21px; margin-bottom: 40px; line-height: 1;  }
header .drawer nav ul li:last-of-type { margin-bottom: 0; }
header .drawer nav ul li a { color: #fff; }
header .drawer .lead { display: none; }
header .drawer h2 { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; letter-spacing: 0.1em; font-size: 14px; margin-bottom: 14px; }
header .drawer .social { margin-bottom: 50px; }
header .drawer .social ul { display: flex; justify-content: center;  }
header .drawer .social ul li { width: 28px; margin: 0 10px; }
header .drawer .social ul li img { width: 100%; height: auto; }
header .drawer .national { margin-bottom: 15px; }
header .drawer .national a { }
header .drawer .national img { width: 21%; height: auto; }
header .drawer .copyright { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; letter-spacing: 0.1em; font-size: 10px; }

footer { background: #fff; text-align: center; padding: 0px 10% 20px 10%; }
footer nav {  border-top: 1px solid #000; padding-top: 50px; }
footer nav ul { margin-bottom: 70px; }
footer nav ul li { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; letter-spacing: 0.1em; font-size: 21px; margin-bottom: 40px; line-height: 1;  }
footer nav ul li:last-of-type { margin-bottom: 0; }
footer nav ul li a { }
footer .lead { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; letter-spacing: 0.1em; font-size: 14px; line-height: 1.66; margin-bottom: 30px;  }
footer h2 { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; letter-spacing: 0.1em; font-size: 14px; margin-bottom: 14px; }
footer .social { margin-bottom: 50px; }
footer .social ul { display: flex; justify-content: center;  }
footer .social ul li { width: 28px; margin: 0 10px; }
footer .social ul li img { width: 100%; height: auto; }
footer .national { margin-bottom: 15px; }
footer .national a { }
footer .national img { width: 21%; height: auto; }
footer .copyright { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; letter-spacing: 0.1em; font-size: 10px; }

.pagetop { text-align: center; padding: 50px 0; }
.pagetop img { width: 35px; height: auto; }

/* parts
**************************************************************************************************************************/
.bg01 { background: #0076a8; padding: 60px 0; color: #fff; margin-bottom: 60px; }
.bg01 a { color: #fff; }
.bg01 *:last-of-type { margin-bottom: 0; }
.pagenv { padding: 50px 10% 50px 10%; }
.pagenv ul { }
.pagenv ul li { margin-bottom: 40px; text-align: center; height: 45vw; font-family: 'Century Gothic W01' , 'Questrial', sans-serif; letter-spacing: 0.1em; }
.pagenv ul li:last-of-type { margin-bottom: 0; }
.pagenv ul li a { display: block; position: relative; width: 100%; height: 100%; font-size: 18px; -webkit-transition: all 0.2s; transition: all 0.2s; }
.pagenv ul li a::after { content: '+';font-family: 'Century Gothic W01' , 'Questrial', sans-serif; display: block; width: 25px; height: 25px; padding-top: 3px; background: rgba(0,0,0,0.9); color: #fff; font-size: 20px; position: absolute; bottom: 0; right: 0; text-align: center;-webkit-transition: all 0.2s; transition: all 0.2s; }
.pagenv ul li a span { position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; }
.pagenv ul li.collection { }
.pagenv ul li.collection a { background: url(https://cdn1.beams.co.jp/special/ak1/2021ss/img/common/thumb-collection-sp.jpg) 50% 50% no-repeat; background-size: cover; color: #fff; }
.pagenv ul li.store { }
.pagenv ul li.store a { background: url(https://cdn1.beams.co.jp/special/ak1/2021ss/img/common/thumb-store-sp.jpg) 50% 50% no-repeat; background-size: cover; color: #fff; }
.pagenv ul li.talk { }
.pagenv ul li.talk a { background: url(https://cdn1.beams.co.jp/special/ak1/2021ss/img/common/thumb-talk-sp.jpg) 50% 50% no-repeat; background-size: cover; color: #fff; }
.pagenv ul li a:hover { opacity: 0.8; }
.pagenv ul li a:hover::after { opacity: 0.8; }


/* top
**************************************************************************************************************************/
/* talk */
#talk { margin-top: 72px; overflow: hidden; position: relative; z-index: 2; }
#talk .kv-talk { }
#talk .kv-talk .kv { position: relative; margin-bottom: 33px; }
#talk .kv-talk .en { position:absolute; top: 30px; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; text-align: center; font-size: 12px; }
#talk .kv-talk img { width: 100%; height: auto; }
#talk .logo-lead { padding: 0 42px; margin-bottom: 42px; }
#talk .logo-lead .lead { width: 100%; }
#talk .logo-lead .lead img { width: 100%; height: auto; }
#talk .intro { padding: 0 42px; margin-bottom: 75px; }
#talk .intro h3 {  font-size: 22px; line-height: 1.5; margin-bottom: 0.8em; }
#talk .intro p { font-size: 14px; line-height: 2; }
#talk .items { }

/* collection */
.kv-lookbook { margin-bottom: 50px; overflow: hidden; position: relative; z-index: 2; }
.kv-lookbook .kv { position: relative; }
.kv-lookbook .en {  position:absolute; top: 30px; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; text-align: center; font-size: 12px; }
.kv-lookbook img { width: 100%; height: auto; }
.logo-lead { text-align: center; margin-bottom: 75px; }
.logo-lead .logo { margin-bottom: 40px; }
.logo-lead .logo img { width: 29%; height: auto; }
.logo-lead .lead { }
.logo-lead .lead p { }
.logo-lead .lead img { width: 63%; height: auto; }
.items { margin-bottom: 15%; }
.items .item .txt { padding: 0 40px; margin-bottom: 6%; }
.items .item .txt h3 {  font-size: 22px; line-height: 1.5; margin-bottom: 0.8em; }
.items .item .txt p { font-size: 14px; line-height: 1.57;margin-bottom: 1em; }
.items .item .img { margin-bottom: 6%; }
.items .item .img picture { display: block; }
.items .item .img img { width: 100%; height: auto; }
.items .item .iteminfo { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; font-size: 12px; letter-spacing: 0.1em; padding: 10px 0; }
.items .item .iteminfo a { text-decoration: underline; }
.items .item .thumb a { display: block; position: relative; -webkit-transition: all 0.2s; transition: all 0.2s;  }
.items .item .thumb a:hover { opacity: 0.8; }
.items-a .item:nth-of-type(1) .img { padding-right: 21%; }
.items-a .item:nth-of-type(2) .img { padding-left: 21%; }
.items-b .item:nth-of-type(1) .img { padding: 0 40px; }
.items-c .item .img picture:nth-of-type(1) { padding: 0 17% 0 0; }
.items-c .item .img picture:nth-of-type(2) { padding: 0 0 0 16%; margin-top: -30px; }
.items-c .item .iteminfo { text-align: right; padding-right: 10px;}
.items-d .item:nth-of-type(1) .img { padding: 0 40px; }
.items-e .item .img picture:nth-of-type(1) { padding: 0 10% 0 17%; }
.items-e .item .img picture:nth-of-type(2) { padding: 0 16% 0 0; margin-top: 60px; }
.items-e .item .iteminfo { text-align: left; padding-left: 10px;}
.items-f .item .img picture:nth-of-type(1) { padding: 0 0 0 16%; }
.items-f .item .img picture:nth-of-type(2) { padding: 0 16% 0 0; margin-top: 60px; }
.items-f .item .iteminfo { text-align: left; padding-left: 10px;}
.profile { }
.profile .imgtxt {margin-bottom: 3em; }
.profile .img { margin-bottom: 35px; }
.profile .img picture { }
.profile .img img { width: 100%; height: auto; }
.profile .txt { padding: 0 10%; }
.profile .txt h3 { font-size: 22px; line-height: 1.5; margin-bottom: 0.8em;  }
.profile .txt p { font-size: 14px; line-height: 1.9; margin-bottom: 1em; }
.profile .profile-body { margin: 0 20px; background: #eeeeee; padding: 20px; }
.profile .profile-body h4 { font-size: 14px; margin-bottom: 0.4em; }
.profile .profile-body p { font-size: 13px; line-height: 1.57; margin-bottom: 1.5em; }
.profile .profile-body p:last-of-type { margin-bottom: 0; }
.profile .profile-body a { }
.credit { padding: 40px 0; text-align: center; }
.credit.last { padding: 0; }
.credit p { font-size: 12px; line-height: 2; font-family: 'Century Gothic W01' , 'Questrial', sans-serif; }
.items-g .item .img picture:nth-of-type(1) { padding: 0 16% 0 0; }
.items-g .item .img picture:nth-of-type(2) { padding: 0 0 0 17%; margin-top: 60px; }
.items-g .item .img picture:nth-of-type(1) .iteminfo { text-align: right; }
.items-h .item .img picture:nth-of-type(1) { padding: 0 16% 0 0; }
.items-h .item .img picture:nth-of-type(2) { padding: 0 0 0 17%; margin-top: 60px; }
.items-h .item .img picture:nth-of-type(1) .iteminfo { text-align: right; }
.items-i .item .img picture:nth-of-type(1) .iteminfo { padding-left: 10px; }
.items-j .item .img picture:nth-of-type(1)  { padding: 0 10%; }
.items-j .item .img picture:nth-of-type(2) { padding: 0 21% 0 0; margin-top: 60px; }
.items-j .item .iteminfo { text-align: left; padding-left: 0px;}
.items-j .item .img picture:nth-of-type(2) .iteminfo { text-align: right; }
.items-k .item .img picture:nth-of-type(1)  { padding: 0 49% 0 0; position: relative; z-index: 2; margin-bottom: 5em;}
.items-k .item .img picture:nth-of-type(2) { padding: 0 0 0 21%; margin-top: -40px; }
.items-k .item .img picture:nth-of-type(1) .iteminfo { padding-left: 10px; }
.items-l .item .img picture:nth-of-type(1)  { padding: 0 10%; }
.items-l .item .img picture:nth-of-type(2) {  padding: 0 10%; margin-top: 60px; }
.items-m .item .img picture:nth-of-type(1)  { padding: 0 10%; }
.items-n .item .img picture:nth-of-type(1)  { padding: 0; }
.items-n .item .img picture:nth-of-type(1) .iteminfo { text-align: left; padding-left: 10px;}
.items-n .item .img picture:nth-of-type(2)  { padding: 0 10%; margin-top: 60px; }


@media screen and (min-width: 769px) {

	body { }

	.pc { display:block!important; }
	.sp { display:none!important; }
	
	#loading { }
	#loading .splash { }
	#loading .imgtxt { width: 230px; margin: 0 auto; }
	#loading .img { margin-bottom: 0px; text-align: center; }
	#loading .img img { width: 100%; height: auto; }

	/* common
	**************************************************************************************************************************/
	.en { }
	header { background: none; }
	header .header-base { position: relative; padding: 24px; height: 72px; overflow: hidden; z-index: 20; }
	header .header-base h1 { text-align: left; margin-left: 0; width: 80px; height: 34px; }
	header .header-base h1 img { }
	header .header-base h2 { display: none; }
	header .header-base h2 span { }
	header .header-base .tgl { right: 24px; width: 30px; height: 30px; }
	header .header-base .tgl span { }
	header .header-base .tgl span { }
	header .header-base .tgl span:nth-of-type(1) { top: 0; -webkit-transition: top .2s; transition: top .2s; }
	header .header-base .tgl span:nth-of-type(2) { top: 14px; }
	header .header-base .tgl span:nth-of-type(3) { bottom: 0; -webkit-transition: bottom .2s; transition: bottom .2s; }
	header .header-base .tgl.is-active { height: 30px; width: 30px; }
	header .header-base .tgl.is-active span:nth-of-type(1) { top: 14px; }
	header .header-base .tgl.is-active span:nth-of-type(2) { }
	header .header-base .tgl.is-active span:nth-of-type(3) { bottom: 14px; }
	header .drawer { padding: 140px 15px 20px 15px;  }
	header .drawer.is-active {  }
	header .drawer nav { }
	header .drawer nav ul { margin-bottom: 70px; }
	header .drawer nav ul li { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; letter-spacing: 0.1em; font-size: 21px; margin-bottom: 40px; line-height: 1;  }
	header .drawer nav ul li:last-of-type { margin-bottom: 0; }
	header .drawer nav ul li a { }
	header .drawer .lead { display: none; }
	header .drawer h2 { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; letter-spacing: 0.1em; font-size: 14px; margin-bottom: 14px; }
	header .drawer .social { margin-bottom: 50px; }
	header .drawer .social ul { display: flex; justify-content: center;  }
	header .drawer .social ul li { width: 28px; margin: 0 10px; }
	header .drawer .social ul li.ln { }
	header .drawer .social ul li img { width: 100%; height: auto; }
	header .drawer .national { margin-bottom: 15px; }
	header .drawer .national a { }
	header .drawer .national img { width: 86px; }
	header .drawer .copyright { }

	.sitewidth { max-width: 1080px; padding: 0 40px; margin: 0 auto;}

	footer { background: #fff; text-align: center; padding: 90px 20px; max-width: 1100px; margin: 0 auto; border-top: 1px solid #000; position: relative; z-index: 2; }
	footer nav { display: none; }
	footer nav ul {  }
	footer nav ul li {   }
	footer nav ul li:last-of-type {  }
	footer nav ul li a { }
	footer .lead { display: block; font-size: 18px; margin-bottom: 40px; }
	footer h2 { margin-bottom: 16px; }
	footer .social { margin-bottom: 50px; }
	footer .social ul { display: flex; justify-content: center; align-items: center; }
	footer .social ul li { margin: 0 10px; padding: 0; line-height: 1; text-align: center; }
	footer .social ul li:first-of-type {  }
	footer .social ul li.ln { }
	footer .social ul li img { width: 100%; height: auto; }
	footer .logo-copy { display: flex; flex-wrap: wrap; }
	footer .national { order: 2; width: 100%;  margin-bottom: 0; }
	footer .national a { }
	footer .national img { width: 86px;}
	footer .copyright { order: 1;  width: 100%; font-size: 10px; margin-bottom: 10px; }
	
	.pagetop { text-align: center; padding: 0; position: fixed; bottom: 50px; right: 50px; z-index: 2; display: none; }
	.pagetop img { width: 25px; height: auto; }

	/* parts
	**************************************************************************************************************************/
	.bg01 { padding-top: 100px; padding-bottom: 100px; margin-bottom: 100px; }
	.pagenv { padding: 100px 0px 100px 0; margin: 0 auto; max-width: 1100px; }
	.pagenv ul { display: flex; justify-content: center; }
	.pagenv ul li { width: 32%; margin-bottom: 0; margin: 0 1%; height: 200px; }
	.pagenv ul li:first-of-type { margin-left: 0;  }
	.pagenv ul li:last-of-type { margin-right: 0;  }
	.pagenv ul li a { font-size: 24px; line-height: 1.3; }
	.pagenv ul li a::after { width: 40px; height: 34px; padding-top: 6px; overflow: hidden; background: rgba(0,0,0,0.9);  font-size: 28px; line-height: 1;  }
	.pagenv ul li a span { position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; }
	.pagenv ul li.collection { }
	.pagenv ul li.collection a { background: url(https://cdn1.beams.co.jp/special/ak1/2021ss/img/common/thumb-collection-pc.jpg) 50% 50% no-repeat; background-size: cover; color: #fff; }
	.pagenv ul li.store { }
	.pagenv ul li.store a { background: url(https://cdn1.beams.co.jp/special/ak1/2021ss/img/common/thumb-store-pc.jpg) 50% 50% no-repeat; background-size: cover; color: #fff; }
	.pagenv ul li.talk { }
	.pagenv ul li.talk a { background: url(https://cdn1.beams.co.jp/special/ak1/2021ss/img/common/thumb-talk-pc.jpg) 50% 50% no-repeat; background-size: cover; color: #fff; }
	.pagenv ul li a:hover { opacity: 0.8; }
	.pagenv ul li a:hover::after { }


	/* top
	**************************************************************************************************************************/
	/* talk */
	#talk { margin-top: 0; overflow: hidden; }
	#talk .kv-talk { }
	#talk .kv-talk .kv { }
	#talk .kv-talk .en  { top: 40px; font-size: 14px; }
	#talk .kv-talk img {  }
	#talk .logo-intro { display: flex; justify-content: space-between; max-width: 1140px; padding: 0 50px; margin: 0 auto; }
	#talk .logo-lead { width: 48.7%; order: 2; display: block; text-align: center; margin-bottom: 0; }
	#talk .logo-lead .logo { width: 100%; padding-top: 130px; margin-bottom: 43px; }
	#talk .logo-lead .logo img { width: 180px; height: auto; }
	#talk .logo-lead .lead { width: 100%; margin-top: 60px; }
	#talk .logo-lead .lead p { }
	#talk .logo-lead .lead img { width: 260px; height: auto; }
	#talk .intro { width: 52%; order: 1; padding: 0; margin-bottom: 0; position: relative; top: -215px;}
	#talk .intro h3 { font-size: 30px; text-shadow:0 0 5px #fff, 0 0 15px #fff; }
	#talk .intro p { font-size: 16px; line-height: 2.125; letter-spacing: 0.05em;  text-shadow:0 0 2px #fff, 0 0 10px #fff; }
	#talk .items { }
	
	/* collection */
	.kv-lookbook { margin-bottom: 100px; }
	.kv-lookbook .kv { }
	.kv-lookbook .en {   top: 40px; font-size: 14px; }
	.kv-lookbook img { }
	.logo-lead { text-align: center; margin-bottom: 85px; }
	.logo-lead .logo { margin-bottom: 30px; }
	.logo-lead .logo img { width: 154px; }
	.logo-lead .lead { }
	.logo-lead .lead p { }
	.logo-lead .lead img { width: 206px;  }
	.items { margin-bottom: 100px; }
	.items .item .txt { padding: 0 40px; margin-bottom: 6%; }
	.items .item .txt h3 {  font-size: 26px;  }
	.items .item .txt p { font-size: 16px;  }
	.items .item .img { margin-bottom: 6%; }
	.items .item .img picture { display: block; }
	.items .item .img img { width: 100%; height: auto; }
	.items .item .iteminfo { font-family: 'Century Gothic W01' , 'Questrial', sans-serif; font-size: 12px; letter-spacing: 0.1em; padding: 10px 0; }
	.items .item .iteminfo a { text-decoration: underline; }
	.items .item .thumb a { display: block; position: relative; -webkit-transition: all 0.2s; transition: all 0.2s;  }
	.items .item .thumb a:hover { opacity: 0.8; }
	.items-a { display: flex; }
	.items-a .item:nth-of-type(1) { width: 50%; }
	.items-a .item:nth-of-type(1) .img { padding-right: 80px; }
	.items-a .item:nth-of-type(2) { width: 50%; }
	.items-a .item:nth-of-type(2) .img { padding-left: 80px; }
	.items-b .imgtxt { display: flex; }
	.items-b .imgtxt .txt { order: 1; width: 50%; }
	.items-b .imgtxt .img { order: 2; width: 50%; }
	.items-b .item:nth-of-type(1) .img { padding:  padding-left: 80px; }
	.items-c .item .img { display: flex;}
	.items-c .item .img picture:nth-of-type(1) { width: 50%; padding: 0; order: 2; margin-top: 190px; }
	.items-c .item .img picture:nth-of-type(1) img { width: 105%; }
	.items-c .item .img picture:nth-of-type(2) { width: 50%; padding: 0; order: 1; }
	.items-c .item .img picture:nth-of-type(2) img { width: 105%; position: relative; z-index: 2;}
	.items-c .item .iteminfo { text-align: left; padding-right: 0px;}
	.items-c .item .txt { margin-top: -130px; padding: 0 12%; }
	.items-d .imgtxt { display: flex; }
	.items-d .item:nth-of-type(1) .img { width: 50%; padding: 0 80px 0 0; }
	.items-d .item:nth-of-type(1) .txt { width: 50%; padding: 60px 30px 0 0; }
	.items-e .imgtxt { display: flex; align-items: center; }
	.items-e .item .img { width: 50%; padding: 0; }
	.items-e .item .img img { width: 102%; height: auto; }
	.items-e .item .img picture:nth-of-type(2) { padding: 0; }
	.items-e .item .txt { width: 50%; padding: 0 0 0 80px; }
	.items-e .item .txt picture {  margin-bottom: 40px;}
	.items-e .item .txt img { width: 100%; height: auto; }
	.items-e .item .txt .iteminfo { display: none; }
	.items-e .item .img picture:nth-of-type(1) { padding: 0 0; }
	.items-e .item .iteminfo { text-align: left; padding-left: 0px;}
	.items-f .item .img { display: flex; }
	.items-f .item .img picture:nth-of-type(1) { width: 50%; padding: 0 65px 0 0; margin-top: 150px; }
	.items-f .item .img picture:nth-of-type(2) { width: 50%; padding: 0; margin-top: 0px; }
	.items-f .item .txt { padding: 0 12%; }
	.items-f .item .iteminfo { text-align: right; padding-left: 0px;}
	.profile { }
	.profile .imgtxt { margin-bottom: 3em; }
	.profile .img { margin-bottom: 35px; }
	.profile .img picture { }
	.profile .img img { width: 100%; height: auto; }
	.profile .txt { padding: 0 14%; }
	.profile .txt h3 { font-size: 26px; text-align: center; }
	.profile .txt p { font-size: 16px; }
	.profile .profile-body { margin: 0 14%; padding: 30px; }
	.profile .profile-body h4 { font-size: 15px;}
	.profile .profile-body p { font-size: 14px; }
	.profile .profile-body p:last-of-type { margin-bottom: 0; }
	.profile .profile-body a { }
	.credit { padding: 110px 0;  }
	.credit.last { padding: 0; }
	.credit p { font-size: 13px; }
	.items-g .item .img { display: flex; align-items: center;}
	.items-g .item .img picture:nth-of-type(1) { width: 50%; padding: 0 40px 0 0; }
	.items-g .item .img picture:nth-of-type(2) { width: 50%; padding: 0 0 0 40px; margin-top: 0px; }
	.items-g .item .iteminfo { text-align: right;}
	.items-h .item .img { display: flex; }
	.items-h .item .img picture:nth-of-type(1) { padding: 0 30px 0 0; }
	.items-h .item .img picture:nth-of-type(2) { padding: 0 0 0 30px; margin-top: 100px; }
	.items-h .item .iteminfo { text-align: right;}
	.items-i .item { width: 50%; margin: 0 auto;}
	.items-i .item .iteminfo { text-align: right;}
	.items-j .item .img { display: flex; align-items: center;}
	.items-j .item .img picture:nth-of-type(1) { width: 50%; padding: 0 10px 0 0; }
	.items-j .item .img picture:nth-of-type(1) .iteminfo { text-align: right;}
	.items-j .item .img picture:nth-of-type(2) { width: 50%; padding: 0 0 0 50px; margin-top: 0px; }
	.items-j .item .img picture:nth-of-type(2) .iteminfo { display: none; }
	.items-j .item .iteminfo { }
	.items-k .item .img { display: flex; align-items: center;}
	.items-k .item .img picture:nth-of-type(1) { width: 50%; padding: 0 0 0 60px; }
	.items-k .item .img picture:nth-of-type(1) img { width: 102%; }
	.items-k .item .img picture:nth-of-type(1) .iteminfo { padding-left: 0px; }
	.items-k .item .img picture:nth-of-type(2) { width: 50%; padding: 0 60px 0 130px; margin-top: 0px; }
	.items-k .item .img picture:nth-of-type(2) .iteminfo { display: none; }
	.items-l .item .img { display: flex; }
	.items-l .item .img picture:nth-of-type(1) { width: 50%; order: 2; padding: 0 0 0 20px; }
	.items-l .item .img picture:nth-of-type(2) { width: 50%; order: 1; padding: 0 20px 0 0; margin-top: 175px; }
	.items-m .item .img picture:nth-of-type(1) { padding: 0; }
	.items-n .item .img { display: flex; }
	.items-n .item .img picture:nth-of-type(1) { width: 50%; padding: 0 30px 0 0 ; }
	.items-n .item .img picture:nth-of-type(1) .iteminfo { text-align: left; padding-left: 0px;}
	.items-n .item .img picture:nth-of-type(2) { width: 50%; padding: 0 0 0 30px; margin-top: 90px; }
	.items-n .item .img picture:nth-of-type(2) .iteminfo { text-align: right; padding-left: 0px;}

}