@charset "UTF-8";

/*==============================================================================================
 静的ページ共通
==============================================================================================*/
/**************************************
#guideSection
**************************************/
#guideSection{
    display: block;
    width: 100%;
    /* max-width: 1000px; */
    max-width: 1040px;
    margin: auto;
    /* padding-top: 20px; */
    padding: 20px 20px 0;
    color: #603d21;
}
#guideSection.Shirodashi{
    width: 100%;
    max-width: 140rem;
    padding: 0;
}
/* #guideSection .breadcrumbs ul li{display: inline-block;font-size: 11px;}
#guideSection .breadcrumbs ul li:not(:last-child)::after{
	content: '/';
	padding: 0 5px;
} */
.breadcrumbs span, .breadcrumbs a,.breadcrumbs ul li{
    font-size: 12px;
    text-align: left;
    color: #603d21;
    display: inline;
}
.numberGuide{margin-bottom: 175px;}
/**************************************
#twoColumnContents
**************************************/
#guideSection #twoColumnContents{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: space-between;
	justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-left: 260px;
}

#twoColumnContents #rightContents{
    display: block;
    width: 100%;
    counter-reset: guidesectionnumber;
    max-width: 740px;
}

#twoColumnContents #leftAnchorNav{
    display: block;
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
    counter-reset:leftnavnumber;
}
#twoColumnContents #leftAnchorNav.fixed{
    position: fixed;
    left: calc(50% - 500px);
}

/**************************************
#twoColumnContents #leftAnchorNav
**************************************/

#leftAnchorNav > ol{
    display: block; 
    border-top: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
}


#leftAnchorNav > ol > li{
    display: block;
    border-bottom: 1px solid;
}
#leftAnchorNav > ol > li > a{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 16px 30px 16px 10px;
    font-size: 12px;
    line-height: 1.5;
    text-decoration: none;
    background: #ffffff;
    position: relative;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease;
}
#leftAnchorNav > ol > li > a:hover{opacity: .6;}

#leftAnchorNav > ol > li > a::before{
	counter-increment: leftnavnumber;
	content: counter(leftnavnumber)".";
	min-width: 20px;
    width: auto;
}

#leftAnchorNav > ol > li.current > a{
    background: #f4f4f4;
}


#leftAnchorNav > ol > li > a > span{
    display: block;
    width: calc(100% - 25px);
}

#leftAnchorNav > ol > li > a > span::before,
#leftAnchorNav > ol > li > a > span::after{
	content: '';
	display: block;
	width: 10px; height: 1px;
	background: #333333;
	position: absolute;
    right: 10px;
}
#leftAnchorNav > ol > li > a > span::before{
	transform: rotate(45deg);
	top: calc(50% - 5px);
}
#leftAnchorNav > ol > li > a > span::after{
	transform: rotate(-45deg);
	bottom: calc(50% - 3px);
}
#leftAnchorNav > ol > li.current > a > span::before,
#leftAnchorNav > ol > li.current > a > span::after{ background: #333333;}

/**************************************
#guideSection #anchorNav
**************************************/
#guideSection #anchorNav{
    display: block;
    width: 1000px;
    margin: 0 auto;
}
#guideSection #anchorNav > ul{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: center;
	justify-content: center;
    width: 790px;
    margin: 0 auto 20px;
}
#guideSection #anchorNav > ul > li{
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
}
#guideSection #anchorNav > ul > li::after{
    content: '\/';
    padding: 0 5px;
}
#guideSection #anchorNav > ul > li:nth-last-of-type(1)::after,
#guideSection #anchorNav > ul > li:nth-of-type(5)::after{display: none;}

#guideSection #anchorNav > ul > li > a{
    color: #333333;
    text-decoration: underline;
    line-height: 1;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

#guideSection #anchorNav > ul > li > a:hover{opacity: .6;}

/**************************************
guide common
**************************************/
#guideSection .mainTTL{
    display: block;
    margin: 0 auto 0;
    padding-bottom: 40px;
    font-size: 24px;
    font-family: 'Lora', "Yu Mincho", "YuMincho", serif;
    font-weight: 700;
    color: #583b2d;
    position: relative;
    text-align: center;
    letter-spacing: 0.02em;
}

#guideSection #rightContents .mainTTL{
    display: block;
    margin: 0 auto 0;
    padding-bottom: 40px;
    font-size: 24px;
    font-family: 'Lora', "Yu Mincho", "YuMincho", serif;
    font-weight: 700;
    color: #583b2d;
    position: relative;
    text-align: left;
    letter-spacing: 0.02em;
}

#guideSection .guideSection .ttl_g::before{
	counter-increment: guidesectionnumber;
	content: counter(guidesectionnumber)".";
}

#guideSection .subsubTTL{
    padding: 5px 10px;
    background: #f8f7f3;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

#guideSection a.textLink{
    color: #333333;
    text-decoration: underline;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
    display: initial;
}
#guideSection a.textLink:hover{opacity: .6;}

#guideSection .caution{
    display: block;
    margin-top: 20px;
    text-indent: -1em;
    padding-left: 1em;
    font-size: 12px;
}
#guideSection .caution > li{line-height: 1.5}


#guideSection ul.circleList{
    display:block;
    margin: 20px auto;
}
#guideSection dl.circleList > dd{margin-top: 10px;}
#guideSection ul.circleList:nth-child(1),
#guideSection dl.circleList:nth-child(1){margin-top: 0;}

#guideSection dl.circleList > dt{
    font-weight: 700;
}

#guideSection ul.circleList > li,
#guideSection dl.circleList > dd{
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.75;
}
#guideSection ul.circleList > li:nth-last-of-type(1),
#guideSection dl.circleList > dd:nth-last-of-type(1){margin-bottom: 0;}

#guideSection .circleList .caution{
    margin-top: 5px;
}


/**************************************
guideSection
**************************************/
#guideSection .guideSection{
    display: block;
    font-size: 14px;
    margin-bottom: 60px;
}
#guideSection .privacypolisy .guideSection{margin-bottom: 40px;}
#guideSection .mainTTL + .guideSection{margin-top: -40px;}

#guideSection .guideSection p{
    margin-top: 15px;
    line-height: 1.75;
}
#guideSection .guideSection p:nth-child(1){margin-top: 0;}

#guideSection .guideSection > dl{
    display: block;
    margin-top: 30px;
}
#guideSection .guideSection > dl:nth-child(1){margin-top: 0;}
#guideSection .guideSection > dl > dt{
    margin-bottom: 6px;
}
#guideSection .guideSection > dl > dd{line-height: 1.5;}

#guideSection .guideInner{
    display: block;
    margin-top: 30px;
}
#guideSection .guideInner dl dd{line-height: 1.5;}
#guideSection .guideInner:nth-child(1){margin-top: 0;}

#guideSection .guideInner > dl{
    display: block;
    margin-top: 30px;
}
#guideSection .guideInner > dl:nth-child(1){margin-top: 0;}
#guideSection .guideInner> dl > dt{
    margin-bottom: 15px;
}


#guideSection ol.numList{
    display: block;
    margin-top: 20px;
    counter-reset: guidenumListnumber;
}
#guideSection ol.numList:nth-child(1){margin-top: 0;}

#guideSection ol.numList > li{
    display: block;
    /* text-indent:  calc(-1em - 10px);
    padding-left: calc(1em + 10px); */
    text-indent: calc(-1.2em - 3px);
    padding-left: calc(1.2em + 12px);
    margin-bottom: 6px;
    line-height: 1.5;
}
#guideSection ol.numList > li::before{
	counter-increment: guidenumListnumber;
	content: counter(guidenumListnumber)".";
    margin-right: 10px;
}

#guideSection ol.numList > li .caution{margin-top: 5px;}


#guideSection .cautionList{
    display: block;
    margin-top: 20px;
}
#guideSection .cautionList:nth-child(1){margin-top: 0;}

#guideSection .cautionList > li{
    display: block;
    text-indent:  -1em;
    padding-left: 1em;
    margin-bottom: 10px;
}


#guideSection .contactList{
    margin-top: 15px;
    padding: 30px;
    background: #f4f4f4;
}

#guideSection .contactList > dl{
    display: table;
}
#guideSection .contactList > dl:not(:last-child){    margin-bottom: 6px;}
#guideSection .contactList > dl > dt,
#guideSection .contactList > dl > dd{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    line-height: 1.5;
}

#guideSection .contactList > dl > dt{
	width: 5em;
    margin-right: 1em;
    display: inline-block;
}

#guideSection .contactList .caution{margin-top: 5px;}


#guideSection .guideSection figure{
    display: block;
}
#guideSection .guideSection figure img{
    display: block;
    max-width: 100%;
}



#guideSection ul.timeList{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
    margin-top: 20px;
}
#guideSection ul.timeList > li{
    text-indent: 0;
    padding-left: 0;
}
#guideSection ul.timeList > li::after{
    content: '\／';
    padding: 0 5px;
}
#guideSection ul.timeList > li:nth-last-of-type(1)::after{display: none;}

/**************************************
noshi
**************************************/

#guideSection .noshiExImg{
    display: block;
}


#guideSection .noshiExImg > dl.noshi{
    display: block;
}

#guideSection .noshiExImg > dl.noshi > dt{
    padding: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
}

#guideSection .noshiExImg > dl.noshi > dd{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#guideSection .noshiExImg > dl.noshi > dd > figure{
    display: block;
    width: 385px;
    margin-right: 15px;
}
#guideSection .noshiExImg > dl.noshi > dd > figure > img{
    display: block;
    width: 100%; height: auto;
}
#guideSection .noshiExImg > dl.noshi > dd > .caution{
    display: block;
    width: calc(100% - 400px);
}


#guideSection .noshiExImg > dl.bag{
    display: block;
    padding-top: 30px;
}

#guideSection .noshiExImg > dl.bag > dt{
    padding: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
}

#guideSection .noshiExImg > dl.bag > dd{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#guideSection .noshiExImg > dl.bag > dd > dl{
    display: block;
    width: calc(50% - 10px);
    text-align: center;
}

#guideSection .noshiExImg > dl.bag > dd > dl:nth-of-type(1){
    border-right: 1px solid #CCCCCC;
}

#guideSection .noshiExImg > dl.bag > dd > dl > dt{
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

#guideSection .noshiExImg > dl.bag > dd > dl > dd{}

#guideSection .noshiExImg > dl.bag > dd > dl > dd > figure{
    margin: 0 auto;
}

#guideSection .noshiExImg > dl.bag > dd > dl > dd > figure > img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}


#guideSection .noshiPatternTable{
    display: block;
}

#guideSection .noshiPatternTable .noshiPatternHead{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: space-between;
	justify-content: space-between;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

#guideSection .noshiPatternTable .noshiPatternHead > li{
    display: block;
    padding: 5px 10px;
    text-align: left;
    font-weight: 700;
}
#guideSection .noshiPatternTable .noshiPatternHead > li:nth-of-type(2){
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}


#guideSection .noshiPatternTable .noshiPatternHead > li.type{ width: 180px;}
#guideSection .noshiPatternTable .noshiPatternHead > li.inscription{ width: 120px;}
#guideSection .noshiPatternTable .noshiPatternHead > li.use{ width: calc(100% - 300px);}


#guideSection .noshiPatternTable > dl{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: space-between;
	justify-content: space-between;
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0;
}

#guideSection .noshiPatternTable > dl > dt{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
    width: 180px;
    text-align: center;
    font-weight: 700;
    padding: 15px 0;
}
#guideSection .noshiPatternTable > dl > dt > span{display: block;}

#guideSection .noshiPatternTable > dl > dt figure{
    display: block;
    margin-top: 10px;
    margin: 0 auto;
}
#guideSection .noshiPatternTable > dl > dt figure > img{
    display: block;
    max-width: 100%; height: auto;
    margin: 0 auto;
}

#guideSection .noshiPatternTable > dl > dd{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    flex-direction: row;
    -webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
    width: calc(100% - 180px);
    border-left: 1px solid #CCCCCC;
}

#guideSection .noshiPatternTable > dl > dd > .noshiInnerTTL{display: none;}

#guideSection .noshiPatternTable > dl > dd > dl{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0;
}
#guideSection .noshiPatternTable > dl > dd > dl:nth-last-of-type(1){border-bottom: 0;}

#guideSection .noshiPatternTable > dl > dd > dl > dt{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
    width: 119px;
    padding: 15px 10px;
    border-right: 1px solid #CCCCCC;
}
#guideSection .noshiPatternTable > dl > dd > dl > dd{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
    width: calc(100% - 119px);
    padding: 15px 0 15px 10px;
}

#guideSection .noshiPatternTable > dl > dd > dl > dd > span.normalInfo{
    width: 100%;
    margin-bottom: 5px;
}

#guideSection .noshiPatternTable > dl > dd > dl > dd .moreInfo{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
    width: 100%;
    background: #efefef;
    padding: 5px 10px;
    font-size: 12px;
}

#guideSection .noshiPatternTable > dl > dd > dl > dd .moreInfo > figure{
    display: block;
    width: 125px;
}

/**************************************
faq
**************************************/

#guideSection .faqList{
    display: block;
    margin-top: 20px;
}
#guideSection .faqList:nth-child(1){margin-top: 0;}


#guideSection .faqList > dl{
    display: block;
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin-bottom: 20px;
}
#guideSection .faqList > dl:nth-last-of-type(1){margin-bottom: 0;}

#guideSection .faqList > dl > dt{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    background: #ffffff;
    position: relative;
    padding: 15px 15px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
#guideSection .faqList > dl > dt:hover{opacity: .6;}


#guideSection .faqList > dl > dt::before{
    content: 'Q';
    display: block;
    width: 25px;
    text-align: left;
    padding-right: 10px;
    font-weight: 700;
}

#guideSection .faqList > dl > dt > span{
    display: block;
    width: calc(100% - 25px);
}

#guideSection .faqList > dl > dt > span::before,
#guideSection .faqList > dl > dt > span::after{
	content: '';
	display: block;
	width: 10px; height: 1px;
	background: #d31c30;
	position: absolute;
	webkit-transition: transform 0.2s ease,opacity 0.5s ease;
    -moz-transition: transform 0.2s ease,opacity 0.5s ease;
    -o-transition: transform 0.2s ease,opacity 0.5s ease;
    transition: transform 0.2s ease,opacity 0.5s ease;
}
#guideSection .faqList > dl > dt > span::before{
	top: 50%;
	right: 15px;
}
#guideSection .faqList > dl > dt > span::after{
	transform: rotate(90deg);
	top: 50%;
	right: 15px;
}

#guideSection .faqList > dl.open > dt > span::after{
    opacity: 0;
	transform: rotate(0);
}

#guideSection .faqList > dl > dd{
    display: none;
    padding: 15px 15px 15px 40px;
    border-top: 1px solid #d31c30;
    position: relative;
}

#guideSection .faqList > dl > dd::before{
    content: 'A';
    display: block;
    width: 25px;
    height: 25px;
    font-size: 14px;
    text-align: left;
    font-weight: 700;
    color: #e70012;
    position: absolute;
    left: 15px;
    top: 15px;
}



/**************************************
agreementContents
**************************************/
#guideSection .agreementContents{
    display: block;
    font-size: 14px;
    line-height: 1.6;
    border-top: 1px solid;
    padding-top: 40px;
}
#guideSection .agreementContents p{
    display: block;
    /* font-size: 16px; */
    font-size: 18px;
    /* margin-bottom: 20px; */
    margin-bottom: 60px;
    line-height: 1.75;
}
#guideSection .agreementContents p.__abobereturn{
    margin-bottom: 20px;
}
#guideSection .agreementContents #company_gaiyou p{
    text-align: center;
}
#guideSection .agreementContents #company_gaiyou p span{
    font-size: 18px;
}
#guideSection.privacypolisy .agreementContents .agreementInner{
    display: block;
    padding: 30px 30px 0 30px;
    border-top: 2px solid #f9f9f9;
}
#guideSection.termsofuse .agreementContents .agreementInner{
    display: block;
    padding: 0 100px 0 100px;
}

#guideSection.privacypolisy .agreementContents .agreementInner:last-child{padding: 60px 30px 0 30px}
#guideSection .agreementContents .agreementInner > dl > dt{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

#guideSection .agreementContents .agreementInner > dl > dd{
    display: block;
    margin-top: 15px;
    line-height: 1.75;
}

#guideSection .agreementContents .agreementInner > dl > dd ol{
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

#guideSection .agreementContents .agreementInner > dl > dd ol > li{
    display: block;
    margin-bottom: 5px;
    padding-left: 2em;
    text-indent: -2em;
}

#guideSection .agreementContents .agreementInner > dl > dd ol.bracketsList > li{
   padding-left: 3em;
    text-indent: -3em;
}
#guideSection .agreementContents .agreementInner > dl > dd ol.bracketsList > li > ul{
    display: block;
    text-indent: 0;
}
#guideSection .agreementContents .agreementInner > dl > dd ol.bracketsList > li > ul > li{margin-bottom: 10px;}
#guideSection .agreementContents .agreementInner > dl > dd ol.bracketsList > li > ul > li:nth-last-of-type(1){margin-bottom: 0;}



#guideSection .agreementContents .agreementInner > dl > dd dl.bracketsList{
    margin-top: 30px;
}

#guideSection .agreementContents .agreementInner > dl > dd dl.bracketsList > dt{
    font-weight: 700;
    margin-bottom: 15px;
}

#guideSection .agreementContents .agreementInner > dl > dd dl.bracketsList > dd{
    padding-left: 3em;
    text-indent: -3em;
    margin-bottom: 5px;
}
#guideSection .agreementContents .agreementInner > dl > dd dl.bracketsList > dd:nth-last-of-type(1){margin-bottom: 0;}

#guideSection .agreementContents .agreementInner > dl > dd dl.bracketsList + dl{
    margin-top: 20px;
}
#guideSection .agreementContents .agreementInner > dl > dd dl.bracketsList + dl > dt{
    font-weight: 700;
    margin-bottom: 15px;
}

#guideSection .agreementContents .appendix{text-align: right; font-weight: 700;}

#guideSection .agreementContents .update{text-align: left; font-weight: 700;}

#guideSection dl.snsUser{margin-top: 20px;}

#guideSection dl.snsUser > dt{margin-bottom: 15px;}


/**************************************
termsTabe
**************************************/
#guideSection .termsTabe{
    /* font-size: 14px; */
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
}

#guideSection .termsTabe > p{text-align: center; padding-bottom: 40px; font-size: 14px;}


#guideSection .termsTabe > dl{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    border-bottom: 4px solid #fff;
}

    
#guideSection .termsTabe > dl > dt{
    display: flex;
    width: 230px;
    padding: 15px 20px;
    background: #f4f4f4;
    align-items: center;
    line-height: 1.5;
}

#guideSection .termsTabe > dl > dd{
    display: block;
    width: 570px;
    padding: 15px 30px;
    line-height: 1.75;
}
#guideSection .termsTabe > dl > dd > a{text-decoration: underline;}
/**************************************
ご利用ガイド一覧
**************************************/
#guideSection.__guideList{
    margin-top: 260px;
}
#guideSection.__guideList .cardUnit-guideList{
    display: flex;
    flex-wrap: wrap;
    margin:30px 0 0 -30px;
}
#guideSection.__guideList .cardUnit-guideList li {
    width: calc( ( 100% - 60px ) / 2);
    margin: 0 0 30px 30px;
}

#guideSection.__guideList .cardUnit-guideList li a{
    display: block;
    padding: 30px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    box-sizing: border-box;
    /* border: 1px solid #cea529;
    background: #ebc040;
    background: -moz-linear-gradient(top, #ebc040 0%, #cea529 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebc040), color-stop(100%,#cea529));
    background: -webkit-linear-gradient(top, #ebc040 0%,#cea529 100%);
    background: -o-linear-gradient(top, #ebc040 0%,#cea529 100%);
    background: -ms-linear-gradient(top, #ebc040 0%,#cea529 100%);
    background: linear-gradient(to bottom, #ebc040 0%,#cea529 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebc040', endColorstr='#cea529',GradientType=0 );
    -webkit-box-shadow: inset 0px 0px 2px 1px rgb(255 255 255 / 60%), 1px 2px 3px 0px rgb(180 180 180 / 70%);
    -moz-box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, 0.6), 1px 2px 3px 0px rgba(180, 180, 180, 0.7);
    box-shadow: inset 0px 0px 2px 1px rgb(255 255 255 / 60%), 1px 2px 3px 0px rgb(180 180 180 / 70%);
    text-shadow: 1px 1px 2px #aaaaaa;
    filter: dropshadow(color=#aaaaaa, offx=2, offy=1); */
    /* background-image: url(../../Contents/ImagesPkg/common/footer/bg_ico.jpg); */
    background-image: url(../../Contents/ImagesPkg/top/bg_guidebnr.jpg);
    background-repeat: repeat;
    background-size: contain;
    background-position: center center;
    font-size: 18px;
    color: #603d21;
    font-weight: 600;
}
#guideSection.__guideList .cardUnit-guideList li a span{font-size: 14px;}

#guideSection.__guideList .cardUnit-guideList{
}
/* .guide-nav01__wrap{
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
			align-items: center;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-bottom: 100px;
}

.guide-nav01__wrap > li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	width: calc( ( 100% - 50px ) / 6);
    margin: 0 0 0 1rem;
	background-image: url("../../Contents/ImagesPkg/common/footer/bg_ico.jpg");
	background-repeat: repeat;
	background-size: contain;
	background-position: center center;
	text-align: center;
}
.guide-nav01__wrap > li:first-of-type{
    margin: 0;
}
.guide-nav01__wrap > li .guide-nav01__list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.guide-nav01__wrap > li .guide-nav01__list img{
    width: 40px;
    margin-bottom: 12px;
}

.guide-nav01__wrap > li .guide-nav01__list p{
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1;
	color: #603d21;
} */





.guide-nav01__wrap{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:4rem auto;
}

.guide-nav01__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 150px;
    height: 150px;
    background-image: url(../../Contents/ImagesPkg/common/footer/bg_ico.jpg);
    background-repeat: repeat;
    background-size: contain;
    background-position: center center;
    text-align: center;
}

.guide-nav01__list img{
	width: 63px;
	margin-bottom: 20px;
}

.guide-nav01__list p{
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1;
	color: #603d21;
}
/**************************************
白だしについて 追加
**************************************/

.Shirodashi_block{
    display: block;
    width: 100%;
    /* max-width: 1000px; */
    max-width: 1040px;
    margin: auto;
    /* padding-top: 20px; */
}

/**************************************
レビュー記入方法
**************************************/
#guideSection .agreementContents .guideSection.__aboutReview {
    max-width: 72rem;
    width: 100%;
    margin: 0 auto;
}
#guideSection .agreementContents .guideSection.__aboutReview .__step-review{
    margin-top: 0;
}
#guideSection .agreementContents .guideSection.__aboutReview .__step-review + .__step-review {
    margin-top: 6rem;
}
#guideSection .agreementContents .guideSection.__aboutReview .__step-review p{
    display: block;
    /* font-size: 16px; */
    font-size: 18px;
    /* margin-bottom: 20px; */
    margin-bottom: 2rem;
    line-height: 1.75;
}
#guideSection .agreementContents .guideSection.__aboutReview .__step-review p span{
    display: block;
    color:#DB2927 ;
}
#guideSection .agreementContents .guideSection.__aboutReview .__step-review img{
    max-width: 72rem;
    margin: 0 auto;
}
#guideSection .agreementContents .guideSection.__aboutReview .__stepRect{
    margin: 4rem auto;
}
#guideSection .agreementContents .guideSection.__aboutReview .__stepRect img{
    max-width: 10rem;
    margin: 0 auto;
}


@media screen and (min-width: 769px) and (max-width: 1220px) {
    .guide-nav01__list{
		width: calc(180*(100vw/1200));
		height: calc(180*(100vw/1200));
	}

	.guide-nav01__list img {
		width: calc(63*(100vw/1200));
		margin-bottom: calc(20*(100vw/1200));
	}
}

/**************************************
パスワードの再設定方法
**************************************/
#guideSection .agreementContents .guideSection.__aboutPassword {
    max-width: 72rem;
    width: 100%;
    margin: 0 auto;
}
#guideSection .agreementContents .guideSection.__aboutPassword .__step-Password{
    margin-top: 0;
}
#guideSection .agreementContents .guideSection.__aboutPassword .__step-Password + .__step-Password {
    margin-top: 6rem;
}
#guideSection .agreementContents .guideSection.__aboutPassword .__step-Password p{
    display: block;
    /* font-size: 16px; */
    font-size: 18px;
    /* margin-bottom: 20px; */
    margin-bottom: 2rem;
    line-height: 1.75;
}
#guideSection .agreementContents .guideSection.__aboutPassword .__step-Password p span{
    display: block;
    color:#DB2927 ;
}
#guideSection .agreementContents .guideSection.__aboutPassword .__step-Password img{
    max-width: 72rem;
    margin: 0 auto;
}
#guideSection .agreementContents .guideSection.__aboutPassword .__stepRect{
    margin: 4rem auto;
}
#guideSection .agreementContents .guideSection.__aboutPassword .__stepRect img{
    max-width: 10rem;
    margin: 0 auto;
}


@media screen and (min-width: 769px) and (max-width: 1220px) {
    .guide-nav01__list{
		width: calc(180*(100vw/1200));
		height: calc(180*(100vw/1200));
	}

	.guide-nav01__list img {
		width: calc(63*(100vw/1200));
		margin-bottom: calc(20*(100vw/1200));
	}
}



@media screen and (max-width: 1024px) {
/*==============================================================================================
 静的ページ共通
==============================================================================================*/
/*ご利用ガイド*/
#twoColumnContents #leftAnchorNav.fixed {
    left: calc(4.5% - 10px);
}
}

@media screen and (max-width: 800px) {
/*==============================================================================================
 静的ページ共通
==============================================================================================*/
/*ご利用ガイド*/
#guideSection{padding:calc(40 *(100vw / 750)) calc(20 *(100vw / 750)) 0;}
#guideSection.termsofuse .agreementContents .agreementInner{padding:0;}
#twoColumnContents #leftAnchorNav{position: static;width: 100%;}
#guideSection #twoColumnContents {padding-left: 0;}
#leftAnchorNav > ol{
	display: flex;
	flex-wrap: wrap;
	border-left: none;
	border-right: none;
	margin-bottom: calc(100 *(100vw / 750));
}
#leftAnchorNav > ol > li:nth-child(2n-1){border-right: 1px solid;border-left: 1px solid;}
#leftAnchorNav > ol > li:nth-child(2n){border-right: 1px solid;}
#twoColumnContents #leftAnchorNav.fixed{
	position: static; 
    left: 0;
}
#leftAnchorNav > ol > li{
	width: 50%;
}
/*特商法ページ*/
#guideSection .termsTabe > dl,
#guideSection .termsTabe > dl > dt,
#guideSection .termsTabe > dl > dd{
    display: block;
    width: 100%;
}
}

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

    /* 最初の3つ子予想 */
	.guide-nav01__wrap li:nth-child(-n+3){
		margin-bottom: calc(10*(100vw/750));
	}

	.guide-nav01__list{
		width: calc(230*(100vw/750));
		height: calc(210*(100vw/750));
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 10px;
	}

	.guide-nav01__list img{
		width: calc(98*(100vw/750));
		margin-bottom: calc(20*(100vw/750));
	}
    .guide-nav01__list p{
        font-size: calc(24*(100vw/750));
    }
    
}

@media screen and (max-width: 480px) {
/*==============================================================================================
 静的ページ共通
==============================================================================================*/
/*ご利用ガイド*/
#guideSection{margin: auto;}
/* #guideSection .breadcrumbs ul li{font-size: calc(20 *(100vw / 750))} */
#guideSection .guideSection p{font-size: calc(30 *(100vw / 750));}
#leftAnchorNav > ol > li > a{
	padding: calc(25 * 100vw / 750) calc(50 * 100vw / 750) calc(25 * 100vw / 750) calc(20 * 100vw / 750);
    font-size: calc(24 * 100vw / 750);
    height: 100%;
}
#leftAnchorNav > ol > li > a > span::before, #leftAnchorNav > ol > li > a > span::after {
    right: calc(15 * 100vw / 750);
}
#leftAnchorNav > ol > li > a::before{content: counter(leftnavnumber)".";width: calc(40 * 100vw / 750);min-width: calc(40 * 100vw / 750);
    width: auto;}
#leftAnchorNav > ol > li.current > a{background: #fff;}
#guideSection .guideSection{
    font-size: calc(30 * 100vw / 750);
    margin-bottom: calc(80 * 100vw / 750);
}
#guideSection .caution{font-size: calc(26 * 100vw / 750);}
#guideSection ol.numList > li .caution{margin-top: calc(20 * 100vw / 750);}
#guideSection .guideSection p{margin-top:calc(30 * 100vw / 750); }
#guideSection ul.circleList{margin: calc(40 * 100vw / 750) auto;}
#guideSection .guideInner{margin-top: calc(60 * 100vw / 750); }
#guideSection ol.numList{margin-top:calc(40 * 100vw / 750); }
#guideSection ol.numList > li{margin-bottom: calc(12 * 100vw / 750);}
#guideSection .contactList > dl:not(:last-child) {
    margin-bottom: calc(20 *(100vw / 750));
}
#guideSection .contactList {
    margin-top: calc(30 *(100vw / 750));
    padding: calc(40 *(100vw / 750));
}
#guideSection .guideInner > dl{margin-top: calc(30 *(100vw / 750));}
#guideSection .guideInner> dl > dt{margin-bottom:calc(20 *(100vw / 750)); }
#guideSection .guideSection > dl{margin-top: calc(40 *(100vw / 750));}
#guideSection .contactList .caution{margin-top: calc(10 *(100vw / 750));}
#guideSection .guideSection > dl > dt{margin-bottom: calc(12 *(100vw / 750));}
#guideSection .circleList .caution{
    margin-top: calc(12 *(100vw / 750));
}
#guideSection ul.circleList > li,#guideSection .caution > li{margin-bottom:calc(12 *(100vw / 750)); }
#guideSection .agreementContents p{
 font-size:    calc(30 *(100vw / 750));
 /* margin-bottom: calc(40 *(100vw / 750)); */
 margin-bottom: calc(60 *(100vw / 750));
}
/*プライバシーポリシー*/
#guideSection.privacypolisy .agreementContents .agreementInner{
    padding: calc(80 *(100vw / 750)) 0 calc(20 *(100vw / 750));
}
#guideSection.privacypolisy .agreementContents .agreementInner:last-child{
    padding: calc(100 *(100vw / 750)) 0 0;
}
/*特商法*/
#guideSection .agreementContents{
    padding-top: calc(60 *(100vw / 750)); 
}
#guideSection.termsofuse .agreementContents .agreementInner{
    padding: 0;
}
#guideSection .termsTabe{font-size:calc(32 *(100vw / 750)); }
#guideSection .termsTabe > dl > dt{
    padding: calc(25 *(100vw / 750)) calc(20 *(100vw / 750));
}
#guideSection .termsTabe > dl > dd{
    padding: calc(35 *(100vw / 750)) calc(20 *(100vw / 750));
}
/**************************************
ご利用ガイド一覧
**************************************/
#guideSection.__guideList{
    margin-top: 0;
}
#guideSection.__guideList .cardUnit-guideList{
    margin:calc(60 *(100vw / 750)) 0 0 0;
}
#guideSection.__guideList .cardUnit-guideList li {
    width: 100%;
    margin: 0 auto calc(30 *(100vw / 750)) ;
}

#guideSection.__guideList .cardUnit-guideList li a{
    padding: calc(40 *(100vw / 750)) 0;
    font-size: calc(36 *(100vw / 750));
}
#guideSection.__guideList .cardUnit-guideList li a span{font-size: calc(28 *(100vw / 750));}


/**************************************
白だしについて 追加
**************************************/

.Shirodashi_block{
    padding: calc(40 *(100vw / 750)) calc(20 *(100vw / 750)) 0;
}

}