@charset "UTF-8";
/* CSS Document */

/*---------------------------------------------
ミュゼ・ド・ガトーのご案内
---------------------------------------------*/

p {
  font-size: 15px;
  line-height: 2;
}

.tarte-main-title-area{
	display: inline-block;
	width: 100%;
	height: 50px;
	text-align: center;
	background-image: url("/themes/www.musee-de.jp_201911/_common/img/title-bg-dot01.png");
	background-repeat: repeat-x;
	background-position: top 20px left 0;
}

.tarte-main-title-area h1{
	display: inline-block;
	width: 100%;
	max-width: 520px;
	height: 50px;
	line-height: 50px;
	font-family: "a-otf-ryumin-pr6n",serif;
	color: #6b0416;
	font-size: 48px;
	font-weight: 900;
	text-align: center;
	padding: 0 30px;
	vertical-align: middle;

	background: url(/themes/www.musee-de.jp_201911/_common/img/title-bg-lace01.png),
				url(/themes/www.musee-de.jp_201911/_common/img/title-bg-lace01.png),
				#FFF;
	background-repeat: no-repeat, no-repeat,repeat;
	background-position: top 10px left 0, top 10px right 0 , top 0 left 0;
}

@media (max-width: 410px){
  .tarte-main-title-area h1{
    font-size: 35px;
  }
}

.ecrin-title{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
    -webkit-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	text-align: center;
	background: url(/themes/www.musee-de.jp_201911/_common/img/title-bg-dot02.png),
				url(/themes/www.musee-de.jp_201911/_common/img/title-bg-dot03.png),
				url(/themes/www.musee-de.jp_201911/_common/img/title-bg-border01.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: top 0 left 0,top 0  right 0, top 8px left 0;
}

.ecrin-contentBg-top{
	display: block;
	width: 100%;
	max-width: 300px;
	height: 50px;
	position: absolute;
	top: 0;
	left: -webkit-calc(50% - 150px);
	left: calc(50% - 150px);
	background-image: url(/themes/www.musee-de.jp_201911/_common/img/lace01.png);
	background-position: top -50px center;
	background-repeat: repeat;
}

.ecrin-title-bottom{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
    -webkit-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	text-align: center;
	background: url(/themes/www.musee-de.jp_201911/_common/img/title-bg-dot02.png),
				url(/themes/www.musee-de.jp_201911/_common/img/title-bg-dot03.png),
				url(/themes/www.musee-de.jp_201911/_common/img/title-bg-border01.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: bottom 0 left 0,bottom 0  right 0, bottom 8px left 0;
}

.ecrin-contentBg-bottom{
	display: block;
	width: 100%;
	max-width: 300px;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: -webkit-calc(50% - 150px);
	left: calc(50% - 150px);
	background-image: url(/themes/www.musee-de.jp_201911/_common/img/lace01.png);
	background-position: bottom -50px center;
	background-repeat: repeat;
}

@media (max-width: 499px){

  .ecrin-title {
    background: none;
  }
  .ecrin-title-bottom {
    background: none;
  }
}

/*-----------------------------------------------------
ミュゼ・ド・ガトーのこだわり
 -----------------------------------------------------*/
.gateau-content-wrap{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	flex-direction: row;
	margin-bottom: 10px;
}

.gateau-left-item{
	flex: 1 1 600px;
}
.gateau-right-item{
	-ms-flex: 1 1 400px;
	-webkit-flex: 1 1 400px;
	flex: 1 1 400px;
	height: 324px;
  overflow-y: scroll;
}

.gateau-content-wrap:nth-child(2n) .gateau-right-item{
	order: -1;
}

.gateau-content-text{
	padding: 10px;
}

.gateau-content-wrap h3{
  line-height: 28px;
  font-family: "a-otf-ryumin-pr6n",serif;
  color: #6b0416;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 20px;
}
.gateau-content-wrap h3 span {
  line-height: 28px;
  font-family: Alana;
  color: #b81a35;
  font-size: 48px;
  font-weight: 400;
}

.gateau-content-wrap:nth-child(2n) h3{
	text-align: right;
}

.gateau-content-wrap p{
	font-size: 15px;
	line-height: 2;
	margin-bottom: 30px;
}

.simple-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.simple-scrollbar::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
}
.simple-scrollbar::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}

/*-----------------------------------------------------
ミュゼ・ド・ガトーのこだわり　サイズ対応
 -----------------------------------------------------*/
@media (max-width: 767px){

	.gateau-content-wrap{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-ms-flex-direction: column;
    -webkit-flex-direction: column;
		flex-direction: column;
		margin-bottom: 10px;
	}
	.gateau-left-item{
		-ms-flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	.gateau-right-item{
		-ms-flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		height: auto;
	}
	.gateau-content-wrap:nth-child(2n) .gateau-right-item{
		order: 0;
	}
	.gateau-content-wrap h3{
		text-align: center;
	}
	.gateau-content-wrap:nth-child(2n) h3{
		text-align: center;
	}
}


/*-----------------------------------------------------
以下　202106追加
 -----------------------------------------------------*/

.opacity0 {
	opacity: 0;
}

.js-fadein{
	position: relative;
}
.js-fadein-2 {
	display: block;
}

@media (min-width: 992px) {
	.adjust-01.opacity0,.adjust-02.opacity0,.adjust-03.opacity0,.adjust-04.opacity0,.message-wrap.opacity0 {
		opacity: 0;
	}
	.js-fadein.fadein.adjust-01,
	.js-fadein.fadein.adjust-03 {
		opacity: 100%;
		left: 0;
		animation: fadein-img-01 1s;
	}
	@keyframes fadein-img-01 {
		0% {
			opacity: 0;
			left: 50px;
		}
		100% {
			opacity: 100%;
			top: 0;
		}
	}
	.js-fadein.fadein.adjust-02,
	.js-fadein.fadein.adjust-04 {
		opacity: 100%;
		right: 0;
		animation: fadein-img-02 1s;
	}
	@keyframes fadein-img-02 {
		0% {
			opacity: 0;
			right: 50px;
		}
		100% {
			opacity: 100%;
			right: 0;
		}
	}
	.js-fadein.fadein.message-wrap {
		opacity: 100%;
		top: 0;
		animation: fadein-img-03 1s;
	}
	@keyframes fadein-img-03 {
		0% {
			opacity: 0;
			top: 50px;
		}
		100% {
			opacity: 100%;
			top: 0;
		}
	}


	.adjust-01.fadein .js-fadein-2,
	.adjust-03.fadein .js-fadein-2 {
		opacity: 100%;
		margin-left: 0;
		margin-right: 0;
		animation: fadein-text-01 1.5s;	
	}
	@keyframes fadein-text-01 {
		0% {
			opacity: 0;
			margin-left: 100px;
			margin-right: -100px;
		}
		33% {
			opacity: 0;
			margin-left: 100px;
			margin-right: -100px;
		}
		100% {
			opacity: 100%;
			margin-left: 0;
			margin-right: 0;
		}
	}
	.adjust-02.fadein .js-fadein-2,
	.adjust-04.fadein .js-fadein-2 {
		opacity: 100%;
		margin-left: 0;
		margin-right: 0;
		animation: fadein-text-02 1.5s;	
	}
	@keyframes fadein-text-02 {
		0% {
			opacity: 0;
			margin-left: -100px;
			margin-right: 100px;
		}
		33% {
			opacity: 0;
			margin-left: -100px;
			margin-right: 100px;
		}
		100% {
			opacity: 100%;
			margin-left: 0;
			margin-right: 0;
		}
	}
	.message-wrap.fadein .js-fadein-2 {
		opacity: 100%;
		margin-top: 0;
		margin-bottom: 0;
		animation: fadein-text-03 1.5s;	
	}
	@keyframes fadein-text-03 {
		0% {
			opacity: 0;
			margin-top: 100px;
			margin-bottom: -100px;
		}
		33% {
			opacity: 0;
			margin-top: 100px;
			margin-bottom: -100px;
		}
		100% {
			opacity: 100%;
			margin-top: 0;
			margin-bottom: 0;
		}
	}
}

@media (max-width: 991px) {
	.adjust-01 .fadein-adjust-sp,
	.adjust-02 .fadein-adjust-sp,
	.adjust-03 .fadein-adjust-sp,
	.adjust-04 .fadein-adjust-sp,
/*
	.adjust-01 .js-fadein-sp,
	.adjust-02 .js-fadein-sp,
	.adjust-03 .js-fadein-sp,
	.adjust-04 .js-fadein-sp,
*/
	.message-wrap .fadein-adjust-sp,
	.message-wrap .fadein.bg-gray {
		opacity: 0;
	}
	.adjust-01 .js-fadein-sp .fadein.fadein-adjust-sp,
	.adjust-03 .js-fadein-sp .fadein.fadein-adjust-sp {
		opacity: 100%;
		margin-left: 0;
		margin-right: 0;
		animation: fadein-img-01 1s;
	}
	@keyframes fadein-img-01 {
		0% {
			opacity: 0;
			margin-left: 50px;
			margin-right: -50px;
		}
		100% {
			opacity: 100%;
			margin-left: 0;
			margin-right: 0;
		}
	}
	
	
	.adjust-02 .js-fadein-sp .fadein.fadein-adjust-sp,
	.adjust-04 .js-fadein-sp .fadein.fadein-adjust-sp {
		opacity: 100%;
		margin-left: 0;
		margin-right: 0;
		animation: fadein-img-02 1s;
	}
	@keyframes fadein-img-02 {
		0% {
			opacity: 0;
			margin-left: -50px;
			margin-right: 50px;
		}
		100% {
			opacity: 100%;
			margin-left: 0;
			margin-right: 0;
		}
	}
	.message-wrap .js-fadein-sp .fadein.fadein-adjust-sp,
	.message-wrap .js-fadein-sp.fadein.bg-gray {
		opacity: 100%;
		top: 0;
		position:relative;
/*
		margin-top: 0;
		margin-bottom: 0;
*/
		animation: fadein-img-03 1s;
	}
	@keyframes fadein-img-03 {
		0% {
			opacity: 0;
			top: 50px;
/*
			margin-top: 50px;
			margin-bottom: -50px;
*/
		}
		100% {
			opacity: 100%;
			top: 0;
/*
			margin-top: 0;
			margin-bottom: 0;
*/
		}
	}


/*
	.adjust-01 .js-fadein-sp.fadein .js-fadein-2,
	.adjust-03 .js-fadein-sp.fadein .js-fadein-2 {
		opacity: 100%;
		margin-left: 0;
		margin-right: 0;
		animation: fadein-text-01 1.5s;	
	}
	@keyframes fadein-text-01 {
		0% {
			opacity: 0;
			margin-left: 100px;
			margin-right: -100px;
		}
		33% {
			opacity: 0;
			margin-left: 100px;
			margin-right: -100px;
		}
		100% {
			opacity: 100%;
			margin-left: 0;
			margin-right: 0;
		}
	}
	.adjust-02 .js-fadein-sp.fadein .js-fadein-2,
	.adjust-04 .js-fadein-sp.fadein .js-fadein-2 {
		opacity: 100%;
		margin-left: 0;
		margin-right: 0;
		animation: fadein-text-02 1.5s;	
	}
	@keyframes fadein-text-02 {
		0% {
			opacity: 0;
			margin-left: -100px;
			margin-right: 100px;
		}
		33% {
			opacity: 0;
			margin-left: -100px;
			margin-right: 100px;
		}
		100% {
			opacity: 100%;
			margin-left: 0;
			margin-right: 0;
		}
	}
	.message-wrap .js-fadein-sp.fadein .js-fadein-2 {
		opacity: 100%;
		margin-top: 0;
		margin-bottom: 0;
		animation: fadein-text-03 1.5s;	
	}
	@keyframes fadein-text-03 {
		0% {
			opacity: 0;
			margin-top: 100px;
			margin-bottom: -100px;
		}
		33% {
			opacity: 0;
			margin-top: 100px;
			margin-bottom: -100px;
		}
		100% {
			opacity: 100%;
			margin-top: 0;
			margin-bottom: 0;
		}
	}
*/
}



.bold-text {
	font-weight: 700;
}
.br-adjust {
	display: inline-block;
}

.bgImages {
	position: relative;
}
/*
.bgImages .page-title {
	font-family : YuMincho, 'Yu Mincho', serif;
	font-size: 3.1rem;
	font-weight: 700;
	position: absolute;
	top: 50%;
	left: 135px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media (max-width: 1200px) {
	.bgImages .page-title {
		left: 50px;
	}
}
@media (max-width: 1050px) {
	.bgImages .page-title {
		font-size: 2.6rem;
	}
}
@media (max-width: 767px) {
	.bgImages .page-title {
		font-size: 2rem;
		text-align: center;
		position: static;
		margin-top: 95px;
	}	
}
*/

.bgImages .page-title {
	font-family : YuMincho, 'Yu Mincho', serif;
	font-size: 3.1rem;
	font-weight: 700;
}
@media (min-width: 992px) {
	.bgImages .page-title {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		width: 52%;
		text-align: center;
	}	
}
@media (max-width: 1600px) {
	.bgImages .page-title {
		font-size: 2.8rem;
	}
}
@media (max-width: 1450px) {
	.bgImages .page-title {
		font-size: 2.6rem;
	}
}
@media (max-width: 1350px) {
	.bgImages .page-title {
		font-size: 2.4rem;
	}
}
@media (max-width: 1250px) {
	.bgImages .page-title {
		font-size: 2.2rem;
	}
}
@media (max-width: 1150px) {
	.bgImages .page-title {
		font-size: 2rem;
	}
}
@media (max-width: 1050px) {
	.bgImages .page-title {
		font-size: 1.8rem;
	}
}
@media (max-width: 991px) {
	.bgImages .page-title {
		font-size: 2rem;
		text-align: center;
		position: static;
		margin-top: 120px;
		margin-bottom: 120px;
	}
}
@media (max-width: 575px) {
	.bgImages .page-title {
		margin-top: 50px;
		margin-bottom: 40px;
	}
}

.bgImages .main-img {
	width: 52%;
	margin-left: auto;
	display: block;
}

#top-message-wrap {
	height: 335px;
	background-image: url("../../img/bg_concept_top_01_pc.jpg");  
	position: relative;
	margin-bottom: 200px;
}
#top-message-wrap .top-message-text {
	font-family : YuMincho, 'Yu Mincho', serif;
	font-size: 2.3rem;
	font-weight: 700;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
@media (max-width: 1300px) {
	#top-message-wrap {
		height: 270px;
	}
	#top-message-wrap .top-message-text {
		font-size: 2rem;
	}
}
@media (max-width: 1100px) {
	#top-message-wrap {
		height: 230px;
	}
	#top-message-wrap .top-message-text {
		font-size: 1.8rem;
	}
}
@media (max-width: 991px) {
	#top-message-wrap {
		height: 190px;
		margin-bottom: 50px;
	}	
	#top-message-wrap .top-message-text {
		font-size: 1.5rem;
	}
}



#concept_topic .topic-wrap {
	position: relative;
}


#concept_topic .topic-title {
	font-family : YuMincho, 'Yu Mincho', serif;
	font-size: 2.8rem;
	color: #6B5C35;
	margin-right: 50px;
	position: relative;
	margin-bottom: 60px;
	top: 20px;
	line-height: 50px;
}
@media (max-width: 1500px) {
	#concept_topic .topic-title {
		font-size: 2.4rem;
		margin-bottom: 20px;
	}
}
@media (max-width: 1300px) {
	#concept_topic .topic-title {
		font-size: 2rem;
	}
}
@media (max-width: 1100px) {
	#concept_topic .topic-title {
		font-size: 1.9rem;
	}
}
@media (max-width: 991px) {
	#concept_topic .topic-title {
		font-size: 1.8rem;
		text-align: center;
		line-height: 1.5;
		margin: 0 20px;
		position: static!important;
		height: auto!important;
		text-align: center!important;
		margin-left: auto!important;
		margin-right: auto!important;
		margin-bottom: 30px;
	}
}
@media (min-width: 992px) {
	#concept_topic .topic-title .title-adjust {
		position: absolute;
		top: 50%;
		transform: translateY(-50%) ;
		-webkit- transform: translateY(-50%) ;
	}
}

#concept_topic .topic-text .js-fadein-2 {
	font-family: "游ゴシック体", YuGothic , "ヒラギノ角ゴ Pro"!important;
	font-size: 1.6rem!important;
	line-height: 2.3;
}
@media (min-width: 768px) and (max-width: 991px) {
	#concept_topic .topic-text {
		padding: 35px 40px 40px 40px!important;
	}
}

@media (max-width: 1500px) {
	#concept_topic .topic-text .js-fadein-2 {
		font-size: 1.4rem!important;
	}	
}
@media (max-width: 1300px) {
	#concept_topic .topic-text .js-fadein-2 {
		font-size: 1.2rem!important;
	}	
}
@media (max-width: 1100px) {
	#concept_topic .topic-text .js-fadein-2 {
		font-size: 1.1rem!important;
	}	
}
@media (max-width: 991px) {
	#concept_topic .topic-text .js-fadein-2 {
		font-size: 0.9rem!important;
		line-height: 2.3;
	}	
}

#concept_topic .topic-text .link-pink {
	display: inline-block;
	font-size: 1.6rem;
	color: #C3485E;
}
@media (max-width: 991px) {
	#concept_topic .topic-text .link-pink {
		font-size: 0.9rem;
	}
}

#concept_topic .bg-gray {
	background-color: #F3F3F0;
}



#concept_topic .topic-wrap.adjust-01 .topic-img-wrap {
	width: 600px;
	position: absolute;
	left: 0;
}
#concept_topic .topic-wrap.adjust-01 .topic-title {
	margin-left: 690px;
	height: 100px;
}
#concept_topic .topic-wrap.adjust-01 .topic-text {
	padding: 130px 60px 120px 520px;
	margin: 0 160px 260px 160px;
}
@media (max-width: 1500px) {
	#concept_topic .topic-wrap.adjust-01 .topic-img-wrap {
		width: 500px;
		top: 30px;
	}
	#concept_topic .topic-wrap.adjust-01 .topic-title {
		margin-left: 560px;
	}
	#concept_topic .topic-wrap.adjust-01 .topic-text {
		padding: 100px 60px 120px 410px;
		margin: 0 160px 260px 160px;
	}
}
@media (max-width: 1400px) {
	#concept_topic .topic-wrap.adjust-01 .topic-img-wrap {
		width: 450px;
	}
	#concept_topic .topic-wrap.adjust-01 .topic-title {
		margin-left: 540px;
	}
	#concept_topic .topic-wrap.adjust-01 .topic-text {
		padding: 100px 60px 90px 370px;
		margin: 0 160px 260px 160px;
	}
}
@media (max-width: 1300px) {
	#concept_topic .topic-wrap.adjust-01 .topic-img-wrap {
		width: 400px;
	}
	#concept_topic .topic-wrap.adjust-01 .topic-title {
		margin-left: 440px;
	}
	#concept_topic .topic-wrap.adjust-01 .topic-text {
		padding: 60px 50px 60px 280px;
		margin: 0 160px 210px 160px;
	}
}
@media (max-width: 1200px) {
	#concept_topic .topic-wrap.adjust-01 .topic-title {
		margin-left: 440px;
	}
	#concept_topic .topic-wrap.adjust-01 .topic-text {
		padding: 60px 60px 60px 280px;
		margin: 0 80px 210px 160px;
	}
}
@media (max-width: 1100px) {
	#concept_topic .topic-wrap.adjust-01 .topic-title {
		margin-left: 440px;
	}
	#concept_topic .topic-wrap.adjust-01 .topic-text {
		padding: 50px 50px 50px 280px;
		margin: 0 80px 210px 160px;
	}
}
@media (max-width: 991px) {
	#concept_topic .topic-wrap.adjust-01 .topic-img-wrap {
		width: 50%;
		margin: 0 auto 30px auto;
		position: relative;
	}
	#concept_topic .topic-wrap.adjust-01 .topic-title {
		margin-left: 0;
		padding-top: 30px;
	}
	#concept_topic .topic-wrap.adjust-01 .topic-text {
		padding: 35px 20px 40px 20px;
		margin: 0 60px 45px 60px;
	}
}
@media (max-width: 575px) {
	#concept_topic .topic-wrap.adjust-01 .topic-img-wrap {
		width: calc(100% - 40px);
		margin: 0 20px 30px 20px;
		position: relative;
	}
	#concept_topic .topic-wrap.adjust-01 .topic-text {
		padding: 35px 20px 40px 20px;
		margin: 0 0 45px 20px;
	}
}


#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-01 {
	width: 666px;
	position: absolute;
	top: 0px;
	right: 140px;
}
#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-02 {
	width: 510px;
	position: absolute;
	top: 400px;
	right: 0;
}
#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-03 {
	width: 655px;
	position: absolute;
	top: 760px;
	right: 140px;
}
#concept_topic .topic-wrap.adjust-02 .topic-title {
	margin-left: 140px;
	height: 80px;
	position: relative;
	top: 20px;
}
#concept_topic .topic-wrap.adjust-02 .topic-text {
	padding: 160px 235px 150px 80px;
	margin: 0 650px 290px 60px;
}
#concept_topic .topic-wrap.adjust-02 .topic-text .link-pink {
	display: block;
	margin-top: 200px;
	text-decoration: underline;
	position: relative;
}
#concept_topic .topic-wrap.adjust-02 .topic-text .link-pink .icon-arrow {
	display: inline-block;
	content: "";
	width: 20px;
	height: 20px;
	background-image: url("../../img/icon_arrow_right.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 12px;
	position: absolute;
	top: 10px;
	left: 3px;
}
@media (max-width: 1500px) {

	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-01 {
		width: 600px;
		top: 20px;
		right: 80px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-02 {
		width: 460px;
		top: 385px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-03 {
		width: 590px;
		top: 700px;
		right: 80px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-title {
		margin-left: 120px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-text {
		padding: 50px 265px 50px 60px;
		margin: 0 490px 290px 60px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-text .link-pink {
		margin-top: 180px;
	}
}
@media (max-width: 1400px) {

	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-01 {
		width: 540px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-02 {
		width: 410px;
		top: 350px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-03 {
		width: 530px;
		top: 640px;
	}

	#concept_topic .topic-wrap.adjust-02 .topic-text {
		padding: 50px 265px 50px 60px;
		margin: 0 390px 290px 60px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-text .link-pink {
		margin-top: 100px;
	}
}
@media (max-width: 1300px) {

	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-01 {
		width: 440px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-02 {
		width: 320px;
		top: 290px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-03 {
		width: 430px;
		top: 520px;
	}

	#concept_topic .topic-wrap.adjust-02 .topic-text {
		padding: 50px 265px 50px 60px;
		margin: 0 300px 290px 60px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-text .link-pink {
		font-size: 1.2rem;
		margin-top: 50px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-text .link-pink .icon-arrow {
		background-size: 9px;
		top: 8px;
		left: 3px;
	}
}
@media (max-width: 1200px) {

	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-01 {
		width: 360px;
		right: 50px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-02 {
		width: 260px;
		top: 240px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-03 {
		width: 350px;
		top: 420px;
		right: 60px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-text {
		padding: 70px 130px 60px 60px;
		margin: 0 310px 290px 60px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-title {
		margin-right: 480px;
	}
}
@media (max-width: 1100px) {

	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-01 {
		width: 330px;
		right: 50px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-02 {
		width: 230px;
		top: 230px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-03 {
		width: 320px;
		top: 400px;
		right: 60px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-text {
		padding: 40px 110px 40px 40px;
		margin: 0 310px 290px 60px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-title {
		margin-left: 100px;
		margin-right: 480px;
	}
}


@media (max-width: 991px) {
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-01 {
		width: 50%;
		margin: 0 auto 10px auto;
		position: relative;
		top: 0;
		right: 0;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-02 {
		width: 50%;
		margin: 0 auto 10px auto;
		position: relative;
		top: 0;
		right: 0;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-03 {
		width: 50%;
		margin: 0 auto 30px auto;
		position: relative;
		top: 0;
		right: 0;
	}	
	#concept_topic .topic-wrap.adjust-02 .topic-title {
		margin-left: 0;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-text {
		margin: 0 60px 40px 60px;
		padding: 60px 20px 70px 20px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-text .link-pink {
		margin-top: 50px;
		font-size: 1rem;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-text .link-pink .icon-arrow {
		background-size: 8px;
		top: 6px;
		left: 2px;
	}
}
@media (max-width: 575px) {
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-01 {
		width: calc(100% - 40px);
		margin: 0 20px 10px 20px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-02 {
		width: calc(100% - 40px);
		margin: 0 20px 10px 20px;
	}
	#concept_topic .topic-wrap.adjust-02 .topic-img-wrap.img-03 {
		width: calc(100% - 40px);
		margin: 0 20px 30px 20px;
	}	
	#concept_topic .topic-wrap.adjust-02 .topic-text {
		margin: 0 20px 40px 0;
		padding: 60px 15px 70px 15px;
	}
}





#concept_topic .topic-wrap.adjust-03 .topic-img-wrap {
	width: 660px;
	position: absolute;
	left: 0;
}
#concept_topic .topic-wrap.adjust-03 .topic-title {
	margin-left: 730px;
	height: 80px;
}
#concept_topic .topic-wrap.adjust-03 .topic-text {
	padding: 150px 100px 170px 490px;
	margin: 0 60px 285px 245px;
}

@media (max-width: 1700px) {
	#concept_topic .topic-wrap.adjust-03 .topic-img-wrap {
		width: 600px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-title {
		margin-left: 650px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-text {
		padding: 120px 70px 140px 410px;
		margin: 0 60px 285px 245px;
	}
}
@media (max-width: 1600px) {
	#concept_topic .topic-wrap.adjust-03 .topic-img-wrap {
		width: 550px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-title {
		margin-left: 600px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-text {
		padding: 120px 70px 140px 360px;
		margin: 0 60px 285px 245px;
	}
}
@media (max-width: 1550px) {
	#concept_topic .topic-wrap.adjust-03 .topic-img-wrap {
		width: 500px;
		top: 20px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-title {
		margin-left: 550px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-text {
		padding: 80px 70px 140px 310px;
		margin: 0 60px 285px 245px;
	}
}
@media (max-width: 1400px) {
	#concept_topic .topic-wrap.adjust-03 .topic-img-wrap {
		width: 450px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-title {
		margin-left: 500px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-text {
		padding: 80px 50px 140px 260px;
	}	
}
@media (max-width: 1350px) {
	#concept_topic .topic-wrap.adjust-03 .topic-img-wrap {
		width: 400px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-title {
		margin-left: 450px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-text {
		padding: 80px 50px 140px 210px;
	}	
}
@media (max-width: 1300px) {
	#concept_topic .topic-wrap.adjust-03 .topic-text {
		padding: 50px 50px 80px 210px;
	}	
}
@media (max-width: 1200px) {
	#concept_topic .topic-wrap.adjust-03 .topic-img-wrap {
		width: 380px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-title {
		margin-left: 410px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-text {
		padding: 50px 50px 50px 170px;
	}	
}
@media (max-width: 1100px) {
	#concept_topic .topic-wrap.adjust-03 .topic-img-wrap {
		width: 320px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-title {
		margin-left: 360px;
		margin-right: 10px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-text {
		padding: 50px 50px 50px 120px;
	}	
}

@media (max-width: 991px) {
	#concept_topic .topic-wrap.adjust-03 .topic-img-wrap {
		width: 50%;
		margin: 0 auto 30px auto;
		margin-bottom: 45px;
		position: relative;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-title {
		margin-left: 0;
		padding-top: 20px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-text {
		padding: 35px 20px 40px 20px;
		margin: 0 60px 50px 60px;
	}
}
@media (max-width: 575px) {
	#concept_topic .topic-wrap.adjust-03 .topic-img-wrap {
		width: calc(100% - 40px);
		margin: 0 20px 30px 20px;
	}
	#concept_topic .topic-wrap.adjust-03 .topic-text {
		padding: 35px 20px 40px 20px;
		margin: 0 0 50px 20px;
	}
}





#concept_topic .topic-wrap.adjust-04 .topic-img-wrap {
	width: 600px;
	position: absolute;
	right: 0;
	top: -100px;
}
#concept_topic .topic-wrap.adjust-04 .topic-title {
	margin-left: 160px;
	height: 80px;
}
#concept_topic .topic-wrap.adjust-04 .topic-text {
	line-height: 3;
	padding: 140px 405px 140px 100px;
	margin: 0 275px 375px 60px;
}


@media (max-width: 1600px) {
	#concept_topic .topic-wrap.adjust-04 .topic-img-wrap {
		width: 560px;
	}
	#concept_topic .topic-wrap.adjust-04 .topic-text {
		padding: 140px 365px 140px 100px;
	}
}
@media (max-width: 1500px) {
	#concept_topic .topic-wrap.adjust-04 .topic-img-wrap {
		width: 500px;
	}
	#concept_topic .topic-wrap.adjust-04 .topic-title {
		margin-right: 400px;
	}
	#concept_topic .topic-wrap.adjust-04 .topic-text {
		padding: 100px 305px 140px 100px;
	}
}

@media (max-width: 1400px) {
	#concept_topic .topic-wrap.adjust-04 .topic-img-wrap {
		width: 400px;
		top: 0px;
	}	
	#concept_topic .topic-wrap.adjust-04 .topic-title {
		margin-left: 120px;
	}
	#concept_topic .topic-wrap.adjust-04 .topic-text {
		padding: 100px 175px 140px 70px;
	}
}
@media (max-width: 1300px) {
	#concept_topic .topic-wrap.adjust-04 .topic-img-wrap {
		width: 350px;
		top: -0px;
	}	
	#concept_topic .topic-wrap.adjust-04 .topic-title {
		margin-left: 110px;
	}
	#concept_topic .topic-wrap.adjust-04 .topic-text {
		padding: 60px 125px 100px 50px;
	}	
}
@media (max-width: 1200px) {
	#concept_topic .topic-wrap.adjust-04 .topic-img-wrap {
		width: 320px;
		top: -0px;
	}	
	#concept_topic .topic-wrap.adjust-04 .topic-title {
		margin-left: 110px;
		margin-right: 350px;
	}
	#concept_topic .topic-wrap.adjust-04 .topic-text {
		padding: 60px 95px 100px 50px;
	}	
}

@media (max-width: 991px) {
	#concept_topic .topic-wrap.adjust-04 .topic-img-wrap {
		width: 50%;
		margin: auto;
		margin-bottom: 30px;
		position: static;
	}
	#concept_topic .topic-wrap.adjust-04 .topic-title {
		margin-left: 0;
	}
	#concept_topic .topic-wrap.adjust-04 .topic-text {
		line-height: 2;
		padding: 35px 20px 40px 20px;
		margin: 0 60px 55px 60px;
	}
}
@media (max-width: 575px) {
	#concept_topic .topic-wrap.adjust-04 .topic-img-wrap {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
	#concept_topic .topic-wrap.adjust-04 .topic-text {
		padding: 35px 20px 40px 20px;
		margin: 0 20px 55px 0;
	}
}



#concept_message .message-wrap .message-img-wrap {
	width: 960px;
	position: absolute;
	left: 0;
}
#concept_message .message-wrap .message-title {
	font-family : YuMincho, 'Yu Mincho', serif;
	font-size: 2.8rem;
	color: #A17301;
	margin-left: 980px;
	margin-right: 150px;
	margin-bottom: 40px;
	text-align: center;
}
#concept_message .message-wrap .message-text {
	text-align: center;
	padding: 120px 70px 400px 150px;
	margin: 0 60px 175px 840px;
	background-image: url("../../img/bg_concept_06_message_pc.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
#concept_message .message-wrap .message-text .message-text-span > span {
	font-family : YuMincho, 'Yu Mincho', serif;
	font-size: 2.2rem;	
}
#concept_message .message-wrap .message-title .eng-text {
	font-family: 'Snell Roundhand' , bickham-script-pro-3, sans-serif;
	color: #000;
}


@media (max-width: 2000px) {
	#concept_message .message-wrap .message-title {
		margin-right: 190px;
	}
	#concept_message .message-wrap .message-text {
		background-size: contain;
	}
	#concept_message .message-wrap .message-text {
		padding: 120px 130px 400px 150px;
	}
}
@media (max-width: 1800px) {
	#concept_message .message-wrap .message-img-wrap {
		width: 880px
	}
	#concept_message .message-wrap .message-title {
		margin-right: 140px;
		margin-left: 900px;
	}
	#concept_message .message-wrap .message-text {
		padding: 120px 60px 400px 150px;
		margin: 0 60px 175px 760px;
		background-size: contain;
	}
}
@media (max-width: 1700px) {
	#concept_message .message-wrap .message-img-wrap {
		width: 780px
	}
	#concept_message .message-wrap .message-title {
		margin-right: 130px;
		margin-left: 800px;
	}
	#concept_message .message-wrap .message-text {
		padding: 110px 70px 400px 120px;
		margin: 0 60px 175px 660px;
	}
}
@media (max-width: 1600px) {
	#concept_message .message-wrap .message-img-wrap {
		width: 720px
	}
	#concept_message .message-wrap .message-title {
		margin-left: 740px;
	}
	#concept_message .message-wrap .message-text {
		margin: 0 60px 175px 640px;
	}
}
@media (max-width: 1500px) {
	#concept_message .message-wrap .message-img-wrap {
		width: 630px
	}
	#concept_message .message-wrap .message-title {
		margin-left: 650px;
	}
	#concept_message .message-wrap .message-text {
		margin: 0 60px 175px 540px;
	}
}
@media (max-width: 1400px) {
	#concept_message .message-wrap .message-img-wrap {
		width: 590px
	}
	#concept_message .message-wrap .message-title {
		margin-right: 110px;
		margin-left: 600px;
	}
	#concept_message .message-wrap .message-text {
		padding: 100px 70px 400px 100px;
		margin: 0 60px 175px 520px;
	}
	#concept_message .message-wrap .message-text .message-text-span > span {
		font-size: 1.8rem;
	}
}
@media (max-width: 1300px) {
	#concept_message .message-wrap .message-title {
		font-size: 2.4rem;
		margin-right: 100px;
		margin-left: 590px;
	}
	#concept_message .message-wrap .message-title .eng-text {
		font-size: 2.4rem;
	}
	#concept_message .message-wrap .message-text .message-text-span > span {
		font-size: 1.6rem;
	}
}
@media (max-width: 1200px) {
	#concept_message .message-wrap .message-img-wrap {
		width: 540px
	}
	#concept_message .message-wrap .message-title {
		font-size: 2.2rem;
		margin-right: 80px;
		margin-left: 550px;
	}
	#concept_message .message-wrap .message-text {
		font-size: 2.2rem;
		margin: 0 40px 135px 470px;
	}
}
@media (max-width: 1100px) {
	#concept_message .message-wrap .message-img-wrap {
		width: 460px
	}
	#concept_message .message-wrap .message-title {
		font-size: 2rem;
		margin-left: 480px;
	}
	#concept_message .message-wrap .message-text {
		font-size: 2rem;
		padding: 70px 70px 400px 100px;
		margin: 0 40px 135px 390px;
	}
	#concept_message .message-wrap .message-text .message-text-span > span {
		font-size: 1.4rem;
	}
}

@media (max-width: 991px) {
	#concept_message .message-wrap .message-img-wrap {
		width: 50%;
		margin: auto;
		margin-bottom: 30px;
		position: relative;
	}
	#concept_message .message-wrap .message-title {
		font-size: 1.8rem;
		text-align: center;
		margin: 0 20px 35px 0;
	}
	#concept_message .message-wrap .message-text {
		width: 600px;
		padding: 110px 20px 180px 20px;
		margin: 0 auto 40px auto;
/*		background-image: url("../../img/bg_concept_01_message_sp.jpg");*/
		background-size: 100%;
	}
	#concept_message .message-wrap .message-text .message-text-span > span {
		font-size: 1.4rem;
	}
	#concept_message .message-wrap .message-title .eng-text {
		font-size: 2rem;
	}
}
@media (max-width: 767px) {
	#concept_message .message-wrap .message-title {
		font-size: 1.4rem;
		text-align: center;
		margin: 0 20px 35px 0;
	}
	#concept_message .message-wrap .message-text {
		width: 460px;
		padding: 90px 20px 140px 20px;
	}
	#concept_message .message-wrap .message-text .message-text-span > span {
		font-size: 1rem;
	}
	#concept_message .message-wrap .message-title .eng-text {
		font-size: 1.5rem;
	}
}
@media (max-width: 575px) {
	#concept_message .message-wrap .message-title {
		margin-bottom: 20px;
	}
	#concept_message .message-wrap .message-img-wrap {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
	#concept_message .message-wrap .message-text {
		width: 400px;
	}
}
@media (max-width: 500px) {
	#concept_message .message-wrap .message-text {
		padding-top: 80px;
	}
}
@media (max-width: 400px) {
	#concept_message .message-wrap .message-text {
		padding-top: 60px;
	}
	#concept_message .message-wrap .message-text {
		width: 340px;
	}
}
@media (max-width: 350px) {
	#concept_message .message-wrap .message-text {
		width: 300px;
		padding-top: 40px;
	}
	#concept_message .message-wrap .message-text .message-text-span > span {
		font-size: 0.9rem;
	}
}