/*画面の横幅が640pxまで Landscape phones and down */
@media (max-width: 640px) {

	.PC {
		display: none;
	}

	.SP {
		display: block;
	}

	.PC-inline {
		display: none;
	}

	.SP-inline {
		display: inline;
	}

	a {
		outline: none;
	}

	a:hover {
		opacity: 1;
	}

	/* コンテンツ基本
------------------------------------------------------------ */
	body {
		-webkit-text-size-adjust: 100%;
		width: 100%;
		min-width: 100%;

		font-size: 14px;
	}



	/*コンテンツ幅*/
	.content-inner {
		width: 92%;
		margin: 0 auto;
		text-align: left;
	}

	.content-innerL {
		width: 92%;
		margin: 0 auto;
		text-align: left;
	}

	.content-innerS {
		width: 92%;
		margin: 0 auto;
		text-align: left;
	}

	.full-inner {
		width: 100%;
	}



	/* ページトップ 
------------------------------------------------------------ */
	.pagetop {
		position: fixed;
		bottom: 15px;
		right: 3%;
		display: none;
		z-index: 1000;
	}

	.pagetop p {
		display: block;
		text-indent: -9999px;
		margin: 0 auto;
		width: 40px;
		height: 40px;
		background: url(../../images/btn_pagetop.png) center center no-repeat;
		background-size: cover;
	}



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

	#header {
		height: 60px;
		position: fixed;
		top:0;
		left: 0;
		/*
		background-color: #fff;
		box-shadow: 0px 3px 3px rgb(0 0 0 / 10%);
		*/
		transition: 0.6s ease-in-out;
	}

	/*
	#header.closeheader{
		top:-60px;
	}
	*/

	#header .logo {
		width: 160px;
		padding: 13px 0 0 4%;
	}


	/* ナビ部分 
------------------------------------------------------------ */
	#menuBtn {
		display: block;
	}

	#menuClose,
	#shadows {
		display: none;
	}

	#menuBtn {
		width: 60px;
		height: 60px;
	}


	#panel-btn {
		width: 60px;
		height: 60px;
	}

	#panel-btn-icon {
		width: 30px;
		height: 1px;
		margin: -2px 0 0 -15px;
  		background: #040000;
	}

	.page #panel-btn-icon {
		background: #040000;
	}

	.page.page-odoro #panel-btn-icon,
	.page.page-dance #panel-btn-icon {
		background: #fff;
	}



	#panel-btn-icon:before {
		margin-top: -9px;
		background: #040000;
	}

	#panel-btn-icon:after {
		margin-top: 8px;
		background: #040000;
	}


	.page #panel-btn-icon:before,
	.page #panel-btn-icon:after {
		background: #040000;
	}

	.page.page-odoro #panel-btn-icon:before,
	.page.page-odoro #panel-btn-icon:after,
	.page.page-dance #panel-btn-icon:before,
	.page.page-dance #panel-btn-icon:after {
		background: #fff;
	}

	#menuBtn i {
		font-size: 10px;
	}

	#menuBtn.open,
	#menuBtn.open #panel-btn-icon {
		margin-left: -23px;
	}

	#menuBtn.open #panel-btn-icon:before,
	#menuBtn.open #panel-btn-icon:after {
		width: 46px;
	}

	/* メニュー
------------------------------------------------------------ */
	#navi {
		font-size: 16px;
	}


	#navi a {
		padding: 10px 0;
	}

	#navi a.blank {
		background: url('../../images/icon_blank.png') right 17px no-repeat;
		background-size: 10px auto;
		padding-right: 17px;
	}

	#navi ul li span img {
		width: auto;
		height: 15px;
		vertical-align: middle;
	}

	#navi #utility {
		font-size: 13px;
		margin-top: 25px;
	}


	/* フッター
------------------------------------------------------------ */
	#footer {
		background-color: #000;
		padding-bottom: 15px;
	}

	#footer-inner {
		height: auto;
	}


	.footer-title {
		padding: 120px 0 120px 0;
	}

	.footer-title strong {
		width: 150px;
	}

	.footer-nav {
		position: relative;
		bottom: inherit;
		left: inherit;
		text-align: left;
		padding-left: 4%;
		padding-right: 4%;
	}

	address {
		position: relative;
		bottom: inherit;
		left: inherit;
		text-align: left;
		font-size: 9px;
		margin-top: 25px;
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}

	.footer-utility {
		position: relative;
		bottom: inherit;
		right: inherit;
		text-align: left;
		width: auto;
		padding-left: 4%;
		padding-right: 4%;
	}

	.footer-nav ul {
		width: auto;
		margin-right: -20px;
	}

	.footer-nav ul li {
		list-style: none;
		display: inline-block;
		margin-right: 20px;
		margin-left: 0px;
		font-size: 12px;
		padding: 4px 0;
	}

	.footer-nav ul li a {
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.footer-nav ul li img {
		height: 11px;
		margin-top: 0.1em;
	}

	.footer-nav ul li a.blank {
		background: url('../../images/icon_blank_w.png') right 0.4em no-repeat;
		background-size: 10px auto;
		padding-right: 15px;
	}

	.sns-area {
		line-height: 130%;
		padding-top: 0px;
	}


	.sns-area ul{
		margin-right: -10px;
	}
	.sns-area ul li {
		font-size: 11px;
		line-height: 100%;
		min-width: inherit;
		letter-spacing: 0.07em;
		margin-left: 0px;
		margin-right: 8px;
		padding: 2px 0;
	}

	.sns-area ul li a {
		background: url(../../images/sns_ig.png) left 0.5em no-repeat;
		background-size: 12px auto;
		padding: 5px 0 5px 18px;
	}


	.footer-info {
		padding-top: 20px;
		font-size: 10px;
		text-align: center;
	}

	.footer-info strong {
		font-size: 14px;
		padding-bottom: 0.1em;
	}

	.footer-info strong span {
		font-size: 10px;
	}

	.btn-map {
		display: inline-block;
		margin-left: 10px;
		background: url(../../images/icon_map_w.png) right center no-repeat;
		background-size: 10px auto;
		padding-right: 15px;
	}


	#footer .btn-contact {
		position: relative;
		right: 0px;
		bottom: 0px;
		display: block;
		padding-right: 0px;
		margin-top: 15px;
		margin-left: 0px;
	}

	#footer .btn-contact a {
		border-radius: 2px;
		font-size: 12px;
		line-height: 100%;
		padding: 6px 15px 8px 15px;

	}

	#footer .btn-contact a::after {
		content: '';
		width: 30px;
		height: 50px;
		background: none;
		position: absolute;
		bottom: 0;
		right: 0;
		display: none;
	}



	/**/
	.footer-bg {
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
	}


	/* ボタン 
--------------------------------------------*/
	.btn-link {
		display: inline-block;
	}

	.btn-link a,
	.btn-link p {
		font-size: 14px;
		padding: 5px 0px 5px 0;
  		border-bottom: solid #231815 1px;
	}

	.btn-link a span,
	.btn-link p span {
		position: relative;
		display: block;
		padding-right: 40px;
	}

	.btn-link a span:after,
	.btn-link p span:after {
		top: 0px;
	}


	/**/
	.btn-link-w {
		display: inline-block;
	}

	.btn-link-w a,
	.btn-link-w p {
		font-size: 14px;
		padding: 5px 0px 5px 0;
  		border-bottom: solid #fff 1px;
	}

	.btn-link-w a span,
	.btn-link-w p span {
		position: relative;
		display: block;
		padding-right: 40px;
	}

	.btn-link-w a span:after,
	.btn-link-w p span:after {
		top: 0px;
	}



	/*下層
-------------------------------------------------------------------------*/
	.page #contents-wrapper {
		padding-top: 110px;
	}

	/**/
	.page-title {
		padding-top: 30px;
		padding-bottom: 50px;
	}

	.page-title h1 span {
		font-size: 35px;
	}

	.page-title h1 span img {
		height: 20px;
	}

	.page-title h1 strong {
		font-size: 12px;
		margin-top: 8px;
	}


	.page-title.page-odoro-title{
		padding-bottom: 75px;
	
	}


	/**/
	.page-block {
		padding-bottom: 60px;
	}

	.page-block.entry-post {
		padding-top: 0;
	}

	.page-block-inner {
		padding-top: 20px;
	}

	.p-block {
		margin-top: 0.7em;
	}

	.page-main {
		padding-bottom: 60px;
	}


	.page-block h2 {
		line-height: 150%;
		font-size: 25px;
	}

	.page-block h2 strong {
		font-size: 13px;
		margin-top: -0.4em;
	}

	.page-block h2 strong span.at {
		display: inline-block;
		font-size: 11px;
		line-height: 120%;
	}

	/**/
	.flex-block {
		display: block;
		gap: inherit;
	}

	.flex-cell3 .flexbox {
		flex: auto;
	}

	.flex-cell2 .flexbox {
		flex: auto;
	}

	.flex-wrap {
		display: block;
		gap: inherit;
		flex-wrap: inherit;
	}

	.flex-wrap.flex-cell3 .flexbox {
		flex: auto;
	}

	.flex-wrap.flex-cell2 .flexbox {
		flex: auto;
	}



	/*一覧
-------------------------------------------------------------------------*/

	.cat-list-area {
		padding-bottom: 40px;
	}

	.cat-list-area ul {
		text-align: center;
	}

	.cat-list-area ul li {
		font-size: 12px;
		margin: 10px 15px;
	}

	.cat-list-area ul li.current a {
		font-size: 14px;
	}
	.cat-list-area ul li:first-child.current a {
		font-size: 15px;
	}

	/**/
	.listindex-area {
		overflow: hidden;
	}

	.listindex-area-inner {
		display: block;
		flex-wrap: inherit;
	}


	.listindex-area-inner .list-item {
		width: auto;
		box-sizing: border-box;
		border-top: solid #d3d2d1 1px;
		border-right: none;
		border-bottom: none;
		
	}

	.listindex-area-inner .list-item:last-child{
		border-bottom: solid #d3d2d1 1px;
	}

	.listindex-area-inner .list-item:nth-child(1),
	.listindex-area-inner .list-item:nth-child(2),
	.listindex-area-inner .list-item:nth-child(3) {
		border-top: solid #d3d2d1 1px;
	}
	.listindex-area-inner .list-item:nth-child(3n) {
		border-right: none;
	}



	.listindex-area-inner .list-item .list-item-inner {
		height: auto;

		
	}



	.list-item a:hover .imgbox span {
		transform: scale(1);
	}

	.list-item .txtbox {
		text-align: left;
		position: relative;
	}

	.list-item .txtbox .txtbox-inner {
		padding: 15px 4% 35px 4%;
	}

	.list-item .item-title span {
		font-size: 10px;
		padding-bottom: 5px;
		letter-spacing: 0.1em;
		font-family: 'Cabinet Grotesk', sans-serif;
	font-weight: 700;
	}

	.list-item .item-title h2 {
		font-size: 16px;
		font-weight: 500;
		height: auto;
		padding-bottom: 30px;
	}



	.list-item .data .cat {
		padding-top: 5px;
		display: block;
	}

	.list-item .data .cat ul {
		line-height: 180%;
	}

	.list-item .data .cat ul li {
		margin-left: 0;
	}

	.list-item .data .cat ul li a {
		display: block;
		text-decoration: none;
	}


	/**/
	.page-odoro .list-item .item-title h2,
	.page-dance .list-item .item-title h2 {
		height: auto;
		min-height: inherit;
		padding-bottom: 30px;
	}




	/*ページネーション*/
	.listindex-navi {
		padding: 60px 0;
		text-align: center;
	}


	.listindex-navi .content-inner {
		text-align: center;
	}


	/**/
	.pagination{
		font-size: 13px;
	}
	.pagination a,
	.pagination span{
		width: 25px;
		height: 25px;
		margin: 0 0px;
	}
	.pagination nav span.current:hover::after{
		width: 16px;
		bottom:0.7em;
		margin-left: -8px;
	}
	.pagination nav span.current::after{
		width: 16px;
		bottom:0.7em;
		margin-left: -8px;
	}
	/*前へ、次へボタン*/
	.pagination nav a.prev,
	.pagination nav a.next{
		width: 20px;
		height: 13px;
		border-radius: 16px;
	}
	.pagination nav a.prev{
		background-size: auto 5px;
		background-color: #fff;
		border: solid #fff 1px;
	}
	.pagination nav a.next{
		background-size: auto 5px;
		background-color: #fff;
		border: solid #fff 1px;
	}

	.pagination a.first,
	.pagination a.last{
		width: 20px;
		height: 13px;
		border-radius: 16px;
		margin: 0 -5px;
	}
	.pagination a.first{
		background-size: auto 5px;
		background-color: #fff;
		border: solid #fff 1px;
	}
	.pagination a.last{
		background-size: auto 5px;
		background-color: #fff;
		border: solid #fff 1px;
	}

	/*一覧 & post
-------------------------------------------------------------------------*/
	.col-index-post-area-inner .page-title h1,
	.single-post-head .page-title h1,
	.col-single-post-area-inner .page-title h1 {
		text-align: left;
	}

	.col-index-post-area-inner .page-title h1 span,
	.single-post-head .page-title h1 span,
	.col-single-post-area-inner .page-title h1 span {
		font-size: 28px;
		list-style: 160%;
	}

	.col-index-post-area-inner .page-title h1 span img,
	.single-post-head .page-title h1 span img,
	.col-single-post-area-inner .page-title h1 span img {
		height: 20px;
		margin: 0;
	}

	.col-index-post-area-inner .page-title h1 {
		text-align: center;
	}

	.col-index-post-area-inner .page-title h1 span img {
		margin: 0 auto;
	}



	/**/
	.col-index-post-area-inner {
		display: block;
		width: auto;
		gap: inherit;
	}

	.col-index-cat-area {
		width: auto;
		position: relative !important;
		top: inherit;
		height: auto;
	}

	.col-index-list-area {
		width: auto;
		padding-top: 30px;
	}

	.topics-index-post-area .col-index-list-area {
		padding-top: 0px;
		margin-top: -15px;
	}

	/**/
	.works-single-post-area .col-single-post-area-inner {
		position: relative;
		display: block;
		width: auto;
		gap: inherit;
	}

	.works-single-post-area .col-single-txt-area {
		width: auto;
		position: relative !important;
		top: inherit;
		height: auto;
	}

	.works-single-post-area .col-single-img-area {
		width: auto;
		right: inherit;
		padding-top: 20px;
	}




	/**/
	.cat-side-list h2 {
		display: none;
	}




	.cat-side-list {
		padding-bottom: 40px;
	}

	.cat-side-list ul {
		padding-top: 0px;
		text-align: center;
	}

	.cat-side-list ul li {
		display: inline-block;
		font-size: 12px;
		margin: 10px 15px;
  		line-height: 140%;
	}
	.cat-side-list ul li a{
		text-decoration: none;
  		color: #231815;
		padding: 0;
	}



	.cat-side-list ul li.current a {
		font-size: 15px;
		font-weight: 600;
		text-decoration: underline;
	}




	/**/
	.works-single-post-area .col-single-txt-area .list-item .item-title h2 {
		height: auto;
		padding-bottom: 18px;

		font-size: 18px;
	}



	/**/

	.works-single-post-area .entry-post {
		padding: 20px 0;
	}

	/**/
	.entry-post {
		padding-top: 20px;
	}

	.entry-post .entry-subtitle {
		font-size: 12px;
		padding-bottom: 15px;
	}


	.credit-post {
		border-top: solid #221714 1px;
		margin-top: 40px;
	}



	/**/
	.page-topics .single-post-head .page-title h1 span img {
		margin: 0 auto;
	}

	.single-post-head {
		padding-top: 0px;
	}

	.single-post-head .page-title {
		padding-bottom: 30px;
	}

	.single-post-head .topics-item {
		display: block;
	}

	.single-post-head .topics-item .day {
		margin-right: 15px;
		padding-bottom: 0px;
	}

	.single-post-head .topics-item h2 {
		font-size: 18px;
		padding-top: 20px;
	}


	.single-post-head .odoro-logo-set{
		margin-top: 0;
		margin-bottom: -20px;
	}


	/**/
	.other-area {
		padding-top: 50px;

	}

	.other-area .page-title {
		padding-bottom: 20px;
	}

	.other-area .page-title h2 {
		text-align: left;
	}

	.other-area .page-title h2 span {
		font-size: 25px;
		list-style: 160%;
	}

	.other-area .page-title h2 span img {
		height: 18px;
		margin: 0;
	}



	.works-slider-wrapp {
		margin: 0 -4%;
		overflow: hidden;
	}

	.works-slider-wrapp .section-slider{
		margin: 0;
	}

	.works-slider-wrapp .section-slider .inner {
		width: 90%;
		padding-left: 1%;
		padding-right: 9%;
	}


	.works-slider li {
		margin: 0 0px;
	}

	.works-slider li a {
		display: block;
	}



/*company
-------------------------------------------------------------------------*/
	.company-single-post-area {
		padding-bottom: 60px;
	}

	.page-block .company-read h2 {
		font-size: 18px;
		padding-bottom: 25px;
	}

	.company-single-post-area .page-block-inner {
		font-size: 14px;
	}

	.histroy {
		display: block;
		width: auto;
	}

	.histroy .txtbox {
		flex: auto;
	}

	.histroy .imgbox {
		width: auto;
		display: none;
	}


	.company-imgbox {
		display: flex;
		gap: 5px;
		padding-bottom: 50px;
		margin-top: -30px;
	}

	.company-imgbox span {
		display: flex;
	}

	.histroy .txtbox table,
	.histroy .txtbox table tbody,
	.histroy .txtbox table tr,
	.histroy .txtbox table th,
	.histroy .txtbox table td {
		display: block;
	}

	.histroy .txtbox table {
		width: auto;
		line-height: 140%;
	}

	.histroy .txtbox table td.year,
	.histroy .txtbox table td.day {
		display: inline-block;
		width: auto;
	}

	.histroy .txtbox table td.year {
		margin-right: 5px;
	}

	.histroy .txtbox table td.txt {
		padding-bottom: 5px;
	}

	/**/
	.company-info-item {
		padding-top: 15px;
		padding-bottom: 25px;
		min-height: auto;
	}

	.company-info-item.company-info-item-w p{
		margin-right: auto;
	}

	.company-info-item h3 {
		font-size: 17px;
		font-weight: 500;
		line-height: 160%;
	}

	.company-info-item h3 span {
		display: inline-block;
		margin-left: 15px;
	}

	.company-info-item h3 i {
		display: inline-block;
		margin-left: 15px;
	}

	.company-info-item h3 i img {
		width: 100px;
		display: block;
		margin-top: -17px;
	}

	.company-info-item p {
		font-size: 12px;
		line-height: 150%;
	}

	.company-info-item p.at {
		font-size: 12px;
		line-height: 130%;
		margin-top: 0.3em;
	}

	.page-block-inner .flexbox {
		padding-bottom: 30px;
	}

	.info-post .page-block-inner .flexbox {
		padding-bottom: 0px;
	}


	.company-info-item .sns-area {
		line-height: 130%;
		padding-top: 5px;
		display: inline-block;
	}


	.btn-contact-s {
		list-style: none;
		font-size: 12px;
		line-height: 100%;
		display: inline-block;
		vertical-align: middle;
		min-width: inherit;
		margin-right: 20px;
		margin-left: 0;
	}

	.btn-contact-s a {
		background: url(../../images/icon_mail.png) left 0.7em no-repeat;
		background-size: 12px auto;
		padding: 3px 0 3px 18px;
	}



	/**/
	.accordion-block h2{
		position: relative;

	}
	.accordion-block h2 span.title{
		position: relative;
		padding-right: 10px;
		display: inline-block;
		background-color: #fff;
	}
	.accordion-block h2 strong{
		position: relative;
		z-index: 2;
	}
	.accordion-block h2::before{
		content: '';
		width: calc( 100% - 1.5em );
		height: 1px;
		background-color: #221714;
		position: absolute;
		top:0.85em;
		left: 0;
		z-index: -1;
	}

	.accordion-block .page-block-inner{
		display: none;
	}

	/**/
	.page-block.accordion-block h2{
		font-size: 20px;
	}
	.page-block h2 font{
		margin-right: 0.1em;
	}

	


	/**/
	.dli-plus-circle {
		display: inline-block;
		vertical-align: middle;
		color: #333;
		line-height: 1;
		position: absolute;
		top:5px;
		right: 0;
		width: 20px;
		height: 20px;
		border: 2px solid currentColor;
		border-radius: 50%;
		box-sizing: content-box;
		}

	.dli-plus-circle > span {
		width: 50%;
		height: 2px;
		background: currentColor;
		border-radius: 0.1em;
		position: relative;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}

	.dli-plus-circle > span::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: inherit;
		border-radius: inherit;
		transform: rotate(90deg);
		transition: 0.3s ease-in-out;
	}

	.open .dli-plus-circle > span::before {
		transform: rotate(0deg);
		opacity: 0;
	}




	/*トップ共通
-------------------------------------------------------------------------*/
	.top-title {
		text-align: center;
	}

	.top-title span {
		font-size: 35px;
	}

	.top-title span img {
		height: 19px;
		margin: 0 auto;
	}

	.top-title strong {
		font-size: 12px;
		margin-top: 8px;
	}


	/**/
	.area-navi {
		text-align: center;
	}

/*top topics
-------------------------------------------------------------------------*/
	.topics-area {
		padding: 80px 0;
		/*background: url(../../images/topics_bg_sp.jpg) center center no-repeat;
  		background-size: cover;*/
	}

	.topics-area .btn-link.PC {
		display: none;
	}

	.topics-area .btn-link {
		margin-top: 50px;
		text-align: center;
		display: inline-block;
	}

	.topics-area-inner {
		display: block;
		width: auto;
		column-gap: inherit;
	}

	.topics-area-inner .topics-title {
		width: auto;
		text-align: center;
	}

	.topics-area-inner .topics-title img {
		margin: 0 auto;
	}

	.topics-area-inner .topics-list {
		flex: 1;
		width: auto;
	}

	/**/
	.topics-list {
		padding-top: 30px;
	}

	.topics-list ul li a {
		padding-right: 75px;
	}

	.topics-list ul li a:after {
		content: '';
		display: block;
		width: 28px;
		height: 16px;
		border-radius: 30px;
		background: #fff url(../../images/btn_arrow.png) center center no-repeat;
		background-size: 8px auto;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -8px;
	}

	.topics-item {
		display: block;
		width: auto;
		line-height: 100%;
		padding: 15px 0;
	}

	.topics-item .day {
		display: inline-block;
		width: auto;
		text-align: left;
		font-size: 10px;
		line-height: 140%;
		padding: 0px 0;
		margin-right: 10px;
		letter-spacing: 0.1em;
	}

	.topics-item .txtbox {
		display: block;
		width: auto;
		padding: 5px 0 0 0;
	}


	.topics-item .txtbox p {
		font-size: 12px;
		line-height: 150%;
	}

	.cat.PC {
		display: none;
	}

	.cat.SP {
		display: inline-block;
	}

	.cat span {
		font-size: 9px;
		line-height: 110%;
		padding: 2px 5px 1px 5px;
		letter-spacing: 0.1em;
	}





	/*top concept
-------------------------------------------------------------------------*/
	.concept-area {
		position: relative;

		padding-bottom: 60px;
		background: url(../../images/top_img_bg002.png) left 30% no-repeat;
		background-size: 7% auto;
	}

	/**/

	/*スクロール　固定テキスト*/

	.concept-area-fixed .concept-txt {
		font-size: 17px;
		text-align: left;
		width: 90%;
		padding-left: 4%;
	}


	.concept-area-fixed .concept-txt .inner{
		width: 90%;
	}

	.concept-area-fixed .concept-txt strong{
		width: 75%;
		min-width: inherit;
		min-width: inherit;
	}


	/*スクロール*/
	.concept-area-wrapper {
		width: 100%;
		margin-top: -100vh;
		text-align: center;
		overflow: hidden;
	}




	.concept-img .moving-image {
		top: -50px;/* 初期位置 */
		transition: 0.9s linear;
	}
	.concept-img .img-cover {

		width: 95% !important;
	}


	/*イメージ個別設定*/
	/**/
	.concept-img1 {
		width: 80%;
		left: 0;
		margin: 100px 0 0 0;
	}
	.concept-img1 .img-cover {
		aspect-ratio: 4 / 2.8;
	}

	/**/
	.concept-img2 {
		margin: 90px 0 0 0;
		left: 40%;
		width: 60%;
	}

	.concept-img2 .img-cover {
		aspect-ratio: 4 / 2.7;
	}

	.concept-img2 .item-bg {
		width: 130%;
		left: -40%;
		bottom: -12%;
		z-index: -1;
	}

	/**/
	.concept-img3 {
		margin: 90px 0 0 0;
		width: 40%;
		left: 4%;
	}

	.concept-img3 .img-cover {
		aspect-ratio: 1 / 1;
	}

	/**/
	.concept-img4 {
		margin: 90px 0 0 0;
		width: 50%;
		left: 55%;
	}

	.concept-img4 .img-cover {
		width: 40%;
		aspect-ratio: 4 / 3;
	}

	/**/
	.concept-img5 {
		margin: 70px 0 0 0;
		width: 30%;
		left: 10%;
	}

	.concept-img5 .img-cover {
		aspect-ratio: 3 / 6;
	}

	/**/
	.concept-img6 {
		margin: -90px 0 0 0;
		width: 55%;
		left: 45%;
	}

	.concept-img6 .img-cover {
		width: 30%;
		aspect-ratio: 3 / 2;
	}

	/**/
	.concept-img7 {
		margin: 40px 0 0 0;
		width: 40%;
		left: 59%;
	}

	.concept-img7 .img-cover {
		aspect-ratio: 3 / 4;
	}

	.concept-img7 .item-bg {
		position: absolute;
		width: 50%;
		left: -25%;
		bottom: -25%;
		z-index: -1;
	}

	/**/
	.concept-img8 {
		margin: 5px 0 0 0;
		width: 55%;
		left: 0%;
	}

	.concept-img8 .img-cover {
		aspect-ratio: 5 / 3.5;
	}

	/**/
	.concept-img9 {
		margin: 50px 0 0 0;
		width: 40%;
		left: 55%;
	}

	.concept-img9 .img-cover {
		aspect-ratio: 37 / 49;
	}

	.concept-img9 .item-bg {
		position: absolute;
		width: 90%;
		left: -35%;
		bottom: -10%;
		z-index: -1;
	}

	/**/
	.concept-img10 {
		margin: 50px 0 0 0;
		width: 90%;
		left: 0%;
	}

	.concept-img10 .img-cover {
		aspect-ratio: 6 / 3.5;
	}



	/* top Works
------------------------------------------------------------ */

	.works-area {
		padding-top: 80px;
		padding-bottom: 80px;
		overflow: hidden;
	}

	.works-area .btn-link-w.PC {
		display: none;
	}

	.works-area .btn-link-w {
		position: relative;
		top: inherit;
		right: inherit;
	}

	.works-area .btn-link-w{
		margin-top: 50px;
	}

	.works-area .top-title {
		width: auto;
		text-align: center;
	}

	.works-area .top-title img {
		margin: 0 auto;
	}

	.works-area-inner {
		padding-top: 30px;
	}

	.works-accordion {
		width: 100%;
		overflow: hidden;
		position: relative;
		background-color: #000;
	}

	.works-accordion .works-accordion-box {
		float: none;
		height: auto;
		aspect-ratio: 4 / 2.7;
	}

	/*
.works-accordion .works-accordion-box.works-accordion-box1{

}
.works-accordion .works-accordion-box.works-accordion-box2{

}
.works-accordion .works-accordion-box.works-accordion-box3{

}
.works-accordion .works-accordion-box.works-accordion-box4{

}
.works-accordion .works-accordion-box.works-accordion-box5{

}
*/

	.works-accordion-box .works-dt {
		display: none;

	}

	.works-accordion-box .works-dd .imgbox img {
		display: block;
		max-width: 100%;
		position: relative;
		width: 100%;
	}

	.works-accordion-box .works-dd .txtbox {
		opacity: 1;

	}

	.works-accordion-box .works-dd a{
		display: block;
	}


	.works-accordion-box.open .works-dd .txtbox {
		opacity: 1;
	}


	.works-accordion-box .works-dd .txtbox .txtbox-inner {
		position: absolute;
		left: 4%;
		bottom: 20px;
		width: 96%;
	}

	.works-accordion-box .works-dd .txtbox .txtbox-inner strong {
		display: block;
		font-size: 13px;
		letter-spacing: 0.15em;
		font-weight: 400;
	}

	.works-accordion-box .works-dd .txtbox .txtbox-inner h3 {
		font-weight: 400;
		font-size: 9px;
		letter-spacing: 0.2em;
		line-height: 130%;
	}

	.works-accordion-box .works-dd .txtbox .txtbox-inner .btn-link-w {
		position: absolute;
		right: 4%;
		bottom: 0px;
	}
	.works-accordion-box .works-dd .txtbox .txtbox-inner .btn-link-w p{
		text-indent: -9999px;
		border: none;
	}


	/* top paintitem
--------------------------------------------*/
	.paintitem-area {
		overflow: hidden;
		padding-top: 80px;
		padding-bottom: 50px;
	}

	.paintitem-area-inner {
		padding-bottom: 80px;
	}




	/* スライダー関連
---------------- */
	/*（左右チラ見せ用）*/

	.paintitem-area .section-slider {
		overflow: hidden;
		margin: 50px 0px 0 0px;
		position: relative;
	}

	.paintitem-area .section-slider:after {
		width: 12%;
	}

	.paintitem-area .section-slider:before {
		width: 12%;
	}


	.section-slider .inner {
		margin: 0 auto;
		width: 80%;
		padding-left: 10%;
		padding-right: 10%;
	}

	.slider-wrapp li {
		padding: 0 8px;
	}

	.slider-wrapp li.slick-slide {
		transform: scale(1);
	}

	.slider-wrapp li.slick-current {
		transform: scale(1);
	}

	.paintitem-area .section-slider .slick-next {
		right: -65px !important;

	}

	.paintitem-area .section-slider .slick-prev {
		left: -65px !important;
	}

	.paintitem-slider .paintitem-item {
		font-size: 11px;
	}
	.paintitem-slider .paintitem-item .txtbox h3 {
		font-size: 15px;
	}

	/**/
	.paintitem-slider .paintitem-item .txtbox h3 span.icon-blank {
		background: url(../../images/icon_blank_w.png) right 0.35em no-repeat;
		background-size: 15px;
		padding-right: 23px;
	}

	.paintitem-slider a:hover .paintitem-item .imgbox img.bg-img {
		transform: scale(1);
	}


	/**/
	.odoro-area {
		text-align: left;
		overflow: hidden;
		padding-top: 30px;
		padding-bottom: 20px;
	}

	/**/
	.odoro-logo-set {
		display: inline-block;
	}

	.odoro-logo-set i {
		width: 25px;
		padding-right: 15px;
	}

	.odoro-logo-set strong {
		width: 120px;
		margin-top: -0.5em;
	}

	/**/
	.page-title h1 .odoro-logo-set {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.page-title h1 .odoro-logo-set i {
		display: inline-block;
		vertical-align: middle;
		width: 25px;
		padding-right: 20px;
	}

	.page-title h1 .odoro-logo-set strong {
		display: inline-block;
		vertical-align: middle;
		width: 138px;
		margin-top: -0.5em;
	}

	/**/
	.anime-slider-css {
	animation: infinity-scroll 12s linear infinite;
	}

	/* top banner-area
--------------------------------------------*/
	.banner-area {
		padding: 80px 0;
	}

	.banner-area-inner {
		display: block;
		gap: inherit;/*縦20px、横30pxの指定*/

	}

	.banner-area-inner .banner {
		display: block;
		flex-basis: inherit;
		position: relative;
		padding-bottom: 0px;
		overflow: hidden;
		width: 100%;
		margin-bottom: 20px;
	}

	.banner-area-inner .banner-L {
		display: block;
		flex-basis: inherit;
		width: 100%;
	}

	.banner-area-inner .banner .banner-img {
		overflow: hidden;
		position: relative;
	}



	.banner-area-inner .banner .banner-txt {
		position: absolute;
		width: 95%;
		bottom: 8px;
		left: 4%;
		z-index: 3;
	}

	.banner-area-inner .banner.banner-L .banner-txt {
		width: 95%;
	}



	.banner-area-inner .banner .banner-txt .banner-title {
		display: inline-block;
	}

	.banner-area-inner .banner .banner-txt .banner-title:after {
		width: 22%;
	}

	.banner-area-inner .banner.no-blank-link .banner-txt .banner-title:after {
		width: 22%;
	}

	.banner-area-inner .banner .banner-txt .banner-title:before {

		width: 22%;

	}

	.banner-area-inner .banner .banner-txt .banner-title strong {
		display: block;
	}

	.banner-area-inner .banner .banner-txt .banner-title strong img {
		height: 38px;
	}

	.banner-area-inner .banner.banner-L .banner-txt .banner-title strong img {
		height: 14px;
	}

	.banner-area-inner .banner .banner-txt .banner-title span {
		display: block;
		font-size: 10px;
		line-height: 130%;
		margin-top: 8px;
	}



	/* top mv
--------------------------------------------*/
	.mv-area {
		overflow: hidden;
		/*margin-top: 60px;*/
	}


	.footer-bg {
		overflow: hidden;
	}





	/* スライダー基本
--------------------------------------------*/

	.slider {
		width: 90%;
		margin: 0 auto 80px;
	}

	.slick-slide img {
		width: 100%;
		height: auto;
	}

	.mypattern {
		width: 100%;
	}

	.mypattern .slick-slide {
		margin: 5px;
	}




	/*infinite: false　の時、最初と最後の矢印消す*/
	.slick-next.slick-disabled,
	.slick-prev.slick-disabled {
		display: none !important;
	}






	/* スライダー基本通常ここから
--------------------------------------------*/


	.slick-next {
		position: absolute;
		right: -60px;
		top: 50%;
		margin-top: -30px;
		z-index: 99;
		display: block;
		text-indent: -9999px;
		width: 60px;
		height: 60px;
		background: url(../../images/arrow_next_w.png) no-repeat center center !important;
		background-size: 11px auto !important;
		cursor: pointer;
		border: none;
	}

	.slick-prev {
		position: absolute;
		left: -60px;
		top: 50%;
		margin-top: -30px;
		z-index: 100;
		display: block;
		text-indent: -9999px;
		width: 60px;
		height: 60px;
		background: url(../../images/arrow_prev_w.png) no-repeat center center !important;
		background-size: 11px auto !important;
		cursor: pointer;
		border: none;
	}


/*フェードアニメーション*/



.fadeUp_slow {
	opacity : 0;
	transform : translate(0, 0px);
	transition: 1.2s ease-in-out;
}
.fadeUp_slow.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

}