@charset "UTF-8";
/** -----------------------------------------------
  共通
------------------------------------------------**/
body {
	font-size: 18px;
	line-height: 1.6;
	color: #333;
	background-color:#fef4e8;
	font-family: 筑紫A丸ゴシック, YuGothic,'Yu Gothic', Sans-Serif;
	text-decoration: none;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
	color: #333;
}

ul {
	list-style-type: none;
}

.pc-only {
	display: block;
}

.sp-only {
	display: none;
}

@media screen and (max-width:768px){
	
	.pc-only {
		display: none;
	}

	.sp-only {
		display: block;
	}
}

/* ----------------------レイアウト---------------------------- */

#concept, #about, #members, #worklife, #recruit, #faq, #cta {
	padding: 50px 0 60px 0;
}

.section-inner1 {
	width: 100%;
	max-width: 1000px;
	margin: 30px auto 50px;
}

.section-inner2 {
	width: 100%;
	max-width: 1200px;
	margin: 30px auto 50px;
}

.col-2 {
	display: flex;
	justify-content: space-between;
}

.col-2 .item {
	width: calc((100% - 40)/2);
}

.col-3 {
	display: flex;
	justify-content: space-between;
}

.col-3 .item {
	width: calc((100% - 40px)/2);
}

@media screen and (max-width:768px){

	#concept, #about, #members, #worklife, #recruit, #faq, #cta {
		padding: 14px 0 28px
	}

	.section-inner1 {
		max-width: 550px;
		padding: 0 15px;
		margin: 0;
	}

	.section-inner2 {
		max-width: 550px;
		padding: 0 15px;
		margin: 0;
	}

	.pc-only {
		display: none;
	}

	.sp-only {
		display: block;
	}
	
}




/* ----------------------テキスト------------------------------ */

h2 {
	font-size: 24px;
	text-align: center;
	z-index: 3;
}


h3 {
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 50px;
}

h4 {
	font-size: 18px;
	font-weight: bold;

}


p {
	text-align: center;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 2;
}


p.large {
	font-size: 20px;
	font-weight: bold;
	line-height: 3;
}
p.medium {
	font-size: 16px;
}

p.small {
	font-size: 14px;
}

p.copyright {
	font-size: 12px;
}

p.number {
	font-family: Helvetica, sans-serif;
	font-size: 72px;
	color: #fdead1;
}

span {
	display: block;
}

@media screen and (max-width:768px){
	h2 {
		font-size: 16px;
		letter-spacing: 0.1em;
	}

	h3 {
		font-size: 16px;
	}

	h4 {
		font-size: 15px;
	}

	p.medium {
		font-size: 13px;
		letter-spacing: 0.075em;
	}

	p.medium span {
		display: inline;
	}

	p.normal {
		font-size: 13px;
		letter-spacing: 0.075em;
	}
}


/* -------------------------ヘッダー----------------------------- */

#header {
	background-color: #fffcf2;
	width: 100%;
	height: 80px;
	padding: 0 80px;
	border-radius: 0 0 45px 45px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top: 0;
	z-index: 4;
}

.header-logo {
	display: flex;
	align-items: center;
	width: 310px;
	justify-content: space-between;
}

.header-logo a {
	display: flex;
}

p.header {
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	color: #f9cea7;
	padding-top: 8px;
	padding-left: 6px;
}

ul.gnav-pc {
	display: flex;
}

ul.gnav-pc li {
	display: flex;
	margin-left: 40px;
}

ul.gnav-pc li a {
	font-family: Helvetica, sans-serif;
	letter-spacing: 0.05em;
	text-align: center;
}

p.small {
	font-size: 14px;
}

ul.gnav-pc li a:hover {
	color: #f39d4e;
}

#menu-item1 a::after {
	content: '私たちについて';
	display: block;
	text-align: center;
	font-family: 筑紫A丸ゴシック;
	font-size: 14px;
}

#menu-item2 a::after {
	content: '働く人の声';
	display: block;
	text-align: center;
	font-family: 筑紫A丸ゴシック;
	font-size: 14px;
}

#menu-item3 a::after {
	content: '働く環境';
	display: block;
	text-align: center;
	font-family: 筑紫A丸ゴシック;
	font-size: 14px;
}

#menu-item4 a::after {
	content: '採用情報';
	display: block;
	text-align: center;
	font-family: 筑紫A丸ゴシック;
	font-size: 14px;
}

#menu-item5 a::after {
	content: 'よくある質問';
	display: block;
	text-align: center;
	font-family: 筑紫A丸ゴシック;
	font-size: 14px;
}

.button {
	display: block;
	width: 150px;
	height: 50px;
	background-color: #f39d4e;
	color: #fffcf2;
	font-size: 24px;
	letter-spacing: 0.1em;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	border-radius: 25px;
}

.button:hover {
	background-color: #f9cea7;
}

.button a {
	color: #fffcf2;
	padding: 10px 25px;
}

/* スマホレスポンシブ */

@media screen and (max-width:640px){
	.gnav-pc-wrap {
		display: none;
	}

	/* ハンバーガーメニューの中身 */
	.gnav-sp-wrap {
		display: none;
		width: 100vw;
		height: 100vh;
		background-color: #fffcf2;
		position: fixed;
		z-index: 3;
		padding-top: 80px;
	}

	ul.gnav-sp li {
		text-align: center;
		margin: 30px;
	}

	ul.gnav-sp li a {
		font-size: 24px;
		color: #b8c2a4;
		font-weight: bold;
	}

	.button {
		display: block;
		width: 150px;
		height: 50px;
		background-color: #f39d4e;
		color: #fffcf2;
		font-size: 24px;
		letter-spacing: 0.1em;
		font-family: Helvetica, sans-serif;
		font-weight: bold;
		line-height: 50px;
		text-align: center;
		border-radius: 25px;
		margin: 40px auto;
	}

	/* ハンバーガーメニューボタン */
	#menu-button {
		display: block;
		width: 60px;
		height: 52px;
		padding: 14px 12px;

	}

	.menu-button-lines {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}

	.menu-button-lines span {
		display: block;
		height: 3px;
		width: 100%;
		background-color: #b8c2a4;
		border-radius: 2px;
	}

	.line1 {
		position: absolute;
		top: 0;
	}
	
	.line2 {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	
	.line3 {
		position: absolute;
		bottom: 0;
	}

	.close span:nth-of-type(1){
	    width: 100%;
	    transform: rotate(45deg);
		top: 10px;
	}
	.close span:nth-of-type(2){
	    opacity: 0;
	}
	.close span:nth-of-type(3){
	    width: 100%;
	    transform: rotate(-45deg);
		bottom: 11px;
	}

	#header {
		padding: 0 24px;
		justify-content: space-between;
	}

	.header-logo {
		display: block;
		width: 150px;
	}

	p.header {
		font-size: 14px;
		padding-top: 4px;
	}

}




/* -----------------------メインビジュアル------------------------- */


#mainvisual {
	width: 100vw;
	max-width: 90%;
	height: 100vh;
	background-image: url(../images/mainpic-pc.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
}

#mainvisual .mv-title {
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#mainvisual .deco-slow1 {
	position: absolute;
	width: 250px;
	top: 12%;
	left: 18%;
	z-index: 1;
	margin: 0;
}

#mainvisual .deco-mid {
	position: absolute;
	width: 150px;
	top: 20%;
	left: 14%;
	z-index: 1;
	margin: 0;
}

#mainvisual .deco-slow2 {
	position: absolute;
	width: 280px;
	top: 85%;
	right: 5%;
	z-index: 1;
	margin-right: 0;
}

@media screen and (max-width:640px){

	#mainvisual {
		width: 100vw;
		height: 100vh;
		background-image: url(../images/mainpic-sp.png);
		max-width: 100%;
	}

	.mv-title {
		display: none;
	}

	#mainvisual .deco-slow1 {
		width: 120px;
		z-index: 1;
	}

	#mainvisual .deco-mid {
		width: 80px;
		left: 8%;
	}

	#mainvisual .deco-slow2 {
		width: 240px;
		right: 0;
		top: 78%;
		z-index: 1;
	}
}


/* ---------------------コンセプト--------------------- */

#concept {
	background-color: #fffcf2;
}

#concept .section-inner2 {
	position: relative;
	width: 100%;
	height: 850px;
	z-index: 0;
}

.concept-pic1 {
	position: absolute;
	left: 0;
	top: 50px;
}

.concept-pic2 {
	position: absolute;
	right: 0;
	top: 480px;
	max-width: 480px;
	z-index: 1;
}

.concept-p {
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	z-index: 1;
	text-shadow: 2px 2px 0 #fffcf2, -2px -2px 0 #fffcf2,
				-2px 2px 0 #fffcf2, 2px -2px 0 #fffcf2,
				0px 2px 0 #fffcf2,  0 -2px 0 #fffcf2,
				-2px 0 0 #fffcf2, 2px 0 0 #fffcf2
}

#concept .viewmore {
	position: absolute;
	bottom: 120px;
	left: 0;
	right: 0;
	text-align: center;
}

#concept .deco-mid {
	position: absolute;
	width: 220px;
	top: 70%;
	left: 5%;
	z-index: 0;
}

#concept .deco-slow {
	position: absolute;
	width: 80px;
	top: 90%;
	left: 20%;
	z-index: 1;
}


@media screen and (max-width:640px){

	#concept {
		padding: 18px;
	}

	#concept .section-inner2 {
		height: 900px;
	}

	p.large {
		font-size: 13px;
		line-height: 3.2;
		letter-spacing: 0.1em;
		text-align: left;
	}

	p.large span{
		display: inline;
	}

	p.large span.sp {
		display: block;
	}

	.concept-p {
		top: 26%;
	}

	#concept .viewmore {
		bottom: 260px;
	}

	.concept-pic1 {
		top: 24px;
	}

	.concept-pic2 {
		top: 650px;
	}

	#concept .deco-mid {
		width: 125px;
		top: 90%;
		left: -15%;
	}

	#concept .deco-slow {
		width: 80px;
		top: 100%;
		left: 15%;
	}

	.viewmore, .viewall {
		width: 90px;
		height: auto;
		margin: 0 auto;
	}

}

/* ---------------------TSUTSUMUについて--------------------- */

.intro {
	margin: 50px 0 40px 0;
}

#about .section-inner1 {
	z-index: 0;
}

.title {
	margin-bottom: 40px;
	position: relative;
}

.title h2 {
	position: relative;
	z-index: 1;
}

.title img {
	position: absolute;
	top: 0;
	left: 50%;
}

.about-wrap1 {
	height: 420px;
	display: flex;
	align-items: center;
	position: relative;
}

.about-pic1 {
	position: absolute;
	right: 0;
	max-width: 40%;
}

.about-txt1 {
	width: 55%;
	height: 240px;
	background-color: #fffcf2;
	opacity: 90%;
	border-radius: 30px;
	margin-top: 40px;
	margin-left: 80px;
	z-index: 1;
	position: relative;
}

.about-wrap2 {
	height: 420px;
	display: flex;
	align-items: center;
	position: relative;
}

.about-pic2 {
	position: absolute;
	left: 5%;
	max-width: 40%;
}

.about-txt2 {
	width: 55%;
	height: 240px;
	background-color: #fffcf2;
	opacity: 90%;
	border-radius: 30px;
	margin: 40px 80px 0 0;
	z-index: 1;
	position: absolute;
	right: 0;
}

.about-wrap2 .semi-title {
	position: absolute;
	left: 40px;
}

#about .viewmore {
	position: absolute;
	right: 60px;
	bottom: 30px;
}


.semi-title {
	position: absolute;
	top: 30px;
	right: 60px;
}

.about-p {
	width: 90%;
	position: absolute;
	top: 80px;
	padding: 0 0 0 40px;
}

#about p.normal {
	display: inline-block;
	text-align: left;
}

.viewall-bottom {
	display: block;
	margin: 50px auto 30px;
}

/* aboutデコレーション */

#about {
	position: relative;
}

#about .deco-slow1 {
	position: absolute;
	width: 250px;
	top: 55%;
	right: 10%;
}

#about .deco-slow2 {
	position: absolute;
	width: 220px;
	bottom: -6%;
	left: 10%;
	z-index: 1;
}

#about .deco-mid {
	position: absolute;
	width: 100px;
	bottom: 5%;
	left: 22%;
}

/* aboutスマホ */

@media screen and (max-width:640px){

	.intro {
		margin: 30px 0 24px;
	}

	.title img {
		width: calc(100% * 0.4);
		height: auto;
	}

	.about-wrap1, .about-wrap2 {
		display: block;

	}

	.about-txt1, .about-txt2{
		width: 100%;
		height: 440px;
		background-color: #fffcf2;
		opacity: 90%;
		border-radius: 30px;
		padding: 0 12px;

		margin-left: 0;
		z-index: 0;
		position: relative;
	}

	.about-pic1 ,.about-pic2{
		position: absolute;
		top: 36px;
		right: 0;
		left: 0;
		margin: 0 auto;
		max-width: 60%;
		max-height: 50%;
	}

	#about .semi-title {
		position: absolute;
		text-align: center;
		top: 265px;
		right: 0;
		left: 0;
		margin: 0 auto;
	}

	.about-p {
		position: absolute;
		top: 300px;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0;
	}

	.viewall-bottom {
		width: 90px;
		height: auto;
		display: block;
		text-align: center;
	}

/* aboutスマホデコレーション */

	#about .deco-slow1 {
		position: absolute;
		width: 180px;
		top: 60%;
		right: 70%;
		z-index: -1;
	}

	#about .deco-slow2 {
		position: absolute;
		width: 130px;
		bottom: -4%;
		left: 0%;

	}

	#about .deco-mid {
		position: absolute;
		width: 80px;
		bottom: 0%;
		left: 15%;
	}

}


/* ---------------------働く人の声--------------------- */

#members {
	background-color: #fffcf2;
	position: relative;
}

.members-col1 .item, .members-col2 .item {
	width: calc((100% - 24px)/2);
	margin: 30px 0 120px;
}

.under {
	background: linear-gradient(transparent -100%, #fffcf2);
	border-radius: 10px;
	margin: 5px 0;
	font-weight: bold;
}

#members .item {
	position: relative;
}

#members .prof {
	position: absolute;
	top: 70%;
	left: 18%;
}

.members-col1 {
	display: flex;
	justify-content: space-between;
	padding-top: 40px;
	margin-right: 120px;
	align-items: flex-end;
}

.members-col2 {
	display: flex;
	justify-content: space-between;
	margin-left: 120px;
	align-items: flex-end;
}


#members .small {
	margin-top: 30px;
}

#members .viewall {
	text-align: center;
}

#members .deco-mid {
	position: absolute;
	width: 250px;
	bottom: -3%;
	left: 12%;
}


/* Membersスマホ */
@media screen and (max-width:640px){

	.members-col1, .members-col2 {
		display: none;
	}

	#members .viewall {
		margin-top: 60px;
	}

	.single-item {
		max-width: 330px;
		height: auto;
		margin: 60px auto;
	}

	.single-item .item {
		padding-bottom: 46px;
	}

	#members .prof {
		position: absolute;
		top: 62%;
		right: 0;
		left: 0;
		margin: 0 auto;
		max-width: 280px;
	}

	#members .small {
		margin-top: 12px;
		font-size: 12px;
	}

	#members .item p.medium span {
		display: block;
		font-size: 13px;
		margin: 0 a;
	}


	#members .deco-mid {
		position: absolute;
		width: 100px;
		bottom: -8%;
		left: 72%;
	}

}


/* ---------------------働く環境--------------------- */

#worklife .col-3 {
	padding: 50px 0;
}

#worklife .col-3 .item {
	position: relative;
}

#worklife .col-3 .img {
	width: 100%;
}

#worklife .col-3 p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10%;
	margin: auto;
	letter-spacing: 0.1em;
}

#worklife a img {
	margin: 0 auto;
}

#worklife .viewmore {
	text-align: center;
}

#worklife {
	position: relative;
}

#worklife .deco-slow {
	position: absolute;
	width: 150px;
	bottom: -2%;
	right: 10%;
	z-index: 1;
}

#worklife .deco-mid {
	position: absolute;
	width: 80px;
	bottom: -15%;
	right:  18%;
	z-index: 1;
}

/* Work Lifeスマホ */

@media screen and (max-width:640px){

	#worklife .sp-only .item {
		position: relative;
		max-width: 150px;
		margin: 0 auto;
	}

	#worklife .sp-only p {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10%;
		margin: auto;
		letter-spacing: 0.1em;
	}

	#worklife .sp-only .col-2 {
		padding-bottom: 30px;
	}

	#worklife .deco-slow {
		position: absolute;
		width: 100px;
		bottom: -13%;
		right: 80%;
		z-index: 1;
	}
	
	#worklife .deco-mid {
		position: absolute;
		width: 50px;
		bottom: -20%;
		right:  75%;
		z-index: 1;
	}
	

}


/* ---------------------採用情報--------------------- */


#recruit {
	background-color: #fffcf2;
	position: relative;
}

.recruit-col1 {
	display: flex;
	justify-content: space-between;
	width: 72%;
	margin: 0 auto;
}

.recruit-col1 .item {
	width: calc((100% - 30px)/3);
	position: relative;
}

.recruit-col1 .item h4 {
	position: absolute;
	top: 40%;
	right: 0;
	bottom: 0;
	left: 0;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
}

.recruit-col1 .item a:hover {
	color: #f39d4e;
}

.recruit-col2 {
	display: flex;
	justify-content: space-between;
	width: 52%;
	margin: 0 auto;
}

.recruit-col2 .item {
	width: calc((100% - 24px)/2);
	position: relative;
}

.recruit-col2 .item h4 {
	position: absolute;
	top: 45%;
	right: 0;
	bottom: 0;
	left: 0;
	margin-right: 25px;
	text-align: center;
	vertical-align: middle;
}

.recruit-col2 .item a:hover {
	color: #f39d4e;
}

#recruit .viewall {
	text-align: right;
	margin-right: 120px;
	margin-bottom: 80px;
}

.flow {
	width: 100%;
	position: relative;
}



.col-4 {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;

	margin-bottom: 120px;
}

.col-4 .item {
	width: calc((100% - 48px)/4);
	margin: 20px;
}

.col-4 h4 {
	text-align: center;
	margin: 28px 0 20px;
}

.col-4 .small {
	text-align: left;
	margin-left: 20px;
}

#recruit .deco-slow {
	position: absolute;
	width: 250px;
	bottom: -5%;
	left: 5%;
	z-index: 1;
}

#recruit .deco-mid {
	position: absolute;
	width: 100px;
	bottom: 30%;
	left: 15%;
}

/* 採用情報スマホ */

@media screen and (max-width:640px){

	#recruit {
		padding: 24px 0 50px;
	}

	#recruit h3 {
		margin: 60px 0 30px 0;
	}

	.recruit-col1 {
		width: 90%;
		margin: 0 auto;
	}
	
	.recruit-col1 .item {
		width: calc((100% - 8px)/3);
		position: relative;
	}
	
	.recruit-col1 .item h4 {
		position: absolute;
		top: 35%;
		font-size: 14px;
	}

	.recruit-col2 {
		width: 60%;
		margin: 0 auto;
	}
	
	.recruit-col2 .item {
		width: calc((100% - 8px)/2);
		position: relative;
	}
	
	.recruit-col2 .item h4 {
		position: absolute;
		top: 40%;
		margin-right: 0;
	}

	#recruit .viewall {
		margin: 30px auto 40px;
	}

	#recruit .deco-mid {
		display: none;
	}

/* 採用の流れスマホ */

	.col-4 {
		display: block;
	}

	.flow .sp-only {
		margin: 0 auto;
		position: relative;
	}

	.col-4 .item {
		display: flex;
		width: calc(100% - 50px);
		margin: 0 auto;
	}

	.col-4 .item h4 {
		width: 124px;
		padding: 36px 0 0 0 ;
		margin: 38px 0 25px 0;
	}

	.col-4 .item .small {
		font-size: 13px;
		width: 200px;
		height: 65px;
		margin: 38px 8px 0;
		line-height: 1.5;
		letter-spacing: 0.05em;
	}

	#recruit .deco-slow {
		position: absolute;
		width: 150px;
		bottom: -8%;
		left: 0;
	}

	#recruit .deco-mid {
		display: none;
	}

}


/* ---------------------FAQ--------------------- */


.faq-inner-wrap {
	padding: 40px 0;
	margin: 20px 0;
	width: 100%;
	background-color: #fffcf2;
	border-radius: 30px;
	padding: 20px 60px;
	z-index: 1;
	position: relative;
}

.faq-head {
	position: relative;
	margin: 20px 0 ;
	cursor: pointer;

}

.faq-body {
	margin: 20px 0 20px;
	display: none;
}


#faq p {
	text-align: left;
}

.answer {
	color: #f9cea7;
}

#faq span {
	display: inline;
}

.faq-head::after { 
	content: "" ;
	display: block;
	background-image: url(../images/+.png);
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 30px;
	transition: 0.2s;
}

.faq-head.selected::after {
	transform: rotate(135deg);
	transition: 0.2s;
}

#faq .viewmore {
	text-align: center;
	margin-top: 40px;
}

#faq {
	position: relative;
}

#faq .deco-slow {
	position: absolute;
	width: 220px;
	top: 50%;
	right: 2%;
}

#faq .deco-mid {
	position: absolute;
	width: 80px;
	top: 86%;
	right:  15%;
}


/* FAQスマホ */
@media screen and (max-width:640px){

	#faq .title img {
		max-width: 75px;
	}


	.faq-inner-wrap {
		margin: 8px;
		border-radius: 20px;
		padding: 8px 15px;
		z-index: 1;
		position: relative;
	}

	.faq-head {
		position: relative;
		margin: 20px 0 ;
		cursor: pointer;

	}

	.faq-body {
		margin: 20px 0 20px;
		display: none;
	}

	.faq-head::after { 
		width: 16px;
		height: 16px;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 20px;
		transition: 0.2s;
	}

	#faq .deco-slow {
		position: absolute;
		width: 130px;
		top: 77%;
		right: 0%;
		z-index: 1;
	}

	#faq .deco-mid {
		position: absolute;
		width: 80px;
		top: 93%;
		right:  15%;
		z-index: 1;
	}

}

/* ---------------------CTA--------------------- */

#cta {
	background-image: url(../images/cta-background.png);
	width: 100vw;
	height: 750px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.cta-title {
	position: absolute;
	top: 25%;
}

.cta-title img {
	margin: 0 auto;
}

#cta .col-2 {
	position: absolute;
	top: 45%;
}


/* CTAスマホ */
@media screen and (max-width:640px){

	#cta {
		background-image: url(../images/cta-background-sp.png);
		width: auto;
		height: 450px;
	}


	#cta .col-2 {
		display: none;
	}

	#cta .sp-only {
		position: absolute;
		top: 50%;
		text-align: center;
	}

}

/* ---------------------フッター--------------------- */

.footer {
	background-color: #b8c2a4;
}

.footer .section-inner2 {
	padding: 60px 0 40px 0;
	margin: 0 auto;
}

.col-5 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.col-5 .item {
	width: calc((100% - 15px)/5);	
}

.footer-logo img {
	align-items: center;
	margin-top: 30%;
}


.contentsinfo p {
	padding-bottom: 16px;
	text-align: left;
}

.item-right {
	display: flex;
	justify-content: space-between;
	padding-bottom: 16px;
}

.item-right a {
	display: flex;
}

.col-5 .item-right img {
	display: inline-block;
	max-width: 22px;
	height: 12px;
	margin: 5px 5px 0 5px;
}


@media screen and (max-width:640px){

	.col-5 {
		display: block;
	}

	.contentsinfo {
		display: none;
	}

	.footer-logo img {
		display: none;
	}

	.footer .item {
		width: 100%;
	}

	.footer .section-inner2 {
		padding: 30px;
	}

	.item-right {
		justify-content: center;
		padding-bottom: 4px;
	}

	.footer .small {
		font-size: 12px;
	}

	.footer .copyright {
		font-size: 10px;
	}

}