@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('../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('../images/common/icon_head_forum.png') no-repeat center 20px; }
    .HeadAside > ul > li:nth-child(2) > a { background:url('../images/common/icon_head_login.png') no-repeat center 20px; }
    .HeadAside > ul > li:nth-child(3) > a { color:#fff; background:#e65649 url('../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('../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('../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('../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('../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; }
}




/*######################################################################*/
/*																		*/
/*	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('../images/contact/contact_step1.png') no-repeat 16px center; background-size:40px auto; }
.ContactInner aside ol li:nth-child(2) { background:url('../images/contact/contact_step2.png') no-repeat 16px center; background-size:40px auto; }
.ContactInner aside ol li:nth-child(3) { background:url('../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('../images/contact/contact_step1-current.png'); }
.ContactInner aside ol li.current:nth-child(2) { background-image:url('../images/contact/contact_step2-current.png'); }
.ContactInner aside ol li.current:nth-child(3) { background-image:url('../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 h2 { margin-bottom:36px; font-size:1.5em; }
.ContactInner h2: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('../images/common/icon_paperplane.png') no-repeat center center; background-size:auto 100%; }
.ContactInner form + h2 { padding-top:1.0em; border-top:#ebebeb 1px solid; }
.ContactInner form + h2:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('../images/common/icon_security.png') no-repeat center center; background-size:auto 100%; }
.ContactInner p { margin-bottom:2.0em; color:#4d4d4d; line-height:1.85; }
.ContactInner .material_dscr { display:block; margin-bottom: 3em; }
.ContactInner .material_dscr  p { margin-bottom:2.0em; color:#4d4d4d; line-height:1.85; }
.ContactInner .material_dscr h3 { margin-bottom:2.0em; color:#4d4d4d; line-height:1.85; }
.ContactInner .material_dscr .material_catalog_box { float:left; width:40%; margin:25px;}
.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:#4d4d4d; 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:#4d4d4d; }
.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:68%; padding:1.5em 0 0 1.3em; }
.ContactInner form span.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; }
.ContactInner form span.description { float: left; }

.ContactInner form input,
.ContactInner form textarea,
.ContactInner form select { -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 select { -webkit-appearance: menulist;-moz-appearance: menulist;-ms-appearance: menulist; }
.ContactInner form input[type="radio"] { -webkit-appearance:radio; -moz-appearance:radio; min-width: 1px;}
.ContactInner form input[type="radio"] + label { margin-left: 0em; margin-right: 2em; }
.ContactInner form .pd-radio > fieldset > span > span {display: block;}
.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: -1.2em; }
.ContactInner form p .btn { min-width:42%; padding:1.2em; text-align:center; border-radius: 4px; margin-left: 4.7em; }
.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; 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 .tel-box .right_text { font-size: 11px; padding: 22px 40px 0; display: block; text-align: left; line-height: 1.4em; }

.ContactInner .error { display: inline-block; color: #e65649; }
.ContactInner .btn.secondary { box-shadow: none; background-color: #4970bf; }
.ContactInner .btn.secondary { border: #4970bf solid 1px;}

.ContactInner .ssl_large { margin: 7em 0 -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:25%; padding:1.5em 0 0.5em 2.2em; }
.ContactForm-confirm dd { float:left; width:68%; 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:1024px) {
    .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; }
    .ContactInner .ssl_large { 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 h2 { margin-bottom:36px; font-size:1.3em; }
	.ContactInner form + h2 { padding-top:1.0em; border-top:#ebebeb 1px solid; }
	.ContactInner form + h2:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('../images/common/icon_security.png') no-repeat center center; background-size:auto 100%; }
	.ContactInner h2 + p { margin-bottom:2.0em; color:#808080; line-height:1.85; }
	.ContactInner h2 + p span { color:#e65649; }
    .ContactInner form fieldset { margin: 0 0.5em; }
    .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; }

/*PARDOT FORM*/
#error_for_Emailpi_Email>p.error{
display: block;
clear: both;
margin-left: 3.2em;
margin-bottom: 0px;
}



/*######################################################################*/
/*																		*/
/*	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 h2 { margin-bottom:36px; font-size:1.5em; }
.SitemapInner h2:before { content:''; display:inline-block; position:relative; top:0.45em; width:2.2em; height:1.8em; margin-right:0.6em; background:url('../images/common/icon_folder.png') no-repeat center center; background-size:auto 100%; }
.SitemapInner h2 + 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('../images/common/icon_foot_facebook.png') no-repeat; }
.FootSNS li:nth-child(2) a { background:url('../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; }
}


/*######################################################################*/
/*  IT Trend                         */
/*  for Pardot forms only            */
/*######################################################################*/
@media print, screen and (max-width: 740px){
footer#footer .inner {
    min-height: 13em;!important
}
}
footer#footer .inner {
    min-height: 24em;!important
}

/*######################################################################*/
/*  Header Menu                      */
/*  for Pardot forms only            */
/*######################################################################*/
li.sub_menu_each {
    box-sizing: content-box;
}

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

  /* Catalog */

 .Head + .Catalog { padding-top:78px; }
 .Catalog { border-bottom: #e0e0e0 1px solid; color: #4d4d4d; max-width: 900px; margin-right: auto; margin-left: auto; }
 .CatalogInner { width:100%; min-width:320px; max-width:1080px; margin: 4.0em auto 7.0em; }
 .CatalogInner h2 { color: #4d4d4d; font-size: 2.0em; font-weight: 400; margin: 44px 5px;}
 .CatalogInner h3 { margin: 0 0 0.6em; font-size:1.5em; font-weight: 600; line-height: 1.3em; color: #78282a;}
 .CatalogInner h3 a { display:inline-block; position:relative; top:0.85em; float:right; min-width:100px; padding:8px 10px; font-size:0.6em; }
 .CatalogInner h3 + p { margin-bottom:1em; font-weight: 600;}
 .CatalogInner p + p { font-size: 0.8em; }  .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; }
 .CatalogInner a.button.blue { width: 238px; height: 54px; font-size: 1.2em; line-height: 54px; margin: 0px auto 60px; }
 .CatalogInner a.button.blue.c_b_last { margin: 40px auto; }
 .CatalogInner a.button.blue > i { background: url(./images/pdf_icon_w.png?date=20250613) center center no-repeat; background-size: 24px 27px; display: inline-block; width: 40px; height: 27px; float: none; position: relative; top: 7px; left: -10px; }
 .catalogBox_out { display: inline-grid; width: 280px; margin: 20px 8px 50px; }
 .catalog_box { width: 280px; margin-bottom: 16px; display: inline-block; text-align: left; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.36); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.36); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.36); box-shadow: 0 0 8px rgba(0,0,0,0.36); background-color: #f7f4f0; }
 .catalog_box_lower { padding: 20px; height: 177px; }
 .thumb_table { vertical-align: top; }
 .thumb_table .catalogBox_out, .thumb_table .table { display: table-cell; float: left; }
 .clearfix:after { clear: both; content: ''; display: block; }
 .Catalog_3 .whitepaper_p { font-size: 1.1em; margin: -10px 6px 24px;  }
 .Catalog_3 table { display: inline-block; margin: 18px 20px;  }
 .Catalog_3 tr { border: 1px solid #a1a1a1;}
.Catalog_3 th { background-color: #f1f1f1; font-size: 1.1em; font-weight: 500;}
.Catalog_3 th, .Catalog_3 td { line-height: 4.5em; padding-left: 1.6em; padding-right: 2.2em; font-weight: 500;}
.Catalog_3 a > i { background: url(./images/pdf_icon.png?date=20250613) center center no-repeat; background-size: 24px 27px; display: inline-block;}
.Catalog_3 a > i { width: 60px; height: 27px; float: none; position: relative; top: 4px; left: 0px;}
.pdf_download { padding: 2em 0; font-size: 0.8em; text-align: center; margin: 0 25px;}
.btn.download { color: #4970bf; }
.btn.download:hover { color: #2b52a1; text-decoration: underline; }
.CatalogInner .whitepaper_box dd a { width: auto; display: block; text-align: left; padding: 0px 18px 18px 18px; }
.category {border: 1px solid #808080;border-radius: 17px;padding: 3px 17px;display: inline-table;margin-top: -20px;margin-bottom: 20px;}
.category_2 {margin-top : 40px;}
.category_pdf {padding-left:20px;}
.material_form a.button.blue {
    width: 238px;
    height: 54px;
    font-size: 1.2em;
    line-height: 54px;
    margin: 10px auto;
}
#MaterialFormInner { max-width: 900px; margin-right: auto; margin-left: auto;}
#MaterialFormInner h2:nth-child(1) {
    color: #78282a;
    text-align: center;
    font-size: 2.2em;
    font-weight: 600;
    line-height: 2em;
    padding: .3em 0;
    border-bottom: 4px solid #78282a;
    background: #f1f1f1;
}
#MaterialFormInner h2::before {
    content: none;
    background: none;
    width: 0;
    height: 0;
    top: 0;
}
.MaterialFormBox { max-width: 700px; margin-right: auto; margin-left: auto;}
.MaterialFormBox p.form_paragraph { font-size: 1.2em; }
.MaterialFormBox form { padding-left: 50px;}

.ContactInner #MaterialFormInner .btn.secondary {
    padding: 1.2em;
}
#MaterialFormInner form.form input.text {
    width: 286px;
}
#MaterialFormInner form.form input {
    padding: 7px;
}
#MaterialFormInner form.form {
    color: #404040;
    font: inherit;
}
.Catalog {
    border-bottom: none;
}


@media (min-width:320px) and (max-width:1024px) {
    .CatalogInner h2 { font-size: 1.8em; margin-left: 5px; line-height; }
    .CatalogInner .whitepaper_box dd a { margin: 0 0 0.2em 0; }
    .btn.download.pdf { text-align: left; }
    .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;
}
#MaterialFormInner {
    max-width: 92%;
    margin-right: auto;
    margin-left: auto;
}
#MaterialFormInner h2:nth-child(1) {
    font-size: 1.8em;
}
.ContactInner form span.required {
    float: none;
    display: inline-block;
}
#MaterialFormInner form.form input.text {
    width: 100%;
}
}
@media (min-width:320px) and (max-width:768px) {
    .CatalogInner .info_box { font-size: 11px; }
    .CatalogInner h2 { font-size: 1.35em; margin-left: 5px; line-height: 1.5; margin: 20px; }
    .Catalog_1, .Catalog_2, .Catalog_3 { text-align: center; }
    .thumb_table .catalogBox_out, .thumb_table .table { display: initial; float: unset;}
    .Catalog_3 th, .Catalog_3 td { line-height: 2em; padding: 1.2em;}
    .Catalog_3 .whitepaper_p { font-size: 0.8em; margin: -10px 15px 24px; }
    #MaterialFormInner {
        max-width: 100%;
    }
    #MaterialFormInner h2:nth-child(1) {
        font-size: 1.4em;
        padding: .3em .0 .3em 0em;
    }
    .MaterialFormBox {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
}
}
/*######################################################################*/
/*																		*/
/*	Contact form														*/
/*																		*/
/*######################################################################*/

  /* Contact */
  @media (min-width:320px) and (max-width:490px) {
    #footer .copyright {
        width: 100%;
        margin: 0;
    }
}