@charset "UTF-8";

@media screen and (max-width: 767px) {
	/* rin-homeFullTopWrapper */
	.rin-homeFullTopWrapper {
		position: relative;
		width: 100%;
		min-height: 0;
		background: none;
	}
	.rin-homeFullTopWrapper > .rin-homeFullTopWrapperInner {
		background: none;
	}
	.rin-homeFullTopWrapper.introFinish > .rin-homeFullTopWrapperInner {
		background: none;
	}

	/* header */
	.rin-homeBody .rin-headerInner {
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);
		background-color: #fff;
	}

	/* rin-homeMv */
	.rin-homeMv {
		position: relative;
		width: auto;
		margin: 0 auto;
		background: url(/resona_in/specialty/images/index_bg_01.png) calc(50% + 60px) -90px no-repeat;
		background-size: 445px;
		opacity: 1;
	}
	.rin-homeFullTopWrapper .rin-homeMvInner {
		transition: background 3s cubic-bezier(0.16, 1, 0.3, 1);
		background: rgba(255,255,255,1.0);
	}
	.rin-homeFullTopWrapper.introFinish .rin-homeMvInner {
		background: rgba(255,255,255,0);
	}
	.rin-labelMiddleHome01 {
		margin: 232px 0 0 17px;
		padding: 6px 18px;
	}
	.rin-homeMvLabel01 {
		transition: opacity 3s cubic-bezier(0.16, 1, 0.3, 1);
		opacity: 0;
	}
	.rin-homeFullTopWrapper.introFinish .rin-homeMvLabel01 {
		opacity: 1;
	}
	.rin-homeMvText01 {
		margin: 0 0 0 10px;
		transition: opacity 3s cubic-bezier(0.16, 1, 0.3, 1);
		opacity: 0;
	}
	.rin-homeFullTopWrapper.introFinish .rin-homeMvText01 {
		opacity: 1;
	}
	.rin-homeMvText01 > img {
		width: 309px;
	}
	.rin-homeMvText02 {
		margin: 10px 0 0 20px;
		font-size: 1.4rem;
	}
	.rin-homeMvBtnBlock01 {
		display: block;
		margin: 30px 35px 15px;
		text-align: center;
	}
	.rin-homeMvBtnBlock01 > div:not(:first-child) {
		margin-top: 28px;
	}
	.rin-homeMvBtn02 .rin-btn02 {
		max-height: 60px;
		border-radius: 100px;
		font-size: 1.6rem;
		text-align: center;
	}

	/* rin-homeFull */
	.rin-homeFullBg01 {
		padding: 19px 0;
		background-image: url(/resona_in/specialty/images/index_bg_04.png), url(/resona_in/specialty/images/index_bg_05.png);
		background-position: 50% 0, 50% 100%;
		background-repeat: repeat-x, repeat-x;
		background-size: 689px 19px, 689px 19px;
	}
	.rin-homeFullBgInner01 {
		padding-bottom: 25px;
	}
	#wrap .rin-homeFullInner01 {
		overflow-x: hidden;
		margin-top: 0;
		padding: 45px 0 0;
	}

	.rin-homeFullBg02 {
		background: url(/resona_in/specialty/images/index_bg_07_sp.png) calc(50% - 40px) 0 no-repeat;
		background-size: 359px 334px;
	}

	/* rin-homeNewCampaign01 */
	.rin-homeNewCampaign01::before {
		content: '';
		top: -30px;
		left: 0;
		width: 96px;
		height: 365px;
		background: url(/resona_in/specialty/images/index_bg_02_sp.png) 0 0 no-repeat;
		background-size: 96px 365px;
	}
	.rin-homeNewCampaign01::after {
		content: '';
		top: 50px;
		right: 0;
		width: 104px;
		height: 323px;
		background: url(/resona_in/specialty/images/index_bg_03_sp.png) 0 0 no-repeat;
		background-size: 104px 323px;
	}

	/* rin-homeBlock01 */
	.rin-homeBlock01 .rin-homeFullBgInner01 {
		background: #feef68 url(/resona_in/specialty/images/index_bg_06_sp.png) 50% 0 no-repeat;
		background-size: 602px 2398px;
	}

	/* rin-homeImageColumn01 */
	.rin-homeImageColumn01 {
		display: flex;
		flex-direction: column-reverse;
		width: 92%;
		margin: 75px auto 0;
	}
	.rin-hasHomeFeaturesLink01 {
		margin-bottom: 195px;
	}
	.rin-homeImageColumn01 > .rin-homeColumnText01 {
		width: 100%;
		margin-top: -30px;
		margin-left: 12%;
		padding: 55px 20px 20px 20px;
	}
	.rin-homeImageColumn01 > .rin-homeColumnImage01 {
		z-index: 2;
		width: 100%;
		margin-left: -8%;
	}
	.rin-homeFeatures01.rin-homeImageColumn01 > .rin-homeColumnText01 ,
	.rin-homeFeatures03.rin-homeImageColumn01 > .rin-homeColumnText01 {
		margin-left: 12%;
		padding-right: 10%;
	}
	.rin-homeFeatures01.rin-homeImageColumn01 > .rin-homeColumnImage01,
	.rin-homeFeatures03.rin-homeImageColumn01 > .rin-homeColumnImage01 {
		margin-left: -8%;
	}
	.rin-homeFeatures02.rin-homeImageColumn01 > .rin-homeColumnText01 ,
	.rin-homeFeatures04.rin-homeImageColumn01 > .rin-homeColumnText01 {
		margin-left: -10%;
		padding-left: 10%;
	}
	.rin-homeFeatures02.rin-homeImageColumn01 > .rin-homeColumnImage01,
	.rin-homeFeatures04.rin-homeImageColumn01 > .rin-homeColumnImage01 {
		margin-left: 12%;
	}

	.rin-homeFeaturesIcon01 {
		z-index: 3;
		position: absolute;
		top: -40px;
		left: calc(50% - 40px);
		width: 80px;
		height: 80px;
	}
	.rin-homeFeaturesIcon01 > img {
		position: relative;
	}
	.rin-homeFeatures01 .rin-homeFeaturesIcon01,
	.rin-homeFeatures03 .rin-homeFeaturesIcon01 {
		right: -10px;
		left: auto;
	}
	.rin-homeFeatures02 .rin-homeFeaturesIcon01,
	.rin-homeFeatures04 .rin-homeFeaturesIcon01 {
		left: 0;
	}
	.rin-homeFeaturesIcon01::before {
		content: '';
		position: absolute;
		top: -39px;
		left: calc(50% - 190px);
	}
	.rin-homeFeatures01 .rin-homeFeaturesIcon01::before {
		top: 0;
		right: 80px;
		left: auto;
		transform: rotate(13deg);
		width: 61px;
		height: 29px;
		background: url(/resona_in/specialty/images/index_txt_02.png) 0 0 no-repeat;
		background-size: 61px 29px;
	}
	.rin-homeFeatures02 .rin-homeFeaturesIcon01::before {
		top: 0;
		left: 80px;
		transform: rotate(-8deg);
		width: 61px;
		height: 29px;
		background: url(/resona_in/specialty/images/index_txt_02.png) 0 0 no-repeat;
		background-size: 61px 29px;
	}
	.rin-homeFeatures03 .rin-homeFeaturesIcon01::before {
		top: 0;
		right: 80px;
		left: auto;
		transform: rotate(16deg);
		width: 62px;
		height: 29px;
		background: url(/resona_in/specialty/images/index_txt_03.png) 0 0 no-repeat;
		background-size: 62px 29px;
	}
	.rin-homeFeatures04 .rin-homeFeaturesIcon01::before {
		top: 0;
		left: 80px;
		transform: rotate(-8deg);
		transform: rotate(-6deg);
		width: 62px;
		height: 29px;
		background: url(/resona_in/specialty/images/index_txt_03.png) 0 0 no-repeat;
		background-size: 62px 29px;
	}
	.rin-homeFeatures05 .rin-homeFeaturesIcon01::before {
		top: 0;
		right: 80px;
		left: auto;
		transform: rotate(-10deg);
		width: 62px;
		height: 29px;
		background: url(/resona_in/specialty/images/index_txt_03.png) 0 0 no-repeat;
		background-size: 62px 29px;
	}
	.rin-homeFeaturesLink01 {
		position: absolute;
		bottom: -120px;
		left: calc(50% - 150px);
		width: 300px;
	}

	.rin-homeImageColumn01 h3 {
		margin-bottom: 12px;
		font-size: 2.5rem;
	}
	/* rin-homeFeatures05 */
	.rin-homeFeatures05 {
		display: block;
		width: 90%;
		margin: 75px auto 0;
		padding: 35px 24px 30px;
		box-sizing: border-box;
		border-radius: 25px;
		background: #fff;
	}

	/* rin-homeDetailsList01 */
	.rin-homeDetailsList01 {
		display: block;
		margin-top: 35px;
	}
	.rin-homeDetailsList01 > dt {
		font-size: 2.1rem;
	}

	/* rin-homeList01 */
	.rin-homeList01 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		margin: 0 auto 20px;
	}
	.rin-homeList01 > li {
		width: 42%;
		margin: 0 1% -20px;
	}
	.rin-homeList01 > li:nth-child(odd) {
		margin-right: -30px;
	}
	.rin-homeList01 > li.rin-homeListItem01 {
		position: absolute;
		top: calc(50% - 25%);
		left: calc(50% - 22%);
	}
	.rin-homeList01 > .rin-homeListEtc01 {
		top: calc(100% - 2.5em);
		left: calc(50% - 1.5em);
		right: auto;
		bottom: auto;
		width: auto;
		font-size: 2.1rem;
	}

	/* rin-homeHead */
	.rin-homeHead01 {
		margin-bottom: 40px;
		vertical-align: baseline;
		text-align: center;
		font-weight: bold;
	}
	.rin-homeHead01 > span {
		vertical-align: text-bottom;
	}
	.rin-homeHead01 img {
		vertical-align: text-bottom;
	}
	.rin-homeHead01 .rin-homeHeadInner01 {
		font-size: 2.0rem;
	}
	.rin-homeHead01 .rin-homeHeadInner02 {
		display: block;
		font-size: 3.8rem;
	}
	.rin-homeHead01 .rin-homeHeadIcon01 {
		width: 52px;
	}
	.rin-homeHead01 .rin-homeHeadIcon02 {
		width: 52px;
	}
	.rin-homeHead01 .rin-homeHeadIcon03 {
		width: 168px;
		vertical-align: sub;
	}

	/*-------------------------------------------
	イントロ
	-------------------------------------------*/
	.rin-homeIntroWrap {
		scale: 0.9;
		position: absolute;
		top: 47px;
		left: -6%;
		width: 112%;
		height: 400px;
		background-color: #fff;
	}
}

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