@charset "utf-8";

/*
@import url('https://fonts.googleapis.com/earlyaccess/mplus1p.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
*/


/* body { color:#4d4d4d; line-height:1.0rem; font-family:'Roboto', 'Noto Sans JP', 'Open Sans', '游ゴシック', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif; font-size:14px; } */
* { box-sizing:border-box; }
img { vertical-align:top; }

/* head */
.Head { position:fixed; top:38px; left:0; z-index:2002; width:100%; border-top:#ddd 1px solid; background:#Fff; box-shadow:0 0 2px 0 rgba(0,0,0,0.25); }
    .Head:before { content:''; position:fixed; top:0; left:0; width:100%; height:38px; background:#fff; }
    .Head:after { content:''; display:block; clear:both; height:0; }
.HeadInner { width:100%; min-width:320px; max-width:1000px; margin:0 auto; padding:80px 0; }
.HeadLogo { float:left; width:68%; padding:15px 20px 0; line-height:1.0; }
    .HeadLogo a { color:inherit; text-decoration:none; }
	.HeadLogo a img { width:auto; height:46px; margin-bottom:-6px; }
    .SPNav { display:none; }
    .HeadNav { display:inline-block; margin-left:1.5em; padding-top:1.2em; font-size:1.0em; }
    .HeadNav li { display:inline-block; margin-right:1.2em; }
    .HeadNav li a.active { border-bottom : 2px solid #833637; }
	.HeadNav li a:hover { border-bottom : 2px solid #833637;}
.HeadAside { float:left; width:32%; text-align:right; }
    .HeadAside form { position:relative; float:right; margin-top:21px; border-bottom:#ccc 1px solid; background:url('/assets/images/common/icon_search.png') no-repeat 1.0em center; }
        .HeadAside form:before { content:''; display:block; position:absolute; bottom:0; left:0; width:1px; height:5px; background:#ccc; }
        .HeadAside form:after { content:''; display:block; position:absolute; bottom:0; right:0; width:1px; height:5px; background:#ccc; }
    .HeadAside form:hover { border-bottom:#4970bf 1px solid; }
        .HeadAside form:hover:before { background:#4970bf; }
        .HeadAside form:hover:after { background:#4970bf; }
    .HeadAside form input { margin:0; padding:7px; border:0; line-height:1.0; font-size:1.2em; text-indent:2.0em; background:transparent; outline:0; }

    .HeadAside form span { display:block; position:absolute; bottom:-1px; z-index:2; width:0; height:2px; background:#4970bf; box-shadow:0px 1px 8px 0px rgba(42,169,142,0.5); transition:0.3s; }
        .HeadAside form span:before { content:''; display:block; position:absolute; bottom:0; left:0; z-index:2; width:0; height:5px; background:#4970bf; box-shadow:0px 1px 8px 0px rgba(42,169,142,0.5); transition:0.3s; }
        .HeadAside form span:after { content:''; display:block; position:absolute; bottom:0; right:0; z-index:2; width:0; height:5px; background:#4970bf; box-shadow:0px 1px 8px 0px rgba(42,169,142,0.5); transition:0.3s; }
    .HeadAside form span.active { width:100%; transition:0.4s; }
        .HeadAside form span.active:before { width:2px; transition:0.4s; }
        .HeadAside form span.active:after { width:2px; transition:0.4s; }

    .HeadAside > ul { float:right; margin-left:1.5em; }
    .HeadAside > ul > li { display:inline; }
    .HeadAside > ul > li > a { display:block; position:relative; float:left; width:77px; height:77px; padding-top:52px; border-left:#ebebeb 1px solid; color:inherit; font-size:0.8em; text-align:center; text-decoration:none; }
    .HeadAside > ul > li:nth-child(1) > a { display:none; background:url('/assets/images/common/icon_head_forum.png') no-repeat center 20px; }
    .HeadAside > ul > li:nth-child(2) > a { background:url('/assets/images/common/icon_head_login.png') no-repeat center 20px; }
    .HeadAside > ul > li:nth-child(3) > a { color:#fff; background:#e65649 url('/assets/images/common/icon_head_signup-wh.png') no-repeat center 20px; }
    .HeadAside > ul > li > a:hover { background-color:#f0f5ff; }

    .HeadAside > ul > li:last-child > a { position:relative; z-index:2001; padding:0; font-size:0; }
    .HeadAside > ul > li:last-child > a:before { content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:1px; margin-left:-10px; background:#4970bf; box-shadow:0 6px 0 0 #4970bf, 0 -6px 0 0 #4970bf; transition:0.3s; }
    .HeadAside > ul > li:last-child > a:hover { background-color:#78282b; }
    .HeadAside > ul > li:last-child > a:hover:before { background:#fff; box-shadow:0 6px 0 0 #fff, 0 -6px 0 0 #fff; }
    .HeadAside > ul > li:last-child > a.active:before { background:#4970bf; box-shadow:none; transform:rotate(45deg); transition:0.3s; }
    .HeadAside > ul > li:last-child > a.active:after { content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:1px; margin-left:-10px; background:#4970bf; transform:rotate(-45deg); transition:0.3s; }
    .HeadAside > ul > li:last-child > a.active:hover:before { background:#fff; }
    .HeadAside > ul > li:last-child > a.active:hover:after { background:#fff; }

    .HeadAside > ul > li:last-child > .child { display:block; position:fixed; overflow:auto; top:117px; right:-270px; z-index:2000; width:270px; height:100%; padding-bottom:10%; background:/*#78282b*/rgba(120,40,43,0.9); transition:0.3s; }
    .HeadAside > ul > li:last-child > .child.active { right:0; transition:0.3s; }
    .HeadAside > ul > li:last-child > .child a { display:block; padding:20px; border-bottom:rgba(255,255,255,0.25) 1px solid; color:#fff; text-align:left; text-decoration:none; }
    .HeadAside > ul > li:last-child > .child a:hover { background:rgba(120,40,43,1.0); }

    .HeadAsideNav a.active { font-weight:600; }

@media (min-width:1081px) and (max-width:2400px) {
    .HeadLogo { width:76%; }
    .HeadAside { width:24%; }
}
@media (min-width:1201px) and (max-width:1470px) {
        .HeadNav li:nth-child(7),
		.HeadNav li:nth-child(8),
        .HeadNav li:nth-child(9) { display:none; }
}
@media (min-width:1010px) and (max-width:1200px) {
	    .HeadNav li:nth-child(5),
        .HeadNav li:nth-child(6),
        .HeadNav li:nth-child(7),
        .HeadNav li:nth-child(8),
		.HeadNav li:nth-child(9) { display:none; }
}
@media (min-width:769px) and (max-width:1009px) {
        .HeadNav li:nth-child(3),
        .HeadNav li:nth-child(4),
        .HeadNav li:nth-child(5),
        .HeadNav li:nth-child(6),
        .HeadNav li:nth-child(7),
		.HeadNav li:nth-child(8),
        .HeadNav li:nth-child(9) { display:none; }
}
@media (min-width:769px) and (max-width:1080px) {
    .HeadLogo { width:63%; }
    .HeadNav { margin-left:1.5em; }
    .HeadAside { width:37%; }
}
@media (min-width:320px) and (max-width:768px) {
    .Head { top:0; }
    .Head:before { content:''; height:0; background:transparent; }
    .HeadLogo { width:40%; }
	.HeadLogo a img { width:auto; height:40px; margin-top:3px; margin-bottom:-6px; }
    .HeadAside { width:60%; }
    .HeadNav { display:none; }
    .HeadAside > ul > li:last-child > .child { top:78px; }
}
@media (min-width:320px) and (max-width:484px) {
    .HeadAside > ul > li:nth-child(1) { display:none; }
    .HeadAside > ul > li:nth-child(2) { display:none; }
    /*.HeadAside > ul > li:nth-child(3) { display:none; }*/
    .HeadLogo a img {width:135%; height: auto; vertical-align: middle;}
}



/*######################################################################*/
/*																		*/
/*	Main																*/
/*																		*/
/*######################################################################*/

/* Slide */
.Head + .Slide { padding-top:78px; }
.Slide { border-bottom:#e0e0e0 1px solid; }
.SlidePage01Text { display:block; position:relative; width:100%; min-width:320px; max-width:1080px; min-height:420px; margin:0 auto; }
    .SlidePage01Text:after { content:''; display:block; clear:both; height:0; }
.SlidePage01Text figure { display:block; position:relative; float:right; z-index:2; width:109%; padding-top:20px; text-align:right; }
.SlideTextInner { display:block; position:absolute; z-index:1; height:100%; min-width:620px; max-width:1080px; margin:0 auto; padding:20% 17% 0 93px; text-align:center; background:url('/assets/images/index/top_img_white_box.png') no-repeat; background-size:100% 100%; }
.SlideTextInner h1 { margin-bottom:0.75em; line-height:1.5; font-size:2.1em; font-weight:600; text-align:right; }
.SlideTextInner p { margin-bottom:0.0em; line-height:1.8; font-weight:300; text-align:right; }
.SlideTextInner ul { display:none; }
.SlideTextInner ul li { display:inline-block; margin-right:1.6em; }

.btn { display:inline-block; min-width:160px; padding:18px; border-radius:4px; color:inherit; font-weight:500; text-align:center; text-decoration:none; }
.btn.primary { color:#fff; background:#e65649; }
.btn.primary:hover { color:#fff; background:#d93a2b; }
.btn.secondary { color:#fff; background:#4970bf; }
.btn.secondary:hover { background:#2d59b3; }
.btn.tertiary { border:#b3c1db 1px solid; color:#4970bf; background:#fff; }
.btn.tertiary:hover { border:#4970bf 1px solid; color:#4970bf; background:#b5ceff; }
.btn.fourth { border:#b2b2b2 1px solid; color:#b2b2b2; background:#fff; }
.btn.fourth:hover { border:#b2b2b2 1px solid; color:#fff; background:#b2b2b2; }

@media (min-width:320px) and (max-width:768px) {
	.SlideTextInner { position:relative; min-width:300px; font-size:1.6em; background:none; }
	.SlidePage01Text { display:block; width:100%; min-width:300px; max-width:1080px; min-height:auto; margin:0 auto; padding-top:0em; }
	.SlidePage01Text figure { display:block; position:relative; float:none; width:100%; margin:0 auto; padding-top:0; text-align:center; vertical-align:middle; }
	.SlidePage01Text figure img { width:100%; height:auto; }
	.SlideTextInner { display:block; position:relative; width:100%; min-width:inherit; max-width:1080px; margin:0 auto; padding:0 20px; vertical-align:middle; }
	.SlideTextInner h1 { font-size:1.2em; text-align:center; }
	.SlideTextInner p { font-size:0.9em; text-align:center; }
	.SlideTextInner p br { display:none; }
	.SlideTextInner ul { display:none; text-align:center; }
	.SlideTextInner ul li { display:inline-block; margin:0 0.5em; }
	.btn { display:inline-block; min-width:140px; padding:18px; border-radius:4px; color:inherit; font-weight:500; text-align:center; text-decoration:none; }
}

/*######################################################################*/
/*																		*/
/*	Main																*/
/*																		*/
/*######################################################################*/

/* Main */
.Main { width:100%; max-width:1000px; min-width:320px; margin:0 auto; }

/* intro */
.Intro { position:relative; padding:50px 0 60px; }
.IntroInner { position:relative; width:100%; min-width:320px; max-width:1080px; margin:0 auto; text-align:center; }
    .IntroInner:after { content:''; display:block; clear:both; height:0; }
.IntroInner li { position:relative; float:left; width:32%; margin-right:2%; padding:10px; }
    .IntroInner li:nth-child(3) { margin-right:0; }
.IntroInner h1 { min-height:1.8em; margin-bottom:1.5em; padding-left:1.4em; color:#808080; line-height:1.4; font-size:1.5em; font-weight:500; }
    .IntroInner li:nth-child(1) h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:1.8em; height:1.8em; margin-right:0.6em; background:url('/assets/images/index/intro_icon_free.png') no-repeat center center; background-size:auto 100%; }
    .IntroInner li:nth-child(2) h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:1.8em; height:1.8em; margin-right:0.6em; background:url('/assets/images/index/intro_icon_easy.png') no-repeat center center; background-size:auto 100%; }
    .IntroInner li:nth-child(3) h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:1.8em; height:1.8em; margin-right:0.6em; background:url('/assets/images/index/intro_icon_security.png') no-repeat center center; background-size:auto 100%; }
.IntroInner p { line-height:1.7; }


@media (min-width:769px) and (max-width:1080px) {
    .IntroInner li br { display:none; }
}
@media (min-width:320px) and (max-width:768px) {
    .IntroInner li { float:none; width:100%; margin-right:0; padding:0 5%; }
    .IntroInner li br { display:none; }
}


/* Cost */
.Head + .Cost { padding-top:78px; }
.Cost { border-bottom:#e0e0e0 1px solid; color:#808080; }
    .Head + .Cost { border-bottom:0; color:#808080; }
.CostHead { margin-bottom:70px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.CostHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; font-size:1.7em; }

.CostInner { width:100%; min-width:320px; max-width:1080px; margin: 4.0em auto ; }
.CostInner h1 { margin-bottom:36px; font-size:1.5em; }
    .CostInner h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:1.8em; height:1.8em; margin-right:0.6em; background:url('/assets/images/index/icon_cost.png') no-repeat center center; background-size:auto 100%; }
    .CostInner h1:after { content:''; display:block; clear:both; height:0; }
.CostInner h1 a { display:inline-block; position:relative; top:0.85em; float:right; min-width:100px; padding:8px 10px; font-size:0.6em; }
.CostInner h1 + p { margin-bottom:1.75em; }
.CostInner h1 + p { margin-bottom:1.75em; }

.CostGraph { margin-bottom:4.0em; }
.CostGraph:after { content:''; display:block; clear:both; height:0; }
.cost-trial { float:left; width:52%; margin-right:3%; }
.cost-trial dl {  }
.cost-trial dt { display:inline-block; width:60%; padding:10px 0; }
.cost-trial dd { display:inline-block; width:40%; padding:10px 0; text-align:left; }
.cost-trial dd fieldset { display:inline-block; position:relative; float:left; top:-0.6em; min-width:100px; min-height:2.6em; margin:0 1.0em 0 0; padding:0; border:0; border-bottom:#ccc 1px solid; }
    .cost-trial dd fieldset:before { content:''; display:block; position:absolute; bottom:0; left:0; width:1px; height:5px; background:#ccc; }
    .cost-trial dd fieldset:after { content:''; display:block; position:absolute; bottom:0; right:0; width:1px; height:5px; background:#ccc; }
.cost-trial dd fieldset:hover { border-bottom:#4970bf 1px solid; }
    .cost-trial dd fieldset:hover:before { background:#4970bf; }
    .cost-trial dd fieldset:hover:after { background:#4970bf; }


    .cost-trial dd#no_line fieldset { border-bottom:#fff 1px solid !important; }
        .cost-trial dd#no_line fieldset:before { background:#fff !important; }
        .cost-trial dd#no_line fieldset:after { background:#fff !important; }
    .cost-trial dd#no_line fieldset:hover { border-bottom:#fff 1px solid !important; }
        .cost-trial dd#no_line fieldset:hover:before { background:#fff !important; }
        .cost-trial dd#no_line fieldset:hover:after { background:#fff !important; }

/*
.cost-trial dd fieldset.active { display:inline-block; position:relative; float:left; top:-0.6em; min-width:100px; margin:0 1.0em 0 0; padding:0; border:0; border-bottom:#4970bf 1px solid; }
    .cost-trial dd fieldset.active:before { content:''; display:block; position:absolute; bottom:0; left:0; width:1px; height:5px; background:#4970bf; }
    .cost-trial dd fieldset.active:after { content:''; display:block; position:absolute; bottom:0; right:0; width:1px; height:5px; background:#4970bf; }
*/
.cost-trial dd fieldset span { display:block; position:absolute; bottom:-1px; z-index:2; width:0; height:2px; background:#4970bf; box-shadow:0px 1px 8px 0px rgba(42,169,142,0.5); transition:0.3s; }
    .cost-trial dd fieldset span:before { content:''; display:block; position:absolute; bottom:0; left:0; z-index:2; width:0; height:5px; background:#4970bf; box-shadow:0px 1px 8px 0px rgba(42,169,142,0.5); transition:0.3s; }
    .cost-trial dd fieldset span:after { content:''; display:block; position:absolute; bottom:0; right:0; z-index:2; width:0; height:5px; background:#4970bf; box-shadow:0px 1px 8px 0px rgba(42,169,142,0.5); transition:0.3s; }
.cost-trial dd fieldset span.active { width:100%; transition:0.4s; }
    .cost-trial dd fieldset span.active:before { width:2px; transition:0.4s; }
    .cost-trial dd fieldset span.active:after { width:2px; transition:0.4s; }
.cost-trial dd label { display:inline-block; margin-left:1.0em; }

.cost-trial dd input[type='text'] { width:6.0em; margin:0; padding:7px; border:0; line-height:1.0; font-size:1.2em; text-indent:0.5em; background:transparent; outline:0; }
	.cost-trial dt.cost-trial-adjust { width:30%; }
	.cost-trial dt.cost-trial-adjust + dd { width:30%; padding-right:1.0em; }
	.cost-trial dt.cost-trial-adjust + dd + dd { width:40%; }

.cost-view-wrapper { float:left; width:45%; min-width:486px; }
.cost-view-wrapper:after { content:''; display:block; clear:both; height:0; }
.cost-view { position:relative; }
.cv-price { float:left; width:50%; text-align:center; }
.cv-time { float:left; width:50%; text-align:center; }
.cv-col { display:table; position:relative; }
.cv-result { display:table-cell; position:relative; z-index:2; width:100%; height:100%; padding-top:1.0em; text-align:center; vertical-align:middle; }
.cv-circle { position:absolute; z-index:1; top:2%; left:2%; width:96%; height:96%; }
	.cv-circle:after { content:''; position:absolute; z-index:-1; top:0; left:0; width:90%; height:90%; border-radius:100%; border:#f0f0f0 10px solid ; }
.cv-value { margin-bottom:0.5em; font-size:1.6em; font-weight:600; }
.cv-unit { font-size:0.7em; }

.CostCVArea { width:100%; min-width:320px; max-width:1080px; margin:0 auto; text-align:center; }
.CostCVArea h2 { margin-bottom:36px; font-size:1.5em; }
.CostCVArea h2:before { content:''; display:inline-block; position:relative; top:0.45em; width:1.8em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_TrustLogin.png') no-repeat center center; background-size:auto 100%; }
.CostCVArea p { margin-bottom:1.65em; }
.CostCVArea ul {  }
.CostCVArea li { display:inline-block; margin:0 0.6em; }

.cost-view + p { position:relative; z-index:2; margin-top:1.0em; text-align:center; }


@media (min-width:769px) and (max-width:1080px) {
    .cost-trial { float:left; width:52%; margin-right:3%; margin-bottom:2.0em; }
    .cost-view-wrapper { float:left; width:45%; }
}
@media (min-width:320px) and (max-width:768px) {
	.CostHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; padding:0 5%; font-size:1.7em; }
	.CostInner { padding:0 5%; }
	.CostInner h1 { margin-bottom:36px; line-height:1.6; font-size:1.3em; }
    .CostInner h1:before { content:''; display:block; position:relative; top:0.45em; float:left; width:1.8em; height:1.8em; margin-right:0.6em; background:url('/assets/images/index/icon_cost.png') no-repeat center center; background-size:auto 100%; }
	.CostInner h1 a { display:block; position:relative; top:0; float:none; min-width:100px; max-width:40%; margin: 1.0em auto 0; padding:8px 10px; font-size:0.6em; }
    .cost-trial { float:none; width:100%; margin-right:0; margin-bottom:2.0em; }
	.cost-trial dt { display:block; width:100%; margin-bottom:0.65em; padding:10px; border-radius:3px; background:#e0e0e0; }
	.cost-trial dd { display:block; width:100%; margin-bottom:1.0em; padding:10px 0; text-align:left; }
		.cost-trial dt.cost-trial-adjust { width:100%; }
		.cost-trial dt.cost-trial-adjust + dd { display:inline-block; width:50%; padding-right:0; }
		.cost-trial dt.cost-trial-adjust + dd + dd { display:inline-block; width:50%; margin-bottom:-1.0em; text-align:right; }
    .cost-view-wrapper { float:none; width:100%; min-width:inherit; }
	.CostCVArea { width:90%; min-width:300px; max-width:1080px; margin:45px auto 0 11px; text-align:center; }
	.CostCVArea .btn { min-width:130px; }
	.cv-circle:after { content:''; position:absolute; z-index:-1; top:0; left:0; width:90%; height:90%; border-radius:100%; border:#f0f0f0 8px solid ; }
    .cost-btn-view { margin-top:1.0em; }
}
#submain section .cost-btn-view a { color: #fff; text-decoration: none; }
#submain section .cost-btn-view a:hover { color: #fff; text-decoration: none; }

/*######################################################################*/
/*																		*/
/*	Latest																*/
/*																		*/
/*######################################################################*/

.Head + .Latest { padding-top:78px; }
.Latest { margin-bottom:3.0em; }
.LatestInner { width:100%; min-width:320px; max-width:1080px; margin:0 auto 4.0em; padding-top:2.4em; }
.LatestInner h1 { margin-bottom:2.4em; font-size:1.5em; }
    .LatestInner h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/index/icon_news_headline.png') no-repeat center center; background-size:auto 100%; }
.LatestInner h1 a { display:inline-block; position:relative; top:0.85em; float:right; min-width:100px; padding:8px 10px; font-size:0.6em; }

.LatestInner li { margin-bottom:1.0em; padding-bottom:0.85em; border-bottom:#ebebeb 1px solid; }
.LatestInner li a { color:#808080; text-decoration:none; }
.LatestInner li sub { display:block; margin-bottom:0.65em; font-size:0.9em; }
.LatestInner li .icon-new { display:inline-block; position:relative; top:-0.25em; margin-right:1.0em; padding:3px 4px 2px; color:#fff; line-height:1.0; font-size:0.7em; background:#e65649; }

@media (min-width:320px) and (max-width:768px) {
	.LatestInner { padding:2.4em 5% 0; }
}


/*######################################################################*/
/*																		*/
/*	Service																*/
/*																		*/
/*######################################################################*/

.Head + .Service { padding-top:78px; }
.Service { margin-bottom:3.0em; }
.ServiceHead { margin-bottom:36px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.ServiceHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; color:#808080; font-size:1.7em; }

.ServiceInner { margin:0 auto 4.0em; }

.ServiceInner nav ul { width:100%; min-width:320px; max-width:1080px; margin:0 auto 4.0em; line-height:1.6; }
.ServiceInner nav ul:after { content:''; display:block; clear:both; height:0; }
.ServiceInner nav li { float:left; width:23%; margin-bottom:1.0em; margin-right:2.3333%; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; vertical-align:top; }
.ServiceInner nav li:nth-child(4) { margin-right:0; }
.ServiceInner nav a { color:inherit; text-decoration:none; }
.ServiceInner nav a:hover { color:#4970bf; }
.ServiceInner nav a:before { content:''; display:inline-block; position:relative; top:-0.1em; left:-1.0em; margin-right:-3px; border:transparent 3px solid; border-left:#808080 3px solid; }
.ServiceInner nav a:hover:before  { content:''; display:inline-block; position:relative; top:-0.1em; left:-1.0em; margin-right:-3px; border:transparent 3px solid; border-left:#4970bf 3px solid; }

.ServiceInner .TrustLogin_is { width:100%; min-width:320px; max-width:1080px; margin:0 auto 2.0em; padding: 0 10px; line-height:2.6; }
.ServiceInner .TrustLogin_is p { padding-bottom:30px; }
.ServiceInner .TrustLogin_is img { float:right; width:250px; }
.ServiceInner .TrustLogin_is .clear-flt { clear:both; }

#singleSignon,
#idManagement,
#accessControl,
#logReport { display:block; position:absolute; top:-6.0em; width:0; height:0; }

@media (min-width:320px) and (max-width:768px) {
    .ServiceHead { padding-right:5%; padding-left:5%; }
	.ServiceInner nav ul { margin-bottom:2.0em; }
	.ServiceInner nav li { float:none; clear:both; width:100%; margin-bottom:1.0em; margin-right:0; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; vertical-align:top; }
	.ServiceInner nav li:nth-child(4) { margin-right:0; }
	.ServiceInner nav li:nth-child(odd) { margin-right:4%; }
}

.ServiceInner nav + ul { margin-bottom:2.0em; line-height:1.6; }
.ServiceInner nav + ul:after { content:''; display:block; clear:both; height:0; }
.ServiceInner nav + ul li { position:relative; padding:6.0em 0; }
.ServiceInner nav + ul li:nth-child(even) { background:#f6f3ea; }
.ServiceInner nav + ul li:after { content:''; display:block; clear:both; height:0; }

.ServiceInner nav + ul li section { width:100%; min-width:320px; max-width:1080px; margin:0 auto; }
.ServiceInner nav + ul li figure { display:block; float:left; width:50%; }
.ServiceText { display:block; float:left; width:50%; padding:0 50px; }
    .ServiceInner nav + ul li:nth-child(even) figure { float:right; }
    .ServiceInner nav + ul li:nth-child(even) .ServiceText { float:right; }

@media (min-width:320px) and (max-width:768px) {
	.ServiceInner nav ul { padding:0 5%; }
	.ServiceInner nav + ul li { padding: 2.0em 0; }
	.ServiceInner nav + ul li section { width:100%; min-width:320px; max-width:1080px; margin:0 auto; }
	.ServiceInner nav + ul li figure { display:block; float:none; width:60%; margin:0 auto 2.0em; }
	.ServiceInner nav + ul li figure img { width:100%; height:auto; }
	.ServiceText { display:block; float:none; width:94%; margin:0 auto; padding:0 0; }
    .ServiceInner nav + ul li:nth-child(even) figure { float:none; }
    .ServiceInner nav + ul li:nth-child(even) .ServiceText { float:none; }
}


.ServiceInner > h1 { width:100%; min-width:320px; max-width:1080px; margin:0  auto 2.4em; font-size:1.5em; }
.ServiceInner > h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_TrustLogin.png') no-repeat center center; background-size:auto 100%; }

.ServiceInner nav + ul li h2 { margin-bottom:1.0em; font-size:1.5em; }
.ServiceInner nav + ul li h2:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; }
    .ServiceInner nav + ul li:nth-child(1) h2:before { background:url('/assets/images/common/icon_user.png') no-repeat center center; background-size:auto 100%; }
    .ServiceInner nav + ul li:nth-child(2) h2:before { background:url('/assets/images/common/icon_key.png') no-repeat center center; background-size:auto 100%; }
    .ServiceInner nav + ul li:nth-child(3) h2:before { background:url('/assets/images/common/icon_accesscontrol.png') no-repeat center center; background-size:auto 100%; }
    .ServiceInner nav + ul li:nth-child(4) h2:before { background:url('/assets/images/common/icon_document.png') no-repeat center center; background-size:auto 100%; }
.ServiceInner nav + ul li h2 span { float:right; color:#808080; font-size:0.5em; }
.ServiceInner nav + ul li h2 + p { color:#4d4d4d; }
.ServiceInner nav + ul li h2 + p a { display:block; max-width:50%; margin:20px auto 0; padding:15px 0; }

.ServiceOption { width:100%; min-width:320px; max-width:1080px; margin:0 auto 6.0em; }
.ServiceOption ul:after { content:''; display:block; clear:both; height:0; }
.ServiceOption li { float:left; width:30%; }
.ServiceOption li:nth-child(2) { margin-right:5%; margin-left:5%; }
.ServiceOption h1 { margin-bottom:1.0em; font-size:1.5em; }
.ServiceOption h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_TrustLogin.png') no-repeat center center; background-size:auto 100%; }
.ServiceOption h1 + p { margin-bottom:2.0em; color:#808080; }
.ServiceOption figure { display:block; margin-bottom:1.5em; }
.ServiceOption figure img { width:100%; height:auto; }
.ServiceOption h2 { margin-bottom:0.65em; color:#833637; font-size:1.2em; }
.ServiceOption h2 + p {  }

@media (min-width:320px) and (max-width:768px) {
	.ServiceInner nav + ul li h2 + p a { max-width: 64%; }
	.ServiceOption h1 { margin-bottom:1.0em; padding:0 5%; font-size:1.2em; }
	.ServiceOption h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.0em; height:1.8em; margin-right:0.3em; background:url('/assets/images/common/icon_TrustLogin.png') no-repeat center center; background-size:auto 100%; }
	.ServiceOption h1 + p { padding:0 5%; }
	.ServiceOption li { float:none; width:94%; margin:0 auto 2.0em; }
	.ServiceOption li:nth-child(2) { margin-right:auto; margin-left:auto; }
}

/* serviceList */
.Head + .serviceList { padding-top:78px; }
.serviceList { margin-bottom:3.0em; }
.serviceListHead { margin-bottom:36px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.serviceListHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; color:#808080; font-size:1.7em; }
.serviceListInner { width:100%; min-width:320px; max-width:1080px; margin: 4.0em auto; padding-top:0.4em; }
.serviceListInner h1 { margin-bottom:36px; font-size:1.5em; }
.serviceListInner h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_gear.png') no-repeat center center; background-size:auto 100%; }
.serviceListInner h1 + p { margin-bottom:2.0em; font-size:1.0em; }
.app_number { font-size:1.5em; font-weight:800; color:#833637;}
.service_description { line-height: 1.7em;}
.support_link {color:#4970bf; text-decoration:none}
.service_app_rq {text-align:center; padding-bottom:80px; margin-top:-80px;}
.service_app_rq p {line-height: 1.7em; padding:20px;}


.serviceListNav { margin-bottom:2.0em; text-align:center; }
.serviceListNav h2 { margin-bottom:1.0em; font-size:1.2em; font-weight:600; }
.serviceListNav .call_letter a { display:inline-block; padding:0 0.35em; color:#2d59b3; }

.serviceListIcon { margin-bottom:3.0em; }
.serviceListIcon ul { display:table; width:100%; border-collapse:collapse; }
.serviceListIcon ul:after { content:''; display:block; clear:both; height:0; }
.serviceListIcon ul li { display:table-cell; padding:1.0em 0; font-size:0.75em; text-align:center; }
.serviceListIcon ul li img { margin-bottom:0.65em; border-radius:12px; }
.serviceListIcon ul li a { color:#808080; text-decoration:none; }

.serviceListIndex {  }
.serviceListIndex ul {  }
.serviceListIndex li { position:relative; padding:60px; }
.serviceListIndex li > a { display:block; position:absolute; top:-80px; }
.serviceListIcon ul li p { display: block; width: 133px;}

.serviceListIndex li:nth-child(odd) { background:#f6f3ea; }
.serviceListIndex h3 { width:100%; min-width:320px; max-width:1080px; margin:0 auto 1.0em; color:#833637; font-size:1.2em; font-weight:600; }
.serviceListIndex table { width:100%; min-width:320px; max-width:1080px; margin:0 auto; border-collapse:collapse; }
.serviceListIndex table td { width:33%; padding:0.65em 0; color:#4d4d4d; font-size:1.0em; }
.GuideInner a #member { display:block; position:absolute; top:-380px; }
.GuideInner a #admin { display:block; position:absolute; top:-380px; }

@media (min-width:320px) and (max-width:768px) {
    .serviceListHead { padding-right:5%; padding-left:5%; }
	.serviceListInner h1 { margin-bottom:36px; padding:0 5%; font-size:1.2em; }
	.serviceListInner h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.0em; height:1.8em; margin-right:0.3em; background:url('/assets/images/common/icon_gear.png') no-repeat center center; background-size:auto 100%; }
	.serviceListInner h1 + p { margin-bottom:2.0em; padding:0 5%; color:#808080; line-height:1.5; font-size:1.1em; font-weight:600; }
	.serviceListIcon ul { display:block; width:100%; padding:0 5%; border-collapse:collapse; }
	.serviceListIcon ul li { display: block; float:left; width:32%; padding:1.0em 0; font-size:0.75em; text-align:center; }
	.serviceListIcon ul li:nth-child(3n+2) { margin:0 2%; }
	.serviceListIcon ul li:nth-child(3n+1) { clear:both; }
	.serviceListIndex li { position:relative; padding:1.65em 5%; }
	.serviceListIndex h3 { width:100%; min-width:290px; max-width:1080px; margin:0 auto 1.0em; color:#833637; font-size:1.2em; font-weight:600; }
	.serviceListIndex table { width:100%; min-width:290px; max-width:100%; }
	.serviceListIndex table td { display:block; width:100%; padding:0.65em 0; color:#4d4d4d; font-size:1.0em; }
}


/*######################################################################*/
/*																		*/
/*	Case																*/
/*																		*/
/*######################################################################*/

.Head + .Case { padding-top:78px; }
.Case { margin-bottom:3.0em; }
.CaseHead { margin-bottom:36px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.CaseHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; color:#808080; font-size:1.7em; }

.CaseInner nav ul { margin-bottom:4.0em; line-height:1.6; }
.CaseInner nav ul:after { content:''; display:block; clear:both; height:0; }
.CaseInner nav li { float:left; width:30%; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; vertical-align:top; }
.CaseInner nav li:nth-child(3n+2) { margin-right:5%; margin-left:5%; }
.CaseInner nav li:nth-child(3n+4) { clear:both; }

.CaseInner nav a { color:inherit; text-decoration:none; }
.CaseInner nav a:hover { color:#4970bf; }
.CaseInner nav a:before { content:''; display:inline-block; position:relative; top:-0.1em; left:-1.0em; margin-right:-3px; border:transparent 3px solid; border-left:#808080 3px solid; }
.CaseInner nav a:hover:before  { content:''; display:inline-block; position:relative; top:-0.1em; left:-1.0em; margin-right:-3px; border:transparent 3px solid; border-left:#4970bf 3px solid; }

.CaseInner { width:100%; min-width:320px; max-width:1080px; margin:0 auto 6.0em; }
.CaseInner h1 { margin-bottom:36px; font-size:1.5em; }
.CaseInner dl { margin-bottom:4.0em; text-align:center; }
.CaseInner dt { display:inline-block; position:relative; width:50%; margin:0 10% 1.5em 0; padding:30px; border:#ebebeb 1px solid; border-radius:2px; text-align:left; background:#faf8f5; }
    .CaseInner dt:before { content:''; display:inline-block; position:absolute; left:-10px; border:transparent 4px solid; border-right:#ebebeb 6px solid; }
    .CaseInner dt:after { content:''; display:block; position:absolute; top:10px; left:-80px; width:60px; height:60px; border-radius:100%; }
        .CaseInner .CaseUser dt:after { /*background:url('/assets/images/common/icon_case_user.png') no-repeat center center;*/ background:url('/case/images/face_01.jpg') no-repeat center center; background-size:auto 100%; }
        .CaseInner .CaseManager dt:after { /*background:url('/assets/images/common/icon_case_manager.png') no-repeat center center;*/ background:url('/case/images/face_03.jpg') no-repeat center center; background-size:auto 100%; }
        .CaseInner .CaseAdministrator dt:after { /*background:url('/assets/images/common/icon_case_admin.png') no-repeat center center;*/ background:url('/case/images/face_02.jpg') no-repeat center center; background-size:auto 100%; }
.CaseInner dd { display:inline-block; position:relative; width:50%; margin:0 0 1.5em 10%; padding:30px; border:#ebebeb 1px solid; border-radius:2px; text-align:right; }
    .CaseInner dd:before { content:''; display:inline-block; position:absolute; right:-10px; border:transparent 4px solid; border-left:#ebebeb 6px solid; }
    .CaseInner dd:after { content:''; display:block; position:absolute; top:10px; right:-80px; width:60px; height:60px; background:url('/assets/images/common/icon_TrustLogin-red.png') no-repeat center center; }
.CaseInner dl + p { margin-bottom:4.0em; text-align:center; }

.Case section { position:relative; }
.Case section #user,
.Case section #manager,
.Case section #administrator { display:block; position:absolute; top:-80px; width:0; height:0; }


@media (min-width:769px) and (max-width:1080px) {
    .CaseInner dt { display:inline-block; position:relative; width:60%; margin:0 10% 1.5em 0; padding:30px; border:#ebebeb 1px solid; border-radius:2px; text-align:left; background:#faf8f5; }
    .CaseInner dd { display:inline-block; position:relative; width:60%; margin:0 0 1.5em 10%; padding:30px; border:#ebebeb 1px solid; border-radius:2px; text-align:right; }
}
@media (min-width:320px) and (max-width:768px) {
    .CaseHead { padding-right:5%; padding-left:5%; }
	.CaseInner nav ul { margin-bottom:2.0em; padding:0 5%; line-height:1.6; }
	.CaseInner nav li { float:none; width:100%; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; vertical-align:top; }
	.CaseInner nav li:nth-child(3n+2) { margin-right:0; margin-left:0; }
	.CaseInner h1 { margin-bottom:36px; font-size:1.3em; padding:0 5%; }
    .CaseInner dt { display:inline-block; position:relative; width:60%; margin:0 0 1.5em 0; padding:20px; border:#ebebeb 1px solid; border-radius:2px; text-align:left; background:#faf8f5; }
    .CaseInner dt:after { top:0; left:-60px; width:50px; height:50px; }
    .CaseInner dd { display:inline-block; position:relative; width:60%; margin:0 0 1.5em 0; padding:20px; border:#ebebeb 1px solid; border-radius:2px; text-align:right; }
    .CaseInner dd:after { top:0; right:-60px; width:50px; height:50px; }
}


/*######################################################################*/
/*																		*/
/*	Price																*/
/*																		*/
/*######################################################################*/

.Head + .Price { padding-top:78px; }
.Price { margin-bottom:3.0em; }
.PriceHead { margin-bottom:36px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.PriceHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; color:#808080; font-size:1.7em; }

.PriceInner { width:100%; min-width:320px; max-width:1080px; margin:0 auto 4.0em; padding-top:0em; }
.PriceInner h1 { margin-bottom:36px; font-size:1.5em; }
.PriceInner h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_gear.png') no-repeat center center; background-size:auto 100%; }
.PriceInner h1 + p { margin-bottom:2.0em; color:#808080; font-size:1.2em; font-weight:600; }
.PriceInner dl { line-height:1.8; border-bottom:#ebebeb 1px solid; }
.PriceInner dl:after { content:''; display:block; clear:both; height:0; }
.PriceInner dt { float:left; width:18%; padding:1.0em 0 0.85em 2.3em; border-top:#ebebeb 1px solid; font-weight:600; background:url('/assets/images/common/icon_checkmark.png') no-repeat 1.0em 1.35em; background-size:auto 1.0em; }
.PriceInner dd { float:left; width:82%; padding:1.0em 0 0.85em 0; border-top:#ebebeb 1px solid; }
.PriceInner dd .icon-release { display:inline-block; position:relative; top:-0.25em; margin-right:1.0em; padding:3px 4px 5px; border-radius:2px; color:#fff; line-height:1.0; font-size:0.7em; background:#7c5a5a; }

.PriceInner dt:nth-child(3), .PriceInner dt:nth-child(7), .PriceInner dt:nth-child(11), .PriceInner dt:nth-child(15), .PriceInner dt:nth-child(19),
.PriceInner dd:nth-child(4), .PriceInner dd:nth-child(8), .PriceInner dd:nth-child(12), .PriceInner dd:nth-child(16), .PriceInner dd:nth-child(20) { background-color:#faf8f5; }

.PriceInner dt:nth-child(19), .PriceInner dd:nth-child(20) { min-height:5.4em; }

.PriceRequest { width:100%; min-width:320px; max-width:1080px; margin:0 auto 4.0em; padding:3.2em; border:#e0e0e0 1px solid; border-radius:2px; text-align:center; background:#faf8f5; }
.PriceRequest h1 { margin-bottom:2.0em; font-size:1.5em; }
.PriceRequest textarea { width:80%; min-height:10em; margin:0 0 2.0em 0; padding:0.75em; border:#e0e0e0 1px solid; border-radius:2px; text-align:left; background:#fff; outline:0; }
.PriceRequest p { color:#808080; font-size:0.9em; }
.PriceRequest p span.btn { margin-top:1.0em; color:#fff; font-size:1.2em; }


@media (min-width:769px) and (max-width:1080px) {
    .PriceInner dt { width:30%; }
    .PriceInner dd { width:70%; }
    .PriceCompensation dt { width:30%; }
    .PriceCompensation dd { width:70%; }
    .PriceRequest h1 { margin-bottom:1.5em; line-height:1.5; }
}
@media (min-width:320px) and (max-width:768px) {
    .PriceHead { padding-right:5%; padding-left:5%; }
	.PriceInner h1 { margin-bottom:36px; padding:0 5%; font-size:1.3em; }
	.PriceInner h1 + p { padding:0 5%; line-height:1.5; font-size:1.2em; font-weight:600; }
    .PriceInner dt:nth-child(3), .PriceInner dt:nth-child(7), .PriceInner dt:nth-child(11), .PriceInner dt:nth-child(15), .PriceInner dt:nth-child(19),
    .PriceInner dd:nth-child(4), .PriceInner dd:nth-child(8), .PriceInner dd:nth-child(12), .PriceInner dd:nth-child(16), .PriceInner dd:nth-child(20) { background-color:inherit; }
    .PriceInner dt { float:none; width:100%; background-color:#faf8f5 !important; }
    .PriceInner dd { float:none; width:100%; padding:1.0em 5%  1.65em; }

	.PriceCompensation h1 { margin-bottom:36px; padding:0 5%; font-size:1.3em; }
    .PriceCompensation dt:nth-child(3), .PriceCompensation dt:nth-child(7), .PriceCompensation dt:nth-child(11), .PriceCompensation dt:nth-child(15), .PriceCompensation dt:nth-child(19),
    .PriceCompensation dd:nth-child(4), .PriceCompensation dd:nth-child(8), .PriceCompensation dd:nth-child(12), .PriceCompensation dd:nth-child(16), .PriceCompensation dd:nth-child(20) { background-color:inherit; }
    .PriceCompensation dt { float:none; width:100%; background-color:#faf8f5 !important; }
    .PriceCompensation dd { float:none; width:100%; }

    .PriceRequest h1 { margin-bottom:1.5em; line-height:1.5; }
}


/*																		*/
/*	Price Table	for PC								*/
/*																		*/
.PriceTable{display:block; margin-top:40px; line-height:1.8; border:#ebebeb 1px solid;}
.PriceTable th{ line-height:1.8; border:#ebebeb 1px solid; width:23%; text-align:left; padding:10px 20px; vertical-align:middle;}
.PriceTable td{ line-height:1.8; border:#ebebeb 1px solid; padding:10px 20px; vertical-align:middle;}
#default-fnc:before { content:''; display:inline-block; position:relative; top:0.4em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_gear.png') no-repeat center center; background-size:auto 100%; background-position: bottom;}
#opt-fnc:before { content:''; display:inline-block; position:relative; top:0.4em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_compensation.png') no-repeat center center; background-size:auto 100%; }

.PriceInner .PriceTable .Price-ch-title { font-size:1.1em;}
.PriceInner .PriceTable td { font-size:0.9em; padding:10px;}
.spacing { display:inline-block; width:6px;}
.release-small { font-size: 0.8em; line-height: 2.8em;}
.PriceInner .PriceTable .text-box { display: inline-block; width: 30px; line-height: 1.2em; background-color:#808080; border-radius:2px; color:#FFFFFF;}
.PriceInner .PriceTable .row-price { width: 14%; font-size: 1.1em; font-weight: 600; text-align:center;}
.PriceInner .PriceTable .row-release { width: 14%; font-size: 1.1em; font-weight: 600; text-align:center; vertical-align:middle; white-space: nowrap;}
.PriceInner .PriceTable .Price-title {font-size: 1.5em; font-weight: 500; padding-bottom: 17px; border-right-color: #e6e6e6;  white-space: nowrap;}
.PriceInner .PriceTable .table-description { font-size:1.2em; font-weight:600; color:#78282a; padding-left: 20px; padding-top: 13px;}
.all-zero { text-align: center; color: #78282a;}
.subete { font-size: 1.6em; font-weight: 600; margin-bottom: -5px;}
.zero-en { font-size: 3.5em; font-weight: 700; letter-spacing: -6px;}
.service_fnc_rq {text-align:center; padding-top:35px; }
.service_fnc_rq a.btn  {width: 250px;}
.service_fnc_rq { margin-bottom: 90px;}
.service_fnc_rq p {line-height: 1.7em; padding:20px;}
.PriceInner .PriceTable .unlimitted  { font-size:1.2em; font-weight:600; padding-left: 20px;}
.PriceInner .PriceTable .row-dscrpt { padding-left: 20px;}
.comment-sign {font-size: x-small;}

.PriceTable {border-collapse: collapse;}
.PriceTable th, .PriceTable td {border: 1px solid #ccc;}
.PriceTable tr:nth-child(odd) {background: #f5f5f5;}
.PriceTable tr:nth-child(1) {background: #e6e6e6;}


/*																		*/
/*	Price Mail-Magazine								*/
/*										    							*/

.merumaga .form { width : 65%; text-align:center; margin : 110px auto 50px; }
.form tr, th, td { text-align:left; }
.form .before {    content: ''; margin: 5px; text-align: center; width: 70px; height: 100%; background: url(/assets/images/common/mail.png) no-repeat center 3%;}
.mail-maga { display : inline-block; font-size: 1.5em; text-align:left; line-height: 1.6em; margin: 0 auto;}
.check01 { padding-top: 25px; }

.ck_box input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.ck_box input[type=checkbox] + label {
    position: relative;

    display: inline-block;
    margin-right: 12px;

    font-size: 14px;
    line-height: 30px;

    cursor: pointer;
}

@media (min-width: 1px) {
    .ck_box input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .ck_box input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .ck_box input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #FFF;
    }
    .ck_box input[type=checkbox] + label::before {
        border: 1px solid #999999;
		border-radius:2px;
    }
    .ck_box input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .ck_box input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #2d59b3;
        border-bottom: 3px solid #2d59b3;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
.mail-box { font-size:1.1em; font-weight : 500; }
.mail-box input { border-width: 0px; margin-top : 10px; margin-right : 10px; font-size: 1em; box-sizing: border-box; }
.mail-box .btn { padding: 12px; min-width : 120px; margin-left : 0px;}
#e-mail { display : inline-block; width : 400px; padding : 12px; border: solid 1px #999999 ;border-radius: 4px; }

.form-confirm { display : block; text-align: center; }
#toTop { text-decoration: none; margin-top : 20px; }
.form-confirm .message { font-size: 1.1em; line-height: 1.4em; padding-top: 20px; }


/*######################################################################*/
/*																		*/
/*	Guide																*/
/*																		*/
/*######################################################################*/

.Guide { border-bottom:#e0e0e0 1px solid; color:#808080; margin-bottom: 30px;}
.Head + .Guide { padding-top:78px; }
.GuideHead { margin-bottom:25px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.GuideHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; font-size:1.7em; }

.GuideNav { width:100%; min-width:320px; max-width:1080px; margin:0 auto 3.0em; line-height:1.6; text-align:center; }
.GuideNav ul { line-height:1.6; }
.GuideNav ul:after { content:''; display:block; clear:both; height:0; }
.GuideNav li { display:block; float:left; width:30%; min-height:4.0em; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; font-size:0.9em; vertical-align:top; }
.GuideNav li:nth-child(2) { margin-right:5%; margin-left:5%; }
.GuideNav li a {  color:inherit; text-decoration:none; }


.GuideInner { width:100%; min-width:320px; max-width:1080px; margin:0 auto 4.0em; }
    .Guide + .Guide > .GuideInner { padding-top:4.0em; }
.GuideInner h1 { margin-bottom:1.75em; font-size:1.5em; }
.GuideInner h2 { margin-bottom:1.0em;padding:0.65em 1.0em; border-radius:4px; border:#ebebeb 1px solid; line-height:1.0; font-weight:600; background:#faf8f5; }
.GuideInner h2 + p { padding-left:15px; line-height:1.6; }
    .GuideInner h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:1.8em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_document.png') no-repeat center center; background-size:auto 100%; }
    .GuideInner h1:after { content:''; display:block; clear:both; height:0; }
.GuideInner h1 a { display:inline-block; position:relative; top:0.85em; float:right; min-width:100px; padding:8px 10px; font-size:0.6em;}
.GuideInner h1 + p { margin-bottom:1.75em; padding-left:70px; line-height:1.8em; font-weight: bold;}
.GuideInner a:visited { color:#808080; font-style:normal; text-decoration:underline; }
.GuideInner a:hover { color:#808080; font-style:normal; text-decoration:underline; }
.GuideInner a:active { color:#808080; font-style:normal; text-decoration:underline; }
    .Guide + .Guide + .CostCVArea { padding:4.0em 0; }
.GuideInner .admin-img { padding-top:45px;}
.GuideInner figure { width:100%; text-align: center;}
.CA-space { padding-top : 50px;}

@media (min-width:320px) and (max-width:768px) {
    .GuideHead { padding-right:5%; padding-left:5%; }
    .GuideNav { padding-right:5%; padding-left:5%; text-align:left; }
    .GuideNav li { display:block; float:none; width:100%; min-height:auto; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; font-size:0.9em; vertical-align:top; }
    .GuideNav li:nth-child(2) { margin-right:0; margin-left:0; }
    .GuideInner { padding-right:5%; padding-left:5%; }
	.GuideInner img { width:100%; height:auto; }
}


/*######################################################################*/
/*																		*/
/*	Faq																	*/
/*																		*/
/*######################################################################*/

.Head + .Faq { padding-top:78px; }
.Faq { margin-bottom:7.0em; border-bottom:#e0e0e0 1px solid; color:#808080; }
.FaqHead { margin-bottom:25px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.FaqHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; font-size:1.7em; }

.FaqNav { width:100%; min-width:320px; max-width:1080px; margin:0 auto 3.0em; line-height:1.6; text-align:center; }
.FaqNav ul { line-height:1.6; }
.FaqNav ul:after { content:''; display:block; clear:both; height:0; }
.FaqNav li { display:block; float:left; width:30%; min-height:4.0em; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; font-size:0.9em; vertical-align:top; }
.FaqNav li:nth-child(2) { margin-right:5%; margin-left:5%; }
.FaqNav li a {  color:inherit; text-decoration:none; }

.FaqInner { width:100%; min-width:320px; max-width:1080px; margin:0 auto 4.0em; padding:0 5%; }
.FaqInner h1 { margin-bottom:36px; font-size:1.5em; }
    .FaqInner h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:1.8em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_document.png') no-repeat center center; background-size:auto 100%; }
    .FaqInner h1:after { content:''; display:block; clear:both; height:0; }
.FaqInner h2 { width:100%; min-width:320px; max-width:1080px; margin:0 auto 1.0em; color:#833637; font-size:1.2em; font-weight:600; }
.FaqInner dl { margin-bottom:4.0em; }
.FaqInner dt { position:relative; margin-bottom:1.0em; padding:0.65em 1.0em 0.65em 2.4em; border-radius:4px; border:#e0e0e0 1px solid; font-size:1.2em; font-weight:600; }
.FaqInner dd { position:relative; margin-bottom:2.0em; padding-left:3.0em; line-height:1.5; }
.FaqInner .qa-icon { position:absolute; left:1.0em; top:0.75em; font-size:12px; font-weight:bold; text-align:center; color:#fff; width:20px; height:20px; line-height:20px; border-radius:3px; }
.FaqInner .qa-icon:after { content:''; position:absolute; border-style:solid; border-width:4px 0 4px 4px; border-color:transparent; right:-4px; top:50%; margin-top:-4px; }
.FaqInner dt .qa-icon { background-color:#833637; }
.FaqInner dt .qa-icon:after { border-left-color:#833637; }
.FaqInner dd .qa-icon { top:-0.15em; background-color:#ccc; }
.FaqInner dd .qa-icon:after { border-left-color:#ccc; }



@media (min-width:320px) and (max-width:768px) {
    .FaqHead { padding-right:5%; padding-left:5%; }
}


/*######################################################################*/
/*																		*/
/*	Glossary															*/
/*																		*/
/*######################################################################*/

.Head + .Glossary { padding-top:78px; }
.Glossary { margin-bottom:7.0em; border-bottom:#e0e0e0 1px solid; color:#808080; }
.GlossaryHead { margin-bottom:25px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.GlossaryHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; font-size:1.7em; }

.GlossaryNav { width:100%; min-width:320px; max-width:1080px; margin:0 auto 3.0em; line-height:1.6; text-align:center; }
.GlossaryNav ul { line-height:1.6; }
.GlossaryNav ul:after { content:''; display:block; clear:both; height:0; }
.GlossaryNav li { display:block; float:left; width:30%; min-height:4.0em; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; font-size:0.9em; vertical-align:top; }
.GlossaryNav li:nth-child(2) { margin-right:5%; margin-left:5%; }
.GlossaryNav li a {  color:inherit; text-decoration:none; }

.GlossaryContentNav { width:100%; min-width:320px; max-width:1080px; margin:0 auto 2.0em; }
.GlossaryContentNav h1 { margin-bottom:1.75em; font-size:1.2em; font-weight:600; }
.GlossaryContentNav h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:1.8em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_document.png') no-repeat center center; background-size:auto 100%; }
.GlossaryContentNav .call_letter li { display:inline; }
.GlossaryContentNav .call_letter a { display:inline-block; padding:0 0.35em; color:#2d59b3; }

.GlossaryListIndex {  }
.GlossaryListIndex li { position:relative; padding:60px; }
.GlossaryListIndex li > a { display:block; position:absolute; top:-40px; }
.GlossaryListIndex li:nth-child(odd) { background:#f6f3ea; }
.GlossaryListIndex h2 { width:100%; min-width:320px; max-width:1080px; margin:0 auto 1.0em; color:#833637; font-size:1.2em; font-weight:600; }
.GlossaryListIndex .word-item { width:100%; min-width:320px; max-width:1080px; margin:0 auto 2.0em; padding-bottom:1.0em; border-bottom:#e0e0e0 1px solid; }
	.GlossaryListIndex li:last-child .word-item { margin-bottom:4.0em; }
.GlossaryListIndex .word-heading { margin:0 auto 0.65em; }
.GlossaryListIndex .word-heading h3 { display:inline-block; margin-right:2.0em; font-size:1.1em; font-weight:600; }
.GlossaryListIndex .word-heading p { display:inline-block; margin-left:1.0em; padding-left:1.0em; border-left:#ccc 1px solid; font-size:1.0em; }
.GlossaryListIndex .word-description { line-height:1.5; }


@media (min-width:320px) and (max-width:768px) {
    .GlossaryHead { padding-right:5%; padding-left:5%; }
	.GlossaryNav { padding:0 5%; }
    .GlossaryContentNav { padding-right:5%; padding-left:5%; }
	.GlossaryNav li { display:block; float:none; width:100%; min-height:inherit; text-align:left; }
	.GlossaryNav li:nth-child(2) { margin-right:0; margin-left:0; }
	.GlossaryListIndex h2 { min-width:inherit; }
	.GlossaryListIndex .word-item { min-width:inherit; }
	.GlossaryListIndex .word-heading { line-height:1.5; }
	.GlossaryListIndex .word-heading h3 { margin-right:0.0em; font-size:1.0em; }
	.GlossaryListIndex .word-heading p { margin-left:0.5em; padding-left:0.5em; }
	.GlossaryListIndex li { position:relative; padding:20px 5%; }
}


/*######################################################################*/
/*																		*/
/*	Contact																*/
/*																		*/
/*######################################################################*/

.Head + .Contact { padding-top:78px; }
.Contact { margin-bottom:3.0em; }
.Contact:after { content:''; display:block; clear:both; height:0; }
.ContactHead { margin-bottom:36px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.ContactHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; color:#808080; font-size:1.7em; }

.ContactInner { width:100%; min-width:320px; max-width:1080px; margin:0 auto 4.0em; }
    .ContactInner aside { float:left; width:25%; margin-right:10%; }
        .ContactInner aside ol {  }
        .ContactInner aside ol li { position:relative; margin-bottom:8px; padding:12px 0 12px 72px; color:#4d4d4d; font-size:1.28em; }
        .ContactInner aside ol li:nth-child(1) { background:url('/assets/images/contact/contact_step1.png') no-repeat 16px center; background-size:40px auto; }
        .ContactInner aside ol li:nth-child(2) { background:url('/assets/images/contact/contact_step2.png') no-repeat 16px center; background-size:40px auto; }
        .ContactInner aside ol li:nth-child(3) { background:url('/assets/images/contact/contact_step5.png') no-repeat 16px center; background-size:40px auto; }
        .ContactInner aside ol li.current { background-color:#f5f5f5; }
        .ContactInner aside ol li.current:after { content:''; display:inline-block; position:absolute; right:-24px; top:0; border:transparent; border-style:solid; border-width:32px 0 32px 24px; border-color:transparent transparent transparent #f5f5f5; }
            .ContactInner aside ol li.current:nth-child(1) { background-image:url('/assets/images/contact/contact_step1-current.png'); }
            .ContactInner aside ol li.current:nth-child(2) { background-image:url('/assets/images/contact/contact_step2-current.png'); }
            .ContactInner aside ol li.current:nth-child(3) { background-image:url('/assets/images/contact/contact_step5-current.png'); }
        .ContactInner aside ol li span { display:block; margin-bottom:0.42em; color:#b2b2b2; font-size:0.77em; }

    .ContactInner aside + section { float:left; width:65%; }
.ContactInner h1 { margin-bottom:36px; font-size:1.5em; }
.ContactInner h1:nth-child(1):before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_paperplane.png') no-repeat center center; background-size:auto 100%; }
.ContactInner form + h1 { padding-top:1.0em; border-top:#ebebeb 1px solid; }
.ContactInner form + h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_security.png') no-repeat center center; background-size:auto 100%; }
.ContactInner p { margin-bottom:2.0em; color:#808080; line-height:1.85; }
.ContactInner .material_dscr { display:block; margin-bottom: 3em; }
.ContactInner .material_dscr  p { margin-bottom:2.0em; color:#808080; line-height:1.85; }
.ContactInner .material_dscr h2 { margin-bottom:2.0em; color:#808080; line-height:1.85; }
.ContactInner .material_dscr .material_catalog_box { float:left; width:30%; margin-right:20px;}
.ContactInner .material_dscr .dd_strong { font-size:1.1em; font-weight: 600; display:block; margin-bottom:-10px; }
.ContactInner .material_dscr dd { font-size:0.9em; margin-bottom:3.0em; margin: 0.7em; color:#808080; line-height:1.5; }
.ContactInner .material_dscr:after { content: ''; display: table; clear: both; }
.ContactInner p span { color:#e65649; }
.ContactInner form fieldset { display: inline-block; }
.ContactInner form { margin-bottom:2.0em; color:#808080; }
.ContactInner form dl { margin-bottom:1.0em; margin-left: 0em; line-height:1.8; }
.ContactInner form dl:after { content:''; display:block; clear:both; height:0; }
.ContactInner form dt { float:left; width:30%; padding:1.5em 0 0.5em 1.3em; background-size:auto 1.0em; }
.ContactInner form dd { float:left; width:70%; padding:1.5em 0 0 1.3em; }
.ContactInner form .required { width: 54px;  height: 19px;  border-radius: 4px;  text-align: center;  margin-left: 0.5em;  color: #fff;  font-size: 0.8em;  background-color: #e65649; float: right; margin-top: 3px; }

.ContactInner form input,
.ContactInner form textarea { -webkit-border-radius : 0; -webkit-appearance : none; -webkit-tap-highlight-color : rgba(0,0,0,0); display:inline-block; min-width:10.0em; padding: 7px; margin-bottom: 0.5em;  margin-top: -0.5em; border:#ccc 1px solid; border-radius: 4px; margin-right: 1em; line-height:1.0; font-size:1.2em; text-indent:0.5em; outline: none; }
.ContactInner form textarea { width: 27.0em; min-height: 6.0em; }
.ContactInner form label { display:inline-block; margin-left:1.0em; }
.ContactInner form input[name="email"],
.ContactInner form input[name="company"] { min-width:20.0em; }
.ContactInner form input[name="00N20000002p2Bm"],
.ContactInner form input[name="00N20000003BbNL"],
.ContactInner form input[name="phone"] { min-width:20.0em; }
.ContactInner form input:hover,
.ContactInner form textarea:hover { border:#4970bf 1px solid; border-radius: 4px;}
.ContactInner form input:focus { background-color: #e0f3ff; border: #4970bf 1px solid; border-radius: 4px; box-shadow: 0px 0px 4px 1px rgb(141, 174, 229); }
.ContactInner form textarea:focus { background-color: #e0f3ff; border: #4970bf 1px solid; border-radius: 4px; box-shadow: 0px 0px 4px 1px rgb(141, 174, 229); }
.ContactInner form p { text-align: center; text-indent: 1em; }
.ContactInner form p .btn { min-width:40%; padding:1.2em; text-align:center; border-radius: 4px; margin-left: 2.3em; }
.ContactInner form p .btn .secondary { border: none; }
.ContactInner form p input #send { border: #4970bf 1px solid; }
.ContactInner form p .material-submit { margin-top: 0.2em; }
.ContactInner form p input .btn .secondary:focus { background-color: #4970bf; border: #4970bf 1px solid; border-radius: 4px; box-shadow: }

.ContactInner form input::-webkit-input-placeholder {color: #bbb;}
.ContactInner form input::-moz-placeholder {color: #bbb; opacity: 1;}
.ContactInner form input:-ms-input-placeholder {color: #bbb;}


.ContactInner nav { margin-bottom:3.0em; line-height:1.6; text-align:center; }
.ContactInner nav ul { line-height:1.6; }
.ContactInner nav ul:after { content:''; display:block; clear:both; height:0; }
.ContactInner nav li { display:inline-block; width:40%; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; vertical-align:top; }
.ContactInner nav li:nth-child(3n+2) { margin-right:5%; margin-left:5%; }
.ContactInner nav li:nth-child(3n+4) { clear:both; }
.ContactInner nav a { color:inherit; text-decoration:none; }
.ContactInner nav a:before { content:''; display:inline-block; position:relative; top:-0.1em; left:-1.0em; margin-right:-3px; border:transparent 3px solid; border-left:#808080 3px solid; }

.ContactInner .tel-box dl  { display:table; width:100%; margin-bottom:4.0em; border-collapse:collapse; border:#e0e0e0 1px solid; font-size:1.2em; text-align:center; }
.ContactInner .tel-box dl dt { display:table-cell; width:42%; padding:2.0em 0; vertical-align:middle; background:#e0e0e0; }
.ContactInner .tel-box dl dd { display:table-cell; width:58%; padding:2.0em 0; vertical-align:middle; }
.ContactInner .error { display: inline-block; color: #e65649; padding-left: 1em; }
.ContactInner .btn.secondary { box-shadow: none; background-color: #4970bf; }
.ContactInner .btn.secondary { border: #4970bf solid 1px;}

.ContactInner .ssl_large { margin: 7em 1.3em -1.4em; }
.ContactInner .ssl_large span { float: left;}
.ContactInner .ssl_large p { float: right; margin-top: -0.6em; margin-bottom: 3.5em; }
.ssl_large:after { content: ''; display: table; clear: both; }

.ContactForm-confirm dl { margin-bottom:2.0em; line-height:1.8; }
.ContactForm-confirm dl:after { content:''; display:block; clear:both; height:0; }
.ContactForm-confirm dt { float:left; width:30%; padding:1.5em 0 0.5em 2.3em; }
.ContactForm-confirm dd { float:left; width:70%; padding:1.5em 0 0.5em 1.3em; }
.ContactForm-confirm .required { width: 36px;  height: 19px;  border-radius: 4px;  text-align: center;  margin-left: 0.5em;  color: #fff;  font-size: 0.8em;  background-color: #e65649; float: right; margin-top: 3px; }

.ContactForm-confirm form { float:left; width:48%; }
.ContactForm-confirm form + form { margin-left:4%; }
.ContactForm-confirm form input { width:100%; margin-left: -55px; }
.ContactForm-confirm form p .btn { margin-left: -0.5em; }


@media (min-width:320px) and (max-width:768px) {
    .Contact { margin-bottom: 0em; }
    .ContactHead { padding-right:5%; padding-left:5%; }
    .ContactInner aside { float:none; width:100%; margin:0 auto; }
    .ContactInner aside + section { float: none; width: 90%; margin: 2em auto; padding-top: 2em; border-top: solid #e0e0e0 1px; }
    .ContactInner aside ol li.current:after { content:none; }
    .ContactInner form dl { margin-bottom:0em; }
	.ContactInner form dt { clear:both; float:none; width:100%; padding:0 0 0.5em 0.3em; background-size:auto 1.0em; }
	.ContactInner form dd { clear:both; float:none; width:100%; padding:0.5em 0 0.5em 0.0em; }
	.ContactInner form fieldset { display:block; position:relative; float:none; top:-0.3em; min-width:100px; max-width:100%;  padding:0; }
	.ContactInner form input { min-width:6.0em; width:100%; padding:7px; line-height:1.0; font-size:1.2em; text-indent:0.5em; background:transparent; outline:0; border:#ccc 1px solid; border-radius: 4px;}
	.ContactInner form input[name="email"],
	.ContactInner form input[name="company"] { min-width:6.0em; }
	.ContactInner form input[name="00N20000002p2Bm"],
	.ContactInner form input[name="phone"] { min-width: 6.0em; }
	.ContactInner form textarea { width:100%; }
    .ContactInner form p { text-indent:0; }
    .ContactInner form .required { float: none; display: inline-block;}
    .ContactInner form input,
    .ContactInner form textarea { margin-top: 0em; outline: none; }

	.ContactInner nav li { display:block; width:100%; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; text-align:left; vertical-align:top; }
	.ContactInner nav li:nth-child(3n+2) { margin-right:0; margin-left:0; }
	.ContactInner .tel-box dl  { display:block; width:100%; margin:0 auto 2.0em; border-collapse:collapse; border:#e0e0e0 1px solid; font-size:1.0em; text-align:center; }
	.ContactInner .tel-box dl dt { display:block; width:100%; padding:1.0em 0; vertical-align:middle; background:#e0e0e0; }
	.ContactInner .tel-box dl dd { display:block; width:100%; padding:1.0em 0; vertical-align:middle; line-height: 1.4em; }
    .ContactInner .ssl_large { text-align: center; margin: 3em 0 -2em; }
    .ContactInner .ssl_large span { float: none; margin-right: -1.1em; }
    .ContactInner .ssl_large p { margin-top: 1em; text-align: left;}

	.ContactInner h1 { margin-bottom:36px; font-size:1.2em; }
	.ContactInner form + h1 { padding-top:1.0em; border-top:#ebebeb 1px solid; font-size: 1.1em; }
	.ContactInner form + h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_security.png') no-repeat center center; background-size:auto 100%; }
	.ContactInner h1 + p { margin-bottom:2.0em; color:#808080; line-height:1.85; }
	.ContactInner h1 + p span { color:#e65649; }
    .ContactInner form fieldset { margin-right: 0em; }
    .ContactInner form p .btn { margin-left: 0em; }

    .ContactForm-confirm dl { margin-bottom:1.0em; margin-left: 1em; line-height:1.8; }
    .ContactForm-confirm dl:after { content:''; display:block; clear:both; height:0; }
    .ContactForm-confirm dt { float:none; width:100%; padding:1.5em 0 0.5em 0; background-size:auto 1.0em; }
    .ContactForm-confirm dd { float:none; width:100%; padding:0em 0 1em 1em; }
    .ContactForm-confirm form { float:left; width:48%; }
    .ContactForm-confirm form + form { margin-left:4%; }
    .ContactForm-confirm form input { width:100%; }
    .ContactForm-confirm .required { float: none; display: inline-block;}

	.ContactInner .material_dscr { display:block; margin-bottom: 1em; }
	.ContactInner .material_dscr .material_catalog_box { float:left; width:100%; margin-right:20px; margin-bottom:2em; }
	.ContactInner .material_dscr .material_catalog_box .mate_desc_shorten_sp { margin-top:-1.5em; display:block; }
}
#submain section a.btn.secondary { color: #fff; text-decoration: none; }



/*######################################################################*/
/*																		*/
/*	News																*/
/*																		*/
/*######################################################################*/

.Head + .news { padding-top:78px; }
.news { margin-bottom:3.0em; margin-top: 3.0em;}
.newsHead { margin-bottom:36px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.newsHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; color:#808080; font-size:1.7em; }

.newsInner { width:100%; min-width:320px; max-width:1080px; margin:0 auto 4.0em; }
.newsInner h1 { margin-bottom:36px; font-size:1.5em; }
.newsInner h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/index/icon_news_headline.png') no-repeat center center; background-size:auto 100%; }
.newsInner h1 span { float:right; color:#808080; font-size:0.5em; }
.newsInner h1 + p { margin-bottom:2.0em; color:#808080; }
.newsInner ul { line-height:1.6; }
.newsInner .newsImage { margin-bottom: 60px; }

.newsNav { margin-bottom:3.0em; line-height:1.6; text-align:center; }
.newsNav ul { line-height:1.6; }
.newsNav ul:after { content:''; display:block; clear:both; height:0; }
.newsNav li { display:inline-block; width:18%; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; vertical-align:top; }
.newsNav li:nth-child(2) { margin-right:2%; margin-left:2%; }
.newsNav li:nth-child(4) { margin-right:2%; margin-left:2%; }
.newsNav li a { cursor:pointer; }
#submain section .newsNav li a.current { color:#2d59b3; }

.newsInner .news-list { min-height:15em; }
.newsInner .news-list li { margin-bottom:1.0em; padding-bottom:0.85em; border-bottom:#ebebeb 1px solid; }
.newsInner .news-list sub { display:block; margin-bottom:0.65em; font-size:0.9em; }
.newsInner .news-list span { display:inline-block; position:relative; top:-0.1em; margin-right:1.0em; padding:0.35em 0.65em; border:#ccc 1px solid; border-radius:2px; line-height:1.0; font-size:0.8em; }
    .newsInner .news-list li span.icon-new { display:inline-block; position:relative; top:inherit; margin-left:0.65em; padding:0; border:0; border-radius:inherit; line-height:1.0; font-size:0.7em; color:#e65649; }
.newsInner .news-list h2 {  }
#submain section .newsInner .news-list a { color:#808080; text-decoration:none; }
#submain section .news-tabs a {color: #333333; text-decoration: none; }
#submain section .news-meta li a { color: #fff; text-decoration: none; }
.news-meta { margin-bottom:2.0em; padding-bottom:1.0em; border-bottom:#e0e0e0 1px solid; }
.news-meta:after { content:''; display:block; clear:both; height:0; }
.news-meta p { float:left; width:70%; }
    .news-meta time { display:inline-block;margin-right:0.5em; }
    .news-meta span { display:inline-block; position:relative; top:-0.1em; margin-right:1.0em; padding:0.35em 0.65em; border:#ccc 1px solid; border-radius:2px; line-height:1.0; font-size:0.8em; }

.news-meta ul { float:left; width:30%; text-align:right; }
.news-meta ul li { display:inline-block; }
.news-meta ul li:nth-child(1) a { display:inline-block; width:70px; height:30px; border-radius:3px; color:#fff; line-height:30px; font-size:18px; text-align:center; letter-spacing:normal; background:#3b5998; transition-duration:.2s; }
.news-meta ul li:nth-child(2) a { display:inline-block; width:70px; height:30px; margin-left:0.15em; border-radius:3px; color:#fff; line-height:30px; font-size:18px; text-align:center; letter-spacing:normal; background:#00aced; transition-duration:.2s; }
.news-content { margin-bottom:2.0em; padding-bottom:2.0em; border-bottom:#e0e0e0 1px solid; line-height:1.85; }
.news-content:after { content:''; display:block; clear:both; height:0; }
.news-content a { color:#2d59b3; }
.news-content h2 { margin-bottom:2.0em; color:#808080; font-size:1.2em; font-weight:600; }
.news-content p { margin-bottom:2.0em; }
.news-content ol,
.news-content ul { margin-bottom:2.0em; }
.news-content table { width:100%; margin-bottom:1.0em; border-collapse:collapse; }
.news-content table tr { border-bottom:#ccc 1px solid; }
.news-content table th,
.news-content table td { padding:0.65em 0; }
.newsTop { padding:2.0em 0; text-align:center; }

@media (min-width:320px) and (max-width:768px) {
    .newsHead { padding-right:5%; padding-left:5%; }
    .newsInner { padding-right:5%; padding-left:5%; }
    .newsInner h1 { position:relative; margin-bottom:36px; font-size:1.3em; line-height:1.4; }
    .newsNav { text-align:left; }
    .newsNav li { display:block; width:100%; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; vertical-align:top; }
    .newsNav li:nth-child(2) { margin-right:0; margin-left:0; }
    .newsNav li:nth-child(4) { margin-right:0; margin-left:0; }
    .news-meta p { float:left; width:50%; }
    .news-meta ul { float:left; width:50%; text-align:right; }
}
#submain a.btn.tertiary { text-decoration: none; }

/*######################################################################*/
/*																		*/
/*	Terms																*/
/*																		*/
/*######################################################################*/

.Terms_pdf_Inner {
    width: 100%;
    min-width: 320px;
    max-width: 730px;
    margin: 5.0em auto 7.0em;
}
.Terms_pdf p {
    line-height: 1.8em;
}
p.description {
    font-size: 1.2em;
}
.Terms_pdf_Inner h2 {
    font-size: 1.4em;
}
.Terms_pdf div {
    padding: 20px 5px;
}
.Terms_pdf .Inner_box{
    padding: 40px;
}
.Terms_pdf_Inner h2:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 1.15em;
    width: 27px;
    height: 31px;
    margin-right: 1em;
    background: url(/assets/images/common/icon_pdf.png) no-repeat center center;
    background-size: auto 100%;
}
.Terms_pdf .pdf_download {
    text-align: left;
}
.term_pdf p {
    padding: 18px 47px;
}
.Terms_pdf .company {
    text-align: right;
}

@media (min-width:768px) and (max-width:1080px) {
    .Terms_pdf_Inner {
    width: 95%;
    min-width: 290px;
    margin: 3em auto 4em;
}
}

@media (min-width:320px) and (max-width:767px) {
    .Terms_pdf {
        padding: 15px;
    }
    .Terms_pdf .Inner_box {
    padding: 20px;
    }
    p.description {
    font-size: 1.0em;
    }
    .Terms_pdf div {
    padding: 0px;
    }
    .Terms_pdf_Inner h2 {
        font-size: 1em;
    }
    .term_pdf p {
    padding: 7px 42px;
    font-size: 0.85em;
}
    .Terms_pdf_Inner {
    width: 95%;
    min-width: 290px;
    margin: 3em auto 4em;
}
.Terms_pdf .pdf_download {
    display: none;
}
.Terms_pdf .company {
    font-size: 0.8em;
}
}

/*######################################################################*/
/*																		*/
/*	Privacy																*/
/*																		*/
/*######################################################################*/

.Head + .privacy { padding-top:78px; }
.privacy { margin-bottom:3.0em; }
.privacyHead { margin-bottom:36px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.privacyHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; color:#808080; font-size:1.7em; }

.privacyNav { margin-bottom:3.0em; line-height:1.6; text-align:center; }
.privacyNav ul { line-height:1.6; }
.privacyNav ul:after { content:''; display:block; clear:both; height:0; }
.privacyNav li { display:block; float:left; width:30%; min-height:4.0em; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; font-size:0.9em; vertical-align:top; }
.privacyNav li:nth-child(2) { margin-right:5%; margin-left:5%; }
.privacyNav li a {  color:inherit; text-decoration:none; }
.privacyInner { width:100%; min-width:320px; max-width:1080px; margin:0 auto 4.0em; padding-top:2.4em; }
.privacyInner a { color:#2d59b3; }
.privacyInner h1 { margin-bottom:36px; font-size:1.5em; }
.privacyInner h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_document.png') no-repeat center center; background-size:auto 100%; }
.privacyInner h1 + p { margin-bottom:2.0em; color:#808080; line-height:1.85; }
.privacyInner > dl { margin-bottom:2.0em; border-bottom:#ebebeb 1px solid; line-height:1.8; }
.privacyInner > dl:after { content:''; display:block; clear:both; height:0; }
.privacyInner > dl > dt { float:left; width:30%; padding:1.0em 0 0.85em 2.3em; border-top:#ebebeb 1px solid; font-weight:600; background-size:auto 1.0em; }
.privacyInner > dl > dd { float:left; width:70%; padding:1.0em 0 0.85em 0; border-top:#ebebeb 1px solid; }
.privacyInner > dl + p { color:#808080; line-height:1.85; text-align:right; }
.privacyInner > dl > dd dl {  }
.privacyInner > dl > dd dt { font-weight:600; }
.privacyInner > dl > dd dd { padding-left:2.0em; }

.privacyLegal { padding-left:2.0em; list-style:decimal; }
.privacyLegal > li { margin-bottom:1.0em; line-height:1.85; }
.privacyLegal > li p { padding-left:2.0em; }
.privacyLegal > li ol { margin-bottom:1.0em; padding-left:2.0em; }
.privacyLegal > li ol > li { margin-bottom:1.0em; }
.privacyLegal > li ul { margin-bottom:1.0em; padding-left:4.0em; list-style:disc; }
.privacyLegal > li ul > li { margin-bottom:0; }
.privacyIndent { margin-bottom:1.0em; padding-left:4.0em !important; }

@media (min-width:320px) and (max-width:768px) {
    .privacyHead { padding-right:5%; padding-left:5%; }
	.privacyNav ul { padding:0 5%; }
	.privacyNav li { display:block; float:none; width:100%; min-height:inherit; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:0.0em; border-bottom:#e0e0e0 1px solid; font-size:0.9em; text-align:left; vertical-align:top; }
	.privacyNav li:nth-child(2) { margin-right:0; margin-left:0; }
	.privacyInner h1 { margin-bottom:36px; padding:0 5%; LINE-HEIGHT:1.3; font-size:1.3em; letter-spacing:-0.02em; }
	.privacyInner h1:before { content:''; display:block; position:relative; top:0.45em; float:left; width:2.0em; height:1.8em; margin-right:0.0em; background:url('/assets/images/common/icon_document.png') no-repeat center center; background-size:auto 100%; }
	.privacyInner h1 + p { margin-bottom:2.0em; padding:0 5%; color:#808080; line-height:1.85; }
	.privacyInner > dl > dt { float:none; width:100%; padding:1.0em 0 0.85em 1.4em; border-top:#ebebeb 1px solid; font-weight:600; background-size:auto 1.0em; }
	.privacyInner > dl > dd { float:none; width:100%; padding:1.0em 5% 0.85em 5%; border-top:#ebebeb 1px solid; }
	.privacyInner > dl + p { padding:0 5%; color:#808080; line-height:1.85; text-align:right; }
	.privacyLegal { padding-left:3.6em; list-style:decimal; }
}
#submain section .privacy-menu li a { color: #333333; text-decoration: none; }
#submain section .privacyNav li a { color: #333333; text-decoration: none; }

/*######################################################################*/
/*																		*/
/*	Sitemap																*/
/*																		*/
/*######################################################################*/

.Head + .Sitemap { padding-top:78px; }
.Sitemap { margin-bottom:3.0em; }
.SitemapHead { margin-bottom:36px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.SitemapHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; color:#808080; font-size:1.7em; }

.SitemapInner { width:100%; min-width:320px; max-width:1080px; margin:0 auto 4.0em; }
.SitemapInner h1 { margin-bottom:36px; font-size:1.5em; }
.SitemapInner h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_folder.png') no-repeat center center; background-size:auto 100%; }
.SitemapInner h1 + p { margin-bottom:2.0em; color:#808080; }
.SitemapInner ul { line-height:1.6; }
.SitemapInner ul:after { content:''; display:block; clear:both; height:0; }
.SitemapInner li { float:left; width:30%; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; vertical-align:top; }
.SitemapInner li:nth-child(3n+2) { margin-right:5%; margin-left:5%; }
.SitemapInner li:nth-child(3n+4) { clear:both; }
.SitemapInner a { color:inherit; text-decoration:none; }
.SitemapInner a:before { content:''; display:inline-block; position:relative; top:-0.1em; left:-1.0em; margin-right:-3px; border:transparent 3px solid; border-left:#808080 3px solid; }

@media (min-width:320px) and (max-width:768px) {
    .SitemapHead { padding-right:5%; padding-left:5%; }
    .SitemapInner { padding-right:5%; padding-left:5%; }
    .SitemapInner li { float:none; width:100%; margin-bottom:1.0em; padding-bottom:0.85em; padding-left:1.0em; border-bottom:#e0e0e0 1px solid; vertical-align:top; }
    .SitemapInner li:nth-child(3n+2) { margin-right:0; margin-left:0; }
    .SitemapInner li:nth-child(3n+4) { clear:both; }
}


/*######################################################################*/
/*																		*/
/*	Foot																*/
/*																		*/
/*######################################################################*/
.Foot .PageTop { position:fixed; bottom:0; right:0; width:70px; height:60px; background:#e0e0e0; cursor:pointer; }
    .Foot .PageTop:before { content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-3px 0 0 -10px; border-top:#fff 2px solid; border-left:#fff 2px solid; transform:rotate(45deg); }

.Foot { padding-bottom:3.0em; }
    .Foot:after { content:''; display:block; clear:both; height:0; }
.FootInner { width:100%; min-width:320px; max-width:1080px; margin:0 auto; }
.FootInner nav { float:left; width:60%; padding-top:0.85em; font-size:0.8em; }
.FootInner nav a { color:inherit; text-decoration:none; }

.FootBanner { position:relative; top:-2.75em; margin-right:2.0em; }
.FootBanner img { width:auto; height:50px; }
#aa img { margin-top: -31px; margin-right: 2.0em;}
#ss_img { margin-top: -31px; margin-right: 2.0em;}

@media (min-width:320px) and (max-width:768px) {
    #aa img { margin-top: 0px; margin-right: 2.0em;}
    #ss_img { margin-top: 0px; margin-right: 2.0em;}
}

.FootBanner:hover img { opacity:0.8; }

.FootCopyright { float:left; width:40%; text-align:right; }
.FootCopyright small { display:inline-block; position:relative; top:0.75em; font-size:0.8em; }
.FootSNS { float:right; }
.FootSNS:after { content:''; display:block; clear:both; height:0; }
.FootSNS li { display:inline; }
.FootSNS a { display:block; float:right; width:23px; height:23px; margin-left:10px; font-size:0; }
.FootSNS li:nth-child(1) a { background:url('/assets/images/common/icon_foot_facebook.png') no-repeat; }
.FootSNS li:nth-child(2) a { background:url('/assets/images/common/icon_foot_twitter.png') no-repeat; }


@media (min-width:769px) and (max-width:1080px) {
    .FootInner nav { float:none; width:100%; text-align:center; }
    .FootCopyright { float:none; width:100%; text-align:center; }
    .FootSNS { float:none; display:inline-block; }
    .FootSNS a { display:inline-block; float:none; width:23px; height:23px; margin-left:10px; font-size:0; }
}
@media (min-width:320px) and (max-width:768px) {
	.FootInner { width:100%; min-width:320px; max-width:1080px; margin:0 auto; padding:0 5%; }
    .FootInner nav { float:none; width:100%; font-size:0.7em; text-align:center; }
    .FootBanner { top:0; margin-right:0.0em; }
    .FootBanner:after { content:''; display:block; margin-bottom:1.0em; }
    .FootCopyright { float:none; width:100%; text-align:center; }
    .FootSNS { float:none; display:block; margin-top:1.0em; }
    .FootSNS a { display:inline-block; float:none; width:23px; height:23px; margin-left:10px; font-size:0; }
	.FootCopyright small { top:0.5em; }
}

/*######################################################################*/
/*																		*/
/*	Hero																*/
/*																		*/
/*######################################################################*/
    .hero-inner form { position:relative; float:right; margin-top:21px; border-bottom:#ccc 1px solid; background:url('/assets/images/common/icon_search.png') no-repeat 1.0em center; }
        .hero-inner form:before { content:''; display:block; position:absolute; bottom:0; left:0; width:1px; height:5px; background:#ccc; }
        .hero-inner form:after { content:''; display:block; position:absolute; bottom:0; right:0; width:1px; height:5px; background:#ccc; }
    .hero-inner form:hover { border-bottom:#4970bf 1px solid; }
        .hero-inner form:hover:before { background:#4970bf; }
        .hero-inner form:hover:after { background:#4970bf; }
    .hero-inner form input { margin:0; padding:7px; border:0; line-height:1.0; font-size:1.2em; text-indent:2.0em; background:transparent; outline:0; }

    .hero-inner form span { display:block; position:absolute; bottom:-1px; z-index:2; width:0; height:2px; background:#4970bf; box-shadow:0px 1px 8px 0px rgba(42,169,142,0.5); transition:0.3s; }
        .hero-inner form span:before { content:''; display:block; position:absolute; bottom:0; left:0; z-index:2; width:0; height:5px; background:#4970bf; box-shadow:0px 1px 8px 0px rgba(42,169,142,0.5); transition:0.3s; }
        .hero-inner form span:after { content:''; display:block; position:absolute; bottom:0; right:0; z-index:2; width:0; height:5px; background:#4970bf; box-shadow:0px 1px 8px 0px rgba(42,169,142,0.5); transition:0.3s; }
    .hero-inner form span.active { width:100%; transition:0.4s; }
        .hero-inner form span.active:before { width:2px; transition:0.4s; }
        .hero-inner form span.active:after { width:2px; transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	Urgent-TOP																*/
/*																		*/
/*######################################################################*/

.urgent{
  display: block;
  text-decoration:none;
  color:#f45656;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.4;
  margin : 0 0 60px 0;
  padding :20px;
  border: solid 2px;
}

/*######################################################################*/
/*																		*/
/*	CaseStudy																*/
/*																		*/
/*######################################################################*/

/* CaseStudyInner */
.CaseStudyStripe { background-color : #f6f3ea; }
.CaseStudyInner { padding-top : 78px;}
.CaseStudyHead { padding: 23px 0; border-top: #e0e0e0 1px solid; border-bottom: #e0e0e0 1px solid; background: #fcfcfc; }
.CaseStudyHead h1 { width: 100%; min-width: 320px; max-width: 1080px; margin: 0 auto; color: #808080; font-size: 1.7em; }
.CaseStudyInner .CaseStudyTable { width: 100%; overflow: hidden; min-width: 320px; max-width: 1080px; margin: 0 auto 0em; padding: 0px 0; line-height: 2.0em; }
.CaseStudyInner .title { width: 100%; color :#4d4d4d; font-size : 1.5em; vertical-align: center; padding : 55px 55px 0 50px; background:url(/assets/images/common/icon_TrustLogin.png)  no-repeat 0 4px; background-position : 0% 49px; display:block; }
.CaseStudyInner .table-logo { padding:35px 0 14px 100px; }
.CaseStudyInner .table-name { padding-left:50px; font-size : 1.4em; padding-bottom : 40px;}
.CaseStudyInner .table-desc { display : block; width :48%; padding-left :50px; float :left;}
.CaseStudyInner .CaseStudyTable tr { width : 48%;}
.CaseStudyInner .CaseStudyTable td { display: inline-block; line-height: 2em; font-size :0.8em; margin-right : 10px; color :#FFFFFF; padding: 0 10px; background-color: #898989; border-radius:4px; }
.right-desc { display :block; text-align: right; padding-right: 30px ;width:48%; float:right; line-height: 1.50em;}
.table-leftbox { width : 58%; float: left; }
.table-rightbox { width :42%; float: right; }
.clear { clear:both ;}

@media (min-width:320px) and (max-width:700px) {
	.CaseStudyInner .title { padding : 55px 55px 0 70px;  background-position : 20px 49px; display:block; }
	.CaseStudyInner .table-logo { padding:35px 0 14px 100px; }
	.CaseStudyInner .table-name { padding-left:50px; font-size : 1.4em; padding-bottom : 40px;}
	.CaseStudyInner .table-desc { display : block; width :60%; padding-left :20px; float :left;}
	.CaseStudyInner .CaseStudyTable tr { width : 48%;}
	.CaseStudyInner .CaseStudyTable td { display: inline-block; line-height: 2em; font-size :0.8em; margin-right : 10px; color :#FFFFFF; padding: 0 10px; background-color: #898989; border-radius:4px; }
	.right-desc { display :block; text-align: left;padding-right : 10px; ;width:30%; line-height: 1.50em; float: right; }
	.table-leftbox { width : 100%; float: left; }
	.table-rightbox { width :100%; padding-left: 15px ;float: right; }
	}

.CaseStudyInner .interview { width: 100%; min-width: 320px; max-width: 1080px; margin: 0 auto 0em; padding-top: 20px; line-height: 2.6; }
.CaseStudyInner .point-mark { display : inline; padding : 5px 25px; margin-bottom : -15px;  background-color :#c3ad74; color : #FFFFFF; font-size : 1.7em; font-weight:500;}
.CaseStudyInner .point { font-size : 1.4em; border: solid 5px #c3ad74; padding : 20px 30px ; margin : -14px 0 50px ; }
.CaseStudyInner .point li { padding-left : 50px; line-height : 1.9em; background: url(/casestudy/images/casestudy-check.jpg)  no-repeat 0 4px; background-position : 0% 6px; display:block; }

.CaseStudyInner h2 { color :#4d4d4d; font-size : 1.4em; line-height : 1.8em; border-left: solid 5px #78282a; padding-left: 20px; margin-bottom : 30px; }
.h2-first { margin-top : 50px;}
.comment-text { padding : 10px; }

.GSComment { color : #78282a ; padding-left: 85px; background: url(/casestudy/images/casestudy-interview-bg.jpg) no-repeat; background-position : 0% 8px; margin-bottom : 30px; }
.CComment { margin-bottom : 30px; }
.comment-img { float : left;}
.comment-img-t { float : right; padding-left : 20px; width : 70%; }
.orange { background-color:#ffdfbc;}

@media (min-width:320px) and (max-width:921px) {
	.comment-img-t { float : left; padding : 20px 0 0 0; width : 100%; }
	}

.intro-next { width: 100%; min-width: 320px; max-width: 1080px; margin: 0 auto; line-height : 1.8em; font-size: 1.4em; padding : 40px 10px; }
.pagenation { width: 100%; min-width: 320px; max-width: 1080px; margin: 0 auto; padding-bottom:65px; color: #808080; font-size: 1.0em; text-align: center;}
.pagenation p { color: #4d4d4d; line-height : 1.8em; font-size: 1.6em; padding : 40px 5px 20px; }
.pagenation .previous { display:inline-block; min-width: 160px;  height : 37px; color : #4970bf; border: 1px solid #4970bf; border-radius: 4px; box-sizing: border-box; text-align: center; text-decoration: none; padding: 11px; margin : 3px; font-weight: 500;}
.pagenation .previous:hover { opacity: 0.7;}
.pagenation .current-page { display: inline-block; width : 37px; height : 37px; color : #4970bf; font-size:1.2em; border: 1px solid #4970bf; border-radius: 4px; box-sizing: border-box; text-align: center; text-decoration: none; padding: 10px; margin : 3px; font-weight: 500;}
.pagenation .current-page:hover { opacity: 0.7;}
.pagenation .other-page { display: inline-block; width : 37px; height : 37px; color : #ffffff; font-size:1.2em; background-color:#4970bf; border: 1px solid #4970bf; border-radius: 4px; box-sizing: border-box; text-align: center; text-decoration: none; padding: 10px; margin : 3px; font-weight: 500;}
.pagenation .other-page:hover { background:#2d59b3; }
.pagenation .next { display: inline-block; min-width: 160px;  height : 37px; color : #ffffff; background-color:#4970bf; border: 1px solid #4970bf; border-radius: 4px; box-sizing: border-box; text-align: center; text-decoration: none; padding: 11px; margin : 3px; font-weight: 500;}
.pagenation .next:hover { background:#2d59b3; }

@media (min-width:320px) and (max-width:498px) {
	.pagenation .previous {  min-width: 110px;}
	.pagenation .current-page { display: inline-block; }
	.pagenation .other-page { display: inline-block; }
	.pagenation .next { min-width: 110px;}
}

.CaseStudyCVArea { width: 100%; min-width: 320px; max-width: 1080px; margin: 0 auto 80px; color: #808080; font-size: 1.0em;  text-align: center;}
.CaseStudyCVArea {text-align:center; padding-top:35px; }
.CaseStudyCVArea a.btn  {width: 250px;  margin-bottom: 80px;}
.CaseStudyCVArea p {line-height: 1.7em; padding:20px;}



/*######################################################################*/
/*																		*/
/*	MaintenanceMailRequest																*/
/*																		*/
/*######################################################################*/

.Head + .MMRequest { padding-top:78px; }
.MMRequest { margin-bottom:3.0em; }
.MMRequestHead { margin-bottom:36px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
.MMRequestHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; color:#808080; font-size:1.7em; }
.MMRequestInner { width:100%; min-width:320px; max-width:1080px; margin:0 auto 2.0em; padding-top:0em; }
.MMRequest h1 { font-size: 1.3em; margin: 0.6em 0 2em; }
.MMRequestInner h1:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('/assets/images/common/icon_gear.png') no-repeat center center; background-size:auto 100%; }
.MMRequestInner h1 + p { margin-bottom:2.0em; color:#808080; font-size:1.2em; font-weight:600; }
.MMRequest-content { margin-bottom:2.0em; margin-left: 50px; padding-bottom:2.0em; line-height:1.85; }
.MMRequest-content p { margin-bottom:2.0em; }
.MMRequestRequest { width:100%; min-width:320px; max-width:1080px; margin:4.0em auto 7.0em; padding:3.2em; border-radius:2px; text-align:center; background:#faf8f5; }
.MMRequestRequest h1 { margin-bottom: 2.0em; margin-left: -50px; font-size: 1.3em; }
.MMRequestRequest input {
    width: 50%; height: 3.8em; border: 1px solid #ccc; margin-right: 10px; font-size: 1em; box-sizing: border-box;padding: 0.75em; border-radius: 4px; text-align: left; background: #fff;}
.MMRequestRequest p span.btn { margin-top:1.0em; color:#fff; font-size:1.2em;  padding: 12px; min-width : 120px; margin-left : 0px;}


@media (min-width:769px) and (max-width:1080px) {
    .MMRequestRequest h1 { margin-bottom:1.5em; line-height:1.5; }
}
@media (min-width:320px) and (max-width:768px) {
    .MMRequestHead { padding-right:5%; padding-left:5%; }
	.MMRequestInner h1 { margin-bottom:36px; padding:0 5%; font-size:1.3em; }
	.MMRequestInner h1 + p { padding:0 5%; line-height:1.5; font-size:1.2em; font-weight:600; }
    .MMRequestRequest h1 { margin-bottom: 2.0em; margin-left: 0px; font-size: 1.3em; line-height : 1.5em;}
    .MMRequestRequest input { margin-right: 10px;margin-bottom: 10px;min-width: 100%; }
}

/*######################################################################*/
/*																		*/
/*	Catalog Download																*/
/*																		*/
/*######################################################################*/

  /* Catalog */

  .Head + .Catalog { padding-top:78px; }
  .Catalog { border-bottom:#e0e0e0 1px solid; color:#808080; }
  .CatalogHead { margin-bottom:70px; padding:23px 0; border-top:#e0e0e0 1px solid; border-bottom:#e0e0e0 1px solid; background:#fcfcfc; }
  .CatalogHead h1 { width:100%; min-width:320px; max-width:1080px; margin:0 auto; font-size:1.7em; }
  .CatalogInner { width:100%; min-width:320px; max-width:1080px; margin: 4.0em auto 7.0em; }
  .CatalogInner h1 { margin: 1.4em 0 0.6em; font-size:1.5em; line-height: 1.3em;}
  .CatalogInner h1 a { display:inline-block; position:relative; top:0.85em; float:right; min-width:100px; padding:8px 10px; font-size:0.6em; }
  .CatalogInner h1 + p { margin-bottom:1.5em; }
  .CatalogInner p { line-height: 1.4em; }
  .CatalogInner dl { line-height:1.8em; }
  .CatalogInner dl:after { content:''; display:block; clear:both; height:0; }
  .CatalogInner dt { float:left; clear:left; width:41%; padding:1.0em 0 3.0em 2.3em; font-weight:600; }
  .CatalogInner dd { float:left; width:50%; padding:1.0em 0 0.85em 0; }
  .catalog_box { padding-bottom: 20px;}
  .pdf_download { padding: 0 0 2em 6em; font-size: 0.8em;}

  .btn.download { color:#833637; background:#fff; border : solid 1px #833637;}
  .btn.download:hover { opacity: 0.7; }
  #submain section a.btn.download { color: #833637; text-decoration: none; }

  @media (min-width:320px) and (max-width:1020px) {
    .CatalogHead { padding-right:5%; padding-left:5%; }
  	.CatalogInner h1 { padding:0 5%; line-height:1.3; font-size:1.3em; }
  	.CatalogInner h1 + p { margin-bottom:1em; padding:0 5%; color:#808080; line-height:1.85; }
  	.CatalogInner > dl > dt { float:none; width:100%; padding:1.0em 0 0.85em 2.3em; font-weight:600; }
  	.CatalogInner > dl > dd { float:none; width:100%; padding:1.0em 7% 0.85em 7%; }
  	.CatalogInner > dl + p { padding:0 5%; color:#808080; line-height:1.85; text-align:left; }
    .CatalogInner > dl > dt > img { width : 90%; }
    .pdf_download { padding-bottom: 7em; text-align: center; line-height: 8em;}
    .btn.download { margin: 0 0 2em 2.2em;}
  }
}