@charset "utf-8";
/*******************************************/
/* reset                                  */
/*******************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
abbr, address, cite, code,
dfn, em, img, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }
a{ text-decoration:none; }
a:hover { text-decoration:underline; }
/*******************************************/
/* common                                  */
/*******************************************/

/* Basic */
html{ font-size:62.5%; overflow:auto; }
body{ font-size:1.6rem; font-family:Gotham,Verdana,sans-serif; color:#333; overflow:hidden; min-width:1007px; }
* { box-sizing:border-box; }
a{ color:blue; text-decoration:none; }
li{ list-style-type:none; }
img{ display:block; max-width:100%; height:auto; margin:0 auto; }
main p{ font-size:1.6rem; line-height:2.8rem; }

/* Header */
.hdr{ background:#fff; position:fixed; width:100%; height:120px; min-width:1007px; z-index:100; }
.hdrBlock{ margin:0 auto; position:relative; width:calc(100% - 80px); min-width:944px; }
.hdrLogo{ position:absolute; top:26px; left:0; }
.hdrLogo img{ width:160px; height:auto; }
.hdrLogo-narcohm{ position:absolute; top:49px; right:0; }
.hdrLogo-narcohm img{ width:auto; height:56px; }
.hdrJP{ position:absolute; top:12px; right:0; font-size:1.2rem; }
.hdrJP a::before{ content:"/"; color:#ccc; display:inline-block; margin:0 10px; }
.hdrDownload a{ background:#e2574c; border-radius:4px; color:#fff; display:block; font-size:1.6rem; line-height:40px; position:absolute; top:58px; right:100px; text-align:center; width:200px; height:40px; }
.hdrDownload a:hover{ opacity:0.7; text-decoration:none; }
/* header transition */
.hdr, .hdrBlock, .hdrLogo, .hdrLogo img{ transition:all 0.3s ease; }
.hdrLogo-narcohm, .hdrJP, .hdrDownload a{ transition:all 0.1s ease; }
/* header Fixed */
.hdr.fixed{ background:rgba(255,255,255,0.8); height:70px; }
.hdr.fixed .hdrLogo{ top:14px; }
.hdr.fixed .hdrLogo img{ width:100px; }
.hdr.fixed .hdrLogo-narcohm{ opacity:0; }
.hdr.fixed .hdrJP{ opacity:0; }
.hdr.fixed .hdrDownload a{ top:15px; right:0; }

/* Main*/
.pamHero{ background:#fafafa; width:100%; height:100vh; position:relative; }
.pamHero_bgImg{ background:url(../img/cmn/pam_img03.jpg) no-repeat center center; background-size:cover; width:100%; height:100%; padding:120px 40px 40px; }
.pamHero_copy{ color:#fff; font-size:2.8vw; font-family:'Oxygen', sans-serif; margin-top:40vh; letter-spacing:2px; }
.pamHero_copy br{ display:none; }
.pamWrap-1st{ background:#fffdfb url(../img/cmn/pam_img04.jpg) no-repeat; background-position:top center; width:100%; position:relative; }
.pamBlock-1st{ margin:0 auto; padding:0; width:944px; height:470px; }
.pamWrap-2nd{ background:#fff; width:100%; position:relative; }
.pamBlock-2nd{ margin:0 auto; padding:0; width:944px; }
.pamPoint{ display:table; margin-bottom:24px; }
.pamPoint dt{ background:#8b9bce; border-radius:60px; display:table-cell; text-align:center; padding:8px 0 0; width:80px; height:80px; }
.pamPoint dt p{ color:#fff; font-size:1.2rem; font-weight:bold; font-family:'Oxygen', sans-serif; width:100%;  }
.pamPoint dt p span{ display:block; font-size:3.6rem; margin-top:0; }
.pamPoint dd{ display:table-cell; padding-left:12px; vertical-align:middle; }
.pamPoint dd p{ font-size:2.4rem; font-weight:bold; font-family:'Oxygen', sans-serif; }
.pamStep{ display:table; }
.pamStep dt{ background:#8b9bce; display:table-cell; vertical-align:middle; width:80px; height:80px; }
.pamStep dt p{ color:#fff; font-size:1.6rem; font-weight:bold; font-family:'Oxygen', sans-serif; text-align:center; }
.pamStep dd{ display:table-cell; width:calc(100% - 80px); height:80px; padding:0 0 0 60px; vertical-align:middle; }
.pamStep dd p{ font-size:2.4rem; font-family:'Oxygen', sans-serif; }
.pamStep-cont{ background:url(../img/cmn/pam_img10.png) repeat-y; background-position:top 0 left 39px; padding:24px 0 80px 140px; }
.pamWrap-3rd{ background:rgb(0,127,245); background:linear-gradient(180deg, rgba(0,127,245,1) 0%, rgba(139,155,206,1) 100%); width:100%; position:relative; }
.pamBlock-3rd{ margin:0 auto; padding:96px 0; width:944px; }
.pamCompany{ display:table; width:100%; margin-bottom:16px; }
.pamCompany dt{ color:#fff; line-height:2.8rem; display:table-cell; width:25%; }
.pamCompany dd{ color:#fff; line-height:2.8rem; display:table-cell; width:75%; }
.pamCompany dd a{ color:#fff; }
span.info-text{ display: inline-block; position: relative; top: 3px; }
span.info-text img{ width: auto; height: 16px; }

/* Main Img */
.iBox-01{ position:absolute; top:120px; right:280px;  }
.iBox-01 img{ width:180px; height:180px; }
.iBox-02{ position:absolute; top:120px; right:90px;  }
.iBox-02 img{ width:180px; height:180px; }
.iBox-03{ width:640px; }
.iBox-03 img{ width:100%; height:auto; }
.iBox-04{ width:520px; }
.iBox-04 img{ width:100%; height:auto; }

/* Main Text */
.tBox-01{ background:url(../img/cmn/pam_img05.svg) no-repeat; background-size:55px 100px; background-position:top left; position:absolute; top:200px; left:184px; padding:100px 0 0; }
.tH2-01{ font-size:4.0rem; font-family:'Oxygen', sans-serif; line-height:4.0rem; padding:120px 0 120px; text-align:center; }
.tH2-02{ font-size:3.6rem; font-family:'Oxygen', sans-serif; line-height:4.0rem; padding:0 0 32px 0; text-align:center; }
.tH2-03{ font-size:3.6rem; font-family:'Oxygen', sans-serif; line-height:4.0rem; padding:0 0 96px 0; text-align:center; }

/* Footer */
.ftr{ background:#fff; width:100%; height:64px; }
.ftrBlock{ margin:0 auto; position:relative; width:calc(100% - 80px); }
.ftrCopyright p{ line-height:64px; }

/* Button */
.btnEmail a{ border:1px solid #fff; border-radius:24px; color:#fff; display:block; line-height:48px; text-align:center; transition:ease 0.2s opacity; width:230px; height:48px; cursor:pointer; }
.btnEmail a:hover{ opacity:0.7; text-decoration:none; }

/* page top */
#pageTop{ background:#59aefe; cursor:pointer; display:none; line-height:64px; position:fixed; bottom:0; right:40px; text-align:center; width:64px; height:64px; z-index:99; }
#pageTop a{ display:block; width:64px; height:64px; background:url(../img/cmn/pagetop.svg) no-repeat; background-size:64px 64px;}
#pageTop:hover{ opacity:0.7; }

/* Function */
.fM0auto{ margin:0 auto; }
.fMiddle{ display:flex; justify-content:center; align-items:center; }
.fRelative{ position:relative; }
.fReverse{ flex-direction:row-reverse; }
.fClearfix::after{ content:""; display:block; clear:both; }

/* Layout */
.lFlex_2col{ display:flex; flex-wrap:nowrap; margin-left:-80px; }
.lFlex_3col{ display:flex; flex-wrap:nowrap; margin-left:-40px; }
.lFlex_4col{ display:flex; flex-wrap:nowrap; margin-left:-40px; }
.lFlex_5col{ display:flex; flex-wrap:nowrap; margin-left:-20px; }
.lBox_2-1{ flex:1; margin-left:80px; min-height:0%; }
.lBox_3-1{ flex:1 0 0px; margin-left:40px; min-height:0%; }
.lBox_3-2{ flex:2 0 40px; margin-left:40px; min-height:0%; }
.lBox_4-1{ flex:1 0 0px; margin-left:40px; min-height:0%; }
.lBox_4-3{ flex:3 0 80px; margin-left:40px; min-height:0%; }
.lBox_5-1{ flex:1 0 0px; margin-left:20px; min-height:0%; }

/* Margin */
.m1em{ margin-bottom:1em; }
.mLv1{ margin-bottom:16px; }
.mLv2{ margin-bottom:32px; }
.mLv3{ margin-bottom:64px; }
.mLv4{ margin-bottom:96px; }
.mLv5{ margin-bottom:128px; }
.m0{ margin:0; }

/* Padding */
.pLv1{ padding-bottom:16px; }
.pLv2{ padding-bottom:32px; }
.pLv3{ padding-bottom:64px; }
.pLv4{ padding-bottom:96px; }
.pLv5{ padding-bottom:128px; }
.p0{ padding:0; }

/* Text */
.t12{ font-size:1.2rem; line-height:2.4rem; }
.t14{ font-size:1.4rem; line-height:2.6rem; }
.t16{ font-size:1.6rem; line-height:2.8rem; }
.t18{ font-size:1.8rem; line-height:3.0rem; }
.t20{ font-size:2.0rem; line-height:3.2rem; }
.t22{ font-size:2.2rem; line-height:3.4rem; }
.t24{ font-size:2.4rem; line-height:3.6rem; }
.t26{ font-size:2.6rem; line-height:3.8rem; }
.t28{ font-size:2.8rem; line-height:4.0rem; }
.t30{ font-size:3.0rem; line-height:4.2rem; }
.tCenter{ text-align:center; }
.tCenter-pc{ text-align:center; }
.tLeft{ text-align:left; }
.tRight{ text-align:right; }
.tIndent{ padding-left:1em; text-indent:-1em; }
.tRed{ color:#ff0000; }
.tBlue{ color:#3a84df; }
.tWhite{ color:#fff; }
.tPurple{ color:#8b9bce; }

/* Width */
.w10{ width:10%; }
.w15{ width:15%; }
.w20{ width:20%; }
.w25{ width:25%; }
.w30{ width:30%; }
.w35{ width:35%; }
.w40{ width:40%; }
.w45{ width:45%; }
.w50{ width:50%; }
.w55{ width:55%; }
.w60{ width:60%; }
.w65{ width:65%; }
.w70{ width:70%; }
.w75{ width:75%; }
.w80{ width:80%; }
.w85{ width:85%; }
.w90{ width:90%; }

/* TEL */
a[href^="tel:"]{ color:#333; cursor:default; pointer-events:none; }
a[href^="tel:"]:hover{ text-decoration:none; }


/*******************************************/
/* responsive                              */
/*******************************************/

@media screen and (max-width:1600px) {
    .pamHero_copy{ font-size:4.0vw; line-height:1.2em; margin-top:36vh; }
    .pamHero_copy br{ display:block; }
}

@media screen and (max-width:1280px) {
    .pamHero{ height:768px; }
    .pamHero_copy{ font-size:5.2rem; margin-top:202px; }
}

@media screen and (max-width:767px) {

	/* Basix */
	body{ min-width:320px; }
	main{ display:block; width:100%; }

	/* Header */
	.hdr{ height:70px; min-width:100%; }
	.hdrBlock{ width:calc(100% - 32px); min-width:300px; }
	.hdrLogo{ top:10px; }
	.hdrLogo img{ width:120px; }
	.hdrLogo-narcohm{ top:520px; left:0; right:inherit;}
	.hdrLogo-narcohm img{ width:40px; }
	.hdrJP{ top:542px; }
    .hdrJP a::before{ color:#333; }
    .hdrDownload a{ font-size:1.2rem; line-height:32px; top:32px; right:0; width:140px; height:32px; }
	/* header Fixed */
	.hdr.fixed{ background:rgba(255,255,255,0.8); }
	.hdr.fixed .hdrLogo{ top:10px; }
	.hdr.fixed .hdrLogo img{ width:120px; }
	.hdr.fixed .hdrLogo-narcohm{ opacity:0; }
	.hdr.fixed .hdrJP{ opacity:0; }
    .hdr.fixed .hdrDownload a{ top:32px; right:0; }

	/* Main*/
    .pamHero{ height:568px; }
	.pamHero_bgImg{ padding:70px 16px 16px; }
	.pamHero_copy{ font-size:8.6vw; margin-top:80px; }
	.pamWrap-1st{ background:#fffdfb url(../img/cmn/pam_img14.jpg) no-repeat; background-position:top center; }
	.pamBlock-1st{ width:288px; height:auto; }
	.pamBlock-2nd{ width:calc(100% - 32px); min-width:288px; }
	.pamStep{ display:block; }
	.pamStep dt{ display:block; height:auto; }
	.pamStep dd{ display:block; width:100%; height:auto; padding:12px 0 20px; }
	.pamStep-cont{ background:none; padding:0 0 48px 0; }
	.pamBlock-3rd{ padding:64px 0; width:calc(100% - 32px); min-width:288px; }
	.pamCompany{ display:block; width:100%; margin-bottom:24px; }
	.pamCompany dt{ display:block; width:100%; font-weight:bold; }
	.pamCompany dd{ display:block; width:100%; }

	/* Main Img */
	.iBox-01{ position:static; padding-top:430px;  }
	.iBox-01 img{ width:280px; height:280px; }
	.iBox-02{ position:static; padding-top:16px; }
	.iBox-02 img{ width:280px; height:280px; }
	.iBox-03{ width:100%; }
	.iBox-04{ width:100%; }

	/* Main Text */
	.tBox-01{ left:100px; }
	.tH2-01{ font-size:2.8rem; line-height:3.8rem; padding:120px 0 80px; text-align:center; }
	.tH2-03{ font-size:2.8rem; padding:0 0 48px 0; }

	/* Footer */
	.ftrBlock{ width:calc(100% - 16px); }
	
	/* Button */
	.btnEmail a{ margin-top:8px; }

	/* page top */
	#pageTop{ bottom:0; right:16px; }

	/* Layout */
	.lFlex_2col, .lFlex_3col, .lFlex_4col, .lFlex_5col{ display:block; margin-left:0; }
	.lBox_2-1, .lBox_3-1, .lBox_3-2, .lBox_4-1, .lBox_4-3, .lBox_5-1{ margin-left:0; margin-bottom:32px; }
	.lBox_2-1:last-child, .lBox_3-1:last-child, .lBox_3-2:last-child, .lBox_4-1:last-child, .lBox_4-3:last-child, .lBox_5-1:last-child{ margin-bottom:0; }
	
	/* Text */
	.tCenter-pc{ text-align:left; }

	/* Width */
	.w10{ width:100%; }
	.w15{ width:100%; }
	.w20{ width:100%; }
	.w25{ width:100%; }
	.w30{ width:100%; }
	.w35{ width:100%; }
	.w40{ width:100%; }
	.w45{ width:100%; }
	.w50{ width:100%; }
	.w55{ width:100%; }
	.w60{ width:100%; }
	.w65{ width:100%; }
	.w70{ width:100%; }
	.w75{ width:100%; }
	.w80{ width:100%; }
	.w85{ width:100%; }
	.w90{ width:100%; }
	
	/* TEL */
	a[href^="tel:"]{ pointer-events:auto; }

}

/*******************************************/
/* print                              */
/*******************************************/

@media print {
	.printBreak{ page-break-before:always; }/* 印刷用　ページ送り位置調整 */
	.printVisible{ opacity:1 !important; visibility:visible !important; transform:none !important; }/* 印刷時　アニメーション部分の表示 */
	body{ width:1024px; transform:scale(0.8); transform-origin:0 0; }
	.hdr{ position:absolute; top:0; }
	.pamCompany dt{ color:#333; }
	.pamCompany dd{ color:#333; }
	.pamCompany dd a{ color:#333; }
	.tWhite{ color:#333; }
	.pamWrap-3rd{ background:none; }
	
	/* IE Hack */
	_:-ms-lang(x), body{ width:1024px; transform:scale(1); }
}