@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Roboto');


/*######################################################################*/
/*																		*/
/*	common       														*/
/*																		*/
/*######################################################################*/

* { box-sizing:border-box; letter-spacing:0.05em; }
body { position:relative; color:#222; line-height:1.5; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif; font-size:16px; font-feature-settings:'pkna'; letter-spacing:0.05em; }
a { color:inherit; text-decoration:none; }
img { vertical-align:top; }

.PC { display:block; }
.SP { display:none; }

/*######################################################################*/
/*																		*/
/*	Head        														*/
/*																		*/
/*######################################################################*/

.Head { position:relative; width:100%; min-width:1200px; color:#fff; background:url('../images/common/bg01.jpg') no-repeat center bottom; background-size:cover; box-shadow:0 1px 4px 0 rgba(0,0,0,0.5); }
.HeadInner {  }
.HeadInner::after { content:''; display:table; clear:both; height:0; }
.Head .HeadLogo { float:left; width:68%; padding:10px 0 0 10px; line-height:1.0; }
.Head h1 { display:inline-block; float:left; width:330px; line-height:1.0; }
.Head h1 small { display:block; margin-bottom:0.3em; margin-right:-3.0em; font-size:0.75em; font-weight:400; }
.Head h1 img { position:relative; width:auto; height:60px; margin-right:20px; }
.Head nav { display:inline-block; padding-top:0.85em; }
.Head nav .SPtrigger { display:none; }
.Head nav ul { display:inline-block; position:relative; top:1.95em; }
.Head nav li { display:inline-block; margin-right:1.0em; }
.Head nav li:nth-child(5) { margin-right:0; }
.Head nav li:nth-child(6) { display:none; }
.Head aside { float:right; width:32%; }
.Head aside ul {  }
.Head aside .mail { float:right; }
.Head aside .mail a { display:block; min-width:105px; height:105px; padding:5px; padding-top:2.1em; color:#fff; font-size:0.8em; text-align:center; text-shadow:0 0 4px rgba(0,0,0,0.25); background:#56a9be; transition:0.4s; }
.Head aside .mail a:hover { transition:0.4s; cursor:pointer; }
.Head aside .mail a i { display:block; margin-bottom:0.2em; font-size:2.3em; }
.Head aside .tel { float:right; }
.Head aside .tel a { display:block; display:block; height:105px; padding:28px 28px 0 10px; color:#fff; line-height:1.0; font-size:1.75em; font-weight:600; text-align:center; text-shadow:0 0 4px rgba(0,0,0,0.25); }
.Head aside .tel a:hover { background:rgba(255,255,255,0.15); }
.Head aside .tel a i { display:inline-block; }
.Head aside .tel a small { display:block; margin-top:0.45em; font-size:0.45em; letter-spacing:0.1em; }
.Head aside .tel a small span { font-size:0.85em; }

@media (max-width:1265px) {
    .Head nav li:nth-child(1) { display:none; }
}

/*######################################################################*/
/*																		*/
/*	Slide        														*/
/*																		*/
/*######################################################################*/

.Slide { position:relative; min-width:1240px; width:100%; }
.SlideInner {  }
.SlideInner::after { content:''; display:table; clear:both; height:0; }
.SlideTxt { position:absolute; z-index:2; top:50%; width:100%; margin-top:-8.6em; color:#fff; }
.SlideTxtInner { width:1200px; margin:0 auto; }
.SlideTxt h2 { font-size:2.8em; }
.SlideTxt p { width:1200px; margin:0 auto 20px; font-size:2.4em; }
.Slider { width:100%; min-width:1240px; }
.Slider img { width:100%; }

/*######################################################################*/
/*																		*/
/*	indexPoint     														*/
/*																		*/
/*######################################################################*/

.indexPoint { padding:70px 0; color:#fff; background:url('../images/common/bg01.jpg') no-repeat center top; background-size:cover; }
.indexPointInner { width:1200px; margin:0 auto; }
.indexPointInner::after { content:''; display:table; clear:both; height:0; }
.indexPoint header { min-height:240px; margin-bottom:-40px; padding-top:80px; text-align:center; background:url('../images/common/bg-point.png') no-repeat center top; }
.indexPoint header h2 { position:relative; display:inline-block; font-size:2.0em; text-shadow:0 0 8px rgba(23,94,127,1.0), 0 0 8px rgba(23,94,127,1.0), 0 0 8px rgba(23,94,127,1.0); letter-spacing:0.1em; }
.indexPoint ul {  }
.indexPoint ul::after { content:''; display:table; clear:both; height:0; }
.indexPoint ul li { float:left; width:22.75%; margin-right:3%; line-height:1.8; }
.indexPoint ul li:last-child { margin-right:0; }
.indexPoint figure { display:block; margin-bottom:20px; }
.indexPoint img { width:100%; }
.indexPoint h3 { margin-bottom:15px; font-size:1.3em; font-weight:600; text-align:center; }
.indexPoint li p { font-size:0.9em; text-align:justify; }
.indexPoint .btn_wrap { padding:40px 0 0; text-align:center; }
.indexPoint .btn_wrap .btn { display:inline-block; min-width:30%; padding:0 40px; border:#fff 1px solid; border-radius:8px; line-height:45px; font-size:1.1em; text-align:center; transition:0.4s; }
.indexPoint .btn_wrap .btn:hover { border-radius:45px; background:rgba(255,255,255,0.25); transition:0.4s; }

.indexPointRe { padding:70px 0; color:#fff; background:url('../images/common/bg01.jpg') no-repeat center top; background-size:cover; }
.indexPointReInner { width:1200px; margin:0 auto; }
.indexPointReInner::after { content:''; display:table; clear:both; height:0; }
.indexPointRe header { min-height:240px; margin-bottom:-40px; padding-top:80px; text-align:center; background:url('../images/common/bg-point.png') no-repeat center top; }
.indexPointRe header h2 { position:relative; display:inline-block; font-size:2.0em; text-shadow:0 0 8px rgba(23,94,127,1.0), 0 0 8px rgba(23,94,127,1.0), 0 0 8px rgba(23,94,127,1.0); letter-spacing:0.1em; }
.indexPointRe ul {  }
.indexPointRe ul::after { content:''; display:table; clear:both; height:0; }
.indexPointRe ul li { float:left; width:18.0%; margin-right:2.5%; line-height:1.8; }
.indexPointRe ul li:last-child { margin-right:0; }
.indexPointRe figure { display:block; margin-bottom:20px; }
.indexPointRe img { width:100%; }
.indexPointRe h3 { margin-bottom:15px; font-size:1.3em; font-weight:600; text-align:center; }
.indexPointRe li p { font-size:0.9em; text-align:justify; }
.indexPointRe .btn_wrap { padding:40px 0 0; text-align:center; }
.indexPointRe .btn_wrap .btn { display:inline-block; min-width:30%; padding:0 40px; border:#fff 1px solid; border-radius:8px; line-height:45px; font-size:1.1em; text-align:center; transition:0.4s; }
.indexPointRe .btn_wrap .btn:hover { border-radius:45px; background:rgba(255,255,255,0.25); transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	indexResult    														*/
/*																		*/
/*######################################################################*/

.indexResult { padding:70px 0; background:url('../images/common/bg02.gif'); box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.15); }
.indexResult::after { content:''; display:table; clear:both; height:0; }
.indexResultInner { width:1200px; margin:0 auto; }
.indexResult header { position:relative; margin-bottom:80px; text-align:center; }
.indexResult header::before { content:''; display:block; position:absolute; left:50%; bottom:-30px; width:50px; height:4px; margin-left:-50px; background:#186080; }
.indexResult header::after { content:''; display:block; position:absolute; left:50%; bottom:-30px; width:50px; height:4px; background:#000; }
.indexResult header h2 { display:inline-block; line-height:1.0; font-size:2.0em; }
.indexResult ul {  }
.indexResult ul::after { content:''; display:table; clear:both; height:0; }
.indexResult li { float:left; width:32%; margin-right:2%; line-height:1.8; }
.indexResult li:last-child { margin-right:0; }
.indexResult li figure { display:block; margin-bottom:20px; }
.indexResult li figure img { width:100%; }
.indexResult li h3 { margin-bottom:15px; font-size:1.5em; text-align:center; }
.indexResult li h3 span { display:block; font-family:Arial, sans-serif; font-size:0.5em; font-weight:600; }
.indexResult li p { font-size:0.9em; text-align:justify; }
.indexResult .btn_wrap { padding:40px 0 0; text-align:center; }
.indexResult .btn_wrap .btn { display:inline-block; min-width:30%; padding:0 40px; border:#000 1px solid; border-radius:8px; line-height:45px; font-size:1.1em; text-align:center; transition:0.4s; }
.indexResult .btn_wrap .btn:hover { border-radius:45px; background:rgba(255,255,255,0.25); transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	cvArea        														*/
/*																		*/
/*######################################################################*/

.cvArea { min-width:1240px; color:#fff; background:url('../images/common/bg01.jpg') no-repeat center bottom; background-size:cover; }
.cvAreaInner {  }
.cvArea header { min-width:1240px; margin:0 auto; padding:100px 0; text-align:center; background:url('../images/common/bg_cvarea.jpg') no-repeat center center; background-size:cover; }
.cvArea h4 { margin-bottom:20px; font-size:2.0em; font-weight:600; }
.cvArea p { line-height:1.8; font-size:1.1em; }
.cvArea ul { display:table; min-width:1200px; width:100%; padding:20px 0; }
.cvArea ul::after { content:''; display:table; clear:both; height:0; }
.cvArea .tel { display:table-cell; width:50%; vertical-align:middle; }
.cvArea .tel a { display:block; float:right; padding:35px 50px; color:#fff; line-height:1.0; font-size:1.3em; font-weight:600; }
.cvArea .tel a:hover { transition:0.4s; cursor:pointer; }
.cvArea .tel a i { display:inline-block; }
.cvArea .tel a b { display:block; margin:8px 0 10px; font-size:1.8em; letter-spacing:0.1em; }
.cvArea .tel small { display:block; font-size:0.7em; letter-spacing:0.1em; }
.cvArea .mail { display:table-cell; width:50%; vertical-align:middle; }
.cvArea .mail a { display:block; padding:35px 50px; border-left:rgba(255,255,255,0.25) 1px solid; color:#fff; line-height:1.0; font-size:1.3em; font-weight:600; transition:0.4s; }
.cvArea .mail a:hover { transition:0.4s; cursor:pointer; }
.cvArea .mail a i { display:inline-block; position:relative; top:-0.05em; margin-right:0.15em; font-size:1.0em; }
.cvArea .mail a b { display:inline-block; margin-top:15px; padding:0 40px; border:#fff 1px solid; border-radius:5px; line-height:50px; font-size:0.9em; text-align:center; transition:0.4s; cursor:pointer; }
.cvArea .mail a:hover b { border-radius:50px; background:rgba(255,255,255,0.15); transition:0.4s; cursor:pointer; }

/*######################################################################*/
/*																		*/
/*	PageTitle      														*/
/*																		*/
/*######################################################################*/

.PageTitle { position:relative; min-width:1240px; width:100%; min-height:240px; color:#fff; }
.PageTitle::before { content:''; display:block; position: absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); }
    .PageTitle.concept { background:url('../images/concept/pageimage.jpg') no-repeat center center; background-size:cover; }
    .PageTitle.corp { background:url('../images/corp/pageimage.jpg') no-repeat center center; background-size:cover; }
    .PageTitle.result { background:url('../images/result/pageimage.jpg') no-repeat center center; background-size:cover; }
    .PageTitle.contact { background:url('../images/contact/pageimage.jpg') no-repeat center center; background-size:cover; }
.PageTitleInner {  }
.PageTitleInner::after { content:''; display:table; clear:both; height:0; }
.PageTitle h2 { position:relative; z-index:2; padding-top:2.0em; font-size:2.8em; text-align:center; }

/*######################################################################*/
/*																		*/
/*	Concept        														*/
/*																		*/
/*######################################################################*/

.Concept { padding:0 0 0; background:url('../images/common/bg02.gif'); box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.15); }
.Concept::after { content:''; display:table; clear:both; height:0; }
.ConceptInner { min-width:1200px; margin:0 auto; }
.Concept header { position:relative; margin-bottom:80px; text-align:center; }
.Concept header::before { content:''; display:block; position:absolute; left:50%; bottom:-30px; width:50px; height:4px; margin-left:-50px; background:#186080; }
.Concept header::after { content:''; display:block; position:absolute; left:50%; bottom:-30px; width:50px; height:4px; background:#000; }
.Concept header h2 { display:inline-block; line-height:1.0; font-size:2.0em; }
.Concept ul {  }
.Concept li { min-height:640px; padding:45px 0; }
    .Concept li:nth-child(1) { background:rgba(255,255,255,0.4) url('../images/concept/img_concept01.png') no-repeat left center; background-size:auto 100%; }
    .Concept li:nth-child(2) { background:url('../images/concept/img_concept02.png') no-repeat right center; background-size:auto 100%; }
    .Concept li:nth-child(3) { background:rgba(255,255,255,0.4) url('../images/concept/img_concept03.png') no-repeat left center; background-size:auto 100%; }
    .Concept li:nth-child(4) { background:url('../images/concept/img_concept04.png') no-repeat right center; background-size:auto 100%; }
    .Concept li:nth-child(5) { background:url('../images/concept/img-concept12.png') no-repeat left center; background-size:auto 100%; }
.ConceptTxt { width:1200px; margin:0 auto; padding-left:550px; }
    .Concept li:nth-child(even) .ConceptTxt { padding-left:0; padding-right:550px; }
.Concept h3 { display:inline-block; position:relative; margin-bottom:25px; padding-bottom:5px; color:#186080; font-size:1.2em; font-weight:600; }
.Concept h3::before { content:''; display:inline-block; position:absolute; left:0; bottom:-13px; width:90px; height:3px; background:#186080; }
.Concept h4 { margin-bottom:15px; color:; font-size:2.4em; font-weight:600; }
.Concept p { margin-bottom:1.0em; line-height:1.8; }
.Concept p a { text-decoration:underline; }
.Concept .figures {  }
.Concept .figures::after { content:''; display:table; clear:both; height:0; }
.Concept .figures li { float:left; width:50%; padding:0; min-height:auto; background:none; }
.Concept .figures li img { width:100%; }

/*######################################################################*/
/*																		*/
/*	corp        														*/
/*																		*/
/*######################################################################*/

.Corp { padding:70px 0; background:url('../images/common/bg02.gif'); box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.15); }
.Corp::after { content:''; display:table; clear:both; height:0; }
.CorpInner { width:1200px; margin:0 auto; }
    .CorpInner + .CorpInner { margin-top:70px; }
.Corp header { position:relative; margin-bottom:80px; text-align:center; }
.Corp header::before { content:''; display:block; position:absolute; left:50%; bottom:-30px; width:50px; height:4px; margin-left:-50px; background:#186080; }
.Corp header::after { content:''; display:block; position:absolute; left:50%; bottom:-30px; width:50px; height:4px; background:#000; }
.Corp header h2 { display:inline-block; line-height:1.0; font-size:2.0em; }
.Corp table { width:100%; border-collapse:collapse; border-top:#999 2px solid; border-bottom:#999 2px solid; background:#fff; }
.Corp table tr { border-bottom:#ddd 1px solid; }
.Corp table th { width:20%; padding:1.0em; color:#fff; text-align:left; background:rgba(23,94,127,0.65); }
.Corp table td { width:80%; padding:1.0em; text-align:left; background:rgba(255,255,255,0.5); }
.Corp table td iframe { width:100%; height:400px; margin:1.0em 0 0 0; padding:0; border:0; }

/*######################################################################*/
/*																		*/
/*	Result        														*/
/*																		*/
/*######################################################################*/

.Result { padding:70px 0; background:url('../images/common/bg02.gif'); box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.15); }
.Result::after { content:''; display:table; clear:both; height:0; }
.ResultInner { width:1200px; margin:0 auto; }
.Result header { position:relative; margin-bottom:80px; text-align:center; }
.Result header::before { content:''; display:block; position:absolute; left:50%; bottom:-30px; width:50px; height:4px; margin-left:-50px; background:#186080; }
.Result header::after { content:''; display:block; position:absolute; left:50%; bottom:-30px; width:50px; height:4px; background:#000; }
.Result header h2 { display:inline-block; line-height:1.0; font-size:2.0em; }
.Result ul {  }
.Result ul::after { content:''; display:table; clear:both; height:0; }
.Result li { float:left; width:32%; margin-right:2%; margin-bottom:40px; line-height:1.8; }
.Result li:nth-child(3n+1) { clear:both; }
.Result li:nth-child(3n+3) { margin-right:0; }
.Result li figure { display:block; margin-bottom:20px; }
.Result li figure img { width:100%; }
.Result li h3 { margin-bottom:15px; font-size:1.5em; text-align:center; }
.Result li h3 span { display:block; font-family:Arial, sans-serif; font-size:0.5em; font-weight:600; }
.Result li p { font-size:0.9em; text-align:justify; }

/*######################################################################*/
/*																		*/
/*	Form           														*/
/*																		*/
/*######################################################################*/

.Form { padding:70px 0; background:url('../images/common/bg02.gif'); box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.15); }
.FormInner { width:800px; margin:0 auto; }
.Form header { position:relative; margin-bottom:80px; text-align:center; }
.Form header::before { content:''; display:block; position:absolute; left:50%; bottom:-30px; width:50px; height:4px; margin-left:-50px; background:#186080; }
.Form header::after { content:''; display:block; position:absolute; left:50%; bottom:-30px; width:50px; height:4px; background:#000; }
.Form header h2 { display:inline-block; line-height:1.0; font-size:2.0em; }
.Form .notice { padding:30px; border:rgba(23,94,127,0.35) 5px solid; font-size:0.9em; text-align:left; background:rgba(255,255,255,0.65); }

.Form dl { margin-bottom:25px; }
.Form dl::after { content:''; display:table; clear:both; height:0; }
.Form dt { float:left; clear:both; width:30%; margin-bottom:15px; padding-top:0.65em; text-align:left; }
    .Form dt .must { display:block; position:relative; top:0.05em; float:right; margin:0 1.0em 0 1.0em; padding:0.35em 0.25em 0.15em; border-radius:2px; color:#fff; line-height:1.0; font-family:sans-serif; font-size:0.8em; font-weight:600; background:#ff5454; }
    .Form dt .nini { display:block; position:relative; top:0.05em; float:right; margin:0 1.0em 0 1.0em; padding:0.35em 0.25em 0.15em; border-radius:2px; color:#fff; line-height:1.0; font-family:sans-serif; font-size:0.8em; font-weight:600; background:#397dc9; }
.Form dd { float:left; width:70%; margin-bottom:15px; }
.Form dd::after { content:''; display:table; clear:both; height:0; }
.Form dd input,
.Form dd textarea { display:block; width:100%; padding:0.4em 1.0em; border:#dadada 1px solid; border-radius:3px; line-height:1.4em; font-size:16px; background:#f8f8f8; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form dd textarea { min-height:10em; }
.Form dd input.zip { width:25%; margin-bottom:10px; }
/*
.Form dd select { display:inline-block; min-width:32%; padding:0.4em 1.0em; border:#dadada 1px solid; border-radius:3px; line-height:1.4em; font-size:16px; background:#f8f8f8; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form dd .select { display:inline-block; position:relative; }
.Form dd .select::before { content:'▼'; position:absolute; top:50%; right:1.5em; margin-top:-0.5em; font-size:0.5em; }
.Form dd label { display:inline-block; margin-top:0.25em; margin-right:0.6em; margin-bottom:0.5em; }
.Form dd label > input[type='radio'] { position:relative; top:0.025em; float:left; width:auto; height:auto; margin-right:0.25em; }
*/
.Form form .btn_wrap { margin-top:1.5em; text-align:center; }
.Form form .btn_wrap input[type='submit'] { display:inline-block; min-width:50%; margin:0; padding:0; border-radius:5px; border:rgba(255,255,255,0.6) 1px solid; color:#fff; line-height:60px; font-size:24px; font-weight:600; text-align:center; background:#56a9be; outline:0; transition:0.4s; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form form p input[type='submit']:hover { background:#194972; transition:0.4s; cursor:pointer; }

.formTable{ width: 100%; }
.formTable th{ width: 25%; }
.formTable th, .formTable td { padding: 1.0em; border-bottom: 1px solid #dedede; text-align: left; }
.btn_back { display:inline-block; min-width:40%; margin:0; padding:0; border-radius:5px; border:rgba(255,255,255,0.0) 1px solid; color:#666; line-height:60px; font-size:24px; font-weight:600; text-align:center; background:#ccc; outline:0; transition:0.4s; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

.message { font-size:1.2em; text-align:center; }
.message .btn_wrap { padding:40px 0 0; text-align:center; }
.message .btn_wrap .btn { display:inline-block; min-width:30%; padding:0 40px; border:#000 1px solid; border-radius:8px; line-height:45px; font-size:1.1em; text-align:center; transition:0.4s; }
.message .btn_wrap .btn:hover { border-radius:45px; background:rgba(255,255,255,0.25); transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	Foot          														*/
/*																		*/
/*######################################################################*/

.Foot { padding:40px 0; color:#fff; line-height:1.4; font-size:0.75em; text-align:center; background:#000; }
.FootInner { min-width:1200px; }
.FootInner::after { content:''; display:table; clear:both; height:0; }
.FootInner dl { margin-bottom:20px; }
.FootInner dt { position:relative; margin-bottom:10px; font-size:1.2em; font-weight:600; }
.FootInner dd { font-size:0.95em; line-height:1.8; }
.Foot .copyright { display:block; font-size:0.9em; text-align:center; }
.pageTop { display:block; position:fixed; right:0; bottom:0; z-index:201; width:50px; height:50px; background:rgba(110,110,110,0.75); cursor:pointer; }
.pageTop::before { content:''; display:block; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-3px 0 0 -3px; border:transparent 2px solid; border-top:#fff 2px solid; border-right:#fff 2px solid; transform:rotate(-45deg); }










/*##################################################################################################################################################*/
/*										                                                      			                             				*/
/*	for SP       						                                                      			                         					*/
/*										                                                      			                             				*/
/*##################################################################################################################################################*/

@media (max-width:768px) {


/*######################################################################*/
/*																		*/
/*	common       														*/
/*																		*/
/*######################################################################*/

* { box-sizing:border-box; letter-spacing:0.05em; }
body { position:relative; color:#222; line-height:1.5; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif; font-size:16px; font-feature-settings:'pkna'; letter-spacing:0.05em; }
a { color:inherit; text-decoration:none; }
img { vertical-align:top; }

.PC { display:none; }
.SP { display:block; }

/*######################################################################*/
/*																		*/
/*	Head        														*/
/*																		*/
/*######################################################################*/

.Head { position:relative; width:100%; min-width:320px; color:#fff; background:url('../images/common/bg01.jpg') no-repeat center bottom; background-size:cover; box-shadow:0 1px 4px 0 rgba(0,0,0,0.5); }
.HeadInner {  }
.HeadInner::after { content:''; display:table; clear:both; height:0; }
.Head .HeadLogo { float:none; width:90%; padding:0; line-height:1.0; }
.Head h1 { display:inline-block; width:auto; padding:10px; line-height:1.0; }
.Head h1 small { display:block; margin-bottom:0.3em; margin-right:-3.0em; font-size:0.5em; font-weight:400; }
.Head h1 img { position:relative; width:auto; height:30px; }
.Head nav { float:none; position:fixed; right:0; top:0; z-index:220; width:100%; height:0%; transition:0.4s; }
    .Head nav.active { height:100%; transition:0.4s; }
.Head nav .SPtrigger { display:block; position:absolute; top:0; right:0; z-index:2; width:60px; height:60px; background:rgba(0,0,0,0.65); cursor:pointer; }
    .Head nav .SPtrigger::before { content:''; display:block; position:absolute; top:50%; left:20px; width:20px; height:1px; background:rgba(255,255,255,0.75); box-shadow:0 -7px 0 0 rgba(255,255,255,0.75), 0 7px 0 0 rgba(255,255,255,0.75); }
.Head nav .SPtrigger.active {  }
    .Head nav .SPtrigger.active::before { content:''; display:block; position:absolute; top:50%; left:20px; width:20px; height:1px; background:rgba(255,255,255,0.75); box-shadow:none; transform:rotate(45deg); transition:0.4s; }
    .Head nav .SPtrigger.active::after { content:''; display:block; position:absolute; top:50%; left:20px; width:20px; height:1px; background:rgba(255,255,255,0.75); box-shadow:none; transform:rotate(-45deg); transition:0.4s; }
.Head nav ul { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85); }
.Head nav .SPtrigger.active + ul { display:block; }
.Head nav li { display:block; margin-right:0; }
.Head nav li:nth-child(1) { display:inherit; }
.Head nav li:nth-child(5) { margin-right:0; }
.Head nav li a { display:block; padding:0 1.0em; border-bottom:rgba(255,255,255,0.2) 1px solid; line-height:50px; transition:0.4s; }
.Head nav li a:hover { background:rgba(255,255,255,0.1); transition:0.4s; }
.Head nav li:nth-child(6) { display:block; position:absolute; left:10px; right:10px; bottom:30px; }
.Head nav li.tel a { display:block; height:auto; padding:0; border-bottom:0; color:#fff; line-height:1.0; font-size:1.75em; font-weight:600; text-align:center; text-shadow:0 0 4px rgba(0,0,0,0.25); }
.Head nav li.tel a:hover { background:rgba(255,255,255,0.0); }
.Head nav li.tel a i { display:inline-block; }
.Head nav li.tel a small { display:block; margin-top:0.45em; font-size:0.45em; letter-spacing:0.1em; }
.Head nav li.tel a small span { font-size:0.85em; }

.Head aside { display:none; float:none; width:32%; }
.Head aside ul {  }
.Head aside .mail { float:right; }
.Head aside .mail a { display:block; min-width:105px; height:105px; padding:5px; padding-top:2.1em; color:#fff; font-size:0.8em; text-align:center; text-shadow:0 0 4px rgba(0,0,0,0.25); background:#56a9be; transition:0.4s; }
.Head aside .mail a:hover { transition:0.4s; cursor:pointer; }
.Head aside .mail a i { display:block; margin-bottom:0.2em; font-size:2.3em; }
.Head aside .tel { float:right; }
.Head aside .tel a { display:block; height:105px; padding:28px 28px 0 10px; color:#fff; line-height:1.0; font-size:1.75em; font-weight:600; text-align:center; text-shadow:0 0 4px rgba(0,0,0,0.25); }
.Head aside .tel a:hover { background:rgba(255,255,255,0.15); }
.Head aside .tel a i { display:inline-block; }
.Head aside .tel a small { display:block; margin-top:0.45em; font-size:0.45em; letter-spacing:0.1em; }
.Head aside .tel a small span { font-size:0.85em; }

/*######################################################################*/
/*																		*/
/*	Slide        														*/
/*																		*/
/*######################################################################*/

.Slide { position:relative; min-width:320px; width:100%; }
.SlideInner {  }
.SlideInner::after { content:''; display:table; clear:both; height:0; }
.SlideTxt { position:absolute; z-index:2; top:55px; width:100%; margin-top:0; color:#fff; }
.SlideTxtInner { width:90%; margin:0 auto; }
.SlideTxt h2 { font-size:1.3em; }
.SlideTxt p { width:100%; margin:0 auto 0; font-size:0.9em; }
.SlideTxt p br { display:none; }
.Slider { width:100%; min-width:320px; }
.Slider img { width:100%; }

/*######################################################################*/
/*																		*/
/*	indexPoint     														*/
/*																		*/
/*######################################################################*/

.indexPoint { padding:30px 0; color:#fff; background:url('../images/common/bg01.jpg') no-repeat center top; background-size:cover; }
.indexPointInner { width:90%; margin:0 auto; }
.indexPointInner::after { content:''; display:table; clear:both; height:0; }
.indexPoint header { min-height:200px; margin-bottom:-40px; padding-top:60px; text-align:center; background:url('../images/common/bg-point.png') no-repeat center top; background-size:auto 100%; }
.indexPoint header h2 { position:relative; display:inline-block; font-size:1.2em; text-shadow:0 0 8px rgba(23,94,127,1.0), 0 0 8px rgba(23,94,127,1.0), 0 0 8px rgba(23,94,127,1.0); letter-spacing:0.1em; }
.indexPoint ul {  }
.indexPoint ul::after { content:''; display:table; clear:both; height:0; }
.indexPoint ul li { float:none; width:90%; margin-right:auto; margin-left:auto; margin-bottom:30px; line-height:1.8; }
.indexPoint ul li:last-child { margin-right:auto; }
.indexPoint figure { display:block; margin-bottom:15px; }
.indexPoint img { width:100%; }
.indexPoint h3 { margin-bottom:10px; font-size:1.2em; font-weight:600; text-align:center; }
.indexPoint li p { font-size:0.9em; text-align:justify; }
.indexPoint .btn_wrap { padding:10px 5% 20px; text-align:center; }
.indexPoint .btn_wrap .btn { display:block; min-width:60%; padding:0 1.0em; border:#fff 1px solid; border-radius:8px; line-height:45px; font-size:1.1em; text-align:center; transition:0.4s; }
.indexPoint .btn_wrap .btn:hover { border-radius:45px; background:rgba(255,255,255,0.25); transition:0.4s; }

.indexPointRe { padding:30px 0; color:#fff; background:url('../images/common/bg01.jpg') no-repeat center top; background-size:cover; }
.indexPointReInner { width:90%; margin:0 auto; }
.indexPointReInner::after { content:''; display:table; clear:both; height:0; }
.indexPointRe header { min-height:200px; margin-bottom:-40px; padding-top:60px; text-align:center; background:url('../images/common/bg-point.png') no-repeat center top; background-size:auto 100%; }
.indexPointRe header h2 { position:relative; display:inline-block; font-size:1.2em; text-shadow:0 0 8px rgba(23,94,127,1.0), 0 0 8px rgba(23,94,127,1.0), 0 0 8px rgba(23,94,127,1.0); letter-spacing:0.1em; }
.indexPointRe ul {  }
.indexPointRe ul::after { content:''; display:table; clear:both; height:0; }
.indexPointRe ul li { float:none; width:90%; margin-right:auto; margin-left:auto; margin-bottom:30px; line-height:1.8; }
.indexPointRe ul li:last-child { margin-right:auto; }
.indexPointRe figure { display:block; margin-bottom:15px; }
.indexPointRe img { width:100%; }
.indexPointRe h3 { margin-bottom:10px; font-size:1.2em; font-weight:600; text-align:center; }
.indexPointRe li p { font-size:0.9em; text-align:justify; }
.indexPointRe .btn_wrap { padding:10px 5% 20px; text-align:center; }
.indexPointRe .btn_wrap .btn { display:block; min-width:60%; padding:0 1.0em; border:#fff 1px solid; border-radius:8px; line-height:45px; font-size:1.1em; text-align:center; transition:0.4s; }
.indexPointRe .btn_wrap .btn:hover { border-radius:45px; background:rgba(255,255,255,0.25); transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	indexResult    														*/
/*																		*/
/*######################################################################*/

.indexResult { padding:30px 0; background:url('../images/common/bg02.gif'); box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.15); }
.indexResult::after { content:''; display:table; clear:both; height:0; }
.indexResultInner { width:90%; margin:0 auto; }
.indexResult header { position:relative; margin-bottom:40px; text-align:center; }
.indexResult header::before { content:''; display:block; position:absolute; left:50%; bottom:-15px; width:50px; height:2px; margin-left:-50px; background:#186080; }
.indexResult header::after { content:''; display:block; position:absolute; left:50%; bottom:-15px; width:50px; height:2px; background:#000; }
.indexResult header h2 { display:block; line-height:1.0; font-size:1.4em; }
.indexResult ul {  }
.indexResult ul::after { content:''; display:table; clear:both; height:0; }
.indexResult li { float:none; width:90%; margin-right:auto; margin-left:auto; margin-bottom:30px; line-height:1.8; }
.indexResult li:last-child { margin-right:auto; }
.indexResult li figure { display:block; margin-bottom:15px; }
.indexResult li figure img { width:100%; }
.indexResult li h3 { margin-bottom:10px; font-size:1.2em; text-align:center; }
.indexResult li h3 span { display:block; font-family:Arial, sans-serif; font-size:0.5em; font-weight:600; }
.indexResult li p { font-size:0.9em; text-align:justify; }
.indexResult .btn_wrap { padding:10px 5% 20px; text-align:center; }
.indexResult .btn_wrap .btn { display:block; min-width:60%; padding:0 1.0em; border:#000 1px solid; border-radius:8px; line-height:45px; font-size:1.1em; text-align:center; transition:0.4s; }
.indexResult .btn_wrap .btn:hover { border-radius:45px; background:rgba(255,255,255,0.25); transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	cvArea        														*/
/*																		*/
/*######################################################################*/

.cvArea { min-width:320px; width:100%; color:#fff; background:url('../images/common/bg01.jpg') no-repeat center bottom; background-size:cover; }
.cvAreaInner {  }
.cvArea header { min-width:90%; margin:0 auto; padding:50px 5%; text-align:center; background:url('../images/common/bg_cvarea.jpg') no-repeat center center; background-size:cover; }
.cvArea h4 { margin-bottom:10px; font-size:1.2em; font-weight:600; }
.cvArea p { line-height:1.8; font-size:0.85em; }
.cvArea ul { display:block; min-width:auto; width:auto; padding:30px 5%; text-align:center; }
.cvArea ul::after { content:''; display:table; clear:both; height:0; }
.cvArea .tel { display:block; width:100%; vertical-align:middle; }
.cvArea .tel a { display:block; float:none; padding:0 0 20px; color:#fff; line-height:1.0; font-size:1.0em; font-weight:600; }
.cvArea .tel a:hover { transition:0.4s; cursor:pointer; }
.cvArea .tel a i { display:inline-block; }
.cvArea .tel a b { display:block; margin:8px 0 10px; font-size:1.8em; letter-spacing:0.1em; }
.cvArea .tel small { display:block; font-size:0.7em; letter-spacing:0.1em; }
.cvArea .mail { display:block; width:100%; vertical-align:middle; }
.cvArea .mail a { display:block; padding:20px 0 0; border-left:0; border-top:rgba(255,255,255,0.25) 1px solid; color:#fff; line-height:1.0; font-size:1.0em; font-weight:600; transition:0.4s; }
.cvArea .mail a:hover { transition:0.4s; cursor:pointer; }
.cvArea .mail a i { display:inline-block; position:relative; top:-0.05em; margin-right:0.15em; font-size:1.0em; }
.cvArea .mail a br { display:none; }
.cvArea .mail a b { display:block; max-width:90%; margin:15px auto 0; padding:0 1.0em; border:#fff 1px solid; border-radius:5px; line-height:50px; font-size:0.9em; text-align:center; transition:0.4s; cursor:pointer; }
.cvArea .mail a:hover b { border-radius:50px; background:rgba(255,255,255,0.15); transition:0.4s; cursor:pointer; }

/*######################################################################*/
/*																		*/
/*	PageTitle      														*/
/*																		*/
/*######################################################################*/

.PageTitle { position:relative; min-width:320px; width:100%; min-height:240px; color:#fff; }
.PageTitle::before { content:''; display:block; position: absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); }
    .PageTitle.concept { background:url('../images/concept/pageimage.jpg') no-repeat center center; background-size:cover; }
    .PageTitle.corp { background:url('../images/corp/pageimage.jpg') no-repeat center center; background-size:cover; }
    .PageTitle.result { background:url('../images/result/pageimage.jpg') no-repeat center center; background-size:cover; }
    .PageTitle.contact { background:url('../images/contact/pageimage.jpg') no-repeat center center; background-size:cover; }
.PageTitleInner {  }
.PageTitleInner::after { content:''; display:table; clear:both; height:0; }
.PageTitle h2 { position:relative; z-index:2; padding-top:4.75em; font-size:1.4em; text-align:center; }

/*######################################################################*/
/*																		*/
/*	Concept        														*/
/*																		*/
/*######################################################################*/

.Concept { padding:30px 0 0; background:url('../images/common/bg02.gif'); box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.15); }
.Concept::after { content:''; display:table; clear:both; height:0; }
.ConceptInner { min-width:320px; margin:0 auto; }
.Concept header { position:relative; margin-bottom:40px; text-align:center; }
.Concept header::before { content:''; display:block; position:absolute; left:50%; bottom:-15px; width:50px; height:2px; margin-left:-50px; background:#186080; }
.Concept header::after { content:''; display:block; position:absolute; left:50%; bottom:-15px; width:50px; height:2px; background:#000; }
.Concept header h2 { display:block; line-height:1.0; font-size:1.4em; }

.Concept ul {  }
.Concept li { min-height:auto; padding:20px; }
    .Concept li:nth-child(1) { background:rgba(255,255,255,0.4) url('../images/concept/img_concept01.png') no-repeat left center; background-size:auto 100%; }
    .Concept li:nth-child(2) { background:url('../images/concept/img_concept02.png') no-repeat right center; background-size:auto 100%; }
    .Concept li:nth-child(3) { background:rgba(255,255,255,0.4) url('../images/concept/img_concept03.png') no-repeat left center; background-size:auto 100%; }
    .Concept li:nth-child(4) { background:url('../images/concept/img_concept04.png') no-repeat right center; background-size:auto 100%; }
    .Concept li:nth-child(5) { background:url('../images/concept/img-concept12.png') no-repeat left center; background-size:auto 100%; }
.ConceptTxt { width:100%; margin:0 auto; padding:25px; border-radius:5px; background:rgba(255,255,255,0.9); box-shadow:0 0 4px 0 rgba(0,0,0,0.15); }
    .Concept li:nth-child(even) .ConceptTxt { padding-left:25px; padding-right:25px; }
.Concept h3 { display:inline-block; position:relative; margin-bottom:15px; padding-bottom:5px; color:#186080; font-size:1.2em; font-weight:600; }
.Concept h3::before { content:''; display:inline-block; position:absolute; left:0; bottom:-5px; width:90px; height:1px; background:#186080; }
.Concept h4 { margin-bottom:15px; color:; font-size:1.2em; font-weight:600; }
.Concept p { margin-bottom:1.0em; line-height:1.6; font-size:0.9em; word-break:break-all; overflow-wrap:break-word; }
.Concept p br { display:none; }
.Concept p + figure img { width:100%; }
.Concept .figures {  }
.Concept .figures::after { content:''; display:table; clear:both; height:0; }
.Concept .figures li { float:left; width:50%; padding:0; min-height:auto; background:none; }
.Concept .figures li img { width:100%; }

/*######################################################################*/
/*																		*/
/*	corp        														*/
/*																		*/
/*######################################################################*/

.Corp { padding:30px 0; background:url('../images/common/bg02.gif'); box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.15); }
.Corp::after { content:''; display:table; clear:both; height:0; }
.CorpInner { width:90%; margin:0 auto; }
    .CorpInner + .CorpInner { margin-top:30px; }
.Corp header { position:relative; margin-bottom:40px; text-align:center; }
.Corp header::before { content:''; display:block; position:absolute; left:50%; bottom:-15px; width:50px; height:2px; margin-left:-50px; background:#186080; }
.Corp header::after { content:''; display:block; position:absolute; left:50%; bottom:-15px; width:50px; height:2px; background:#000; }
.Corp header h2 { display:block; line-height:1.0; font-size:1.4em; }
.Corp table { width:100%; border-collapse:collapse; border-top:#999 2px solid; border-bottom:#999 2px solid; background:transparent; }
.Corp table tr { border-bottom:#ddd 1px solid; }
.Corp table th { display:block; width:100%; padding:0.5em 1.0em; color:#fff; font-size:0.9em; text-align:left; background:rgba(23,94,127,0.65); }
.Corp table td { display:block; width:100%; padding:0.5em 1.0em; font-size:0.9em; text-align:left; background:rgba(255,255,255,0.0); }
.Corp table td iframe { width:100%; height:240px; margin:1.0em 0 0 0; padding:0; border:0; }

/*######################################################################*/
/*																		*/
/*	Result        														*/
/*																		*/
/*######################################################################*/

.Result { padding:60px 0; background:url('../images/common/bg02.gif'); box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.15); }
.Result::after { content:''; display:table; clear:both; height:0; }
.ResultInner { width:90%; margin:0 auto; }
.Result header { position:relative; margin-bottom:40px; text-align:center; }
.Result header::before { content:''; display:block; position:absolute; left:50%; bottom:-15px; width:50px; height:2px; margin-left:-50px; background:#186080; }
.Result header::after { content:''; display:block; position:absolute; left:50%; bottom:-15px; width:50px; height:2px; background:#000; }
.Result header h2 { display:block; line-height:1.0; font-size:1.4em; }
.Result ul {  }
.Result ul::after { content:''; display:table; clear:both; height:0; }
.Result li { float:none; width:90%; margin:0 auto 40px; line-height:1.8; }
.Result li:nth-child(3n+1) { clear:both; }
.Result li:nth-child(3n+3) { margin-right:auto; }
.Result li figure { display:block; margin-bottom:20px; }
.Result li figure img { width:100%; }
.Result li h3 { margin-bottom:15px; font-size:1.2em; text-align:center; }
.Result li h3 span { display:block; font-family:Arial, sans-serif; font-size:0.6em; font-weight:600; }
.Result li p { font-size:0.9em; text-align:justify; }

/*######################################################################*/
/*																		*/
/*	Form           														*/
/*																		*/
/*######################################################################*/

.Form { padding:30px 0; background:url('../images/common/bg02.gif'); box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.15); }
.FormInner { width:76%; margin:0 auto; }
.Form header { position:relative; margin-bottom:40px; text-align:center; }
.Form header::before { content:''; display:block; position:absolute; left:50%; bottom:-15px; width:50px; height:2px; margin-left:-50px; background:#186080; }
.Form header::after { content:''; display:block; position:absolute; left:50%; bottom:-15px; width:50px; height:2px; background:#000; }
.Form header h2 { display:block; line-height:1.0; font-size:1.4em; }
.Form .notice { padding:20px; border:rgba(23,94,127,0.35) 5px solid; font-size:0.9em; text-align:left; background:rgba(255,255,255,0.65); }

.Form dl { margin-bottom:15px; }
.Form dl::after { content:''; display:table; clear:both; height:0; }
.Form dt { float:none; clear:both; width:100%; margin-bottom:5px; padding-top:0.0em; text-align:left; }
    .Form dt .must { display:inline-block; position:relative; top:-0.1em; float:none; margin:0 1.0em 0 1.0em; padding:0.35em 0.25em 0.15em; border-radius:2px; color:#fff; line-height:1.0; font-family:sans-serif; font-size:0.8em; font-weight:600; background:#ff5454; }
    .Form dt .nini { display:inline-block; position:relative; top:-0.1em; float:none; margin:0 1.0em 0 1.0em; padding:0.35em 0.25em 0.15em; border-radius:2px; color:#fff; line-height:1.0; font-family:sans-serif; font-size:0.8em; font-weight:600; background:#397dc9; }
.Form dd { float:none; width:100%; margin-bottom:15px; }
.Form dd::after { content:''; display:table; clear:both; height:0; }
.Form dd input,
.Form dd textarea { display:block; width:100%; padding:0.4em 1.0em; border:#dadada 1px solid; border-radius:3px; line-height:1.4em; font-size:16px; background:#f8f8f8; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form dd textarea { min-height:10em; }
.Form dd input.zip { width:80%; margin-bottom:10px; }
/*
.Form dd select { display:inline-block; min-width:32%; padding:0.4em 1.0em; border:#dadada 1px solid; border-radius:3px; line-height:1.4em; font-size:16px; background:#f8f8f8; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form dd .select { display:inline-block; position:relative; }
.Form dd .select::before { content:'▼'; position:absolute; top:50%; right:1.5em; margin-top:-0.5em; font-size:0.5em; }
.Form dd label { display:inline-block; margin-top:0.25em; margin-right:0.6em; margin-bottom:0.5em; }
.Form dd label > input[type='radio'] { position:relative; top:0.025em; float:left; width:auto; height:auto; margin-right:0.25em; }
*/
.Form form .btn_wrap { margin-top:1.5em; text-align:center; }
.Form form .btn_wrap input[type='submit'] { display:block; min-width:50%; width:100%; margin:0 auto; padding:0 1.0em; border-radius:5px; border:rgba(255,255,255,0.6) 1px solid; color:#fff; line-height:60px; font-size:1.3em; font-weight:600; text-align:center; background:#56a9be; outline:0; transition:0.4s; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.Form form p input[type='submit']:hover { background:#194972; transition:0.4s; cursor:pointer; }

.formTable{ width: 100%; }
.formTable th{ width: 25%; }
.formTable th, .formTable td { padding: 1.0em; border-bottom: 1px solid #dedede; text-align: left; }

/*######################################################################*/
/*																		*/
/*	Foot          														*/
/*																		*/
/*######################################################################*/

.Foot { padding:20px 0; color:#fff; line-height:1.4; font-size:0.75em; text-align:center; background:#000; }
.FootInner { min-width:320px; }
.FootInner::after { content:''; display:table; clear:both; height:0; }
.FootInner dl { width:90%; margin:0 auto 20px; }
.FootInner dt { position:relative; margin-bottom:10px; font-size:1.1em; font-weight:600; }
.FootInner dd { font-size:0.9em; line-height:1.8; }
.Foot .copyright { display:block; font-size:0.9em; text-align:center; }
.pageTop { display:block; position:fixed; right:0; bottom:0; z-index:201; width:50px; height:50px; background:rgba(110,110,110,0.75); cursor:pointer; }
.pageTop::before { content:''; display:block; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-3px 0 0 -3px; border:transparent 2px solid; border-top:#fff 2px solid; border-right:#fff 2px solid; transform:rotate(-45deg); }


}