@charset "UTF-8";

/*==============================================================================================
 静的ページ共通
==============================================================================================*/
/**************************************
#guideSection
**************************************/
#guideSection{
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding-top: 20px;
    color: #545454;
}
#guideSection .breadcrumbs ul li{display: inline-block;font-size: 11px;}
#guideSection .breadcrumbs ul li:not(:last-child)::after{
	content: '/';
	padding: 0 5px;
}
.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);
    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: 14px;
    margin-bottom: 20px;
    line-height: 1.75;
}

#guideSection.privacypolisy .agreementContents .agreementInner{
    display: block;
    padding: 30px 30px 0 30px;
    border-top: 2px solid #f9f9f9;
}
#guideSection.termsofuse .agreementContents .agreementInner,
#guideSection.company .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;
    line-height: 1.6;
}

#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;}


/**************************************
company
**************************************/
#guideSection.company .section_ttl{
	font-size: 16px;
	margin-bottom: 16px;
}
/*companyTabe*/
#guideSection .companyTabe{
    font-size: 14px;
    line-height: 1.6;
		margin-bottom: 115px;
}
#guideSection .companyTabe:last-of-type{
		margin-bottom: 0;
}

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


#guideSection .companyTabe > 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 .companyTabe > dl > dt{
    display: flex;
    width: 230px;
    padding: 15px 20px;
    background: #f4f4f4;
    align-items: center;
    line-height: 1.5;
}

#guideSection .companyTabe > dl > dd{
    display: block;
    width: 570px;
    padding: 15px 30px;
    line-height: 1.75;
}
#guideSection .companyTabe > dl > dd > a{text-decoration: underline;}


@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,
#guideSection.company .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: 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));
}
/*プライバシーポリシー*/
#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(30 *(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.company .agreementContents{
    padding-top: calc(60 *(100vw / 750)); 
}
#guideSection.company .agreementContents .agreementInner{
    padding: 0;
}
#guideSection .companyTabe{
		font-size:calc(30 *(100vw / 750));
		margin-bottom: calc(100 * (100vw/750));
}
#guideSection .companyTabe:last-of-type{
		margin-bottom: 0;
}
#guideSection.company .section_ttl{font-size:calc(34 *(100vw / 750)); }
#guideSection .companyTabe > dl > dt{
    padding: calc(25 *(100vw / 750)) calc(20 *(100vw / 750));
}
#guideSection .companyTabe > dl > dd{
    padding: calc(35 *(100vw / 750)) calc(20 *(100vw / 750));
}



}