@charset "UTF-8";

/* reset
---------------------------------------------------------- */

html, body, div, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, .menuList, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;font-weight:normal;}
/* HTML5 display-role reset for older browsers */
article, .menuList, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}

img{vertical-align:bottom;}

.onpc {display: block;}
.onsp {display: none;}
.onpc-inline {display: inline-block;}
.onsp-inline {display: none;}

.nav-toggle {
	display: none;
}

/* font
---------------------------------------------------------- */
body{font-family:"メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-size:13px; color:#333; line-height:1.3; text-align:center;}



/* useful
---------------------------------------------------------- */

/*clear*/
.cl{display: block; min-height: 1%;}
.cl:after{clear: both;content:".";display: block; height: 0;visibility: hidden;}
* html .cl{height: 1%; /*\*//*/height: auto;overflow: hidden;/**/}

.clears {display:block; clear:both; height:0px; overflow:hidden; padding:0; margin:0; border:0px;}



/*font*/
.fwB{font-weight:bold !important;}
.fs09{font-size:11px !important;}
.fs10{font-size:10px !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}

.fRed{color:#C00;}


/*margin,padding*/

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.p0{padding:0 !important;}

.in10{padding-right:10px;padding-left:10px;}
.in20{padding-right:20px;padding-left:20px;}
.in30{padding-right:30px;padding-left:30px;}

.indent{text-indent:-1em; padding:0 0 0 1em;}
.indentNum{text-indent:-2em; padding:0 0 0 2em;}

/*align*/
.taC{text-align:center !important;}
.taR{text-align:right !important;}
.taL{text-align:left !important;}

/*float*/
.fL{float:left;}
.fR{float:right;}
.imgL{float:left;margin-right:20px !important;}
.imgR{float:right;margin-left:20px !important;}
.noF{overflow:auto; zoom:1;}

/*display*/
.inB{display:inline-block;*display:inline;*zoom:1;}
.disB{display:block;}
.w100{width:100%;}
.w90{width:90%;}

.noW{white-space:nowrap;}
.wB{white-space:normal !important;}

/*icon*/
.iconR{display:inline-block;*display:inline;*zoom:1;color:#fff;background:#CC0000; line-height:1.8; padding:0 0.5em;font-size:11px; border-radius:3px;}
.iconB{display:inline-block;*display:inline;*zoom:1;color:#fff;background:#218CC7; line-height:1.8; padding:0 0.5em;font-size:11px; border-radius:3px;}
.iconGr{display:inline-block;*display:inline;*zoom:1;color:#fff;background:#888; line-height:1.8; padding:0 0.5em;font-size:11px; border-radius:3px;}

.icon{vertical-align:middle;}

hr{height:1px;border:none; border-top:1px dotted #aaa; margin:30px 0;}


/* js用セレクタ
---------------------------------------------------------- */
.imgover{/*画像切替rollover*/}
/*透過型rollover*/
/*.over{display:inline-block;}*/
.anchor{/*ページ上部スクロールボタン*/}


/* layout
---------------------------------------------------------- */
body{color:#333; background-color:#FAF8F5;-webkit-text-size-adjust: 100%;}

.baseBlock{width:1000px; margin:0 auto; text-align:left;}
.mainBlock{width:720px; float:right;}
.sideMenu{width:260px; float:left;}

.pagetop{text-align:right; margin:0 auto; width:1000px;}

/* common
---------------------------------------------------------- */
a:link,a:visited{color:#157099; text-decoration:none;}
a:hover,a:active{color:#F1581F; text-decoration:underline;}
button,.point{cursor:pointer;}

.comLink{background:url(../img/ico_arrow_right01.png) no-repeat left center; padding:0 0 0 20px;}

p{line-height:1.5;}

.requiredMark,.strongHeader,.strongLine,.strongCell{color:#b20000;}
.strongHeader{font-size:19px; font-weight:bold;}
.strongLine{text-decoration:underline;}
.fs27{font-size:27px;}
.fs17{font-size:17px;}
.headDetail{padding:0 20px;}
.headMsg{
/*  margin:25px 0 55px 0;*/
  margin:0;
}
.headMsg img{float:right; margin-left:24px;}
.attention{background-color:#fffbdc; padding:15px; width:650px; margin-top:25px;}
.attention li{background:url(../img/common_mark01.png) no-repeat left center; padding-left:42px;}

.permitEm{font-size:14px; font-weight:bold;}
.headArea{background:url('../img/bg_main.png') #fff repeat-x;}
.notes{margin-top:12px; font-size:12px;}


/* header
---------------------------------------------------------- */
header{width:1000px; margin:0 auto; background-color:#fff; min-width:1000px; box-shadow:1px 1px 3px #ccc; /*padding-bottom:20px;*/}
img.logo{margin-left:46px;}

/* footer
---------------------------------------------------------- */
footer{border-top:solid 1px #dbdbea; background:url('../img/footer_bg.png') #fff repeat-x;}
footer .footMenu{border-bottom:solid 1px #dbdbea;}
footer #gotoTop{position:absolute; top:-26px; right:0;}
footer a{padding:1px 0; display:block;}
footer a:link , footer a:visited{text-decoration:underline; color:#002eaa;}
footer a:hover, footer a:active{color:#f1581f;}
footer ul{margin:0 auto 10px; padding:10px 0; width:1000px; min-height:194px; text-align:left; line-height:1.5; min-width:1000px;}
footer li{padding-left:20px; width:228px; /*width:304px;*/float:left; font-size:11px; border-left:solid 2px #dbdbea; min-height:174px;}
footer li:first-child{border:none;}
footer h1{margin:15px 0; padding:0 0 0 5px; line-height:1.2em;font-weight:bold; border-left:solid 4px #002eaa; font-size:14px;}
footer #copyright{/*background:url('../img/bg_footer02.png') #fff repeat-x;*/ min-height:24px; font-size:12px; line-height:24px;}


/* nav
---------------------------------------------------------- */
nav{height:45px; background:url('../img/bg_nav01.png') #002eaa repeat-x; font-size:13px; min-width:1000px; margin:0 0 20px 0;}
nav div{display:table; margin:0 auto;}
nav a{display:table-cell; padding:0; min-width:142px; height:45px; vertical-align:middle; color:#fff; border-rigth:doted 1px #fff; border-right:dotted 1px #fff;}
nav a:first-child{border-left:dotted 1px #fff;}
nav a:link , nav a:visited{color:#fff;}

/* pankuzu
---------------------------------------------------------- */
.pankuzu{width:1000px; margin:-10px auto 10px; line-height:30px; text-align:left;font-size:11px;}

/* sideMenu
---------------------------------------------------------- */
.sideMenu li a , .sideMenu li a:link , sideMenu li a:visited{color:#555;}
.sideMenu .sideBox{margin:0 0 20px ; padding:5px; background-color:#5AB8E1; border-radius:5px;}
.sideMenu .sideBox h1{padding:3px 0; color:#fff; font-weight:bold; text-align:center;}
.sideMenu .sideBox img{vertical-align:middle;}
.sideMenu .sideBox > div{background-color:#fff; border-radius:5px; text-align:left;}
.sideMenu .sideBox dl{padding:10px 5px 5px;}
.sideMenu .sideBox dt{padding-bottom:2px; font-size:10px;}
.sideMenu .sideBox dd{margin-bottom:4px; font-size:22px; font-weight:bold; text-align:center;}


.sideMenu .sideBox li{height:35px; line-height:35px; background:url('../img/side_bg_menu.png') #fff repeat-x;}
.sideMenu .sideBox li:first-child{border-top-left-radius:8px; border-top-right-radius:8px;}
.sideMenu .sideBox li:last-child{border-bottom-left-radius:8px; border-bottom-right-radius:8px;}
.sideMenu .sideBox li a{background:url(../img/mark_arrow01.png) no-repeat 10px center; padding:0 0 0 30px;display:block; text-decoration:none;}
.sideMenu .sideBox li:hover{background:url('../img/side_bg_menu_on.png') #fff repeat-x;}

.sideMenu .owner{padding:10px 24px; font-size:11px;}
.sideMenu .owner p{padding:10px 0; line-height:1.6em;}


/* mainBlock
---------------------------------------------------------- */
.mainBlock{text-align:left; padding-bottom:40px;}

.mainBlock h1{padding-left:10px; height:36px; border-left:solid 10px #6488d0; line-height:36px; font-size:18px; color:#fff; background:url('../img/bg_index_label01.png') #002eaa repeat-x;}

.mainBlock section{margin:0 0 20px 0;}
.mainBlock section .lineWave01{color:#f1581f; text-decoration:underline;}

.mainBlock .comBlock{}
.mainBlock .comBlock .inner{padding:20px; box-shadow:1px 1px 3px #ccc; background-color:#fff; line-height:1.6;}

.mainBlock h1{padding-left:10px; height:36px; border-left:solid 10px #5AB8E1; line-height:36px; font-size:18px; color:#fff;/* background:url('../img/bg_other_label01.png') #6488d0 repeat-x;*/background-color:#2D88B1;}

/* top
---------------------------------------------------------- */

.indexLink a{display:block; width:352px; float:left; margin:0 5px 5px 0;}
.indexLink a:last-child{margin:0;}

ul.indexReason{text-align:center;}
ul.indexReason li{width:204px; margin:0 10px 10px; float:left;}

dl.indexNews{font-size:14px; overflow:hidden;}
dl.indexNews dt{padding-left:10px; width:100px; height:32px; line-height:32px; background:url('../img/mark_arrow02.png') #fff no-repeat 0 12px; float:left;}
dl.indexNews dd{padding:7px 0 7px 120px; border-bottom:dotted 1px #aaa; min-height:14px;}
dl.indexNews dd:last-child{border:none;}

/* about
---------------------------------------------------------- */
.gaiyouImg{margin-bottom:24px;}
.mapButton{margin:25px 0 20px 0;}
.solidTable{width:680px; font-size:14px;} 
.solidTable tr,.solidTable th,.solidTable td{border:solid 1px #ccc;} 
.solidTable th{width:150px; padding:0 0 0 40px; background-color:#f9f9f9; display:table-cell; vertical-align:middle;}  
.solidTable td{width:530px; background-color:#fff; padding:15px 0 12px 20px;}


/* pack
---------------------------------------------------------- */
#pack .headArea img{margin:10px 0 28px;}
h2.packPlan{font-size:16px; margin-bottom:15px;}

/* pay
---------------------------------------------------------- */
h2.payMatter{font-weight:bold;}
h3.payMatter{padding:2px 10px; margin-bottom:15px; border:1px solid #1a65d3; color:#1a65d3; font-size:15px;}
ol li{text-indent:-1em; padding-left:1em;margin-left:13px;}
.flowChart {margin-bottom:5px;}
.flowChart p{width:600px; display:table-cell; vertical-align:middle; padding-left:65px; height:62px;}
.flowChart p.step1{background:url(../img/mark_step1.png) no-repeat left center;}
.flowChart p.step2{background:url(../img/mark_step2.png) no-repeat left center;}
.flowChart p.step3{background:url(../img/mark_step3.png) no-repeat left center;}
.flowChart p.step4{background:url(../img/mark_step4.png) no-repeat left center;}
.flowChart p.goal{background:url(../img/mark_goal.png) no-repeat left center;}
.permit{margin:15px 0;}
.permit p{font-weight:bold; color:#4a67a0; font-size:14px;}
.matter,.baseProper{margin-bottom:20px;}
.matter:last-child{margin-bottom:0;}
.greybox{padding:5px; margin:1em; background-color:#f0f0f0; border:solid 1px #ccc;}

h2.document{margin-bottom:10px; font-size:19px;}
.tableArea{margin-bottom:35px; }
.tableArea table{border:solid 1px #79796A; width:680px;}
.tableArea table th,.tableArea table td{border:dotted 1px #79796A;}
.tableArea table th{width:37px; text-align:center; vertical-align:middle;}
.tableArea table td:nth-child(2){padding:10px 0 10px 5px;}
.tableArea table td:nth-child(3),.tableArea table td:nth-child(4){width:90px; text-align:center; vertical-align:middle;}
.requestTable th{background-color:#BFEFFF;}
.attachTable th{background-color:#FFE599;}
.personalTable th{background-color:#FFD5D6;}
.headRow{padding-top:4px; border-radius:7px 7px 0 0; border:solid 1px #79796A; border-bottom:none; background-color:#FFA64D; height:23px; width:150px; color:#fff; font-size:16px; font-weight:bold; text-align:center;}
.person{background-color:#FF9999;}
.disc li{list-style-type:disc; margin-left:20px;}

/* option
---------------------------------------------------------- */
#option .headArea img{margin:10px 0 28px;}
.optionTable{width:500px; font-size:16px;} 
.optionTable th{width:239px; padding-left:13px; background-color:#b8d6dc; border:dotted 1px #fff; display:table-cell; vertical-align:middle;}  
.optionTable td{width:261px; background-color:#fff; padding:15px 0 12px 37px; border:dotted 1px #acac9d; line-height:100%;}
.twoLine{padding:10px 0 2px 37px;}


/* contact
---------------------------------------------------------- */
#contact .headArea img{margin-left:10px;}
#contact .solidTable{margin:15px 0;}
#contact .solidTable th{width:160px; padding:0 0 0 20px; background-color:#fff;}  
#contact .solidTable td{width:520px;}
.inputArea{margin-top:20px;}
input[type="radio"]{vertical-align:-2px;}
input[type="text"],input[type="email"],textarea{background-color:#f7f7f7; border:dotted 1px #aaa;}
.btnList{text-align:center; margin-bottom:20px;}
.btnList li{display:inline-block; margin-right:20px;}
.btnList li:last-child{margin-right:0;}
.submitBtn:hover,.resetBtn:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}


/* contents
---------------------------------------------------------- */
h1.title{padding-left:18px; height:62px; border-left:none; box-shadow:1px 1px rgba(0,0,0,0.4); background-color:#D3F1FF; line-height:62px; font-size:28px; color:#333;}
/*#contents .illust{border-radius:10px; box-shadow:1px 1px 3px #ccc; background-color:#fff; margin:10px 0 30px; padding:20px 0 15px;}
#contents .hakenTable{border-collapse:separate; margin-top:30px; text-align:center;}
#contents .hakenTable th{color:#fff; background-color:#75c9af; border:none; width:175px;}
#contents .hakenTable td{background-color:#d5f2fb; width:250px;; border-right:solid 3px #fff;}
#contents .hakenTable th,.hakenTable td{height:35px; line-height:35px; border-bottom:solid 3px #fff;}
#contents .headLine th{background-color:#fff; height:26px; border:none;}
#contents .headColumn{display:block; background-color:#a8a8b7; border-radius:5px 5px 0 0; width:182px; height:26px; margin:0 auto; line-height:26px;}
#contents .strongCell{font-size:14px; font-weight:bold; text-shadow:2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff;}
#contents .txtArea{margin:40px 0 16px;}
#contents sup{height:0; line-height:1; vertical-align:super; font-size:10px;}*/

.c-plan-price,
.c-plan-price * {
  box-sizing: border-box;
}
.c-plan-price {
  border: solid 2px #2d88b1;
  display: flex;
  margin-top: 20px;
  width: 100%;
}
.c-plan-price::after {
  border-top: 50px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 15px solid #2d88b1;
  content: '';
  height: 0;
  order: 2;
  width: 0;
}
.c-plan-price__plan {
  align-items: center;
  background-color: #2d88b1;
  color: #fff;
  display: flex;
  font-size: 18px;
  order: 1;
  padding: 0 10px;
  min-width: 200px;
}
.c-plan-price__price {
  align-items: center;
  display: flex;
  order: 3;
  padding: 0 10px;
}
.c-plan-price__price__number {
  font-size: 36px;
  font-weight: bold;
}
.c-plan-price__price__text {
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}

.c-box {
  border: solid 2px #c9c9c9;
  margin-top: 20px;
  padding: 10px;
}

.c-catch {
  font-weight:bold;
  font-size:16px;
}
.c-catch--1 {
  color:#4a67a0;
}


.p-area {}
.p-area__text {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin-top: 3px;
}