@charset "UTF-8";
/*=====================================================
* Style Name: Mynumber Landing Page
* Style URL: ./mynumber/css/contents.css
* Description: Common Stylesheet
* Version: 1.0
* Last Up Date: 2015/05/xx
*
* Markup Reference: none
*
=====================================================*/
/* フォントサイズのリスト */
/* 相対的なフォントサイズの調整を行う：基本の数値に対して増減した値を指定する @param{Number}px単位で基準となるフォントサイズから何px変わったかを指定
*/
/*-----------------------------------------------
style reset
----------------------------------------------- */
#wrapper { padding-bottom: 70px; background: none; }
#directory { height: 60px; padding-top: 15px; }
/*-----------------------------------------------
Page internal module
----------------------------------------------- */
.mn-section { margin: 0 0 120px; color: #333333; }
.mn-section p { font-size: 134%; line-height: 1.7; }
.mn-section__hd { margin: 0 0 50px; }
.mn-section__hd img { display: block; }
.mn-section__subhd { margin: 60px 0 45px; }
.mn-section__subhd img { display: block; }
.mn-section__txt { padding: 0 50px; }
.mn-section__txt em { font-weight: bold; }
/*-----------------------------------------------
Page internal contents
----------------------------------------------- */
/*	TOP
-----------------------------------------------*/
.mn-top { position: relative; margin: 0 0 10px; }
.mn-top img { display: block; }
.mn-top__txt { top: 320px; left: 82px; position: absolute; z-index: auto; }
.mn-top__lead-txt { margin: 0 0 30px; }
.mn-top__lead-txt img { display: block; margin: 0 auto; }
.mn-link-right { margin: 0 10px 15px; text-align: right; font-size: 108%; }
.mn-link-right a { color: #333333; }
.mn-flow__blc { margin: 0 0 23px; }
.mn-flow__hd { position: relative; z-index: 10; }
.mn-flow__txt { width: 871px; margin: -19px 0 0 44px; padding: 0 0 0 2px; position: relative; z-index: 0; background: url(../../mynumber/img/img-flowblc-shadow.png) repeat-y left top; }
.mn-flow__txt-body { width: 662px; display: block; padding: 20px 80px 20px 125px; font-size: 134%; line-height: 1.65; background: url(../img/img-flowblc-bg.png) repeat-x left top #f4f4f4; }
.mn-flow__txt-bottom { width: 873px; height: 7px; overflow: visible; display: block; overflow: hidden; bottom: -7px; left: 0px; position: absolute; z-index: auto; background: url(../img/img-flowblc-bottom.png) no-repeat left top; }
.mn-flow__arw { width: 157px; height: 31px; overflow: visible; display: block; overflow: hidden; margin: 0 0 0 400px; background: url(../img/arw-flow.png) no-repeat left top; }
.link-detail{ text-align:right; padding:0 20px 10px 0;}
.link-detail a:link,
.link-detail a:hover,
.link-detail a:visited{ color:#4E92D9;}
/*	マイナンバー制度とは
-----------------------------------------------*/
.mn-about__blc { position: relative; padding: 0 0 0 50px; }
.mn-about__blc h3 { margin: 0 0 20px; }
.mn-about__blc p { width: 475px; }
.mn-about__blc:first-child { margin-bottom: 50px; }
.mn-about__img { top: 5px; left: 565px; position: absolute; z-index: auto; }
.mn-attention { margin: 50px 0 0; padding: 50px 0 45px; position: relative; }
.mn-attention__blc { padding: 0 40px 0 172px; margin: 0 50px; background: url(../img/ico-attention.png) no-repeat 40px center; }
.mn-attention__blc p { font-size: 126%; line-height: 1.6; }
.mn-attention__blc + .mn-attention__blc { margin-top: 32px; padding-top: 32px; border-top: 1px dashed #333333; }
.mn-attention__hd { margin: 0 0 10px; }
.mn-attention__hd img { display: block; }
.mn-attention__bdr { width: 871px; height: 12px; overflow: visible; display: block; background: url(../img/img-attention-line.png) no-repeat left top; }
.mn-attention__bdr--top { top: 0px; left: 50px; position: absolute; z-index: auto; }
.mn-attention__bdr--bottom { bottom: 0px; left: 50px; position: absolute; z-index: auto; }
/*	マイナンバー対策
-----------------------------------------------*/
.mn-point__hd-first { margin-bottom: 15px; }
.mn-point__blc { padding: 0 50px; }
.mn-point__hd { margin: 0 0 15px; }
.mn-point__img { display: block; margin: 40px 0 62px; text-align: center; }
.mn-point__btn { text-align: center; }
.mn-point__btn img { -webkit-transition: 0.15s; transition: 0.15s; }
.mn-point__btn a:hover img { opacity: 0.7; }
/*　専門家の声　*/
.mn-expert { margin: 0 0 50px; }
.mn-expert__blc { padding: 0 50px 0 370px; position: relative; }
.mn-expert__txt--bold { position: relative; font-weight: bold; }
.mn-expert__txt--bold .body { display: block; position: relative; z-index: 3; font-size: 107%; }
.mn-expert__txt--bold .blockquote-begin { top: -10px; left: -10px; position: absolute; z-index: auto; }
.mn-expert__txt--bold .blockquote-end { bottom: -5px; right: -5px; position: absolute; z-index: auto; }
.mn-expert__txt + .mn-expert__txt { margin-top: 10px; }
.mn-expert__thum { width: 273px; top: 0px; left: 50px; position: absolute; z-index: auto; }
.mn-expert__cap { display: block; margin: 10px 0 0; font-size: 82%; line-height: 1.4; }
.mn-expert__cap em { font-weight: bold; }
/*	Q and A　*/
.mn-question { margin: 0 50px; border: 1px solid #2f73ad; background: -webkit-linear-gradient(top, white 0%, #f4f4f4 100%); background: linear-gradient(to bottom, white 0%, #f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); border-radius: 10px; }
.mn-question__blc { padding: 40px 0 40px; margin: 0 50px 0 53px; position:relative; }
.mn-question__blc:first-child { border-bottom: 1px solid #666; }
.mn-question__hd { min-height: 60px; padding: 20px 0 0 90px; color: #2f73ad; font-weight: bold; background: url(../img/ico-faq_q.png) no-repeat left top; }
.mn-question__txt { padding: 0 0 0 90px; font-size: 126%; background: url(../img/ico-faq_a.png) no-repeat left top; }
a.truncate_more_link{ 
color:#FFF;
background:#2F73AD; 
width:340px;
line-height:48px; 
text-align:center; 
display:block; 
margin:50px auto 0; 
font-size:16px;
}
a.truncate_more_link:hover, a.truncate_more_link:link{ color:#FFF; text-decoration:none;}
a.truncate_more_link:hover{ color:#F5F5F5; background:#4780B1;}
.bg-more-link{
  width:861px;
  height:130px;
  position:absolute;
  left:-52px;
  top: 130px;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(250,250,250,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(250,250,250,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(250,250,250,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(250,250,250,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(250,250,250,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(250,250,250,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fafafa',GradientType=0 );
border-radius:8px; /* IE6-9 */
}
strong{
  font-weight:bold;
}
/*	製品紹介
-----------------------------------------------*/
.mn-product { padding-top: 40px; }
.mn-product__blc { padding: 37px 60px 30px 320px; position: relative; background: #f6f5f5; }
.mn-product__blc p { min-height: 110px; }
.mn-product__blc + .mn-product__blc { margin-top: 10px; }
.mn-product__hd { margin: 0 0 15px; }
.mn-product__btn { display: block; margin-top: 25px; }
.mn-product__btn img { -webkit-transition: 0.15s; transition: 0.15s; }
.mn-product__btn a:hover img { opacity: 0.7; }
.mn-product__thum { top: 30px; left: 40px; position: absolute; z-index: auto; }