@charset "shift_jis";

/* ======================================================
 * /common-files/css/gecard/natsume/natsume.css
====================================================== */
@font-face {
	font-family: 'Local Noto Sans JP';
	src:
		local('Noto Sans JP'), /* Windows用 */
		local('Noto Sans CJK JP Regular') /* Android用 */;
}
body{
	background-color: #FFFFFF;
    background-image: url(/gecard/natsume/img-files/index_bc_pc.webp);
    background-size: contain;
	font-family: 'Local Noto Sans JP', 'Noto Sans JP', 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 'Heebo', sans-serif;
	overflow-x: hidden;
	color: #342217;
	min-width: 1200px;
	font-size: 1.4rem;
}
a:visited,
a:link{
	color: #342217;
}

/* header
------------------------------------------------------ */
#header {
	width: 100%;
	margin: 0 auto;
	padding: 8px 40px;
	background-color: #fff;
	border-bottom: none;
}
#headerLogo {
	width: 1200px;
	margin: 0 auto;
}
#header #headerLogo img {
	width: 190px;
}
/* mainVisual
------------------------------------------------------ */
.mainVisual .mainVisualInner {
	width: 1200px;
	margin: 0 auto;
}
/* layout
------------------------------------------------------ */
#mainContainer {
	margin-top: 0;
}
#mainContents {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
/* applyBtn
------------------------------------------------------ */
.applyBtn-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}
.applyBtn-text {
	position: relative;
	font-size: 2.2rem;
	font-weight: bold;
}
.applyBtn-text::before, .applyBtn-text::after {
	top: 46%;
	left: -24px;
	content: "";
	position: absolute;
	width: 28px;
	height: 1px;
	background-color: #342217;
	transform: rotate(45deg);
}
.applyBtn-text::after {
	left: 134px;
	transform: rotate(-45deg);
}
.applyBtn:hover {
	opacity: 0.8;
}
.applyBtn a {
	width: 428px;
	text-align: center;
	padding: 18px 0;
	border-radius: 100px;
	border: 3px solid #EAAB6A;
	background: #FFF;
	box-shadow: 0 0 10px 0 #EAAB6A;
	display: block;
	position: relative;
	font-size: 2.2rem;
	font-weight: bold;
	text-decoration: none;
}
.applyBtn a::after {
  content: "";
	position: absolute;
	top: 24%;
	right: 15px;
	height: 35px;
	width: 35px;
	background: url(/gecard/natsume/img-files/index_ic01.webp) no-repeat 0 0;
	background-size: 100% auto;
}
.applyBtn a:visited,
.applyBtn a:link{
	color: #EAAB6A;
}
/* modal
------------------------------------------------------ */
.modalInlineWrapper {
	display: none;
}
#cboxContent {
	overflow: visible !important;
}
#colorbox #cboxLoadedContent {
	overflow: auto !important;
	overflow-x: hidden !important;
}
#cboxClose {
	display: block;
	position: absolute;
	top: -20px !important;
	bottom: auto !important;
	right: -20px !important;
	background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0 !important;
	width: 48px !important;
	height: 48px !important;
	text-indent: -9999px;
}
#cboxClose:hover {
	background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0;
}
#cboxContent {
	max-width: 1100px;
}
.modalContents {
	width: 100%;
	padding: 40px 30px;
}
.modalContents p {
	color: #231815;
	margin-bottom: 10px;
}
.ModalInner .cb_close a:after {
	right: 10px;
	height: 14px;
	width: 14px;
	margin-top: -7px;
	background-image: url(/common-files/img/com_close_ic01.png);
}
#cboxContent {
	background-color: #ececec;
}
.cb_close a {
	text-decoration: none;
}
.natsume-modal-title {
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
}

/* section
------------------------------------------------------ */
/* section01 */
.natsume-section01 {
  margin-top: 28px !important;
  width: 1200px;
}
.natsume-section01 .card-images {
	width: 552px;
	margin: 0 auto;
}
.natsume-section01-box {
    display: flex;
    gap: 28px;
    justify-content: center;
}
.natsume-section01-box .methods-available {
    margin-top: 28px;
    width: 98px;
}
.natsume-box01 {
	margin: 22px 0 40px;
	border-radius: 40px;
	background: #FFF;
  width: 1024px;
	padding-bottom: 36px;
}
.natsume-cardWrap {
	display: flex;
	justify-content: start;
	align-items: center;
	padding: 40px;
	gap: 96px;
}
.natsume-card .natsume-cardInner {
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: center;
}
.natsume-Title01 {
	font-size: 3.8rem;
	font-weight: bold;
}
.natsume-text {
	font-size: 1.9rem;
	text-align: center;
	line-height: 1.6;
}
.applyBtn-text-advance {
    padding: 0 0 40px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #000000;
}
.natsume-notelist > li {
  font-size: 1.3rem;
}
.natsume-Image {
  width: 250px;
}

.natsume-box01[data-class="card-app"] {
    margin: 0;
}
.natsume-card .natsume-cardInner[data-class="card-app"] {
	gap: 10px;
}
.natsume-Title01[data-class="card-app"] {
  padding-top: 40px;
}
.natsume-text[data-class="card-app"] {
  padding-top: 24px;
}
.natsume-cardWrap[data-class="card-app"] {
  padding: 22px 20px 40px;
	gap: 64px;
}
.natsume-cardWrap[data-class="card-app"] {
    justify-content: center;
    align-items: start;
}
.natsume-card .natsume-cardTitle01 {
    margin-top: 42px;
	width: 318px;
}
.natsume-card .natsume-cardTitle02 {
    margin-top: 20px;
	width: 270px;
}
.natsume-card .natsume-cardImage img {
  width: 358px;
}
.natsume-card .natsume-cardImage[data-class="card-02"] img {
  width: 184px;
}
.natsume-cardInner[data-class="card-app"] .applyBtn a {
	  width: 364px;
		padding: 17px 0;
    font-size: 2.1rem;
}
.natsume-cardInner[data-class="card-app"] .applyBtn a::after {
    top: 26%;
    right: 15px;
    height: 33px;
    width: 33px;
}
.applyBtn[data-class="card-01"] {
    margin-top: 33px;
}
.applyBtn[data-class="card-02"] {
    margin-top: 10px;
}
.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 16px 0;
  padding: 22px;
  width: 364px;
  font-size: 1.4rem;
  background: #FFF;
  box-shadow: 0 0 8px 0 #EAAB6A;
  box-sizing: border-box;
}
.balloon1-top:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #FFFFFF;
  box-shadow: 3px 3px  6px -3px #EAAB6A;
  transform: rotate(225deg);
  left: 50%;
  top: -8px;
  z-index: 1;
}
.balloon-title {
    font-size: 1.6rem;
    margin-bottom: 8px;
}
.balloon-title span {
    font-size: 2.3rem;
}

/* section02 */
.natsume-section02 {
	margin-top: 40px;
	width: 1200px;
	display: flex;
	align-items: center;
    justify-content: end;
	padding: 0 0 0 34px;
}
.natsume-section02 .about-donations {
    width: 598px;
    text-align: right;
    margin-right: 38px;
}
.natsume-section02 .natsume-cardImage {
    width: 458px;
    margin-right: 30px;
}
.natsume-section02 .natsume-heading02Title {
  width: 120px;
}
.natsume-section02 .about-donations-title {
    font-size: 2.2rem;
}
.natsume-section02 .about-donations-title span {
    margin-top: 15px;
    display: inline-block;
    color: #EAAB6A;
}
.natsume-section02 .about-donations-text {
    font-size: 1.4rem;
}
.natsume-section02 .about-donations-subtext {
    margin-top: 25px;
		font-size: 1.4rem;
}

/* section03 */
.natsume-section03 {
  margin-top: 40px;
	width: 100%;
	background: linear-gradient(86deg, rgba(112, 213, 162, 0.20) 0.02%, rgba(234, 171, 106, 0.20) 99.98%);
	padding: 40px 0;
}
.natsume-section03 .contents {
    display: flex;
	align-items: center;
    width: 1200px;
    margin: 0 auto;
}
.natsume-section03 .natsume-heading02Title {
  width: 130px;
}
.natsume-section03 .natsume-mediaImage01 {
    width: 490px;
    margin-left: 7%;
    margin-right: 20px;
}
.natsume-section03 .natsume-mediaContents{
	width: 757px;
}
.natsume-Title02 {
	font-size: 1.5rem;
}
.natsume-Title02 .mark {
	font-size: 1.2rem;
}
.natsume-Title02 .big-text {
	margin-top: 10px;
	display: inline-block;
	font-size: 2.9rem;
  font-weight: bold;
}
.natsume-Title02 .text02 {
	font-size: 2.2rem;
    font-weight: bold;
}
.natsume-section03 .natsume-mediaNote {
    margin-top: 16px;
	font-size: 1.4rem;
}

/* section04 */
.natsume-section04 {
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 74px auto;
    gap: 16%;
}
.natsume-section04 .natsume-heading02Title {
  width: 120px;
}
.natsume-privilegeLead01 {
	font-size: 2.9rem;
}
.natsume-privilegeLead01 span {
	font-size: 4.2rem;
    color: #EAAB6A;
    display: inline-block;
    margin-top: 10px;
}
.natsume-privilege-anchor {
    margin-top: 20px;
	text-align: center;
	font-size: 1.4rem;
}
.voiContent {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	padding: 80px 0 60px;
	width: 716px;
}
.natsume-privilegeImage02 {
	border: solid 1px #d2d2d2;
}
.natsume-privilegeNote > li {
	position: relative;
	padding-left: 16px;
	line-height: 1.6;
}
.natsume-privilegeNote > li > .mark {
	position: absolute;
	top: 0;
	left: 0;
}

/* section05 */
.natsume-section05 {
	padding: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.natsume-section05 .natsume-heading02Title {
    font-size: 3.6rem;
    font-weight: bold;
}
.natsume-section05 h2 {
    display: inline-block;
	position: relative;
}
.natsume-section05 h2::after {
    content: "";
	position: absolute;
	top: -18%;
	right: -67px;
	height: 66px;
	width: 66px;
	background: url(/gecard/natsume/img-files/index_im03.webp) no-repeat 0 0;
	background-size: 100% auto;
}
.natsume-section05 .natsume-btnWrap {
	margin-top: 33px;
	gap: 24px;
}
.natsume-btnWrap {
	display: flex;
}
.natsume-btn {
	width: 428px;
	text-align: center;
	padding: 18px 0;
	border-radius: 100px;
    border: 3px solid #EAAB6A;
    background: #FFF;
    box-shadow: 0 0 10px 0 #EAAB6A;
}
.natsume-btn:hover {
	opacity: 0.8;
}
.natsume-btnWrap a {
    display: inline-block;
    position: relative;
	font-size: 2.2rem;
	font-weight: bold;
	text-decoration: none;
}
.natsume-btnWrap a::after {
    content: "";
	position: absolute;
	top: 27%;
	right: 17px;
	height: 35px;
	width: 35px;
	background: url(/gecard/natsume/img-files/index_ic01.webp) no-repeat 0 0;
	background-size: 100% auto;
}
.natsume-btnWrap a:visited,
.natsume-btnWrap a:link{
	color: #EAAB6A;
}

/* section06 */
.natsume-section06 {
    margin: 40px auto 0px;
	width: 1200px;
}

/* news */
.newsBox {
	position: relative;
	display: flex;
	align-items: start;
}
.newsBox .newsBoxHeading {
	position: relative;
	z-index: 1;
	width: 130px;
}
.newsBox .newsBoxInner {
	position: relative;
	width: 1020px;
	height: 153px;
	overflow-y: hidden;
	padding: 18px 30px 13px;
	background-color: #fff;
}
.newsBox .content {
	overflow: auto;
	position: relative;
	padding: 0 0 10px;
	height: 107px;
}
.newsBox .contentbox {
	padding: 14px 0 0;
	font-size: 1.6rem;
	line-height: 1.6;
}
.newsBox .contentbox li {
	display: table;
	margin-bottom: 10px;
}
.newsBox .contentbox li .date {
	display: table-cell;
	padding-right: 10px;
	font-weight: bold;
	width: 115px;
    color: #EAAB6A;
}
.newsBox .contentbox li .txt {
	display: table-cell;
	color: #000000;
}
.newsBox .mCSB_container {
	padding-right: 0px !important;
}
.newsBox .mCSB_inside > .mCSB_container{
	margin-right: 20px;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin: 15px 0 10px;
}
.newsBox .mCS-my-theme.mCSB_scrollTools{
	width: 18px;
	background-color: inherit;
	padding: 4px 3px;
	opacity: 1;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{
	width: 14px;
	background-color: #ededed;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 3px 0;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 3px;
	right: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonUp,
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonDown {
	width: 16px;
	height:18px;
	opacity: 1;
}
	.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::before{
	width: 0;
	height: 0;
	border-bottom: 9px solid #ededed;
	border-right: 7.5px solid transparent;
	border-left: 7.5px solid transparent;
	position:absolute;
	top: 2px;
	left: 0;
	display: block;
	content: "";
}
.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::before{
	width: 0;
	height: 0;
	border-top: 9px solid #ededed;
	border-right: 7.5px solid transparent;
	border-left: 7.5px solid transparent;
	position:absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
}

/* section07 */
.natsume-section07 {
    margin-top: 30px;
    width: 100%;
    background: #EFEAE6;
}
.natsume-section07 .natsume-Image {
    margin: 44px auto;
    width: 280px;
}
/* attention */
.attention {
	display: flex;
	flex-direction: column;
	margin: 50px auto 0;
	width: 1100px;
	padding: 24px;
	border-radius: 40px;
	background: #FFF;
}
.attention-title {
	text-align: center;
	padding-bottom: 12px;
	border-bottom: 1px solid #342217;
	font-size: 2.2rem;
	font-weight: bold;
}
.attention-text {
	margin-top: 24px;
	line-height: 1.6;
}
.attention-text p span {
	font-size: 1.8rem;
	font-weight: bold;
}
.attention-text[data-class="attention-text-first"] {
  margin-top: 14px;
}
.attention-text .carduraimg {
	margin-top: 24px;
	width: 606px;
}
.attention-text[data-class="attention-text-second"] p:nth-of-type(2) {
  margin-bottom: 24px;
}
.attention-text ul li {
	position: relative;
  padding-left: 18px;
}
.attention-text ul li .mark {
	position: absolute;
	top: 0;
	left: 0;
}
.attention-text ul > li > .mark {
	font-size: 1.4rem;
}
.attention-text ul > li >  ul > li > .mark {
	font-size: 1.4rem;
}
.attention-text ul li ol {
	margin-left: -18px;
}
.attention-inquiry {
	text-align: center;
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #342217;
}
.attention-inquiry a:visited,
.attention-inquiry a:link {
	text-decoration: none;
}

/* sns area */
.snsArea {
	width: 1000px !important;
  margin: 84px auto 0 !important;
  border-radius: 8px !important;
}

/* footer */
#footer {
    margin-top: 0px;
	text-align: center;
	font-size: 1.2rem;
	padding: 24px 0 90px;
	border-top: none;
    background: #EFEAE6;
}

/* floating */
.natsume-floatingWrap01 {
	position: fixed;
	left: 0;
	width: 100%;
	padding: 0;
	background-image: url(/gecard/natsume/img-files/index_bc_pc.webp);
	background-size: cover;
	backdrop-filter: blur(6px);
	z-index: 9999;
}
.natsume-floatingWrap01 .natsume-floatingInner {
	position: relative;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}
.natsume-floatingWrap01 .commonFloating {
	padding: 20px 0;
}
.natsume-floatButtonWrap {
	display: flex;
	justify-content: center;
	gap: 120px;
}
.natsume-floatButtonWrap .applyBtn-text::before {
	left: -28px;
	top: 48%;
}
.natsume-floatButtonWrap .applyBtn-text::after {
	left: 131px;
	top: 48%;
	transform:rotate(-45deg);
}
.natsume-floatButtonWrap .applyBtn-box[data-class="web-app"] .applyBtn-text::before {
	left: -28px;
}
.natsume-floatButtonWrap .applyBtn-box[data-class="web-app"] .applyBtn-text::after {
	left: 152px;
}

@media screen and (max-width: 1199px) {
	body {
		min-width: 100%;
	}
	/* header
	------------------------------------------------------ */
	#headerLogo {
		max-width: 1200px;
		width: 70%;
        display: flex;
        align-items: center;
	}
	#header #headerLogo img {
		max-width: 190px;
		width: 20%;
	}
	/* mainVisual
	------------------------------------------------------ */
	.mainVisual .mainVisualInner {
		width: 100%;
	}
	/* section
	------------------------------------------------------ */
	/* section01 */
	.natsume-section01 {
		max-width: 1200px;
		width: 96%;
	}
	.natsume-section01 .card-images {
		max-width: 552px;
		width: 48%;
	}
    .natsume-section01-box {
        width: 100%;
    }
    .natsume-section01-box .methods-available {
        max-width: 98px;
        width: 10%;
    }
    .natsume-contents {
        max-width: 1024px;
        width: 84%;
    }
    .natsume-box01 {
        width: 100%;
    }
    .natsume-cardWrap {
        padding: 40px;
        gap: 10%;
    }
	.natsume-Image {
		max-width: 250px;
		width: 88%;
	}

	.natsume-text[data-class="card-app"] {
		max-width: 100%;
		width: 90%;
		margin: 0 auto;
	}
    .natsume-card .natsume-cardTitle01 {
		max-width: 318px;
		width: 100%;
	}
	.natsume-card .natsume-cardTitle02 {
		max-width: 270px;
		width: 100%;
	}
    .natsume-card .natsume-cardImage img {
        max-width: 358px;
        width: 100%;
    }
    .natsume-card .natsume-cardImage[data-class="card-02"] img {
        max-width: 184px;
        width: 100%;
    }
    .balloon1-top  {
        max-width: 364px;
        width: 100%;
    }

	/* section02 */
    .natsume-section02 {
        max-width: 1200px;
        width: 97%;
				padding: 0 0 0 15px;
    }
    .natsume-section02 .about-donations {
        max-width: 598px;
        width: 90%;
				margin-right: 26px;
    }
    .natsume-section02 .natsume-cardImage {
        max-width: 458px;
        width: 72%;
    }
	.natsume-section02 .natsume-heading02Title {
		max-width: 120px;
		width: 23%;
	}

	/* section03 */
    .natsume-section03 .contents {
        max-width: 1200px;
        width: 98%;
    }
	.natsume-section03 .natsume-heading02Title {
		max-width: 130px;
		width: 20%;
	}
    .natsume-section03 .natsume-mediaImage01 {
        max-width: 490px;
        width: 75%;
    }
    .natsume-section03 .natsume-mediaContents{
        margin-right: 24px;
    }

	/* section04 */
    .natsume-section04 {
        max-width: 1200px;
        width: 97%;
    }
    .natsume-section04 .natsume-heading02Title {
        max-width: 120px;
        width: 100%;
    }
    .voiContent {
			max-width: 716px;;
			width: 95%;
      margin-left: 11%;
	}
	.voiContent .natsume-privilegeNote {
		width: 96%;
	}

    /* section06 */
    .natsume-section06 {
        max-width: 1200px;
        width: 100%;
    }

	/* news */
    .newsBox .newsBoxHeading {
        max-width: 130px;
        width: 16%;
    }
	.newsBox .newsBoxInner {
		width: 90%;
    margin-right: 3%;
	}

	/* attention */
	.attention {
		max-width: 1200px;
		width: 94%;
	}

	/* sns area */
	.snsArea {
		max-width: 1200px !important;
		width: 86% !important;
	}
}

@media screen and (max-width: 1029px) {
	.natsume-cardInner[data-class="card-app"] .applyBtn a {
		font-size: 1.8rem;
		width: 278px;
	}
	.natsume-cardInner[data-class="card-app"] .applyBtn a::after {
		top: 27%;
		right: 10px;
		height: 28px;
		width: 28px;
	}
	.natsume-btn {
			width: 350px;
	}
	.natsume-btnWrap a {
			text-align: left;
			padding-left: 12px;
	}
	.natsume-btnWrap a[data-class="btn-01"] {
			text-align: center;
	}
	.natsume-btnWrap a[data-class="btn-01"]::after {
			right: 17px;
	}
	.natsume-btnWrap a::after {
		top: 28%;
		right: 12px;
		height: 30px;
		width: 30px;
	}

	/* floating */
	.natsume-floatButtonWrap {
		gap: 80px;
	}
	.natsume-floatButtonWrap .applyBtn a {
		font-size: 2.0rem;
		width: 290px;
	}
	.natsume-floatButtonWrap .applyBtn a::after {
		top: 27%;
		right: 10px;
		height: 28px;
		width: 28px;
	}
}

@media screen and (max-width: 799px) {
	.natsume-cardInner[data-class="card-app"] .applyBtn a {
		text-align: left;
		padding-left: 20px;
		width: 250px;
	}
}

@media screen and (max-width: 750px) {
	body {
		min-width: 100%;
	}
	/* header
	------------------------------------------------------ */
	#header {
		padding: 8px 16px;
	}
	#headerLogo {
		width: 100%;
	}
	#header #headerLogo img {
		width: 180px;
	}
	/* mainVisual
	------------------------------------------------------ */
	.mainVisual .mainVisualInner {
		width: 100%;
	}
	.mainVisual .mainVisualInner .mainVisualImg {
		text-align: center;
	}
	/* layout
	------------------------------------------------------ */

	#mainContents {
		padding: 0px;
        display: flex;
        flex-direction: column;
	}
	/* applyBtn
	------------------------------------------------------ */
	.applyBtn-text {
		font-size: 1.6rem;
	}
	.applyBtn-text::before, .applyBtn-text::after {
		top: 50%;
		left: -18px;
		width: 20px;
	}
	.applyBtn-text::after {
		left: 98px;
	}
	.applyBtn a {
		width: 201px;
		padding: 8px 0;
		border: 2px solid #EAAB6A;
		font-size: 1.6rem;
	}
	.applyBtn a::after {
		top: 22%;
		right: 10px;
		height: 22px;
		width: 22px;
	}
	/* section
	------------------------------------------------------ */
	/* section01 */
	.natsume-section01 {
		margin-top: 15px !important;
		width: 100%;
	}
	.natsume-section01 .card-images {
		width: 316px;
	}
    .natsume-section01-box {
        gap: 14px;
    }
    .natsume-section01-box .methods-available {
        margin-top: 15px;
        width: 64px;
    }
    .natsume-contents {
        width: 240px;
    }
	.natsume-box01 {
		margin: 15px 0 15px;
		border-radius: 30px;
		width: 240px;
    margin-right: 0;
		padding-bottom: 30px;
	}
	.natsume-cardWrap {
		flex-direction: column;
		padding: 30px 10px 20px;
		gap: 24px;
	}
	.natsume-card .natsume-applySmartphone {
		width: 100%;
	}
	.natsume-card .natsume-cardInner {
		gap: 24px;
	}
	.natsume-Title01 {
		font-size: 2.4rem;
		text-align: center;
	}
	.natsume-text {
		font-size: 1.4rem;
	}
	.natsume-Image {
		width: 158px;
	}
	.applyBtn-text-advance {
		font-size: 1.6rem;
        padding: 0 0 20px;
	}
    .natsume-notelist > li {
        padding: 0;
        margin: 20px auto 0;
        font-size: 1.2rem;
        width: 169px;
    }
    .natsume-box01[data-class="card-app"] {
        margin: 0 auto;
        width: 320px;
    }
    .natsume-card .natsume-cardInner[data-class="card-app"] {
        gap: 5px;
    }
	.natsume-Title01[data-class="card-app"] {
		padding-top: 30px;
		line-height: 1.2;
	}
	.natsume-text[data-class="card-app"] {
		padding-top: 27px;
		font-size: 1.4rem;
	}
	.natsume-cardWrap[data-class="card-app"] {
		padding: 12px 24px 20px;
		gap: 12px;
	}
	.natsume-card .natsume-cardTitle01 {
        margin-top: 0px;
		width: 200px;
	}
    .applyBtn-text-advance[data-class="card-01"] {
        margin-top: 10px;
        padding: 0 0 0;
    }
	.natsume-card .natsume-cardTitle02 {
        margin-top: 6px;
		width: 166px;
	}
	.natsume-card .natsume-cardImage img {
		width: 260px;
	}
	.natsume-cardInner[data-class="card-app"] .applyBtn a {
		width: 248px;
		font-size: 1.6rem;
		padding: 12px 0 12px 38px;
	}
	.natsume-cardInner[data-class="card-app"] .applyBtn a::after {
		top: 29%;
		height: 22px;
		width: 22px;
	}
	.applyBtn[data-class="card-01"] {
		margin-top: 18px;
	}
	.applyBtn[data-class="card-02"] {
		margin-top: 18px;
	}
	.natsume-notelist[data-class="card-app"] {
		padding-bottom: 0px;
	}
    .natsume-notelist[data-class="card-app"] > li {
				margin: 0;
        width: 100%;
    }

    .balloon-title {
        text-align: center;
    }
    .balloon-title span {
        font-size: 2.0rem;
    }

	/* section02 */
	.natsume-section02 {
        flex-direction: column;
		margin-top: 40px;
        padding: 0 0 0 0;
	}
    .natsume-section02 .about-donations {
        order: 1;
        margin-top: 30px;
        margin-right: 0;
        text-align: center;
    }
    .natsume-section02 .natsume-cardImage {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-right: 0;
    }
    .natsume-section02 .natsume-cardImage .natsume-card-donations {
        width: 242px;
    }
    .natsume-section02 .natsume-heading02Title {
        width: 72px;
    }
    .natsume-section02 .about-donations-title {
        font-size: 2.0rem;
    }
    .natsume-section02 .about-donations-title span {
        font-size: 2.4rem;
    }
    .natsume-section02 .about-donations-subtext {
        font-size: 1.2rem;
    }

    /* section03 */
    .natsume-section03 {
        padding: 30px 0 30px;
        background: linear-gradient(21deg, rgba(112, 213, 162, 0.20) 0.44%, rgba(234, 171, 106, 0.20) 99.56%);
    }
    .natsume-section03 .contents  {
        flex-direction: column;
    }
    .natsume-section03 .natsume-mediaImage01 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 13px;
				width: 100%;
    }
    .natsume-section03 .natsume-heading02Title {
        width: 60px;
    }
    .natsume-section03 .natsume-mediaImage01 .natsume-mediaImage-img {
        width: 248px;
    }
    .natsume-section03 .natsume-mediaContents {
        margin-right: 0;
        margin: 0 23px;
        text-align: center;
				width: 93%;
    }
	.natsume-Title02 {
		font-size: 1.4rem;
        font-weight: bold;
	}
	.natsume-Title02 .mark {
		font-size: 1.0rem;
	}
    .natsume-Title02 .mark2 {
		font-size: 1.0rem;
	}
	.natsume-Title02 .big-text {
		margin-top: 12px;
		display: inline-block;
		font-size: 1.6rem;
	}
	.natsume-Title02 .text02 {
		font-size: 1.4rem;
	}
	.natsume-section03 .natsume-mediaNote {
		text-align: left;
		font-size: 1.2rem;
	}
    .natsume-section03 .natsume-mediaNote ol li {
        position: relative;
        padding-left: 22px;
    }
    .natsume-section03 .natsume-mediaNote ol li .mark {
        position: absolute;
        top: 0;
        left: 0;
    }

	/* section04 */
	.natsume-section04 {
        align-items: center;
        justify-content: center;
        margin: 40px auto 0;
        padding: 0 27px;
        gap: 0;
    }
    .natsume-section04 .natsume-heading02Title {
        width: 74px;
    }
    .natsume-privilegeLead01 {
        font-size: 1.6rem;
    }
    .natsume-privilegeLead01 span {
        font-size: 2.4rem;
        margin-top: 6px;
    }
    .natsume-privilege-anchor {
        margin-top: 11px;
        text-align: center;
        font-size: 1.2rem;
    }
    .voiContent {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-left: 0;
        font-size: 1.2rem;
        padding: 0 0 0;
    }
    .natsume-privilegeNote > li {
        position: relative;
        padding-left: 16px;
        line-height: 1.6;
    }
    .natsume-privilegeNote > li > .mark {
        position: absolute;
        top: 0;
        left: 0;
    }

	/* section05 */
	.natsume-section05 {
        padding: 40px 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        order: 2;
    }
    .natsume-section05 .natsume-heading02Title {
        font-size: 2.4rem;
        text-align: center;
    }
    .natsume-section05 h2 {
        display: inline-block;
        position: relative;
    }
    .natsume-section05 h2::after {
        content: "";
        position: absolute;
        top: 45%;
        right: -67px;
        height: 70px;
        width: 70px;
        transform: rotate(13deg);
    }
    .natsume-section05 .natsume-btnWrap {
        margin-top: 20px;
        gap: 15px;
    }
    .natsume-btnWrap {
        flex-direction: column;
    }
    .natsume-btn {
        width: 312px;
        text-align: center;
        border: 2px solid #EAAB6A;
        padding: 18px 0;
    }
    .natsume-btnWrap a[data-class="btn-01"] {
        padding-left: 0;
    }
    .natsume-btnWrap a {
        font-size: 1.6rem;
        padding-left: 44px;
    }
    .natsume-btnWrap a::after {
        content: "";
        position: absolute;
        top: 27%;
        right: 17px;
        height: 29px;
        width: 29px;
        background: url(/gecard/natsume/img-files/index_ic01.webp) no-repeat 0 0;
        background-size: 100% auto;
    }

	/* section06 */
	.natsume-section06 {
        margin: 40px auto 0px;
        order: 1;
    }

	/* news */
	.newsBox {
		align-items: start;
        justify-content: center;
        gap: 10px;
		width: 100%;
		margin: 0 auto;
	}
	.newsBox .newsBoxHeading {
		width: 60px;
	}
	.newsBox .newsBoxInner {
		width: 258px;
		height: 166px;
		padding: 8px 8px 9px;
        margin-right: 0;
	}
	.newsBox .content {
		padding: 0 0 6px;
		height: 129px;
	}
	.newsBox .contentbox {
		padding: 5px 0 0;
		font-size: 1.2rem;
	}
	.newsBox .contentbox li .date {
		display: block;
		padding-right: 0px;
	}
	.newsBox .contentbox li .txt {
		display: block;
	}

    /* section07 */
    .natsume-section07 {
        margin-top: 40px;
        order: 3;
    }
    .natsume-section07 .natsume-Image {
        margin: 42px auto;
        width: 180px;
    }
	/* attention */
	.attention {
		width: 90%;
		padding: 30px 12px;
        margin: 20px auto 0;
        border-radius: 20px;
	}
	.attention-title {
		padding-bottom: 24px;
		font-size: 1.6rem;
	}
	.attention-text {
		font-size: 1.4rem;
	}
	.attention-text p span {
		font-size: 1.6rem;
	}
	.attention-text[data-class="attention-text-first"] {
		margin-top: 24px;
	}
	.attention-text ul li {
		padding-left: 15px;
	}
	.attention-text ul > li > .mark {
		font-size: 1.6rem;
	}
	.attention-text ul > li >  ul > li > .mark {
		font-size: 1.4rem;
	}
	.attention-inquiry {
		font-size: 1.4rem;
	}
	.attention .natsume-box .natsume-boxInner {
		display: flex;
		flex-direction: column;
	}

	/* sns area */
	.snsArea {
		width: 90% !important;
		margin: 0 auto 0 !important;
        border-radius: 12px !important;
	}
	/* footer */
	#footer {
        padding: 42px 0 20px;
	}

	/* floating */
	.natsume-floatingWrap01 .natsume-floatingInner {
		padding: 0 5px;
	}
	.natsume-floatingWrap01 .commonFloating {
		padding: 15px 0;
	}
	.natsume-floatButtonWrap {
		gap: 14px;
	}
	.natsume-floatButtonWrap .applyBtn > li > a {
		font-size: 1.6rem;
		padding: 6px 12px;
		display: block;
		line-height: 1.5;
		width: 160px;
		text-align: left;
	}
	.natsume-floatButtonWrap .applyBtn a::after {
		top: 26%;
		right: 11px;
		height: 18px;
		width: 18px;
	}
	.natsume-floatButtonWrap .applyBtn-box[data-class="web-app"] .applyBtn > li > a {
		padding: 6px 0px 6px 16px;
	}
	.natsume-floatButtonWrap .applyBtn-text {
		font-size: 1.6rem;
	}
	.natsume-floatButtonWrap .applyBtn-text::before,
	.natsume-floatButtonWrap .applyBtn-text::after {
		top: 53%;
		left: -16px;
		width: 18px;
	}
	.natsume-floatButtonWrap .applyBtn-text::after {
		top: 53%;
		left: 94px;
		transform:rotate(-45deg);
	}
	.applyBtn-box[data-class="web-app"] .applyBtn > li > a::before {
		right: 12px;
	}
	.natsume-floatButtonWrap .applyBtn-box[data-class="web-app"] .applyBtn-text::before {
		left: -18px;
	}
	.natsume-floatButtonWrap .applyBtn-box[data-class="web-app"] .applyBtn-text::after {
		left: 109px;
	}
}