@charset "shift_jis";

/* ======================================================
 * /common-files/css/gecard/brahman/brahman.css
====================================================== */

.modalInlineWrapper {
    display: none;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://googleapis.com');


body{
    font-family: 'Heebo', 'Noto Sans CJK JP';
    overflow-x: hidden;
    font-size: 1.6rem;
    color: #000;
    padding-bottom: 180px;
    background: url("/gecard/brahman/img-files/index_bg_pc.png") repeat-y 0 0;
    background-size: contain;
}

a:link,
a:visited {
	color: #1D2088;
}
/* override
------------------------------------------------------ */
#mainContents {
	width: 100%;
}

.box_inner {
	max-width: 1200px;
	margin: 0 auto;
}
#mainContents .snsArea {
	margin: 0 auto;
	border-radius: 0;
}
#mainContents .top-snsshare .snsArea {
	width: 800px;
	margin-top: 60px;
	margin-bottom: 0;
}

.brahman-heading02 h2 {
	font-family: "Zen Antique", serif;
	font-size: 6.4rem;
	font-weight: bold;
}

.credit {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.2rem;
	display: block;
	text-align: right;
	margin-top: 5px;
}

/* override
------------------------------------------------------ */
/* header
------------------------------------------------------ */
#header {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 4px 0;
	background-color: #fff;
	border-bottom: 1px solid #C5C5B6;
	z-index: 1;
}
#headerLogo {
	max-width: 1200px;
	margin: 0 auto;
	padding: 6px 15px;
}

/* footer
------------------------------------------------------ */
#footer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 30px;
    padding: 0;
    border: none;
    text-align: center;
}
#copyright {
	font-size: 1.2rem;
	line-height: 1.7;
	color: #000;
}

/* Main Visual
------------------------------------------------------ */
.brahman-mainVisual {
    text-align: center;
	padding: 20px 0 40px 0;
}
.brahman-mainVisual h1 {
    max-width: 1200px;
    margin: 0 auto 20px auto;
	min-height: 700px;
}

.brahman-mainVisualText {
    margin: 40px 0 40px 0;
    font-family: "Zen Antique", serif;
    font-size: 6.4rem;
    font-weight: bold;
}

.brahman-mainVisualText02 {
	max-width: 1030px;
	margin: 30px auto 0 auto;
    font-size: 1.6rem;
    line-height: 1.38;
    text-align: center;
}

/* youtube movie */
.yt-movie {
	margin: 20px auto 0;
	max-width: 844px;
}

.yt-movieText {
    margin-bottom: 40px;
    font-family: "Zen Antique", serif;
    font-size: 3.5rem;
}

.yt-movie iframe {
	display: block;
	width: 844px;
	height: 439px;
	margin: 0 auto;
}

/* section01
------------------------------------------------------ */
.brahman-section01 {
	padding: 20px 0 20px 0;
	background-color: #FFFFF4;
}

.box-card-wrap {
    max-width: 1038px;
    margin: 0 auto 50px auto;
}

.box-card {
	display: flex;
	flex-direction: row;
	gap: 60px;
	justify-content: space-between;
	margin: 40px 0 40px 0;
}

.box-card .boxText {
	display: flex;
	flex-direction: column;
}

.box-card-text01 {
	font-size: 3.6rem;
	margin-bottom: 10px;
}

.box-card-text02 {
	font-size: 7.7rem;
	font-weight: bold;
}

.box-card-text03 {
	font-size: 4.2rem;
	font-weight: bold;
	letter-spacing: 0.2em;
}
.box-card.detail .boxText {
    width: 50%;
}

.box-card.detail .boxImage {
    max-width: 138px;
    height: 71px;
    margin: 0 auto 20px auto;
}

.box-card.detail .boxImage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.box-card-text {
	font-size: 4.8rem;
	line-height: 1.38;
	margin-bottom: 20px;
	text-align: center;
}

.box-card.detail .txtSmall {
    font-size: 1.2rem;
}

.box-card.detail .txt {
    font-size: 2.4rem;
    text-align: left;
}

.box-card .subTitle {
    font-size: 2.4rem;
    margin-bottom: 20px;
    line-height: 1;
}

.box-card .subTitle > span {
    border-bottom: 3px solid #000;
    width: 290px;
    display: block;
    margin: 0 auto;
}

.box-card .subTitle .txtlarge {
    font-size: 4rem;
}

.brahman-section01 .brahman-boxList01 > li {
	font-size: 1.2rem;
}

/* box-txt-wrap */
.box-txt-wrap {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.box-txt-wrap .subTitle {
    font-size: 2.4rem;
	text-decoration-line: underline;
	text-decoration-color: #000;
	text-decoration-style: solid;
	text-decoration-thickness: 3px;
	text-underline-offset: 4px;
    display: inline-block;
}

.box-txt-wrap .txt {
    font-size: 2.4rem;
}

.brahman-hr {
    height: 3px;
    background-image: linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 12px);
    background-size: 12px 3px;
    margin: 0 0 50px 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

.brahman-section01 >:first-child {
	margin-top: 0 !important;
}

.brahman-section01 .brahman-heading02 {
	margin-bottom: 0px;
}

.txt {
	font-size: 2.4rem;
	line-height: 1.6;
}

/* section02
------------------------------------------------------ */
.brahman-section02 {
	padding: 60px 0;
}
.brahman-section02 >:first-child {
	margin-top: 0 !important;
}

.box-hatagaya > p {
    text-align: center;
    margin-bottom: 30px;
}

.box-hatagaya .title {
    font-size: 4rem;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.box-hatagaya .title::before,
.box-hatagaya .title::after {
  content: "";
  width: 130px; 
  flex-shrink: 0; 
  height: 3px;
  background-color: #000;
}

.box-hatagaya .subTitle {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 1.72;
    letter-spacing: 0.21em;
}

.box-hatagaya .box-img {
    display: flex;
    flex-direction: row;
    gap: 40px;
    margin-bottom: 20px;
    align-items: center;
}

.box-hatagaya .txt {
    text-align: left;
    line-height: 1.38;
}

/* section03
------------------------------------------------------ */
.brahman-section03 {
	text-align: center;
}

.brahman-section03 .brahman-heading02 {
	margin-bottom: 40px;
}

.brahman-section03 .box_inner {
	max-width: 1425px
}

.box-select {
	display: flex;
	flex-direction: row;
	gap: 20px;
	justify-content: space-between;
	margin-bottom: 20px;
}

.box-selectItem {
	border: 1px solid #000;
	padding: 40px 15px 60px 15px;
}

.box-selectItem:first-child {
	width: 749px;
	margin-right: auto;
}	
.box-selectItem:last-child {
	width: 641px;
	margin-left: auto;
}

.box-selectItemTitle {
	margin-bottom: 40px;
	font-family: "Zen Antique", serif;
	font-size: 3.6rem;
	font-weight: bold;
}

.box-selectItemText {
	font-size: 2rem;
	line-height: 1.6;
	margin-bottom: 20px;
	font-family: "Zen Antique", serif;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 116px
}

.box-selectItemImage {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 380px;
}

.box-selectItemNoice {
	font-size: 1.6rem;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
}

/* section04
------------------------------------------------------ */
.brahman-section04 {
	padding: 20px 0 60px 0;
}
.brahman-section04 >:first-child {
	margin-top: 0 !important;
}
.brahman-section04 .brahman-heading02 {
    margin-bottom: 40px;
}

.brahman-section04 .brahman-heading02 h2 {
	font-size: 4.8rem;
}

/* media */
.brahman-media01 {
	display: flex;
	gap: 40px;
	margin-top: 40px;
	max-width: 1200px;
}

.brahman-media01 .brahman-mediaHead {
	flex-shrink: 0;
	width: 365px;
}
.brahman-media01 .brahman-mediaBody {
	max-width: 757px;
}
.brahman-media01 .brahman-mediaHead >:first-child,
.brahman-media01 .brahman-mediaBody >:first-child {
	margin-top: 0 !important;
}
.brahman-media01 .brahman-mediaText01 {
	padding-top: 5px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.6;
	font-family: "Zen Antique", serif;
	font-weight: bold;
}

.brahman-media01 .brahman-mediaText02 {
	margin-top: 43px;
	font-size: 1.4rem;
	font-family: "Zen Antique", serif;
	font-weight: bold;
}
.brahman-media01 .brahman-mediaOrderlist > li {
	position: relative;
	font-size: 1.4rem;
	font-weight: bold;
	font-family: "Zen Antique", serif;
}

/* section05
------------------------------------------------------ */
.brahman-section05 .box-newBenefit {
	max-width: 752px;
	margin: 40px auto;
}

.brahman-section05 .box-newBenefit .subTitle {
    font-family: "Zen Antique", serif;
    font-size: 4.6rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 3px;
	line-height: 1.2;
}

.brahman-section05 .box-newBenefit .subTitle span {
	font-size: 6.4rem;
	display: inline-block;
	margin-left: 7px;
}

.brahman-section05 .box-newBenefit .txt {
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 30px 0 20px 0;
}
.imgTxt {
	text-align: center;
	margin-top: 90px;
	font-size: 6.4rem;
	font-weight: bold;
	font-family: "Zen Antique", serif;
}

.brahman-buttonWrap {
	display: flex;
	justify-content: center;
	gap: 32px;
	margin: 30px auto 0;
}

.brahman-button01 a {
	display: flex;
	align-items: center;
	position: relative;
	font-family: "Zen Antique", serif;
	min-height: 75px;
	padding: 10px 50px 10px 25px;
	background-color: rgba(0,0,0,0.25);
	font-size: 2.4rem;
	color: #2c2c2c;
	font-weight: bold;
	text-decoration: none;
	transition: 0.3s all ease-out;
	border: 2px solid #000;
	justify-content: center;
}

.brahman-button01 a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 19px;
    height: 19px;
    margin-top: -11px;
    background: url(/gecard/brahman/img-files/index_ic03.png) no-repeat 0 0 / contain;
    transition: 0.3s all ease-out;
}
.brahman-button01 a:hover {
	opacity: 0.5;
}

/* section06
------------------------------------------------------ */
.brahman-section06 {
	padding: 60px 0 80px 0;
}
.brahman-section06 .brahman-heading02 {
	margin-bottom: 15px;
}
.brahman-section06 .brahman-heading02 h2 {
	font-size: 4.8rem;
}

/* applyBtn
------------------------------------------------------ */
.applyBtn a {
	font-family: "Zen Antique", serif;
	display: block;
	align-items: center;
	position: relative;
	width: 280px;
	margin: 0 auto;
	padding: 26px 40px 25px 20px;
	line-height: 1;
	background-color: #000;
	text-align: center;
	justify-content: center;
	font-size: 2.4rem;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	transition: 0.3s all ease-out;
}

.applyBtn a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 23px;
	width: 20px;
	height: 21px;
	margin-top: -10px;
	background: url("/gecard/brahman/img-files/index_ic04.png") no-repeat 0 0 / contain;
	transition: 0.3s all ease-out;
}

.btn-txt {
	font-family: "Zen Antique", serif;
	font-size: 2.4rem;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.btn-txt span {
	font-weight: bold;
}

.applyBtn a:hover {
	opacity: 0.6;
}

.brahman-applyBtn {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
}
.brahman-applyBtn .box_inner {
	max-width: 100%;
	box-sizing: border-box;
}

.brahman-applyBtn .brahman-buttonWrap {
	margin: 0;
	width: 100%;
}

.brahman-applyBtn .applyBtn {
	width: 1128px;
	display: flex;
	justify-content: center;
	gap: 60px;
	margin: 20px auto;
}

.brahman-applyBtn .applyBtn a {
    flex-direction: column;
}

/* news
------------------------------------------------------ */
.newsBox {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

.newsBox .content {
	position: relative;
	padding: 0px;
	min-height: 116px;
	background-color: #fff;
	padding: 20px;
}

.newsBox .content li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 10px;
	gap: 10px;
}
.newsBox .content li > * {
	font-size: 1.4rem;
}

.newsBox .content li .date {
	font-weight: bold;
}


.newsBox .mCSB_container {
	padding-right: 0px !important;
}
.newsBox .mCSB_inside > .mCSB_container{
	margin-right: 20px;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin: 11px 0 10px;
}
.newsBox .mCS-my-theme.mCSB_scrollTools{
	width: 18px;
	background-color: inherit;
	padding: 0 3px;
	opacity: 1;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{
	width: 14px;
	background-color: #1D2088;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.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 #1D2088;
	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 #1D2088;
	border-right: 7.5px solid transparent;
	border-left: 7.5px solid transparent;
	position:absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
}

/* heading */
.brahman-heading02 {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

/* box */
.brahman-box02 {
	margin-top: 70px;
	padding: 20px;
	background-color: #fff;
}
.brahman-box02 >:first-child {
	margin-top: 0 !important;
}
.brahman-box02 .brahman-boxTitle {
	margin-top: 15px;
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}
.brahman-box02 .brahman-boxTitle + * {
	margin-top: 12px!important;
}
.brahman-box02 .brahman-boxText01 {
	margin-top: 12px;
	font-size: 1.6rem;
	line-height: 1.6;
}
.brahman-box02 .brahman-boxText01 .large {
	font-size: 2rem;
	font-weight: bold;
}
.brahman-box02 .brahman-boxText01 > .note {
	position: relative;
	margin-left: 16px;
	padding-left: 16px;
}
.brahman-box02 .brahman-boxText01 > .note > .mark {
	position: absolute;
	top: 0;
	left: 0;
}
.brahman-box02 .brahman-boxHr {
	width: 100%;
	height: 1px;
	margin: 24px 0;
	border: none;
	background-color: #000;
}
.brahman-box02 .brahman-boxImage01 {
	margin: 24px 0;
}
.brahman-box02 .nest >:first-child {
	margin-top: 0;
}

.brahman-boxList01 {
	margin-top: 24px;
}
.brahman-boxList01 > li {
	position: relative;
	padding-left: 25px;
	font-size: 1.6rem;
	line-height: 1.63
}
.brahman-boxList01 > li > .mark {
	position: absolute;
	top: 0;
	left: 4px;
}

.brahman-box02 .brahman-boxOrderlist01 {
	margin-top: 24px;
}
.brahman-boxOrderlist01 > li {
	position: relative;
	padding-left: 16px;
	font-size: 1.6rem;
}
.brahman-boxOrderlist01 > li > .mark {
	position: absolute;
	top: 0;
	left: 0;
}
.brahman-box02 .brahman-boxInquiry {
	margin-top: 24px;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.63;
}

.sp-only {
	display: none !important;
}
.pc-only {
	display: inline-block !important;
}

/* modal */
body#brahman #cboxOverlay {
	opacity: 0.7 !important;
	filter: alpha(opacity = 70) !important;
}

#cboxContent {
	border-radius: 10px;
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);
}
body#brahman .brahman-modalWrap {
	display: none;
}
body#brahman #brahman-appModal .brahman-modalInner {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 80px 24px 80px;
	text-align: center;

}
body#brahman #brahman-appModal .brahman-modalTitle {
    color: #333333;
    font-size: 4rem;
    font-weight: 900;
    height: auto;
    line-height: 1.4;
    margin: 0px 0px 30px 0px;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}
body#brahman #brahman-appModal .brahman-modalText {
    color: #333333;
    flex: none;
    font-size: 20px;
    font-weight: 400;
    height: auto;
    line-height: 1.4;
    margin: 0px 0px 30px 0px;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}
body#brahman #brahman-appModal .brahman-modalQr {
	height: 152px;
	width: 152px;
	max-width: 100%;
	margin: 0 auto;
	background-image: url("/gecard/brahman/img-files/index_qr.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* Layout switch
------------------------------------------------------ */
/* compact mode for non-default parameters */
body#brahman.brahman-compact {
	padding-bottom: 30px;
}
body#brahman.brahman-compact .brahman-applyBtn {
	display: none !important;
}
/* content switch by parameter mode */
.layout_normal_excepting {
	display: none;
}
body#brahman.brahman-compact .layout_normal_only {
	display: none;
}
body#brahman.brahman-compact .layout_normal_excepting {
	display: block;
}

/* other than normal */
.box-other {
	max-width: 1186px;
	margin: 0 auto;
}
.box-other .box-selectItem {
	width: 100%;
	padding: 40px 15px 40px 15px;
}

.box-other .box-selectItemImage {
	min-height: auto;
	margin-bottom: 40px;
}

.box-other .applyBtn {
	margin-bottom: 40px;
}

.box-other .applyBtn a {
	width: 344px;
}

.box-other .applyBtn a::before {
	right: 18px;
}

.box-other .box-selectItemNoice {
	margin-bottom: 0;
	min-height: auto;
}


/* webchannel layout switch */
.layout_webcha_only {
	display: none;
}
body#brahman.brahman-webcha .layout_other {
	display: none;
}
body#brahman.brahman-webcha .layout_webcha_only {
	display: block;
	margin-top: 20px;
}

.layout_webcha_only_inner {
	max-width: 840px;
	margin: 0 auto;
	align-content: center;
    align-items: center;
    flex: none;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 40px;
	justify-content: flex-start;
	padding: 0px;
}

.layout_webcha_only img {
	border-bottom: 1px solid #b0b0b0ff;
    border-left: 1px solid #b0b0b0ff;
    border-right: 1px solid #b0b0b0ff;
    border-top: 1px solid #b0b0b0ff;
    flex: none;
    height: auto;
    width: 340px;
    max-width: 100%;
}

.layout_webcha_only_inner .text a {
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #000;
}

.layout_webcha_only_inner .brahman-boxOrderlist01 {
	text-align: left;
}

/* SP */
@media screen and (max-width: 750px) {
	body {
		background: url("/gecard/brahman/img-files/index_bg_sp.png") repeat-y 0 0;
		background-size: contain;
        padding-bottom: 110px;
	}

	.sp-only {
		display: inline-block !important;
	}
	.pc-only {
		display: none !important;
	}

	#header {
		padding:2px 0;
	}

	#headerLogo img {
		max-width: 216px;
	}

	#mainContents {
		width: 100% !important;
		padding: 0;
	}

	.brahman-heading02 h2 {
		font-size: 1.8rem;
	}

	.credit {
		font-size: 1rem;
		margin-top: 3px;
	}

	.boxImage .credit {
		font-size: 1.2rem;
		width: 95%;
	}

	.box_inner {
		width: auto;
		max-width: 100%;
		padding: 0 10px;
	}

	.brahman-mainVisual {
		padding: 0 0 30px 0;
	}

	.brahman-mainVisual h1 {
		min-height: auto;
	}

	.brahman-mainVisual h1 img {
		width: 100%;
	}

	.brahman-mainVisualText {
		margin: 30px 0 30px 0;
		font-size: 2.4rem;
	}

	.brahman-mainVisualText img {
		width: 75%;
	}
	.yt-movieText {
		margin-bottom: 10px;
		font-size: 1.6rem;
	}

	.yt-movieText img {
		width: 33%;
	}

	.yt-movie {
		max-width: 100%;
	}

	.yt-movie iframe {
		width: 90%;
		height: auto;
		aspect-ratio: 844 / 439;
	}

	.brahman-mainVisualText02 {
		padding: 0 30px;
		font-size: 1.4rem;
		margin-top: 15px;
	}

	.box-card {
		flex-direction: column;
		gap: 30px;
		margin: 30px 0 30px 0;
	}

    .brahman-section01 .boxImage {
        text-align: center;
    }

    .brahman-section01 .boxImage img {
        width: 90%;
        margin: 0 auto;
    }

	.txt {
		font-size: 1.6rem;
	}

	.box-card.detail .boxText {
		width: 100%;
	}

	.box-card.detail .txt {
		font-size: 1.6rem;
		padding: 0 25px;
	}

	.box-card .boxText {
		justify-content: center;
		align-items: center;
	}

	.box-card-text01 {
		font-size: 2rem;
		margin-bottom: 0;
	}

	.box-card-text02 {
		font-size: 6.4rem;
		/* line-height: 2; */
	}

	.box-card-text03 {
		font-size: 2.4rem;
	}
	.brahman-section01 .brahman-boxList01 {
		padding: 0 25px;
	}

	.brahman-section01 .brahman-boxList01 > li {
		font-size: 1.2rem;
		padding-left: 17px;
	}

    .brahman-boxList01 > li > .mark {
        left: -2px;
        font-size: 2rem;
        margin-top: -6px;
    }

	.box-txt-wrap .subTitle {
		font-size: 2rem;
		text-align: center;
		text-decoration-thickness: 1px;
    	text-underline-offset: 3px;
	}

	.box-txt-wrap .txt {
		font-size: 1.6rem;
		padding: 0 20px;
	}

	.box-card-text {
		font-size: 1.6rem;
		margin-bottom: 30px;
	}

	.applyBtn {
		margin-top: 10px;
	}
	
	.applyBtn a {
		width: 65%;
		box-sizing: border-box;
		padding: 15px 20px 15px 20px;
		font-size: 1.6rem;
	}

	.applyBtn a::before {
		right: 17px;
        width: 14px;
        height: 14px;
        margin-top: -7px;
	}

    .brahman-applyBtn .applyBtn a::before {
        right: 10px;
    }

	.brahman-section03 .brahman-heading02 img {
		width: 55%;
	}

	.brahman-heading02 {
		margin-top: 20px;
	}
    
    .brahman-heading02 {
        margin-top: 20px;
    }

    .box-hatagaya .title {
        font-size: 2rem;
        gap: 8px;
    }

    .box-hatagaya .subTitle {
        font-size: 1.6rem;
    }

    .box-hatagaya .title::before, .box-hatagaya .title::after {
        width: 26px;
    }

    .box-hatagaya .box-img {
        flex-direction: column;
        gap: 20px;
    }

    .box-hatagaya .txt {
        padding: 0 15px;
        margin-bottom: 20px;
    }

	.brahman-section01 {
		margin-top: 60px;
	}

    .brahman-section02 {
        padding: 40px 0 0 0;
    }

    .box-select {
        flex-direction: column;
        gap: 30px;
    }

    .box-selectItem {
        padding: 30px 7px 20px 7px;
    }

    .box-selectItem:first-child, .box-selectItem:last-child {
        width: 95%;
        margin: 0 auto;
    }

    .box-selectItemTitle {
        margin-bottom: 20px;
		font-size: 2.4rem;
    }

    .box-selectItemTitle img {
        width: 75%;
    }

    .box-selectItemText {
        font-size: 1.6rem;
        min-height: auto;
        margin-bottom: 10px;
    }

    .box-selectItemImage {
        width: 50%;
        margin: 0 auto;
        min-height: auto;
    }

    .box-selectItem:last-child .box-selectItemImage {
        width: 80%;
        margin-bottom: 20px;
    }

    .brahman-section04 .brahman-heading02 {
        margin: 0 0 20px 0;
    }

    .brahman-section04 .brahman-heading02 img {
        width: 85%;
    }

    .box-selectItemNoice {
        font-size: 1.4rem;
        min-height: auto;
        margin-bottom: 15px;
    }

	.brahman-media01 .brahman-mediaBody {
		max-width: 100%;
        padding: 0 10px;
	}

	.brahman-media01 {
        flex-direction: column;
        gap: 15px;
        margin-top: 15px;
	}
	.brahman-mediaImage {
		width: 95%;
        margin: 0 auto;
	}
	.brahman-media01 .brahman-mediaHead {
		width: 100%;
	}
	.brahman-media01 .brahman-mediaText01 {
		font-size: 1.5rem;
		text-align: center;
	}
    .brahman-media01 .brahman-mediaOrderlist > li {
        font-size: 1.2rem;
    }
	.brahman-media01 sub {
		font-size: 1.3rem;
	}
	.brahman-media01 .brahman-mediaText02 {
		font-size: 1.2rem;
		text-align: left;
        margin-top: 15px;
	}
	.brahman-section03 {
		padding: 15px 0 20px 0;
        text-align: center;
	}
	.brahman-section03 .txt {
		font-size: 1.6rem;
		margin-bottom: 20px;
	}
	.brahman-section03 .brahman-heading02 {
		margin-bottom: 20px;
	}

	.brahman-section03 .txt .large {
		font-size: 2rem;
	}

	.newsBox .content li {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
	}

	.brahman-section04 {
		padding: 20px 0 40px 0;
	}

	.brahman-section04 .brahman-heading02 h2 {
		font-size: 1.8rem;
	}

    .brahman-section05 .brahman-heading02 {
        margin-bottom: 0;
    }

    .brahman-section05 .brahman-heading02 img {
        width: 40%;
        margin: 0 auto;
    }

	.brahman-section05 .box-newBenefit .subTitle {
		font-size: 1.8rem;
	}

	.brahman-section05 .box-newBenefit .subTitle span {
		font-size: 2.4rem;
	}

    .box-newBenefit picture {
        text-align: center;
        display: block;
    }

    .box-newBenefit img {
        width: 85%;
        margin: 0 auto;
    }

    .brahman-section05 .box-newBenefit {
        margin-top: 20px;
        padding: 0 10px;
    }

    .brahman-section05 .box-newBenefit .txt {
        font-size: 1.2rem;
        margin: 20px 0 10px 0;
    }

    .brahman-section05 .brahman-boxOrderlist01 > li {
        font-size: 1.2rem;
    }

    .imgTxt {
        margin-top: 40px;
		font-size: 1.8rem;
    }

    .imgTxt img {
        width: 75%;
    }

	.brahman-section06 {
		padding: 20px 0 10px 0;
	}

    .brahman-section06 .brahman-heading02 {
        margin-bottom: 10px;
    }

	.brahman-section06 .brahman-heading02 h2 {
		font-size: 1.8rem;
	}

    .brahman-section06 .brahman-heading02 img {
        width: 20%;
        margin: 0 auto;
    }

	.brahman-applyBtn .applyBtn {
		display: flex;
		width: 100%;
		gap: 12px;
		margin: 20px auto;
		padding: 0;
		box-sizing: border-box;
		list-style: none;
	}
	.brahman-applyBtn .applyBtn .applyBtnEntry {
		float: none;
		flex: 0 0 50%;
		width: 50% !important;
		max-width: 100%;
	}
	.brahman-applyBtn .applyBtn a {
		min-width: 0;
		display: flex;
		width: 100%;
		max-width: 100%;
        font-size: 1.4rem;
	}

	.brahman-applyBtn .applyBtn a span::before {
		right: -30px;
		width: 19px;
		height: 19px;
		margin-top: -11px;
	}

    .btn-txt {
        font-size: 1.4rem;
    }

	.newsBox .content {
		min-height: 80px;
		padding: 10px;
	}

    .brahman-section07 {
        padding: 20px 0;
        background: #BEBABB;
    }
	#footer {
		padding: 0 0 20px 0;
		background: #BEBABB;
		margin-top: 0;
	}

	/* box */
	.brahman-box02 {
		margin-top: 24px;
		padding: 24px 16px;
		background-color: #fff;
	}
	.brahman-box02 >:first-child {
		margin-top: 0 !important;
	}
	.brahman-box02 .brahman-boxTitle {
		margin-top: 15px;
		text-align: center;
		font-size: 2rem;
		font-weight: bold;
		padding-bottom: 20px;
	}
	.brahman-box02 .brahman-boxTitle + * {
		margin-top: 25px!important;
	}
	.brahman-box02 .brahman-boxText01 {
		margin-top: 12px;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.brahman-box02 .brahman-boxText01 .large {
		font-size: 1.6rem;
		font-weight: bold;
	}
	.brahman-box02 .brahman-boxText01 > .note {
		position: relative;
		margin-left: 16px;
		padding-left: 16px;
	}
	.brahman-box02 .brahman-boxText01 > .note > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.brahman-box02 .brahman-boxHr {
		width: 100%;
		height: 2px;
		margin: 24px 0;
		border: none;
		background-image: linear-gradient(to right, #080706, #080706 4px, transparent 4px, transparent 8px);
		background-size: 8px 2px;
	}
	.brahman-box02 .brahman-boxImage01 {
		margin: 24px 0;
		text-align: center;
	}
	.brahman-box02 .nest >:first-child {
		margin-top: 0;
	}
	.brahman-box02 .brahman-boxList01 {
		margin-top: 24px;
	}
	.brahman-box02 .brahman-boxList01 > li {
		position: relative;
		padding-left: 24px;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.brahman-box02 .brahman-boxList01 > li + li {
		margin-top: 1px;
	}
	.brahman-box02 .brahman-boxList01 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.brahman-box02 .brahman-boxOrderlist01 {
		margin-top: 24px;
	}
	.brahman-box02 .brahman-boxOrderlist01 > li {
		position: relative;
		padding-left: 16px;
		font-size: 1.4rem;
	}
	.brahman-box02 .brahman-boxOrderlist01 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.brahman-box02 .brahman-boxInquiry {
		margin-top: 24px;
		font-size: 1.4rem;
		line-height: 1.6;
	}

	/* button */
	.brahman-applyBtn .brahman-buttonWrap {
		margin-top: 10px;
		width: 97%;
		margin: 0 auto;
		flex-direction: column;
		gap: 16px;
	}
	.brahman-button01 {
		width: 100%;
	}
    .brahman-buttonWrap {
        gap: 16px;
        margin: 15px auto 0;
        flex-direction: column;
    }
	.brahman-button01 a {
		display: flex;
		align-items: center;
		position: relative;
		min-height: 47px;
		font-size: 1.6rem;
		color: inherit;
		font-weight: bold;
		text-decoration: none;
		border: 1px solid #000;
	}

    body#brahman #brahman-appModal .brahman-modalTitle {
        font-size: 3rem;
    }

    body#brahman #brahman-appModal .brahman-modalInner {
        padding: 40px 24px 40px;
    }

    body#brahman #brahman-appModal .brahman-modalText {
        font-size: 1.6rem;
    }

    .brahman-button01 a::before {
        right: 35px;
        width: 14px;
        height: 14px;
        margin-top: -7px;
    }

	/* Layout switch
	------------------------------------------------------ */
	/* other than normal */
	.box-other .applyBtn a {
		width: 100%;
	}
	.box-other .applyBtn {
		margin-bottom: 20px;
	}

	/* webcha only */
	.layout_webcha_only_inner {
		gap: 24px;
	}
	body#brahman.brahman-compact {
		padding-bottom: 0;
	}
}