@charset "UTF-8";
/* CSS Document */


/*************************************************************************************************************************
* reset
*************************************************************************************************************************/
html{ height:100%; overflow-y:scroll; }
body{ margin:0; padding:0; font-family:Arial,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; word-break:break-all; -webkit-text-size-adjust:100%; }
img{ width:100%; max-width:100%; height:auto; border:0; font-size:0; line-height:0; vertical-align:bottom; }
form{ margin:0; padding:0; }
p{ margin:0; padding:0; }
a, a:hover{ text-decoration:none; outline:none; }
input, select{ outline:none;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; }
ul, dl, dt, dd{ margin:0; padding:0; }
li, ol{ margin:0; padding:0; list-style:none; }
table{ text-align: left; border:0; border-collapse:collapse; border-spacing:0; }
caption, th{ text-align:left; }
.clear{ clear:both; margin:0; padding:0; font-size:0; line-height:0; }
sup{ font-size:60%; }
header, nav, article, aside, section, footer{ display:block; }
*{ box-sizing:border-box; }


/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
html{ font-size: 14px;  line-height: 1.75; }
body{ padding: 3.57rem 0 0; color: #333; top: 0!important;}
br.tb,
br.tbpc,
br.pc{ display: none;}


/* common */
.db{ display: block!important;}
.dt{ display: table!important; margin:0 auto;}

.redTxt{ color: rgb(227, 58, 0)!important;}
.redTxt a{ color: rgb(227, 58, 0)!important; text-decoration: underline;}

.fontz02{ font-size: 1.1rem!important;}
.fontz03{ font-size: 0.8rem!important;}
.fontz04{ font-size: 0.93rem!important;}

.font10{ font-size: 10px!important;}
.font13{ font-size: 13px!important;}
.font12{ font-size: 12px!important;}
.font16{ font-size: 16px!important;}
.font18{ font-size: 18px!important;}
.font20{ font-size: 20px!important;}

.bold{ font-weight: bold;}
.normal{ font-weight: normal!important;}
.letter-1{ letter-spacing: -1px;}

.mt00{ margin-top:0!important;}
.mt05{ margin-top:5px!important;}
.mt10{ margin-top:10px!important;}
.mt15{ margin-top:15px!important;}
.mt20{ margin-top:20px!important;}
.mt25{ margin-top:25px!important;}
.mt30{ margin-top:30px!important;}
.mt35{ margin-top:35px!important;}
.mt40{ margin-top:40px!important;}
.mt50{ margin-top:50px!important;}
.mt60{ margin-top:60px!important;}
.mt80{ margin-top:80px!important;}

.mb10{ margin-bottom:10px!important;}
.mb30{ margin-bottom:30px!important;}
.mb50{ margin-bottom:50px!important;}

.pt70{ padding-top:70px!important;}
.pb00{ padding-bottom:0!important;}
.pb30{ padding-bottom:30px!important;}

.new a{ position: relative;}
.new a:before{ content: "NEW"; display: block; background: #eb0000; padding: 2px 4px; position: absolute; top: 0; right: 0; font-size: 8px; color: #fff; line-height: 1; border-radius: 2px;}

.center{ text-align: center;}
.left{ text-align: left;}
.borderL{ border-left: #d6d6d6 1px solid; }

/* camp_txt */
.camp_txt{ max-width: 980px; margin: 20px auto 0; padding: 14px; color: #fe4000; font-size: 16px; text-align: center; border: #fe4000 2px solid;}
.camp_txt a { color: #fe4000; text-decoration: underline; }
.camp_txt a:hover{ text-decoration: none;}


/* header
**********************************************************************/
header{ background: #000; width: 100%; height: 3.57rem; position: fixed; top: 0; left: 0; z-index: 100000;}
header .hd_top { display: none; justify-content: space-between; align-items: center; background: #f0f0f0; height: 30px; margin: 0 -10px; padding: 0 10px; font-size: 10px; }
header .hd_top .tit{ font-size: 10px; font-weight: normal; color: #666;}
header .hd_top ul { display: flex; justify-content: flex-end; width: 70%; max-width: 840px; height: 100%; border-right: #c8c8c8 1px solid; }
header .hd_top li { width: 16.66%; position: relative; border-left: #c8c8c8 1px solid; transition: background .3s ease-in-out 0s;}

header .hd_top a { display: block; height: 100%; padding: 7px 10px 0; position: relative; color: #666; text-align: center; z-index: 3; }
header .hd_top a::before { content: ""; display: block; background: #fe4000; width: calc(100% + 2px); height: 2px; position: absolute; top: 0; left: -1px; transform: scale(0,1); transition: .5s; transform-origin: center; }
header .hd_top li.on::before,
header .hd_top li:hover::before { content: ""; display: block; background: #000; width: calc(100% + 2px); height: 100%; position: absolute; top: 0; left: -1px; z-index: 2;}

header .hd_top li.on a,
header .hd_top li:hover a { background: #000; color: #fe4000; }
header .hd_top li.on a::before,
header .hd_top li:hover a::before {  transform: scale(1,1); }
header .hd_top a .blank { background: url("/common/img/icon_blank_gray02.svg") no-repeat right center/8px; padding-right: 12px; }
header .hd_top li.on a .blank,
header .hd_top li:hover a .blank{ background: url("/common/img/icon_blank_orange.svg") no-repeat right center/8px; }

header .hd_btm h1{ width: 200px; margin: 0.8rem 0 0 0.86rem; float: left;}
header .hd_btm h1 a,
header .hd_btm h1 img{ display: block; }

@media print, screen and (max-width:340px){
	header .hd_btm h1{ width: 190px; }
}

/* menuBox */
header .menuBox{ display: none; background: rgba(51,51,51,1); width: 100%; height: 100vh; overflow-y: scroll; position: fixed; top: 0; left: 0; z-index: 1000;}
header .closeBtn{ display: block; background: url("../img/hd_btn_close.png") no-repeat center /contain; width: 50px; height: 50px; position: absolute; top: 16px; right: 14px; }

/* hdBtn */
header .hdBtn{ overflow: hidden;}
header .hdBtn li{ width: 48%; float: left;}
header .hdBtn li:nth-child(2){ float: right;}

header .hdBtn a{ width: auto; height: 40px; font-size: 13px; border-radius: 4px; letter-spacing: 1px;}
header .hdBtn .loginBtn{ background: none; border: #585858 1px solid;}
header .hdBtn .signBtn{ background: #fe4000; color: #fff; border: #fe4000 1px solid;}

/* hdmain */
.hdmain{ background: #3f3f3f; padding: 10px 20px 20px;}
.hdmain nav{ margin: 10px 0 0;}

/* bigMenu */
.hdmain .bigMenu > li{ padding:28px 0 26px; overflow: hidden; border-top: #5b5b5b 1px solid; }
.hdmain .bigMenu > li:first-child{ border-top: none;}
.hdmain .bigMenu > li > a{ display: block; background: none!important; width: 30%; float: left; color: #fff;}

/* smallMenu */
.hdmain .smallMenu{ width: 62%; float: right;}
.hdmain .smallMenu li{ margin:12px 0 0;}
.hdmain .smallMenu li:first-child{ margin:0;}
.hdmain .smallMenu a{ font-size: 13px; color: #bbb; }
@media print, screen and (max-width:340px){
	.hdmain .bigMenu > li > a{ width: 39%;}
	.hdmain .smallMenu{ width: 53%; }
}

/* hdsub */
.hdsub{ padding: 32px 20px 0;}
.hdsub .subMenu{ margin:-4px 0 34px -34px; overflow: hidden;}
.hdsub .subMenu li{ margin:4px 0 0 34px; float: left;}
.hdsub .subMenu a{ font-size: 12px; color: #818181;}

.hdsub .sns{ margin:30px 0 36px;}
.hdsub .sns p{ font-weight: bold; color: #c2c2c2; text-align: center;}

.hdsub .sns ul{ display: table; margin:4px auto 0; overflow: hidden;}
.hdsub .sns li{ float: left;}
.hdsub .sns li:nth-child(2){ margin:0 10px;}
.hdsub .sns a{ display: block; width: 23px;}

/* hdRight */
.hdRight{ height: 100%; overflow: hidden; float: right;}
.hdRight > a{ display: block; width: 3.57rem; height: 100%; padding: 2.14rem 0 0; float: left; position: relative; font-size: 0.71rem; color: #fff; text-align: center;}
.hdRight > a:before{ content: ""; display: block; width: 18px; height: 20px; margin-left: -9px; position: absolute; top: 7px; left: 50%;}

.hdRight .entry{ background: #fe4000;}
.hdRight .entry:before{ background: url("../img/icon_entry.svg") no-repeat center /contain; }
.hdRight .menuBtn::before { background: url("../img/hd_btn_open.png") no-repeat center /300%;}

.hdRight .sns{ display: none;}
.hdRight .sns ul{ display: flex; gap: 14px; margin-right: 30px;}
.hdRight .sns ul li{ width: 26px; height: 26px;}
.hdRight .sns a{ transition: opacity 0.3s ease-in-out 0s;}
.hdRight .sns a:hover{ opacity: .85;}

.hdRight .other{ display: none;}
.hdRight .other{ margin:4px 10px 0 0; overflow: hidden; float: left; }
.hdRight .other li{  float: left; }
.hdRight .other li:first-child{ margin: 0 10px 0 0; }

.hdRight .other li a{ display: block; font-size: 12px; color: #fff; letter-spacing: 0; transition: opacity 0.3s ease-in-out 0s;}
.hdRight .other li a:hover{ opacity:0.7;}
.hdRight .other li a span{ display: inline-block; background: url("../img/arrow02.png") no-repeat left 7px; background-size:4px auto;  padding: 0 0 0 10px; }

/* fixBtn affili */
.fixBtn{ display: none; width: 52px; position: fixed; right: -1px; top: 170px;}
.camPosi .fixBtn{ top: 340px;}

.affiliBtn{ background: url("../img/hd_affiliBtn.png") no-repeat center 10px,#000; background-size: 20px auto; color: #fff; font-size: 10px; line-height: 1.4; text-decoration: none; border: #666 1px solid; border-radius: 4px 0 0 4px;  -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
.affiliBtn:before{ content: ""; display: block; background: url("../img/arrow02.png"); background-size: cover; width: 4px; height: 7px; margin: 0 0 0 -2px; position: absolute; left: 50%; bottom: 9px;}
.affiliBtn span{ display: inline-block; padding: 38px 10px 24px; font-size: 11px;}

.inc-info{ position: relative;}
.inc-info a{ display: block; background: #FF6900; padding: 5px 10px; font-size: 11px; line-height: 1.4; text-align: center; text-decoration: none; transition: background 0.3s ease-in-out 0s;}
.inc-info a:nth-of-type(2){ width: 100%; position: absolute; top: 0; left: 0; }
.inc-info a:hover{ background: #FF7E23;}

.inc-info .txt{ display: block;  margin: 0 auto; color: white; font-family: "Hiragino Sans",sans-serif; font-weight: 700; }
.inc-info .arrow{ background: url("/common/img/arrow07.svg")no-repeat right center /6px auto; display: inline-block; padding-right: 14px; }
.inc-info .arrow.ico-black{ background: url("/common/img/arrow08.svg")no-repeat right center /6px auto; }
.inc-info span:not(.arrow){ display: inline-block; margin: 0 10px 0 4px; }

.inc-info__blue{ background: #005bac!important;}
.inc-info__blue:hover{ background: #0068c6!important;}
.inc-info__blue .yellow{ color: #ffe261!important;}

.inc-info__beige{ background: #FCDABE!important; }
.inc-info__beige:hover{ background: #FFEDDF!important; }
.inc-info__beige .txt{ color: #222;}
.inc-info__beige .red{ color: #DD393C!important;}


@media print, screen and (min-width:641px){
	.inc-info a{ font-size: 13px;}
	.inc-info .txt{ width: 100%; margin: 0 auto;}
	.inc-info span:not(.arrow){ margin: 0 20px 0 12px;}
}
@media only screen and (min-width: 980px){
	.inc-info a{ font-size: 14px!important;}
}


/* h
**********************************************************************/
.conTit{ margin: 0 0 2.86rem; color: #373737; font-size: 2.43rem; font-weight: normal; line-height: 1.4; text-align: center; }
.kasou .conTit,
#info .conTit,
#manual .conTit,
#faq .conTit{ font-size: 2.1rem;}

.kasouTit{ padding: 30px 0.71rem 2.29rem; position: relative; color: #fff; text-align: center; z-index: 10;}
.kasouTit div{ max-width: 1200px; margin: 0 auto;}
.kasouTit div h1{ font-size: 2.5rem; line-height: 1.5; font-weight: normal;}
.kasouTit div h1 span{ display: block; font-size: 1.5rem; }
.kasouTit div p{ margin: 0.71rem 0 0; font-size: 1.14rem;}
.kasouTit div a{ margin: 1.71rem auto 0;}
.inc_campaign{ display: block; width: 100%; max-width: 880px; margin: 0 auto; position: relative; z-index: 22; transition: opacity 0.3s ease-in-out 0s;}
.inc_campaign .pc{ display: none;}
.inc_campaign .sp{ display: block; margin: 0 auto;}
.inc_campaign:hover{ opacity: .8;}

#price .kasouTit{ background: url("/common/img/price/h1_bg.jpg") no-repeat center; background-size: cover;}
#spec .kasouTit{ background: url("/common/img/spec/h1_bg.jpg") no-repeat center; background-size: cover;}
#signup .kasouTit{ background: url("/common/img/signup/h1_bg.jpg") no-repeat center; background-size: cover;}
#link .kasouTit{ background: url("/common/img/link/h1_bg.jpg") no-repeat center; background-size: cover;}
#rule .kasouTit{ background: url("/common/img/rule/h1_bg.jpg") no-repeat center; background-size: cover;}
#info .kasouTit{ background: url("/common/img/info/h1_bg.jpg") no-repeat center; background-size: cover;}
#affiliate .kasouTit{ background: url("/common/img/partner/affiliate/h1_bg.jpg") no-repeat center; background-size: cover;}
#feature .kasouTit{ background: url("/common/img/feature/h1_bg.jpg") no-repeat center; background-size: cover;}
#ssl .kasouTit{ background: url("/common/img/ssl/h1_bg.jpg") no-repeat center; background-size: cover;}
#case .kasouTit{ background: url("/common/img/case/h1_bg.jpg") no-repeat center; background-size: cover;}
#function .kasouTit{ background: url("/common/img/function/h1_bg.jpg") no-repeat center; background-size: cover;}
#domain .kasouTit{ background: url("/common/img/domain/h1_bg.jpg") no-repeat center; background-size: cover;}
#manual .kasouTit{ background: url("/common/img/support/manual/h1_bg.jpg") no-repeat center; background-size: cover;}
#faq .kasouTit{ background: url("/common/img/support/faq/h1_bg.jpg") no-repeat center; background-size: cover;}
#support .kasouTit{ background: url("/common/img/support/h1_bg.jpg") no-repeat center; background-size: cover;}


.subTit{ padding: 0 0 18px; margin: 0 0 26px; position: relative; font-size: 1.5rem; font-weight: normal;  line-height: 1.5; letter-spacing: 1px; }
.subTit:before{ content: ""; display: block; background: #f76a1d; width: 30px; height: 2px; position: absolute; left: 0; bottom: 0;}

.detailTit{ padding: 0.6rem 0 0.6rem 1.57rem; margin: 0 0 1.86rem; position: relative; font-size: 1.5rem; font-weight: normal; color: #000; line-height: 1.5; border-left: #333 3px solid; letter-spacing: 0.1rem;}
.grayTit,
.grayTit02{ background: #f7f7f7; padding: 1.29rem 0.8rem 1.14rem 3.86rem; margin: 0 0 2.14rem; position: relative; font-size: 1.14rem; font-weight: normal; line-height: 1.5; border-bottom: #dbdbdb 1px solid;}
.grayTit.noNum{padding-left: 2rem;}
.grayTit.open{ padding-left: 5.4rem;}

.grayTit02{ padding: 1.29rem 0.8rem 1.14rem 5rem;}
.grayTit04{ background: #b7b5b5; margin: 36px 0 15px; padding: 7px 15px 6px; font-size: 1rem; line-height: 1.5; font-weight: normal; color: #fff;}
.grayTit06{ background: #f6f6f6; margin: 36px 0 15px; padding: 10px 15px; font-size: 1rem; line-height: 1.5; }

.grayTit span,
.grayTit02 span{ display: block; margin: 0 0.71rem 0 0; position: absolute; top: 0.7rem; left: 1.43rem; font-size: 1.79rem; color: #fa4100;}

.smallTit{ padding: 0 0 0.57rem 1.4rem; margin: 0 0 1.14rem; position: relative; font-size: 15px; font-weight: bold; line-height: 1.5; border-bottom: #ccc 1px solid;}
.smallTit:before{ content: "●"; position: absolute; top: 4px; left: 3px; font-size: 9px; color: #CCC;}

.innerTit,
.innerTit01,
.innerTit02{ padding: 50px 0 0 25px; margin: 0 0 -22px; position: relative; font-size: 18px; font-weight: bold; line-height: 1.5;}

.innerTit:before,
.innerTit01:before,
.innerTit02:before{ content: ""; display: block; background: #f76a1d; width: 15px; height: 2px; position: absolute; top: 62px; left: 0; }

.innerTit{ padding: 10px 0 0 25px; margin:0;}
.innerTit:before{ top: 22px;}
.innerTit02{ margin: 0 0 30px; }


/* txt
**********************************************************************/
.mainTxt{ padding: 1.2rem 0.7rem; font-size: 1.07rem; font-weight: bold; color: #e33a00; text-align: center; border: #e33a00 1px solid;}
.leadTxt{ background: rgba(227, 58, 0, 0.07); padding: 20px; font-size: 14px; }
.mainTxt a,
.leadTxt a{ color: #e33a00!important; text-decoration: underline; }

.subTxt a{ color:#333; text-decoration: underline;}
.secTxt{ margin: -16px 0 40px; font-size: 18px; font-weight: bold; text-align: center;}
.secTxt span{ display: block; margin: 2px 0 0; font-size: 14px; font-weight: normal; color: #757575;}


/* btn
**********************************************************************/
.btn01{ display: block; background: #4e4e4e; width: 100%; max-width: 21.42rem; height: 2.86rem; padding: 0.48rem 0 0; margin: 0 auto; font-size: 1.14rem; color: #fff; text-align: center; border: none; border-radius: 0.21rem;}
input.btn01{ width: 100%!important; padding: 0.2rem 0 0;}
.btn03{ display: block; background: #434343; width: 300px; padding: 10px 0; margin: 0 auto; font-size: 16px; color: #fff; text-align: center; border-radius: 4px; }

.orangeBtn{ background: #dd4815;}
.blueBtn{ background: #0066ae;}
.clearBtn{ background: none; border: #fff 1px solid;}

.backBtn{ margin: 2.14rem 0 0; border-top: #dfdfdf 1px solid;}
.backBtn a{ display: inline-block; margin: 1.86rem 0 0; padding: 0 0 0 1rem; position: relative; font-size: 0.93rem; color: #333;}
.backBtn a:before{ content: ""; display: block; background: url("../img/arrow06.png") no-repeat; background-size: cover; width: 0.36rem; height: 0.64rem; position: absolute; top: 0.45rem; left: 0;}

/* arrowLink */
.arrowLink,
.arrowLink02{ display: table; margin: 0.43rem 0 0; padding: 0 0 0 1rem; color: #333;}
.arrowLink{ background:  url("../img/arrow01.png") no-repeat left 7px; background-size: 0.36rem auto;}
.arrowLink02{ background:  url("../img/arrow04.png") no-repeat left 7px; background-size: 0.36rem auto;}
.arrowLink span{ text-decoration: underline;}

/* blank */
.blank span{ padding-right: 20px; position: relative;}
.blank span:before{ content: ""; display: block; background:  url("../img/icon_blank02.png") no-repeat; background-size: cover; width: 10px; height: 9px; position: absolute; bottom: 3px; right: 0;}

.tableBox .arrowLink{ display: inline-block; margin: 0; background:  url("../img/arrow01.png") no-repeat left 5px; background-size: 0.36rem auto;}

.txtLink{ display: table; margin: 0.71rem auto 0; font-size: 0.93rem; color: #333; text-decoration: underline;}
.txtLink02{ color: #333; text-decoration: underline;}

.linkBox{ overflow: hidden; padding: 20px 20px 15px 0; border: 5px #f0f0f0 solid;}
.linkBox li{ margin: 0 0 0 20px; float: left;}
.linkBox li a{ font-size: 14px; color: #333; text-decoration: underline; }
.linkBox li span{ display: inline-block; margin:0 8px 0 0;}

/* social btn */
.shareBox{ max-width: 1220px; margin: 0 auto; text-align: right;}
.shareBox li{ display: inline-block; margin: 0 0 4px 10px; vertical-align: top;}
.shareBox li span{ vertical-align: top!important;}
.shareBox ul >*:first-child +* +* +*{ padding: 0;}
.shareBox .copy{ display: inline-block; background: #115BAC; height: 22px; color: white; line-height: 22px; border-radius: 4px;}
.shareBox .copy:hover{ background: #1069CA; }
.shareBox .copy a{ display: block; padding: 0 10px 0 26px; position: relative; font-size: 11px; color: white;}
.shareBox .copy img{ display: block; width: 13px; position: absolute; top: 4px; left: 8px;}

.topShare{ margin: 0 0 20px;}

/* disabled */
.disabled,
.disabled:hover{ background: #cacaca!important; cursor: default; }


@media print, screen and (max-width:450px){
	.btn01{ max-width: 21.42rem;}
	.shareBox{ text-align: left;}
}


/* attention
**********************************************************************/
.attention,
.attention02,
.attention_red{ display: inline-block; padding: 0 0 0 1rem; position: relative; font-size: 0.93rem; color: #6a6a6a;}
.attention02{ font-size: 1rem!important;}

.attention:before,
.attention02:before,
.attention_red:before{ content: "※"; display: block; position: absolute; top: 0; left: 0;}
.attention_red:before{ color: rgb(227, 58, 0); }

.attention a,
.attList > li a{ color: #6a6a6a; text-decoration: underline;}

/* attNumber */
.attNumber li{ padding: 0 0 0 2rem; position: relative; font-size: 12px;}
.attNumber li:before{ content: "※"; display: block; position: absolute; top: 0; left: 0;}
.attNumber li span{ display:block; position: absolute; top: 0; left: 1rem;}

/* attList */
.attList > li{ padding:0 0 0 1.2em; position: relative; color: #6a6a6a; }
.attList > li:before{ content: "※"; display: block; position: absolute; top: 0; left: 0;}


/* list
**********************************************************************/
.dotList > li{ padding:0 0 0 1.2em; position: relative; }
.dotList > li:before{ content: "・"; display: block; position: absolute; top: 0; left: 0;}


/* breadcrumb
**********************************************************************/
.breadcrumb{ background: #2f2f2f; padding: 0.71rem; color: #bdbdbd;}
.breadcrumb ul{ overflow: hidden;}
.breadcrumb ul li{ padding: 0 0 0 1.29rem; margin:0 0.86rem 0 0; position: relative; float: left; font-size: 11px;}
.breadcrumb ul li:before{ content: ">"; display: block; position: absolute; top: -0.07rem; left: 0;}

.breadcrumb ul li:first-child{ padding: 0;}
.breadcrumb ul li:first-child:before{ display: none; }
.breadcrumb ul li a{ color: #fff;}


/* box
**********************************************************************/
.grayBox{ background: #f7f7f7; padding:20px 20px 30px; }


/* entryBox
**********************************************************************/
.entryBox{ background: url("../img/entryBox_bg.jpg") no-repeat center; background-size: cover; font-weight: normal; color: #fff; text-align: center; letter-spacing: 1px;}
.entryBox > div{ padding:54px 10px 50px;}

.entryBox p{ font-size: 22px; font-weight: normal; }
.entryBox a{ background: #fff; width: 300px; height: 54px; margin:20px auto; padding-top: 11px; font-size: 17px; font-weight: bold; color: #ea4d24; border: #fff 2px solid; box-shadow: 0 30px 30px 0 rgba(128, 50, 16, 0.3);}
.entryBox span{ font-size: 15px; color: #ffece5;}


/* linkContent
**********************************************************************/
.linkContent{ background: url("../img/linkContent_bg.jpg") no-repeat center /cover; padding: 2.86rem 0.71rem; }
.linkContent ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: -1.43rem;}
.linkContent li{ background: #fff; width: 48%; margin: 1.43rem 0 0; overflow: hidden; border-radius: 4px;}

.linkContent li a{ display: block; color: #333;}
.linkContent .imgBox{ height: 8.93rem; overflow: hidden; position: relative; text-align: center;}

.linkContent li:nth-child(1) .imgBox{ background: url("/common/img/linkContent_img01.jpg") no-repeat center /cover;}
.linkContent li:nth-child(2) .imgBox{ background: url("/common/img/linkContent_img02.jpg") no-repeat center /cover;}
.linkContent li:nth-child(3) .imgBox{ background: url("/common/img/linkContent_img03.jpg") no-repeat center /cover;}

.linkContent .imgBox img{ max-width: 100%; height: auto;}
.linkContent .imgBox p{ width: 100px; margin: 0 0 0 -50px; position: absolute; top: 4rem; left: 50%; font-size: 1.07rem; color: #fff; text-align: center;}

.linkContent dl{ padding: 1.14rem 0.71rem; }
.linkContent dl dt{ font-weight: bold; }
.linkContent dl dd{ margin: 0.14rem 0 0; font-size: 0.86rem; color: #6c6d6c;}

.vd_bnr{ background: #F2F4F5; padding: 30px 10px 34px; }
.vd_bnr > span{ display: block; margin-bottom: 8px; color: #035BAB; font-size: 14px; font-weight: bold; text-align: center;}
.vd_bnr > span span{ display: none; }
.vd_bnr img{ display: block; width: 100%; }
.vd_bnr .col02{ display: table; max-width: 1000px; margin: 0 auto; text-align: center; }
.vd_bnr .col02 a{ display: inline-block;}
.vd_bnr .col02 a:first-of-type{ margin-bottom: 4px;}
.vd_bnr a{ display: table; max-width: 480px; margin: 0 auto; transition: opacity 0.3s ease-in-out 0s; }
.vd_bnr a:hover{ opacity: .9; }
@media only screen and (min-width: 640px){
	.vd_bnr > span{ font-size: 16px; }
	.vd_bnr > span span{ display: inline; }
}
@media only screen and (min-width: 980px){
	.vd_bnr .col02 a:first-of-type{ margin-bottom: 0; margin-right: 14px;}
}


/* footer
**********************************************************************/
footer{ background: #000; padding: 0 10px 20px; color: white; font-size: 12px; }
footer a{ color: white;}
.ft_top,
.ft_bottom{ max-width: 1200px; margin: 0 auto;}
footer .blank span{ padding-right: 18px; }
footer .blank span::before{ bottom: 1px;}

footer .sns-area{ display: flex; justify-content: center; align-items: center; gap: 20px; max-width: 1200px; margin: 0 auto; padding: 30px 0; margin-bottom: 40px; border-bottom: white 1px solid; }
footer .sns-area p{ font-size: 16px; font-weight: 600;}
footer .sns-area ul{ display: flex; gap: 16px;}
footer .sns-area ul li{ gap: 16px;}
footer .sns-area a{ display: block; width: 30px; transition: opacity 0.3s ease-in-out 0s;}
footer .sns-area a:hover{ opacity: 0.85;}

/* ft_top */
.ft_top{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.ft_top .logo{ display: block; width: 206px; margin: 0 auto;}
.ft_top .menu_area{ width: 100%; max-width: 900px;}

.ft_top .menu{ display: flex; flex-wrap: wrap; margin: 0 -10px; }
.ft_top .menu > li{ width: 100%;}
.ft_top .menu .tit{ padding: 20px 60px 20px 20px; position: relative; font-size: 14px; font-weight: bold; border-top: #bababa 1px solid; cursor: pointer;}
.ft_top .menu .tit::before{ content: ""; display: block; width: 8px; height: 8px; border-top: white 2px solid; border-right: white 2px solid; position: absolute; right: 20px; margin-top: -6px; top: 50%; -webkit-transform: rotate(135deg); transform: rotate(135deg); transition: all 0.3s ease-in-out 0s;}
.ft_top .menu > li.on .tit::before{ margin-top: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.ft_top .menu .detail{ height: 0; overflow: hidden;}
.ft_top .menu .detail li:last-child{ padding-bottom: 10px;}
.ft_top .menu .detail a{ display: block; padding: 8px 20px 14px; color: #bababa;}

.ft_top .other_area{ width: 100%; margin: 30px auto; }
.ft_top .btn_list{ display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 24px; }
.ft_top .btn_list li{ width: 47%; max-width: 220px;}

.ft_top .btn_list .btn01{ width: 100%; height: auto; padding: 12px 10px; font-size: 14px; font-weight: bold; }
.ft_top .btn_list .login a{ background:url("/common/img/icon_login.svg") no-repeat 20px center /15px 17px, #424242;}
.ft_top .btn_list .entry{ margin-left: 14px; }
.ft_top .btn_list .entry a{ background:url("/common/img/icon_entry.svg") no-repeat 20px center /15px 18px, #fe4000; }

.ft_top .seal { display: flex; justify-content: center; align-items: center; margin: 70px 0 40px; }
.ft_top .seal #csi_siteseal_tag{ display: block; width: 100px; margin-left: 15px;}

/* ft_bottom */
.ft_bottom{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -10px; border-top: #bababa 1px solid; }
.ft_bottom .menu{ width: 100%; display: flex; flex-wrap: wrap; }
.ft_bottom .menu li{ width: 50%; text-align: center; border-bottom: #bababa 1px solid;}
.ft_bottom .menu li a{ display: block; padding: 12px 10px;}
.ft_bottom .menu li:nth-child(even){ border-left: #bababa 1px solid;}

.ft_bottom p{ width: 100%; margin-top: 20px; text-align: center;}
.ft_bottom .page_top{ display: none; background: #424242; width: 40px; height: 40px; overflow: hidden; position: fixed; bottom: 25px; right: 20px; border-radius: 20px; text-indent: 100%; white-space: nowrap; z-index: 100;}
.ft_bottom .page_top:before{ content: ""; display: block; background: url("../img/ft_pagetop.png") no-repeat; background-size: cover; width: 10px; height: 6px; margin: -3px 0 0 -5px; position: absolute; top: 50%; left: 50%; }

.security_ft{ background: white; padding: 0 10px; position: relative; z-index: 1000;}
.security_ft .wrap{ max-width: 1040px; padding: 20px 0 40px; margin: 0 auto; }
.security_ft .security__logo{ display: block; width: 200px; margin: 0 auto 14px; }
.security_ft .seal_gmo{ display: flex; justify-content: center; align-items: center; margin-top: 40px; }
.security_ft #csi_siteseal_tag,
.security_ft #brs_siteseal_tag{ display: block; width: 100px; margin-left: 10px; }
@media print, screen and (min-width:960px){
	.security_ft .security__logo{	margin: 0 0 14px 10px; }
}

.gmo_footer{ position: relative; z-index: 1000; }


/* kasouMenu
**********************************************************************/
.kasouMenu{ padding: 8px 10px 18px; position: relative; z-index: 10;}
.kasouMenu ul{ display: table; width: 100%; max-width: 1200px; margin: 0 0 0 -14px; }
.kasouMenu ul li{ padding: 0 24px; margin: 10px 0 0; float: left; line-height: 1; border-left: #d2d2d2 1px solid;}
.kasouMenu ul li a{ color: #505050; font-size: 13px;}


/* innerBox
**********************************************************************/
.innerBox{ padding: 46px 10px 60px; border-top: #d2d2d2 1px solid;}
.innerBox.b_none{ border-top: none;}
.innerBox > div{ max-width: 1200px; margin: 0 auto;}


/* tableBox
**********************************************************************/
.tableBox{ width: 100%; border: #d6d6d6 1px solid; line-height: 1.5; letter-spacing: 0;}
.tableBox tr{ border-top: #d6d6d6 1px solid;}
.tableBox tr th,
.tableBox tr td{ width: 20%;}
.f_xyz .tableBox td{ width: 26.66%;}

.tableBox thead{ background: #f7f7f7;}
.tableBox thead tr th{ padding: 16px 0 14px; font-size: 16px; font-weight: bold; text-align: center; }
.tableBox thead tr th span{ display: inline-block; padding: 3px 6px; font-size: 10px; font-weight: normal; color: #fff; line-height: 1; vertical-align: top;}

.tableBox tbody tr th,
.tableBox tbody tr td{ padding: 15px 4px 13px; text-align: left; }
.tableBox tbody tr th{ background: #f7f7f7; font-size: 13px; font-weight: bold; }
.tableBox tbody tr td{ text-align: center;}

.tableBox tbody .free td{ font-weight: bold;}
.tableBox .new a:before{ right: -42px; }

.tableBox thead tr .orange,
.tableBox thead tr .blue{ padding: 38px 0 14px; position: relative;}
.tableBox thead tr .orange span,
.tableBox thead tr .blue span{ position: absolute; top: 16px; left: 50%;}

.tableBox thead tr .orange{ color: #dd4815; }
.tableBox thead tr .orange span{ background: #dd4815; margin: 0 0 0 -26px;}
.tableBox tbody tr .orange{ background: #fff7f4;}

.tableBox thead tr .blue{ color: #0066ad; }
.tableBox thead tr .blue span{ background: #0066ad; margin: 0 0 0 -36px;}
.tableBox tbody tr .blue{ background: #f4f7f9;}

/* column02 */
.tableBox .column02 tr th,
.tableBox .column02 tr td{ padding: 15px 10px 13px; }
.tableBox .column02 tr td{ width: 60%;}
.tableBox .column02 tr th{ width: 40%; }

/* column03 */
.tableBox .column03 tr th{ width: 20%; }
.tableBox .column03 tr td{ width: 60%;}

.tableBox .small{ display: inline-block; margin:0 0 0 0.4rem; font-size: 10px; vertical-align: top;}
.tableBox tbody .check{ position: relative; z-index: -1;}
.tableBox tbody .check:before{ content: ""; display: block; background: url("../img/icon_check.png") no-repeat; background-size: 20px auto; width: 20px; height: 20px; margin: 0 0 0 -10px; position: absolute; left: 50%;}

.tableBox tbody .modify{ font-size: 1.14rem; color: #dd4815;}
.tableBox tbody .modify span{ display: block; margin: 0 0 0.14rem; font-size: 0.86rem; color: #333; text-decoration: line-through;}

.tableBox02,
.tableBox03{ width: 100%; border: #d6d6d6 1px solid;}
.tableBox02 tbody tr,
.tableBox03 tbody tr{ font-size: 0.93rem; border-top: #d6d6d6 1px solid;}
.tableBox02 tbody tr:first-of-type,
.tableBox03 tbody tr:first-of-type{ border-top:none;}

.tableBox02 tbody tr th,
.tableBox03 tbody tr th{ background: #f4f4f4;}
.tableBox02 tbody tr th,
.tableBox02 tbody tr td,
.tableBox03 tbody tr th,
.tableBox03 tbody tr td{ height: 2.86rem; padding: 10px 0.9rem 8px;}
.tableBox03 tbody tr td a、.tableBox02 tbody tr td a{ color: #333; text-decoration: underline;}

.tableBox02 tbody tr th{ width: 31.42%;}
.tableBox03 tbody tr th{ width: 15.71%;}
.tableBox03 tbody tr .border{ border-right: #d6d6d6 1px solid;}

/* scroll */
.scroll{ width: 100%; overflow-x: scroll;}
.scroll table{ width: 100%; min-width: 800px;}

.scrollTxt{ display: table; margin: 8px auto 0; padding: 0 20px; position: relative; font-size: 12px; line-height: 1.9; letter-spacing: 0;}
.scrollTxt:before{ content: ""; display: block; background: #222; width: 100%; height: 2px; margin: -1px 0 0; position: absolute; top: 50%; left: 0;}

.scrollTxt span{ display: inline-block; background: #fff; padding: 0 8px; position: relative; }
.scrollTxt span:before,
.scrollTxt span:after{ content: ""; display: block; width: 0; height: 0; position: absolute; top: 6px;  border: 5px solid transparent;}
.scrollTxt span:before{ border-right: 10px solid #222; left: -30px; }
.scrollTxt span:after{ border-left: 10px solid #222; right: -30px;}

@media print, screen and (max-width:550px){
	.tableBox thead tr th{ font-size: 14px;}
}


/* numberList dot
**********************************************************************/
.numberList > li{ padding: 0 0 0 1.4rem; margin: 0.29rem 0 0; position: relative; }
.numberList > li:before{ display: block; position: absolute; top: 0; left: 0;}

.numberList >*:first-child:before{ content: "①"; }
.numberList >*:first-child +*:before{ content: "②"; }
.numberList >*:first-child +* +*:before{ content: "③"; }
.numberList >*:first-child +* +* +*:before{ content: "④"; }
.numberList >*:first-child +* +* +* +*:before{ content: "⑤"; }
.numberList >*:first-child +* +* +* +* +*:before{ content: "⑥"; }
.numberList >*:first-child +* +* +* +* +* +*:before{ content: "⑦"; }
.numberList >*:first-child +* +* +* +* +* +* +*:before{ content: "⑧"; }
.numberList >*:first-child +* +* +* +* +* +* +* +*:before{ content: "⑨"; }
.numberList >*:first-child +* +* +* +* +* +* +* +* +*:before{ content: "⑩"; }

.dot > li{ padding: 0 0 0 1rem; position: relative;}
.dot > li:before{ content: "・"; display: block; position: absolute; top: 0;left: 0;}

.leadList dt,
.leadList02 dt{ margin: 1.79rem 0 0; font-size: 1.1rem; font-weight: bold; color: #717171;}
.leadList02 dt{ font-size: 1rem; color: #333;}

.leadList dt:first-child,
.leadList02 dt:first-child{ margin: 0;}
.leadList dd,
.leadList02 dd{ margin: 0.36rem 0 0;}

.leadList a,
.leadList02 a{ color: #333; text-decoration: underline;}


/* see (manual feq)
**********************************************************************/
#see div .serch{ background: #f6f6f6; padding: 1rem 0.71rem 1.29rem; margin: 0 0 2.43rem; text-align: center;}
#see div .serch p{ font-size: 1.07rem;}

#see div .serch form{ max-width: 600px; margin: 0.57rem auto 0; overflow: hidden;}
#see div .serch form div{ position: relative;}

#see div .serch form div input{ width: 71.67%; max-width: 430px; height: 36px; padding: 0.07rem 0.86rem 0; float: left; font-size: 1rem; border: #333 1px solid; -webkit-appearance:none; cursor: pointer; border-radius: 0;}
#see div .serch form div label{ position: absolute; top: 0.5rem; left: 1rem; font-size: 1rem; color: #b1b1b1; cursor: pointer;}
#see div .serch form a{ display: block; background: #333; width: 25%; max-width: 150px; height: 2.57rem; padding: 0.43rem 0 0 0.71rem; float: right; font-size: 1.07rem; color: #fff; border-radius: 0.29rem; letter-spacing: 8px;}

#see div #seeBox ul{ margin: -0.43rem 0 0; }
#see div #seeBox ul li a{ display: block; padding: 0.86rem 0 0.86rem 2.57rem; position: relative; color: #333; border-bottom: #817f7f 1px dotted;}
#see div #seeBox ul li a:before{ content: ""; display: block; background: url("../img/icon_book.png") no-repeat; background-size:1.29rem auto; width: 1.29rem; height: 1.14rem; position: absolute; top: 1.14rem; left: 0.43rem;}


/* aside & menuContent
**********************************************************************/
.menuContent div .content h3{ margin: 2.14rem 0 0; padding: 0 0 .71rem; position: relative; font-size: 1.21rem; font-weight: normal; line-height: 1.5; border-bottom: #e6e6e6 2px solid;}
.menuContent div .content h3 a{ color: #333; }
.menuContent div .content h3:before{ content: ""; display: block; background: #e33a00; width: 80px; height: 2px; position: absolute; bottom: -2px; left: 0;}

.menuContent div .content div{ margin: 1.14rem 0 0;}

.menuContent div .tit,
.category div .tit{ background: url("../img/icon_file.png") no-repeat left 0.29rem; background-size: 16px auto; margin: 1.43rem 0 0.49rem; padding: 0 0 0 1.57rem; font-size: 0.93rem; color: #616161;}
.menuContent div .tit:first-child,
.category div .tit:first-child{ margin: 0 0 0.29rem;}

.menuContent div .content div .fileList{ margin: 0 0 0 1.71rem;}
.menuContent div .content div ul li{ margin: 0.41rem 0 0;}
.menuContent div .content div ul li:first-child{ margin: 0;}

.menuContent div .content div ul li a{ display: block; background: url("../img/arrow01.png") no-repeat 0.14rem 0.48rem; background-size: 5px auto; padding: 0 0 0 1rem; color: #333;}

.category{ margin: 3.57rem 0 0;}
.category form{ overflow: hidden; padding: 0 0 1.79rem; border-bottom: #dcdcdc 1px solid;}
.category form div{ position: relative;}

.category form div input{ width: 12.14rem; height: 1.86rem; padding: 0 0.57rem; float: left; font-size: 0.86rem; border: #333 1px solid; -webkit-appearance:none;  cursor: pointer; border-radius: 0;}
.category form div label{ position: absolute; top: 0.2rem; left: 0.57rem; font-size: 0.86rem; color: #bababa; cursor: pointer;}

.category form a{ display: block; background: #333; width: 2.14rem; height: 1.86rem; float: left; overflow: hidden; position: relative; text-indent: 100%; white-space: nowrap;}
.category form a:before{ content: ""; display: block; background: url("../img/icon_serch.png") no-repeat; background-size: contain; width: 1.14rem; height: 1.14rem; margin: 0 0 0 -0.57rem; position: absolute; top: 0.29rem; left: 50%; }

.category .sideMenu{ margin: -1.43rem 0 0;}
.category .sideMenu > li > a{ display: inline-block; background: url("../img/arrow04.png") no-repeat 0.29rem 0.5rem; background-size: 5px auto; padding: 0 0 0 1.29rem; margin: 1.14rem 0 0; color: #333;}
.category .sideMenu > li:first-child > a{ margin: 1.43rem 0 0;}
.category .sideMenu > li > a.on{ background: url("../img/arrow05.png") no-repeat 0.1rem 0.71rem; background-size: 9px auto;}

.category .innerMenu{ height: 0; overflow: hidden; }
.manuTop .category .sideMenu > li:first-child .innerMenu{ height: auto;}

.category .innerMenu div{ margin: 0.6rem 0 0 1rem;}
.category .innerMenu div .tit{ margin: 1.14rem 0 2px;}
.category .innerMenu div .tit:first-child{ margin:0 0 2px;}

.category .innerMenu div .fileList{ margin: 0 0 0 1rem;}

.category .innerMenu div ul li{ margin: 0.36rem 0 0;}
.category .innerMenu div ul li:first-child{ margin: 0;}
.category .innerMenu div ul li a{ display: block; background: url("../img/arrow01.png") no-repeat left 0.45rem; background-size: 5px auto; padding: 0 0 0 0.86rem; font-size: 0.86rem; color: #888;}

.detailBox{ margin: -6.7rem 0 0; padding: 6.86rem 0 0; }
.detailBox > div > p a{ color: #333; text-decoration: underline;}


/* readBox
**********************************************************************/
.readBox{ background: #f7f7f7; margin: 2.43rem 0 0; padding: 0.71rem 0.71rem 1.2rem; }
.readBox dt{ padding: 0 0 0.43rem; font-weight: bold; border-bottom: #bebebe 1px dotted;}
.readBox dd{ margin: 1rem 0 0;}

.readBox dd p{ font-size: 0.86rem;}
.readBox dd p span{ font-weight: bold;}

.readBox a{ font-size: 0.86rem; color: #00b0d0; text-decoration: underline;}
.readBox > p{ font-size: 0.86rem;}

.brList li{ position: relative; }
.brList .br04{ padding: 0 0 0 4.2rem;}
.brList .br05{ padding: 0 0 0 5.2rem;}
.brList li span{ display:block; position: absolute; top: 0; left: 0;}


/* floatBox
**********************************************************************/
.floatBox div{ margin: 2.14rem 0 0; }
.floatBox div p{ letter-spacing: 0.1rem;}
.floatBox div a{ color: #333; }
.floatBox img{ display: block; width: 350px; margin: 0 auto; }


/* flowBox
**********************************************************************/
.flowBox > li{ margin: 2.29rem 0 0;}


/* relation
**********************************************************************/
.relation{ margin: 3.93rem 0 0;}
.relation > p{ background: #f3f3f3; padding: 0.57rem 1.07rem; font-size: 0.93rem; font-weight: bold; }

.relation ul{ margin: 1.71rem 0 0;}
.relation ul li{ background: url("../img/arrow01.png") no-repeat 0.43rem 0.43rem; background-size: 5px auto; padding: 0 0 0 1.43rem; margin: 0.57rem 0 0;}
.relation ul li:first-child{ margin: 0;}
.relation ul li a{ color: #333; letter-spacing: 0.11rem;}


/* trial
**********************************************************************/
.trial{ margin: 2.14rem 0 0; padding: 1.43rem 0.71rem 1.71rem; position: relative; border: #dd4815 2px solid;}
.trial p{ font-size: 18px; color: #dd4815; text-align: center; }
.trial a{ background: #dd4815; display: block; width: 13.57rem; height: 2.43rem; padding: 0.48rem 0 0 2.43rem; margin: 0.71rem auto 0;; position: relative; font-size: 0.93rem; color: #fff; border-radius: 0.29rem;}
.trial a:before{ content: ""; display: block; background: url("../img/icon_deta.png") no-repeat; background-size: 13px auto; width: 0.93rem; height: 1.14rem; position: absolute; top: 0.71rem; left: 0.86rem;}


/* form type
**********************************************************************/
.type{ background: #fafafa; max-width: 400px; margin: 0 auto; padding: 30px; border: #bababa 1px solid; border-radius: 3px;}
.type h1{ font-size: 21px; font-weight: normal; line-height: 1.5; text-align: center; letter-spacing: 2px;}
.type > p{ margin: 20px 0 0; color: #6a6a6a;}

.type form dl dt{ margin: 20px 0 4px; font-size: 13px; font-weight: bold; color: #000;}
.type form dl dd input,
.type form dl .selectBox select{ width: 100%; height: 34px;  padding: 0 10px; font-size: 13px; -webkit-appearance:none;}
.type form dl dd input,
.type form dl .selectBox{ border: #bababa 1px solid; border-radius: 4px;}

.type form dl .selectBox{ background: url("../img/select_btn.png") no-repeat right center, url("../img/select_bg.png") no-repeat; overflow: hidden;}
.type form dl .selectBox select{ width: 110%; background: none; border: none; cursor: pointer;}
.type form > a{ background: #333; width: auto; height: 3.21rem; padding: 0.7rem 0 0; margin: 30px 0 0;}


/* openFaq
**********************************************************************/
.openFaq{ border-bottom: #dcdcdc 1px dotted;}
.openFaq > li{ border-top: #dcdcdc 1px dotted;}

.openFaq li .question{ display: block; padding: 1.29rem 0.71rem 1.14rem 3.14rem; position: relative; font-size: 1.07rem; font-weight: bold; color: #333; }
.openFaq li .question span,
.answer > div > span,
.answer > p span{ display: block; width: 2rem; height: 2rem; padding: 0.18rem 0 0; position: absolute; left: 0; font-size: 1rem; font-weight: normal; color: #fff; text-align: center; border-radius: 1.14rem; letter-spacing: 0;}

.openFaq li .question span{ background: #333; top: 1.14rem; }
.openFaq li .detail{ height: 0; overflow: hidden; }

.answer{ padding: 0 0 5.71rem; position: relative;}
.answer > div,
.answer > p{ padding: 0.29rem 0 0 3.14rem; position: relative;}
.answer > div > span,
.answer > p span{ background: #e33a00; padding: 0.14rem 0 0; top: 0; }

.answer a{ color: #333; text-decoration: underline;}
.answer .detailBtn{ display: block; padding: 0 0 0 1rem; position: absolute; right: 0; bottom: 1.79rem; font-size: 0.93rem; color: #333; text-decoration: none; }
.answer .detailBtn:before{ content: ""; display: block; background: url("../img/arrow01.png") no-repeat; background-size: cover; width: 0.36rem; height: 0.64rem; position: absolute; top: 0.36rem; left: 0;}


/* sideBnr
**********************************************************************/
.sideBnr li{ width: 200px; margin: 1.29rem 0 0;}
.sideBnr li:first-child{ margin: 0;}
.sideBnr li a{ display: block; font-size: 0.86rem; color: #333; text-decoration: underline; text-align: center;}
.sideBnr li a p{ margin: 0.14rem 0 0; letter-spacing: 0;}


/* useList
**********************************************************************/
.useList ul li{ background: #fff; max-width: 376px; margin: 22px auto 0; border: #e4e4e4 1px solid;}
.useList ul li a{ display: block; color: #333;}

.useList ul li a .txt{ padding: 16px;}
.useList ul li a .txt h3{ font-size: 16px; line-height: 1.7; letter-spacing: 0;}
.useList ul li a .txt h3 span{ margin: 0 0 0 14px;}

.useList ul li a .txt p{ display: table; margin: 6px 0 0; position: relative; font-size: 12px; color: #999;}
.useList ul li a .txt p:before{ content: "";  display: block; background: url("../img/icon_blank.png") no-repeat; background-size: contain; width: 10px; height: 9px; position: absolute; top: 6px; right: -16px; }

@media print, screen and (max-width:400px){
	.useList ul li a .txt h3{ font-size: 14px; }
}


/* plan
**********************************************************************/
.planDetail{ margin: 0.83rem 0 0; overflow: hidden; font-size: 13px;}
.planDetail dt,
.planDetail dd{ padding: 9px 0 6px; border-bottom: #ddd 1px dotted;}

.planDetail dt{ width: 55%; float: left; color: #6e6c6c; text-align: left; }
.planDetail dd{ width: 45%; float: right; font-weight: bold; text-align: right; }
.planDetail dd span{ font-size: 0.79rem;}

.planDetail > li{ padding: 7px 0; border-bottom: #ddd 1px dotted; text-align: center; letter-spacing: 0; }

.corePlan{ display: flex; justify-content: space-between; min-width: 980px;}
.corePlan > li{ width: 24.25%; }

.planBox{ text-align: center;}
.planBox > dt{ font-size: 2rem;}
.planBox > dt span{ display: block; width: 8.86rem; height: 1.57rem; margin: 0 auto 0.57rem; padding: 0.29rem 0 0; font-size: 0.86rem; color: #999; line-height: 1; border: #999 1px solid; letter-spacing: 0;}

.planBox > dd .price{ font-size: 0.86rem; color: #777373; letter-spacing: 2px;}
.planBox > dd .price .big{ display: inline-block; margin: 0 4px 0 2px; font-size: 1.43rem; color: #000; letter-spacing: 0; }

.planBox > dd a{ margin: 1.14rem auto 0;}
.planBox > dd .txt{ margin: 1.43rem 0 0; font-size: 13px; color: #7d7d7d; letter-spacing: 0;}

.planBox > dd .txt .size{display: block; margin: 0 0 0.71rem; font-size: 1rem; color: #000;}
.planBox > dd .txt .size span{ margin: 0 0.43rem 0 0.86rem;}

@media print, screen and (min-width:520px){
	.ft_bnr{ width: 500px;}
}


/* movie
**********************************************************************/
.movieCont{ text-align: center;}
.movieCont iframe{ max-width: 640px;}
.movieCont p{ margin:16px 0 18px; font-size: 16px; font-weight: bold;}

.movieCont .attList li{ display: table; margin: 0 auto;}
.movieCont .attList li,
.movieCont .attList li a{ font-size: 13px; color: #888;}


/* fade_menu
**********************************************************************/
.fade_menu{ display: table; width: 258px; padding:4px; margin:0 auto; position: relative; border: #dadada 1px solid; border-radius: 25px;}
.fade_menu li{ width: 50%; float: left; position: relative; z-index: 2;}
.fade_menu a{ display: block; padding:9px 0 7px; font-size: 15px; color: #888; text-align: center; border-radius: 25px; transition: color 0.3s ease-in-out 0s;}
.fade_menu a.on{ color: #26292c;}
.fade_menu span{ display: block; background: #fff; width: 129px; height: 42px; position: absolute; top: 4px; left: 4px; color: #26292c; border-radius: 25px; box-shadow: 0 5px 20px 0 rgba(61, 61, 62, 0.15),0 30px 50px 0 rgba(92, 95, 101, 0.28);}

.kasou .fade_menu{ margin: -10px auto 30px;}
.kasou .fade_menu a{ font-size: 13px;}
.kasou .fade_menu span{ height: 38px; }


/* fix-bnr
**********************************************************************/
.fix-bnr{ width: 205px; position: fixed;	right: 40px; bottom: 100px; z-index: 100;}
.fix-bnr .bnr .sp{display: none;}
.fix-bnr a{ display: block;}
.fix-bnr .close{ 	width: 30px; position: absolute; top: -14px; right: -14px; z-index: 2;}
.fix-bnr .bnr{ box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15); transition: opacity 0.3s ease-in-out 0s;}
.fix-bnr .bnr:hover{ opacity: .9;}
@media print, screen and (max-width:1200px){
	.fix-bnr{ display: none;}
}
@media print, screen and (max-width:641px){
	.fix-bnr{ width: 170px; bottom: 16px; right: 20px;}
	.fix-bnr .bnr .sp{ display: block;}
	.fix-bnr .bnr .pc{ display: none;}
}


/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:641px){
	html{ font-size: 15px;}
	br.sp{ display: none;}
	br.tb,
	br.tbpc{ display: block;}


	/* h
	**********************************************************************/
	.conTit02{ text-align: left;}
	.kasouTit{ padding-top: 60px; }
	.inc_campaign{ margin: 10px auto -50px; padding: 0 10px; }
	.inc_campaign .pc{ display: block;}
	.inc_campaign .sp{ display: none;}


	/* txt
	**********************************************************************/
	.secTxt{ font-size: 22px; }
	.secTxt span{ font-size: 16px; }


	/* btn
	**********************************************************************/
	.backBtn a:before{ top: 0.5rem;}


	/* entryBox
	**********************************************************************/
	.entryBox p{ font-size: 28px;}


	/* linkContent
	**********************************************************************/
	.linkContent ul{ margin-top: 0;}
	.linkContent li{ width: 32%; margin-top: 0; }
	.linkContent .imgBox{ height: 8.93rem; }
	.linkContent dl{ min-height: 107px;}


	/* tableBox
	**********************************************************************/
	.tableBox tbody tr th,
	.tableBox tbody tr td{ padding: 15px 10px 13px; }


	/* see (manual feq)
	**********************************************************************/
	#see div .serch form div label{ top: 6px;}
	#see div .serch form a{ padding: 6px 0 0 14px; position: relative;}
	#see div .serch form a:before{ content: ""; display: block; background: url("../img/icon_serch.png") no-repeat; background-size: 18px auto; width: 18px; height: 18px; margin: -9px 0 0; position: absolute; top: 50%; left: 12px;}


	/* aside & menuContent
	**********************************************************************/
	.menuContent > div{ overflow: hidden;}
	.menuContent div .content{ width: 48%; float: left;}
	.menuContent div .content:first-child{ margin: 0 4% 0 0;}

	.category form div label{ top: 4px;}


	/* relation&trial
	**********************************************************************/
	.relation ul li{ background: url("../img/arrow01.png") no-repeat 0.43rem 0.48rem; background-size: 5px auto; }
	.trial a{ padding: 0.45rem 0 0 2.43rem; }


	/* useList
	**********************************************************************/
	.useList{ display: table; margin: 0 auto;}
	.useList ul{ margin: 0 0 0 -4%!important; overflow: hidden;}
	.useList ul li{ max-width: none; width: 46%; margin: 40px 0 0 4%; float: left;}


	/* corePlan,planBox
	**********************************************************************/
	.planBox > dt span {padding: 0.4rem 0 0;}
	.planBox > dd .txt{ text-align: left;}
	.planBox .btn01{ width: 100%;}


	/* fade_menu
	**********************************************************************/
	.kasou .fade_menu{ margin: -10px auto 40px;}
	.fade_menu a:hover{ color: #26292c;}
}

@media print, screen and (min-width:680px){
	.floatBox{ overflow: hidden;}
	.floatBox img{ width: 39.32%; max-width: 350px; float: left;}
	.floatBox > div{ width: 60.68%; margin: 0; padding: 0 0 0 2.25%; float: left;}
}

@media print, screen and (min-width:768px){
	body{ padding-top: 82px; }
	header,
	header .menuBox{ top: 29px;}

	.detailBox{ margin: -137px 0 0; padding: 137px 0 0; }
	.scrollTxt{ display: none;}
}


/*************************************************************************************************************************
* 960px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:960px){
	body{ padding: 119px 0 0;}
	html{ font-size: 15px;}
	br.tb,
	br.sptb{ display: none;}
	br.pc{ display: block;}

	/* hover */
	.opHover{ transition: opacity 0.3s ease-in-out 0s; }
	.opHover:hover{ opacity:0.8;}


	/* header
	**********************************************************************/
	header{ height: auto; padding: 0 10px;}

	header .hd_top{ display: flex; overflow: hidden; transition: all .3s ease-in-out 0s;}
	header.on .hd_top{ height: 0;}
	header .hd_btm > div{ max-width: 1200px; margin: 0 auto;}
	header .hd_btm h1{ margin: 20px 0 0;}

	/* menuBox */
	header .menuBox{ display: block!important; background: none; width: auto; height: auto; float: left; overflow: inherit; position: static;}
	header .menuBtn,
	header .menuBox .closeBtn{ display: none; }

	/* hdBtn */
	header .hdBtn,
	.hdsub{ display: none;}

	/* hdmain */
	.hdmain{ background: none; padding: 0;}
	.hdmain nav{ margin: 0 0 0 14px; }

	.hdmain .bigMenu > li{ max-width: 160px; padding:0; float: left; overflow: inherit; position: relative; line-height: 1; border-top: none;}
	.hdmain .bigMenu .top{ display: none;}
	.hdmain .bigMenu > li > a{ width: 100%; height: 60px; padding: 26px 6px 0; float: none; font-size: 12px; letter-spacing: 0; transition: background 0.3s ease-in-out 0s;}
	.hdmain .bigMenu > li.on > a,
	.hdmain .bigMenu > li > a:hover{ background: #403f3f!important;}

	/* smallMenu */
	.hdmain .smallMenu{ display: none; background: #403f3f; min-width: 200px; position: absolute; left: 0; top: 60px; float: none; box-shadow: 0 7px 15px 0 rgba(0,0,0,0.2);}
	.hdmain .smallMenu li{ margin:0;}
	.hdmain .smallMenu li a{ display: block; padding:17px 14px 15px; color: #fff; font-size: 13px; transition: background 0.3s ease-in-out 0s;}
	.hdmain .smallMenu li a:hover{ background: #ff4000;}

	/* hdRight */
	.hdRight{ display: flex; padding: 16px 0 0 10px;}
	.hdRight .entry{  width: 100px; height: 26px; padding: 3px 0 0 12px; font-size: 12px; border-radius: 2px; -webkit-transition: background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s;}
	.hdRight .entry:hover{ background: #ff4a15; }
	.hdRight .entry:before{ width: 12px; height: 16px; margin: 0; top: 5px; left: 9px;}
	.hdRight .sns{ display: block;}
	.hdRight .other{ display: block;}

	/* fixBtn affili */
	.fixBtn{ display: block; transition: opacity 0.3s ease-in-out 0s;}
	.fixBtn:hover{ opacity: 0.8;}

	.affiliBtn{ transition: background 0.3s ease-in-out 0s;}
	.affiliBtn:hover{ background: url("../img/hd_affiliBtn.png") no-repeat center 10px,#4B4B4B; background-size: 20px auto; opacity: 1; }


	/* h
	**********************************************************************/
	.conTit{ font-size: 38px!important; margin: 0 0 60px; }
	#top .conTit{ margin: 0 0 70px;}

	.kasouTit{padding: 70px 14px 40px; text-align: left;}
	.kasouTit div h1{ font-size: 36px; }
	.kasouTit div h1 span{ display: inline-block; margin: 0 0 0 16px; padding: 12px 0 0; vertical-align: top;}
	.kasouTit div p{ min-height: 34px; font-size: 15px;}
	.kasouTit div a{ width: 246px; margin: 24px 0 0;}
	.inc_campaign{ margin: 15px auto -58px; padding: 0; }

	.miniTit{ height: 180px; padding: 40px 14px;}
	.subTit{ margin: 0 0 38px; font-size: 22px;}

	.detailTit{ font-size: 22px; }
	.grayTit,
	.grayTit02{ font-size: 17px;}


	/* txt
	**********************************************************************/
	.mainTxt{ font-size: 15px;}
	.mainTxt a:hover,
	.leadTxt a:hover,
	.subTxt a:hover{ text-decoration: none;}


	/* btn
	**********************************************************************/
	.btn01{ padding: 0.5rem 0 0; font-size: 16px;}
	.btn01,
	.btn03,
	.orangeBtn,
	.blueBtn{ -webkit-transition: background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s; }

	.btn01:hover{ background: #6E6D6D;}
	.btn03:hover{ background: #6b6b6b;}

	.orangeBtn:hover{ background: #DD6D15;}
	.blueBtn:hover{ background: #0c91cf;}
	.clearBtn:hover{ background: #fff; color: #dd4815; font-weight: bold;}

	.backBtn{ margin: 40px 0 0; }
	.backBtn a{ margin: 36px 0 0; }
	.backBtn a:before{ top: 6px;}
	.backBtn a:hover{ text-decoration: underline}

	.txtLink02:hover,
	.arrowLink:hover span,
	.linkBox li a:hover,
	.attention a:hover,
	.attList > li a:hover{ text-decoration: none;}

	/* social btn */
	.topShare{ margin: 0 0 40px;}


	/* breadcrumb
	**********************************************************************/
	.breadcrumb ul{ max-width: 1200px; margin: 0 auto;}
	.breadcrumb ul li a:hover{ text-decoration: underline;}


	/* box
	**********************************************************************/
	.grayBox{ padding: 30px 34px 40px;}


	/* entryBox
	**********************************************************************/
	.entryBox a:hover{ background: #ea4d24; color: #fff; font-weight: bold; }


	/* linkContent
	**********************************************************************/
	.linkContent{ padding: 80px 10px;}
	.linkContent ul{ max-width: 1000px; margin: 0 auto; }
	.linkContent li{ width: 30.6%;}

	.linkContent .imgBox{ transition: all 0.3s ease-in-out 0s;}
	.linkContent a:hover .imgBox{ transform: scale(1.2,1.2);}
	.linkContent dl{ background: white; padding: 1.14rem 2.14rem; position: relative;}


	/* footer
	**********************************************************************/
	footer{ padding: 0 10px 40px; }

	footer .sns-area{ gap: 28px; padding: 40px 0; margin-bottom: 80px; }
	footer .sns-area p{ font-size: 18px; }
	footer .sns-area a{ width: 35px; }

	/* ft_top */
	.ft_top{ flex-direction: row-reverse; position: relative;}
	.ft_top .logo{ position: absolute; top: 0; left: 0;}
	.ft_top .menu_area{ width: 75%; padding-top: 75px; }

	.ft_top .menu{ margin: 0; position: relative;}
	.ft_top .menu > li{ width: 25%; padding-right: 20px; }
	.ft_top .menu .price{ position: absolute; left: 0; top: 128px;}
	.ft_top .menu .security{ position: absolute; left: 50%; top: 110px; margin-left: -25%;}
	.ft_top .menu a:hover,
	.ft_bottom .menu a:hover{ text-decoration: underline;}

	.ft_top .menu .tit{ margin-bottom: 14px; padding: 0; font-size: 12px; border-top: none; }
	.ft_top .menu .tit:not(:first-of-type){ margin-top: 26px;}
	.ft_top .menu .tit::before{ display: none;}

	.ft_top .menu .detail{ height: auto!important; }
	.ft_top .menu .detail li:not(:first-child){ margin-top: 4px;}
	.ft_top .menu .detail a{ padding: 0;}

	.ft_top .other_area{ width: 220px; margin: 0; }
	.ft_top .btn_list{ margin: 0;}
	.ft_top .btn_list li{ width: 100%;}
	.ft_top .btn_list .login a:hover{ background-color: #515151;}
	.ft_top .btn_list .entry{ margin: 16px 0 38px; }
	.ft_top .btn_list .entry a:hover{ background-color: #fe5a00;}

	.ft_top .seal { justify-content: flex-end; margin: 60px 0 0; }

	/* ft_bottom */
	.ft_bottom{ align-items: center; padding-top: 40px; margin: 64px auto 0; border-top: white 1px solid; }
	.ft_bottom .menu{ width: auto; margin-left: 0;}
	.ft_bottom .menu li{ width: auto; border-bottom: none;}
	.ft_bottom .menu li a{ padding: 0;}
	.ft_bottom .menu li:not(:first-child){ margin-left: 20px;}
	.ft_bottom .menu li:nth-child(even){ border-left:none; }
	.ft_bottom p{ width: auto; margin-top: 0; }

	.ftBottom .pageTop{ -webkit-transition: background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s;}
	.ftBottom .pageTop:hover{ background: #6b6b6b;}


	/* kasouMenu
	**********************************************************************/
	.kasouMenu{ padding: 6px 10px 22px;}
	.kasouMenu ul li{ padding: 0 24px; margin: 18px 0 0; }
	.kasouMenu ul li a{ -webkit-transition: color 0.3s ease-in-out 0s; transition: color 0.3s ease-in-out 0s;}
	.kasouMenu ul li a:hover{ color: #dd4815; text-decoration: underline;}


	/* innerBox
	**********************************************************************/
	.innerBox{ padding: 68px 10px 80px; }


	/* tableBox
	**********************************************************************/
	.tableBox thead tr th{  font-size: 18px}
	.tableBox tbody tr th,
	.tableBox tbody tr td{ padding: 16px 12px 13px; }
	.tableBox tbody tr td a:hover{ text-decoration: none;}

	/* column02 */
	.tableBox .column02 tr th{ width: 30%;}
	.tableBox .column02 tr td{ width: 70%;}

	/* column03 */
	.tableBox .column03 tr th{ width: 15%;}
	.tableBox .column03 tr td{ width: 70%;}

	.tableBox thead tr .orange,
	.tableBox thead tr .blue{ padding: 16px 0 14px;}
	.tableBox thead tr .orange span,
	.tableBox thead tr .blue span{ position: static; margin: 5px 0 0 10px;}


	/* numberList
	**********************************************************************/
	.numberList > li{ padding: 0 0 0 1.4rem; margin: 4px 0 0; position: relative; }
	.numberList > li:before{ display: block; position: absolute; top: 0; left: 0;}

	.leadList a:hover,
	.leadList02 a:hover{text-decoration: none;}


	/* see (manual feq)
	**********************************************************************/
	#see div .serch{ padding: 20px 10px 24px; margin: 0 0 70px; }
	#see div .serch p{ font-size: 16px;}

	#see div .serch form div input{ height: 43px; -webkit-transition: border 0.3s ease-in-out 0s; transition: border 0.3s ease-in-out 0s;}
	#see div .serch form div label{ top: 10px; left: 14px; font-size: 15px;}
	#see div .serch form a{ height: 43px; padding: 8px 0 0 14px; font-size: 16px; -webkit-transition: background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s;}

	#see div .serch form input:hover{ border: #6E6D6D 1px solid;}
	#see div .serch form a:hover{ background: #6E6D6D;}

	#see div #seeBox ul{ overflow: hidden;}
	#see div #seeBox ul li{ width: 48%; float: left;}
	#see div #seeBox ul li:nth-child(even){ float: right;}

	#see div #seeBox ul li a{ -webkit-transition: background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s;}
	#see div #seeBox ul li a:hover{ background: #f2f2f2; }


	/* aside & menuContent
	**********************************************************************/
	.menuContent{ margin: 70px 0 0; overflow: hidden;}
	.menuContent > div{ width: 80.83%; margin: -60px 0 -32768px; padding: 0 0 32768px 50px; float: right; border-left: #dfdfdf 1px solid;}

	.menuContent div .content h3{ margin: 60px 0 0; }
	.menuContent div .content h3 a{ transition: color 0.3s ease-in-out 0s;}
	.menuContent div .content h3 a:hover{ color: #e33a00; }

	.detailBox{ margin: -156px 0 0; padding: 156px 0 0; overflow: hidden;}
	.detailBox > div{ width: 80.83%; max-width: 960px; padding: 0 0 0 59px; float: right; border-left: #dfdfdf 1px solid; }
	.detailBox > div > p a:hover{ text-decoration: none;}

	.category{ width: 18%; padding: 2px 0 0 0; margin: 0; float: left; }
	.category form div input{ width: 85%; transition: border 0.3s ease-in-out 0s;}
	.category form div label{ top: 3px; }

	.category form a{ width: 15%; -webkit-transition: background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s;}
	.category form:hover input{ border: #6E6D6D 1px solid;}
	.category form:hover a{ background: #6E6D6D;}

	.menuContent div .content div ul li a:hover,
	.category .sideMenu > li > a:hover,
	.category .innerMenu div ul li a:hover{ text-decoration: underline;}


	/* readBox
	**********************************************************************/
	.readBox{ margin: 32px 0 0; padding: 20px; }
	.readBox dt{ padding: 0 0 0.43rem; font-weight: bold; border-bottom: #bebebe 1px dotted;}
	.readBox dd p{ font-size: 0.86rem;}


	/* flowBox
	**********************************************************************/
	.flowBox > li{ margin: 34px 0 0;}


	/* relation&traial
	**********************************************************************/
	.relation{ margin: 80px 0 0;}
	.relation ul li a:hover{ text-decoration: underline;}

	.trial{ margin: 48px 0 0; }
	.trial a{ padding: 0.45rem 0 0 2.43rem; -webkit-transition: background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s; }
	.trial a:hover{ background: #DD6D15; }


	/* openFaq
	**********************************************************************/
	.openFaq li .question{ padding:  24px 10px 24px 50px; -webkit-transition: background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s;}
	.openFaq li .question:hover{ background: #f2f2f2;}

	.openFaq li .question span,
	.answer > div > span,
	.answer > p span{ width: 32px; height: 32px; font-size: 15px; left: 4px;}
	.openFaq li .question span{ padding: 4px 0 0; top: 20px; }

	.answer > div,
	.answer > p{ padding: 10px 0 0 50px; }
	.answer > div > span,
	.answer > p span{ padding: 4px 0 0; top: 4px; }

	.answer a:hover{ text-decoration: none;}
	.answer .detailBtn:hover{ text-decoration: underline;}


	/* sideBnr
	**********************************************************************/
	.sideBnr li{ width: auto;}
	.sideBnr li a:hover{ text-decoration: none;}
	.sideBnr li a:hover img{ opacity: 0.8;}


	/* use
	**********************************************************************/
	.useList{ max-width: 1200px; margin: 0 auto;}
	.useList ul{ margin: 0 0 0 -3.3%!important;}
	.useList ul li{ width: 30%; margin: 40px 0 0 3.3%; }

	.useList ul li a .imgBox{ overflow: hidden;}
	.useList ul li a .imgBox img{ transition: all 0.3s ease-in-out 0s;}

	.useList ul li a:hover .imgBox img{ transform: scale(1.2,1.2);}
	.useList ul li a:hover .txt p{ text-decoration: underline;}
}

@media print, screen and (min-width:1100px){
	/* header */
	.hdmain nav{ margin: 0 0 0 24px; }
	.hdmain .bigMenu > li > a{ padding: 26px 14px 0; font-size: 13px; }

	.hdRight{ padding-top: 20px;}
	.hdRight .other{ margin:3px 16px 0 0; }
	.hdRight .other li:first-child{ margin: 0 16px 0 0; }

	/* other */
	.planBox > dt{ font-size: 28px; }
	.linkContent{ padding: 80px 0;}

	/* ft_bottom */
	.ft_bottom .menu li:not(:first-child){ margin-left: 40px;}
}

@media only screen and (min-width: 1200px) {
	header { padding:0 30px}
	header .hd_top { margin: 0 -30px; padding: 0 30px; font-size: 12px;}
	header .hd_top .tit{ font-size: 12px;}
	header .hd_top a { padding-top: 6px }
}

@media print, screen and (min-width:1220px){
	.kasouTit{ padding: 70px 0 40px;}
	.miniTit{ padding: 40px 0;}
	.breadcrumb{ padding: 10px 0; }

	.kasouMenu ul{ margin: 0 auto;}
	.kasouMenu ul li:first-child{ padding: 0 24px 0 0; border-left: none;}
	.innerBox{ padding: 64px 0 80px; }

	.trial{ margin: 48px 0 0; padding: 22px 10px 18px 60px; }
	.trial p{ text-align: left;}
	.trial a{ position: absolute; top: 18px; right: 64px; margin: 0; }
}