@charset "utf-8";
/* --------------------------------------------------
*	00. Reset
*	01. Default
*	02. Header
*	03. Modules
*	04. attentionLP
*	05. Footer
*	06. E.T.C.
*	99. Clearfix
 -------------------------------------------------- */

/* --------------------------------------------------
	00. Reset
 -------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

ins{
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark{
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

del{
text-decoration: line-through;
}

abbr[title],dfn[title]{
border-bottom:1px dotted #000;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

/* --------------------------------------------------
	01. Default
 -------------------------------------------------- */
body{
margin:0;
padding:0 0 225px;
background:url(../img/section_back.png) repeat;
font-family:"ヒラギノ角ゴ Pro W3", HiraKakuProN-W3, sans-serif;
-webkit-text-size-adjust:none;
color:#0d0a06;
font-size:25px;
line-height:1.8;
letter-spacing:-0.001em;
}
ul,ol,dl{list-style:none outside none;}
em, strong{color:#ff3366; font-weight:bold; font-style:normal;}
#sec02 strong{color:#ff3366;}
hr{display:none;}
button{margin:0; padding:0; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
header, nav, footer{clear:both; display:block;}
a{color:#e6aa00; text-decoration:none; vertical-align:baseline; background:transparent;}
img, a img{border:0; vertical-align:bottom;}
input, select{vertical-align:middle;}
a:visited {color: #e6aa00;}

p.tiny {font-size:18px;}
p.caution {font-size:18px; padding-left:1em; text-indent:-1em; width:initial;}
p.caution:before {margin-bottom:10px!important;}

img.center {display:block; margin:0 auto;}
img.triangle {display:block; width:140px; margin:10px auto;}
img.yCard {display:block; width:650px; margin:50px auto 0;}

a.goForm {display:block; width:500px; height:74px; margin:0 auto;}
a.goFormIn {display:block; width:500px; height:102px; margin:0 auto 20px;}
a.goFormIn img:last-of-type {margin-top:10px;}

div.fukidashi {width:100%; background:url("../img/section_back.png"); padding:0 0 50px;}
div.fukidashi img {display:block; width:650px; margin:0 auto;}

/* --------------------------------------------------
	02. Header
 -------------------------------------------------- */
header {background:#FFF; width:100%;}
header div {width:680px; margin:0 auto; height:72px; padding:10px 0 0 20px; /*padding:10px 20px 0 430px;*/}


/* --------------------------------------------------
	03. Modules
 -------------------------------------------------- */
article {width:100%;}
section {width:100%; padding:50px 0 70px;}

section.cta {background:#FFF; padding: 50px 0;}
section.cta a {display:block; margin:0 auto; width:650px;}
section.cta a img {width:650px;}

section.no1 {background:#FFF; padding:0 0 30px;}
section.no1 img {display:block; width:620px; margin:0 auto;}

section p {width:650px;  margin:0 auto 30px;}

section div {width:650px; margin:0 auto;}
section div.wide {width:100%;}
section div img {display:block; margin:0 auto;}

section div.whiteBox {width:650px; margin:0 auto; padding:50px 30px; background:#FFF; border-radius:20px; text-align:left;}
section div.whiteBox_sec05 {width:650px; margin:0 auto; padding:0; text-align:left;}
/*section div.whiteBox h3 {margin-bottom:50px;}
section div.whiteBox h3 img {width:442px; height:auto; margin:0 auto;}*/
section div.whiteBox p {width:initial; padding-left:36px; text-indent:-36px; line-height:1.3; margin-bottom:1.5em!important;}
section div.whiteBox_sec05 p {width:initial; padding:0 30px 1.5em 66px; text-indent:-36px; line-height:1.3; margin:0; background-image:url(../img/whiteBox_sec05_back.png); background-size:100%;}
section div.whiteBox p::before, section div.whiteBox_sec05 p::before {content:''; display:inline-block; margin:-3px 10px 0 0; width:26px; height:26px; background-image:url(../img/icon_check.png); background-size:contain; vertical-align:middle;}
section div.whiteBox p strong, section div.whiteBox_sec05 p strong {font-size:1.0em;}
section div.whiteBox img, section div.whiteBox_sec05 img {width:100%!important;}

section div#about {margin-bottom:50px;}
section div#about dl {all:unset; padding:0 20px; background:#FFF; line-height:1.2; font-size:18px;}
section div#about dl dt {float:left; text-align:right; width:200px;}
section div#about dl dd {float:right; text-align:left; width:480px; padding-bottom:10px;}
section div#about img.logo {display:block; margin:30px auto 20px;}
section div#about:before {content: url(../img/fukidashi_sep_top.png);}
section div#about:after {content: url(../img/fukidashi_sep_bottom.png);}

h1 {margin:0 0 30px; width:100%; height:480px; background:url("../img/h1_back.png") repeat-x; background-size:900px 285px;}
h1 img{width:670px; height:480px; display:block; margin:0 auto;}

section#sec01 {padding:0;}
section#sec01 h2 {margin:0 auto; font-size:1.4em; line-height:1.6; text-align: center; font-weight:normal; color:#e2456b;}
img.manzok95 {display:block; width:650px; margin:30px auto;}

section#sec02 h2 {margin:0 auto 50px; width:448px;}

section#sec03 {background:url("../img/section_back_pink.png"); background-size:400px 300px; padding:30px 0 0;}
section#sec03 h3 {margin:50px auto 35px; width:650px;}
section#sec03 h3 img {width:650px;}
section#sec03 p {width:650px; margin-top:0;}
section#sec03 p img {width:650px;}
section#sec03 h3.plus {margin:50px auto 0; width:100%; background:url("../img/h3_plus-back.png");  background-size:400px 130px;}
section#sec03 h3.plus img {display:block; width:650px; margin:0 auto;}

section#sec04 h2 {margin:0 auto 50px; width:350px;}
section#sec04 h2 img {width:350px;}
section#sec04 p {margin:0 auto;}
section#sec04 p img {width:650px;}
section#sec04 h3 {margin:35px auto; width:540px;}
section#sec04 h3 img {width:540px;}

section#sec05 {background:url("../img/section_back_pink.png"); background-size:400px 300px; padding:30px 0 0;}
section#sec05 h3 {margin:35px auto; width:540px;}
section#sec05 h3 img {width:540px;}
section#sec05 h3.plus {margin:50px auto 0; width:100%; background:url("../img/h3_plus-back.png");  background-size:400px 130px;}
section#sec05 h3.plus img {display:block; width:650px; margin:0 auto;}

section#sec06 h2 {margin:0 auto 50px; width:442px;}
section#sec06 h2 img {width:442px;}
section#sec06 div.voice {margin-bottom:70px;}
section#sec06 div.voice img {width:100%;}
section#sec06 div.voice h3 {width:100%;}
section#sec06 div.voice div {background:url("../img/voice_box_back.png"); background-size:250px; padding:35px 20px; width:100%; font-size:0.93em;}
section#sec06 div.voice div h4 {margin:0 0 20px; width:100%; text-align:left;}
section#sec06 div.voice div h4 img {width:164px; display:inline-block;}
section#sec06 div.voice div p {font-size:1.0em; margin:0 0 35px; width:100%; line-height:1.4;}
section#sec06 div.voice div dl {width:100%; margin-bottom:30px;}
section#sec06 div.voice div dl dt {padding:0 0 0 70px; background:url("../img/icon_user.png") no-repeat left 0; background-size:60px; margin:0 0 15px; min-height:60px;}
section#sec06 div.voice div dl dt.no2 {background:url("../img/icon_user2.png") no-repeat left 0; background-size:60px;}
section#sec06 div.voice div dl dt.no3 {background:url("../img/icon_user3.png") no-repeat left 0; background-size:60px;}
section#sec06 div.voice div dl dt.no4 {background:url("../img/icon_user4.png") no-repeat left 0; background-size:60px;}
section#sec06 div.voice div dl dt.short {padding:13px 0 0 70px;}
section#sec06 div.voice div dl dd {padding:5px 0 0 70px; background:url("../img/icon_fp.png") no-repeat left 0; background-size:60px; margin:0; min-height:80px;}
section#sec06 div.voice div dl dt, section#sec06 div.voice div dl dd {font-size:1.0em; line-height:1.4;}

section#sec07 h2.flow {margin:0 auto 50px; width:308px;}
section#sec07 h2.flow img {width:308px;}
section#sec07 h2.media {margin:50px auto 30px; width:406px;}
section#sec07 h2.media img {width:406px;}
section#sec07 p img {width:650px;}
section#sec07 h3 {margin:50px auto 30px; width:427px;}
section#sec07 h3 img {width:427px;}

section#secQA h2 {margin:0 auto 50px; width:144px;}
section#secQA h2 img {width:144px;}
section#secQA div dl.qa {width:650px; margin:0 auto 50px; line-height:1.4;}
section#secQA div dl.qa dt {padding:0 0 0 35px;background:url(../img/q_icon.png) no-repeat left 2px; background-size:30px 30px; margin:0 0 20px 0; height: auto; min-height:30px;}
section#secQA div dl.qa dd {padding:0 0 0 35px; background:url(../img/a_icon.png) no-repeat left 2px; background-size:30px 30px; margin:0 0 20px 0; min-height:30px;}
section#secQA div dl.qa dt h4 {margin:0 0 10px 0; font-size:24px; color:#f77c99;}
section#secQA div dl.qa dd h4 {margin:0 0 10px 0; font-size:24px; color:#280f05;}

section#secCampaign {padding:50px 0 0;}
section#secCampaign h2 {margin:0 auto 50px; width:372px;}
section#secCampaign h2 img {width:372px;}
section#secCampaign ul.inBox li, section#secCampaign p {font-size:0.93em; line-height:1.6; margin:0 0 25px;}
section#secCampaign ul.inBox li {padding-left:1.0em; text-indent:-1.0em;}
section#secCampaign ul.inBox li a {color:darkblue; text-decoration:underline;}
/*section#secCampaign ul li:before {content:" ";}*/

section#secCompany h2 {margin:0 auto 15px; width:191px;}
section#secCompany h2 img {width:191px;}
section#secCompany p img {width:650px;}


/* --------------------------------------------------
	05. 下部固定メニュー
 -------------------------------------------------- */
.bottomMenu {display: none; width: 100%; position: fixed; bottom: 0; background-color: rgba(255, 255, 255, 0.92); z-index:999;}
.bottomMenu div.bottomCta {width: 100%; padding:35px 0 25px;}
.bottomMenu div.bottomCta a {display: block; margin:0 auto; width:650px;}
.bottomMenu div.bottomCta a img {vertical-align: bottom; width:650px;}


/* --------------------------------------------------
	06. Footer
 -------------------------------------------------- */
section#pMark {padding:30px 0; background:#fff; color:#0b0803;}
section#pMark h2 {margin:0 auto 30px; text-align:center; font-size:16px; font-weight:normal;}
section#pMark div {width:464px;}
section#pMark img {display:block; margin:0 auto;}

section#copyright {padding:0;}
section#copyright p {font-size:16px; margin:50px auto 20px; text-align:center; padding:0;}

/* --------------------------------------------------
	07. E.T.C.
 -------------------------------------------------- */
.mt15 {margin-top:15px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt70 {margin-top:70px!important;}
.mt100 {margin-top:100px!important;}
.mb0 {margin-bottom:0px!important;}
.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb30 {margin-bottom:30px!important;}
.mb50 {margin-bottom:50px!important;}
.pt50 {padding-top:50px!important;}
.pb0 {padding-bottom:0px!important;}

/* --------------------------------------------------
	99. Clearfix
 -------------------------------------------------- */
.cf:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
font-size: 0;
content: " ";
}
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }


/* incen */
#secIncen {background:#ececec;}
.incen {
	margin: 0 auto 30px;
	width: 660px;
}
.incenWrap {
	width: 660px;
}
.incenWrap p {
	text-align: center;
}
.incenWrap p img {
	width: 515px;
}
/*.incenWrap div {
	width: 660px;
}*/
.incenItem {
	margin-bottom: 10px;
	padding: 0 5px;
}
.incenItemHalf {
	float: left;
	width: 330px;
	margin-bottom: 10px;
	padding: 0 5px;
}
.incenItemThird {
	float: left;
	width: 220px;
	margin-bottom: 10px;
	padding: 0 5px;
}
.incenSelect {
	width: 660px;
	text-align: center;
}
.labelSelect {
	background-color: #280f05;
	display: inline-block;
	line-height: 1;
	padding: 16px 0;
	width: auto;
	color: #fff;
	margin-bottom: 30px;
	width: 100%;
}
.labelSelect.light {
	background-color: #a5873c;
	margin-bottom: 40px;
}
.accordion {
	border-top: 2px solid #a5873c;
	margin: 0 0 48px 0;
	width: 660px;
}
.accordionContent {
	border-bottom: 2px solid #a5873c;
	border-left: 2px solid #a5873c;
	border-right: 2px solid #a5873c;
}
.accordionHeading {
	background: #dbb960;
	background: -moz-linear-gradient(left, #dbb960 0%, #fcf4cf 100%);
	background: -webkit-linear-gradient(left, #dbb960 0%,#fcf4cf 100%);
	background: linear-gradient(to right, #dbb960 0%,#fcf4cf 100%);
	border-bottom: 2px solid #a5873c;
	border-left: 2px solid #a5873c;
	border-right: 2px solid #a5873c;
	color: #280f05;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbb960', endColorstr='#fcf4cf',GradientType=1 );
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	position: relative;
	padding: 24px 16px;
}
.accordionHeading:last-child {
	border-bottom: 0;
}
.accordionHeading .icon {
	display: inline-block;
	fill: #280f05;
	height: 32px;
	margin-top: -16px;
	position: absolute;
	right: 16px;
	top: 50%;
	width: 32px;
}
.accordionContent {
	/*font-size: 24px;*/
	padding: 24px;
}
.accordionContent p {
	font-size: 0.93em;
    width: 100%;
	line-height: 1.6;
}
.accordionContent p:last-child {
	margin-bottom: 0;
}
.accordionContent ul.list {
	list-style: none;
	margin: 0 0 36px 0;
	padding-left: 0;
}
.accordionContent ul li.listItem {
	font-size: 0.93em;
	line-height: 1.6;
	margin: 12px 0;
	padding-left: 16px;
	position: relative;
}
.listItem:before {
	background-color: #15100a;
	border-radius: 50%;
	content: '';
	display: block;
	left: 2px;
	height: 4px;
	position: absolute;
	top: 0.65em;
	width: 4px;
}
.hang {
	padding-left: 1em;
	text-indent: -1em;
}
.bold {
	font-weight: bold;
}
.listHotel {
	margin-bottom: 24px;
}
.listHotelItem {
	float: left;
	position: relative;
	width: 25%;
}
.listHotelItem .icon {
	fill: #fff;
	height: 16px;
	margin-top: -8px;
	position: absolute;
	right: 12px;
	top: 50%;
	width: 16px;
}
.listHotelItem a {
	background-color: #F70209;
	border-radius: 6px;
	color: #fff;
	display: block;
	font-size: 30px;
	line-height: 1;
	margin-bottom: 4px;
	margin-left: 4px;
	padding: 16px 12px;
}
.hotelInfo {
	font-size: 16px;
}
.hotelInfo dt {
	font-weight: bold;
}
.hotelInfo dd {
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 24px;
}
.limit {
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	line-height: 1.4;
	padding: 24px 0;
}
.titleNote {
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	font-weight: bold;
	line-height: 1;
	padding: 24px 0;
	text-align: center;
    font-size: 1.0em!important;
}
.subtitleNote {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 16px;
}
.label {
	background-color: #F70209;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 24px;
	line-height: 1;
	margin-right: 8px;
	padding: 8px 0;
	text-align: center;
	width: 120px;
	vertical-align: 0.1em;
}

div.pc, span.pc, a.pc {display:none;}
    br.pc {display:none;}

@media screen and (min-width: 768px){
	div.pc, span.pc, a.pc {display:block;}
    br.pc {display:inline;}
	div.sp, span.sp, a.sp {display:none;}
    br.sp {display:none;}
    section#sec06 div.voice div dl dt {padding:15px 0 0 70px;}
    /*section#sec06 div.voice div dl dd {padding:5px 0 0 70px;}*/
    section#sec06 div.voice div p {font-size:0.75em;}
    section#sec06 div.voice div dl dt, section#sec06 div.voice div dl dd {font-size:0.75em; line-height:1.4;}
    section#secCampaign ul.inBox li, section#secCampaign p {font-size:0.8em;}
    .accordionContent p, .accordionContent ul li.listItem {font-size: 0.8em;}
}
.step {
	margin: 0 !important;
	width: 100%;
}

/* --------------------------------------------------
	ex. AIアバター：スマホ閲覧時サイズ調整_20251119～
 -------------------------------------------------- */
@media screen and (max-width: 768px) {
  #chatOrTalkWidget {
    transform: scale(1.4);
    transform-origin: bottom right; /* 右下を基準に拡大 */
    margin-right:-20px;
  }
}

/* 初期状態：透明＆クリックできない */
.chatOrTalkWidget {
    opacity: 0 !important;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

/* スクロール中に見える状態 */
.chatOrTalkWidget.is-scroll-visible {
    opacity: 1 !important;
    pointer-events: auto;
}