@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url("https://use.typekit.net/bxv8hsa.css");

/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, 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, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size:14px;
text-align:left;
color:#333;
min-width:1080px;
}
@media screen and (max-width:767px){
html,body{ font-size:3vw; min-width:240px; max-width:767px;}
}

/*img*/
img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{margin:0 auto; text-align:center;}

/*txt*/
p{ line-height:1.75em; margin:0 0 1em; padding:0;}
p:last-child{ margin:0;}
strong{ font-weight:bold;}
.bold { font-weight:bold;}
.normal{ font-weight:normal;}
.under_line{ text-decoration:underline;}
.line_through{ text-decoration:line-through;}

.mincho{ font-family: adobe-garamond-pro, 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif;}
.white{ color:#fff;}
.black{ color:#333;}
.gy{ color:#aaa;}
.red{ color:#c83232;}
.blue{ color:#326496;}
.bg_y{
background: -moz-linear-gradient(top, rgba(250,240,120,0) 0%, rgba(250,240,120,0) 50%, rgba(250,240,120,1) 51%, rgba(250,240,120,1) 100%);
background: -webkit-linear-gradient(top, rgba(250,240,120,0) 0%, rgba(250,240,120,0) 50%, rgba(250,240,120,1) 51%, rgba(250,240,120,1) 100%);
background: linear-gradient(to bottom, rgba(250,240,120,0) 0%, rgba(250,240,120,0) 50%, rgba(250,240,120,1) 51%, rgba(250,240,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00faf078', endColorstr='#00faf078',GradientType=0 );
}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

/*link*/
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa{ transition: all 0.3s ease;}
.opa:hover{ opacity: 0.7;}


#wrapper{ width: 100%; /*max-width: 1440px;*/ background: #fff; margin: 0 auto; box-shadow:rgba(0, 0, 0, 0.1) 0 0 10px 5px;}
/*ヘッダー*/
#header{ position: fixed; left: 0; right: 0; top: 0; width: 100%; min-width: 1040px; /*max-width: 1440px;*/ margin: 0 auto; background: #fff; z-index: 101;}
#header dl{ display: table; table-layout: fixed; width: 100%; max-width: 1040px; margin: 0 auto; padding: 12px 0;}
#header dl dt{ display: table-cell; vertical-align: middle; width: 275px;}
#header dl dd{ display: table-cell; vertical-align: middle; letter-spacing: -1em; text-align: right;}
#header dl dd #menu{ display: inline-block; vertical-align: middle; letter-spacing: 0;}
#header dl dd #menu ul{ letter-spacing: -1em;}
#header dl dd #menu ul li{ display: inline-block; vertical-align: middle; letter-spacing: 0; font-size: 16px; line-height: 1em; font-weight: bold; margin-left: 60px;}
#header dl dd #menu ul li a{ transition: 0.3s;}
#header dl dd #menu ul li a:hover{ color: #0071b2;}
#header dl dd #contact_btn{ display: inline-block; vertical-align: middle; letter-spacing: 0; font-size: 16px; line-height: 1em; font-weight: bold; margin-left: 90px;}
#header dl dd #contact_btn a{ display: block; padding: 20px 30px; background: #0071b2; color: #fff; border-radius: 4px;}
@media print, screen and (min-width:768px){
#header dl dd #menu{ display: inline-block !important; height: auto !important; opacity: 1.0 !important;}
}
@media screen and (max-width:767px){
#header{ min-width: 100%;}
#header dl{ padding:1.25vw 2.5vw;}
#header dl dt{ width:40%;}
#header dl dd #contact_btn{ font-size:3vw; margin-left:0; margin-right: 12.5vw;}
#header dl dd #contact_btn a{ display: flex; align-items: center; justify-content: center; height:9vw; padding:0.75em 1.5em; border-radius:1vw;}
#header dl dd #menu{ display: none; position: fixed; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 99;}
#header dl dd #menu_bg{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; left: 0; top: 0; z-index:-1; cursor: pointer;}
#header dl dd #menu ul{ display: block; text-align: center; background: #e8e8e8; padding: 2em 0;}
#header dl dd #menu ul li{ display: block; margin: 0 auto; padding: 2.5em 0; font-size: 3.5vw; position: relative;}
#header dl dd #menu ul li:after{ content: ""; width: 1.5em; height: 2px; background: #0071b2; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
#header dl dd #menu ul li:last-child:after{ display: none;}
}
@media screen and (max-width:767px){
#smp_nav_btn{ width:10vw; height:9vw; display:flex; justify-content:center; align-items:center; position:fixed; right:2.5vw; top:1.25vw; z-index:999; cursor:pointer;}
#smp_nav_btn span{ display:block; height:2px; width:10vw; background:#0071b2; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; transition:0.3s;}
#smp_nav_btn span:before{ content: ""; display:block; height:2px; width:10vw; background:#0071b2; position:absolute; bottom:1.75vw; transition:0.3s;}
#smp_nav_btn span:after{ content: ""; display:block; height:2px; width:10vw; background:#0071b2; position:absolute; top:1.75vw; transition:0.3s;}
#smp_nav_btn.active{ border-color:#fff;}
#smp_nav_btn.active span{ background:rgba(255,255,255,0);}
#smp_nav_btn.active span:before{ bottom:0; transform: rotate(45deg);}
#smp_nav_btn.active span:after{ top:0; transform: rotate(-45deg);}
}

/*フッター*/
#footer{ background: #1a1a1a; color: #fff; padding: 90px 0 70px;}
#footer_in{ width: 1040px; margin: 0 auto;}
#footer_in a:hover{ text-decoration: underline;}
#footer #f_nav{ border-bottom: 1px solid #fff; padding-bottom: 40px; margin-bottom: 20px;}
#footer #f_nav ul{ text-align: center; letter-spacing: -1em;}
#footer #f_nav ul li{ display: inline-block; vertical-align: middle; font-size: 14px; line-height: 1em; letter-spacing: 0.1em; margin: 0 4.5em;}
#footer #f_nav2 ul{ text-align: center; letter-spacing: -1em;}
#footer #f_nav2 ul li{ display: inline-block; vertical-align: middle; font-size: 12px; line-height: 1em; letter-spacing: 0.1em; margin: 0 3em; color: #a6a6a6;}
#footer #f_nav2 a{ cursor: pointer;}
#footer dl{ display: table; table-layout: fixed; width: 100%; margin: 90px auto 0;}
#footer dl dt{ display: table-cell; vertical-align: bottom;}
#footer dl dd{ display: table-cell; vertical-align: bottom;}
#footer dl dt figure{ display: flex; align-items: center; justify-content: center; width: 330px; height: 90px; background: #fff; border-radius: 4px; margin: 0 auto 0 0;}
#footer dl dt p{ font-size: 12px; letter-spacing: 0.1em; margin-top: 20px;}
#footer p.copyright{ font-size: 10px; letter-spacing: 0.1em; text-align: right;}
@media screen and (max-width:767px){
#footer{ padding:10% 0 5%;}
#footer_in{ width:92.5%;}
#footer #f_nav{ padding-bottom:5%; margin-bottom:3.75%;}
#footer #f_nav ul li{ font-size:3vw; margin:0 2.25em;}
#footer #f_nav ul li:first-child{ margin-left:0;}
#footer #f_nav ul li:last-child{ margin-right:0;}
#footer #f_nav2 ul li{ font-size:3vw; margin:0 2.25em;}
#footer dl{ display:block; margin:15% auto 0;}
#footer dl dt{ display:block;}
#footer dl dd{ display:block;}
#footer dl dt figure{ display:block; width:100%; height:auto; background:none; margin:0 auto;}
#footer dl dt figure img{ width:40%;}
#footer dl dt p{ font-size:2.5vw; margin-top:5%; text-align:center;}
#footer p.copyright{ font-size:2.25vw; margin-top:7.5%; text-align:center;}
}

/*メイン*/
#content{ overflow:hidden;}
section { width:100%; background:#fff; margin:0 auto;}
.maincontent { padding:0; margin:0 auto; width:1040px;}
@media screen and (max-width:767px){
.maincontent { padding:0; margin:0 auto; width:92.5%;}
}

/*MV*/
#mv{ background: url("../images/mv_bg.jpg") center center no-repeat; background-size: cover; color: #fff; padding: 150px 0 130px;}
#mv h1{ text-align: center; font-size: 54px; font-weight: normal; line-height: 1.25em; margin-bottom: 75px;}
#mv p{ font-size: 20px; line-height: 2.1em; margin-bottom: 70px; text-align: center;}
#mv figure.btn a{ display: inline-block; padding: 30px 100px; font-size: 22px; line-height: 1em; letter-spacing: 0.1em; background: #0071b2; border-radius: 4px; font-family: 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif;}
#mv figure.btn a span{ display: inline-block; margin-right: 20px;}
#mv figure.btn a span img{ height: 17px;}
@media screen and (max-width:767px){
#mv{ background: url("../images/mv_bg_smp.jpg") center center no-repeat; background-size: cover; padding:15% 0 12.5%;}
#mv h1{ font-size:6vw; line-height: 1.5em; margin-bottom:7.5%;}
#mv p{ font-size:3vw; line-height:1.75em; margin-bottom:5%;}
#mv figure.btn a{ padding:5% 2.5% 6.25%; width: 66.66%; font-size:4vw; border-radius:1vw;}
#mv figure.btn a span{ margin-right:5%;}
#mv figure.btn a span img{ height:4vw;}
}


/*tit*/
h1,h2,h3,h4,h5,h6{ line-height: 1.25em; letter-spacing: 0.1em; font-family: 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif;}


/*サービス*/
#service{ padding: 90px 0 175px; position: relative; z-index: 1;}
#service:before{ content: ""; width: 70%; height: 1360px; background: #f7f7f7; position: absolute; left: 0; top: 0; z-index: -1;}
#service h2{ text-align: center; font-size: 42px; line-height: 1em; margin-bottom: 70px; position: relative; z-index: 1;}
#service h2:before{ content: "SERVICE"; color: #fff; font-size: 100px; line-height: 1em; font-weight: normal; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; font-family: adobe-garamond-pro, 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif;}
#service h2 strong{ display: inline-block; background: #0071b2; color: #fff; font-weight: normal; padding-bottom: 0.125em;}
#service h3{ color: #0071b2; font-size: 42px; font-weight: normal; margin-bottom: 70px;}
#service p{ font-size: 14px; line-height: 2.5em;}
#service01{ margin-bottom: 70px;}
#service01 dl{ height: 610px; display: flex; align-items: flex-start; justify-content: flex-start; position: relative; z-index: 1;}
#service01 dl dt{ padding-top: 60px;}
#service01 dl dd{ position: absolute; right: -200px; top: 0; z-index: -1;}
#service02 dl{ height: 610px; display: flex; align-items: flex-start; justify-content: flex-start; position: relative; z-index: 1;}
#service02 dl dt{ padding-top: 60px; padding-left: 600px;}
#service02 dl dd{ position: absolute; left: -200px; top: 0; z-index: -1;}
@media screen and (max-width:767px){
#service{ padding:10% 0 20%;}
#service:before{ content: ""; width: 75%; height: 250vw;}
#service h2{ font-size:4.5vw; margin-bottom:10%;}
#service h2:before{ font-size:11.25vw;}
#service h3{ font-size:5vw; margin-bottom:5%;}
#service p{ font-size:3vw; line-height:2em;}
#service01{ margin-bottom:12.5%;}
#service01 dl{ height:auto; display:block;}
#service01 dl dt{ padding:0; margin-bottom:5%;}
#service01 dl dd{ position:static;}
#service01 dl dd img{ width:100%;}
#service02 dl{ height:auto; display:block;}
#service02 dl dt{ padding:0; margin-bottom:5%;}
#service02 dl dd{ position:static;}
#service02 dl dd img{ width:100%;}
}


/*脆弱性診断*/
#test{ padding: 0 0 275px; position: relative; z-index: 1;}
#test:before{ content: ""; width: 70%; height: 1460px; background: #f7f7f7; position: absolute; right: 0; top: 21px; z-index: -1;}
#test h2{ text-align: center; font-size: 42px; line-height: 1em; margin-bottom: 100px; position: relative; z-index: 1;}
#test h2:before{ content: "VULNERABILITY"; color: #f7f7f7; font-size: 100px; line-height: 1em; font-weight: normal; position: absolute; left: 0; right: 3em; bottom: 0; z-index: -1; font-family: adobe-garamond-pro, 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif;}
#test h2:after{ content: "ASSESSMENT"; color: #fff; font-size: 100px; line-height: 1em; font-weight: normal; position: absolute; left: 4em; right: 0; top: 0.25em; z-index: -1; font-family: adobe-garamond-pro, 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif;}
#test h2 strong{ display: inline-block; background: #0071b2; color: #fff; font-weight: normal; padding-bottom: 0.125em;}
#test ul{ width: calc(100% + 60px); margin: -25px 0 -25px -30px; letter-spacing: -1em; }
#test ul li{ display: inline-block; vertical-align: top; letter-spacing: 0; width: calc(50% - 60px); margin: 25px 30px; background: #fff; color: #000; padding: 50px;}
#test ul li:nth-child(2),
#test ul li:nth-child(3){ background: #0071b2; color: #fff;}
#test h3{ text-align: center; font-size: 28px; line-height: 1em;}
#test h3 strong{ display: inline-block; font-weight: normal; padding: 0.2em 0.125em 0.25em; border-top: 1px solid #000; border-bottom: 1px solid #000;}
#test ul li:nth-child(2) h3 strong,
#test ul li:nth-child(3) h3 strong{ border-color: #fff;}
#test h3 strong span{ font-size: 22px;}
#test ul li:nth-child(1) h3{ letter-spacing: 0.3em;}
#test ul li:nth-child(2) h3{ letter-spacing: 0.1em;}
#test ul li:nth-child(3) h3{ letter-spacing: 0;}
#test ul li:nth-child(4) h3{ letter-spacing: 0;}
#test ul li:nth-child(4) h3 strong{ letter-spacing: -0.1em;}
#test ul li:nth-child(4) h3 strong span{ letter-spacing: 0;}
#test ul li figure{ margin: 30px auto;}
#test ul li p{ font-size: 13px; line-height: 1.8em;}
@media screen and (max-width:767px){
#test{ padding: 0 0 12.5%;}
#test:before{ width: 75%; height:250vw; top:2.5vw;}
#test h2{ font-size:4.5vw; margin-bottom:15%;}
#test h2:before{ font-size:11.25vw; left: 0; right: 0; bottom: 0;}
#test h2:after{ font-size:11.25vw; left: 2em; right: 0; top: 0.25em;}
#test ul{ width:100%; margin:0 auto;}
#test ul li{ display:block; width:100%; margin:5% auto; padding:5%;}
#test ul li:last-child{ margin-bottom:0;}
#test ul li:nth-child(3){ background: #fff; color: #000;}
#test ul li:nth-child(4){ background: #0071b2; color: #fff;}
#test h3{ font-size:4.5vw;}
#test h3 strong{ padding: 0.2em 0.5em 0.25em;}
#test ul li:nth-child(3) h3 strong{ border-color: #000;}
#test ul li:nth-child(4) h3 strong{ border-color: #fff;}
#test h3 strong span{ font-size:3.5vw;}
#test ul li:nth-child(1) h3{ letter-spacing: 0.3em;}
#test ul li:nth-child(2) h3{ letter-spacing: 0.2em;}
#test ul li:nth-child(3) h3{ letter-spacing: 0.2em;}
#test ul li:nth-child(4) h3{ letter-spacing: 0.1em;}
#test ul li:nth-child(4) h3 strong{ letter-spacing: 0.1em;}
#test ul li:nth-child(4) h3 strong span{ letter-spacing: 0;}
#test ul li figure{ margin: 5% auto;}
#test ul li figure img{ height: 20vw;}
#test ul li p{ font-size:3vw;}
}


/*会社概要*/
#company{ padding: 0 0 140px; position: relative; z-index: 1;}
#company:before{ content: ""; width: 70%; height: 1030px; background: #0071b2; position: absolute; left: 0; top: 0; z-index: -1;}
#company h2{ color: #fff; width: 100%; max-width: 1040px; margin: 0 auto; padding-bottom: 50px; position: relative; top: -15px;}
#company h2 strong{ display: block; font-size: 100px; line-height: 1em; font-weight: normal; font-family: adobe-garamond-pro, 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif;}
#company h2 span{ display: block; font-size: 32px; font-weight: normal; letter-spacing: 0.2em; line-height: 1em; margin-top: 15px;}
#company .maincontent{ padding-top: 50px; background: url("../images/company_bg.png") center top repeat-y;}
#company .gmap iframe{ width: 1240px; height: 540px; vertical-align: bottom;}
#company table{ width: 100%; margin: 0 auto 90px;}
#company table th{ width: 215px; padding: 30px 10px; vertical-align: middle; color: #fff; border-bottom: 1px solid #fff; font-size: 14px; line-height: 1em; font-weight: bold;}
#company table td{ padding: 30px 90px; vertical-align: middle; border-bottom: 1px solid #0071b2; font-size: 16px; line-height: 1em;}
@media screen and (max-width:767px){
#company{ padding: 0 0 12.5%;}
#company:before{ width:100%; height:90vw;}
#company h2{ text-align:center; padding-bottom:7.5%; top:-2vw;}
#company h2 strong{ font-size:11.25vw;}
#company h2 span{ font-size:4vw; margin-top:2.5%;}
#company .maincontent{ width:100%; padding:5% 0 0; background:#fff; position:relative; z-index:1;}
#company .maincontent:before{ content: ""; width:23.75vw; height:90%; background: #0071b2; position: absolute; left: 0; top: 0; z-index: -1;}
#company .gmap iframe{ width:100%; height:60vw;}
#company table{ width: 92.5%; margin:0 auto 10%;}
#company table th{ width:20vw; padding:1.5em 0; font-size:3vw;}
#company table td{ padding:1em 1.5em; font-size:3vw; line-height:1.25em;}
}


/*contact*/
#contact{ background: url("../images/contact_bg.jpg") center center no-repeat; background-size: cover; padding: 90px 0 120px; text-align: center;}
#contact h2{ text-align: center; color: #fff; font-size: 24px; letter-spacing: 0.1em; font-weight: normal; margin-bottom: 75px;}
#contact figure.btn a{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 390px; height: 190px; background: #0071b2; color: #fff; border-radius: 4px; margin: 0 auto;}
#contact figure.btn a span.ico{ margin-bottom: 24px;}
#contact figure.btn a strong{ font-size: 22px; line-height: 1em; letter-spacing: 0.1em; font-weight: normal; margin-bottom: 24px; font-family: adobe-garamond-pro, 'Noto Serif JP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif;}
#contact figure.btn a span{ font-size: 16px; line-height: 1em; letter-spacing: 0.1em;}
@media screen and (max-width:767px){
#contact{ background: url("../images/contact_bg_smp.jpg") center center no-repeat; background-size:cover; padding:10% 0 15%;}
#contact h2{ font-size:4.5vw; margin-bottom:10%;}
#contact figure.btn a{ width:66.66%; height:25vw; border-radius:1vw;}
#contact figure.btn a span.ico{ margin-bottom:5%;}
#contact figure.btn a span.ico img{ height:6vw;}
#contact figure.btn a strong{ font-size:3vw; margin-bottom:2.5%;}
#contact figure.btn a span{ font-size:3vw;}
}


/*プライバシーポリシー*/
#pv_modal{ display: none; position: fixed; left: 0; right: 0; top: 0; margin: auto; width: 100%; height: 100%; z-index: 999; font-size: 12px;}
#pv_modal_bg{ content: ""; z-index: 1000; background: rgba(0,0,0,0.8); position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 100%; height: 100%; cursor: pointer;}
.pv_modal_close{ width:1040px; height:60px; display:flex; justify-content:flex-end; align-items:center; position:fixed; left: 0; right: 0; top: 30px; margin: auto; z-index: 1001; text-align: right;}
.pv_modal_close span{ width: 60px; height: 60px; position: relative; cursor: pointer;}
.pv_modal_close span:before{ content: ""; display:block; height:2px; width:60px; background:#fff; position:absolute; right: 0; bottom:30px; transform: rotate(45deg);}
.pv_modal_close span:after{ content: ""; display:block; height:2px; width:60px; background:#fff; position:absolute; right: 0; top:30px; transform: rotate(-45deg);}
@media screen and (max-width: 767px) {
#pv_modal{ font-size:3vw;}
.pv_modal_close{ width:95%; height:10vw; top:2.5vw;}
.pv_modal_close span{ width:10vw; height:10vw;}
.pv_modal_close span:before{ width:10vw; bottom:5vw;}
.pv_modal_close span:after{ width:10vw; top:5vw;}
}
#pv_modal_in{ position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); width:1040px; height:calc(100% - 180px); margin:auto; background:#fff; overflow-y:auto; overflow-x: hidden; padding:80px 100px; z-index: 1001; -webkit-overflow-scrolling: touch;}
#pv_modal h2{ text-align: center; font-size: 32px; font-weight: normal; line-height: 1em; letter-spacing: 0.1em; margin-bottom: 90px; color: #0071b2;}
#pv_modal h3{ font-size: 14px; font-weight: bold; color: #0071b2; margin: 30px auto 15px; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;}
#pv_modal h4{ font-size: 12px; font-weight: bold; margin: 30px auto 10px; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;}
#pv_modal p{ font-size: 12px; line-height: 2em;}
#pv_modal p.sign{ text-align: right; margin: 30px auto 90px;}
#pv_modal ul li{ font-size: 12px; padding-left: 1em; line-height: 2em; position: relative;}
#pv_modal ul li:before{ content: "・"; position: absolute; left: 0; top: 0;}
#pv_modal ol li{ font-size: 12px; padding-left: 1em; line-height: 2em; position: relative;}
#pv_modal ol li span{ position: absolute; left: 0; top: 0;}
#pv_modal table{ font-size: 12px; line-height: 2em; margin: 10px auto 20px 0;}
#pv_modal table th{ font-weight: normal; width: 16em;}
@media screen and (max-width: 767px) {
#pv_modal_in{ width:95%; height:calc(100% - 30vw); padding:15% 5%;}
#pv_modal h2{ font-size:5.5vw; margin-bottom:15%;}
#pv_modal h3{ font-size:3vw; margin:5% auto 1.25%;}
#pv_modal h4{ font-size:3vw; margin:5% auto 1.25%;}
#pv_modal p{ font-size:2.8vw;}
#pv_modal p.sign{ margin:5% auto 15%;}
#pv_modal ul li{ font-size:2.8vw;}
#pv_modal ol li{ font-size:2.8vw;}
#pv_modal table{ width:100%; font-size:2.8vw; margin:1.25% auto 5%;}
#pv_modal table th{ display:block; width:100%;}
#pv_modal table td{ display:block; width:100%; padding-left:1em;}
}



@media print, screen and (min-width:768px){
.smp{ display:none !important;}
}
@media screen and (max-width:767px){
.pc{ display:none !important;}
}