@charset "utf-8";
/*! .mod_reason
---------------------------------------- */
.mod_reason {
	background: url(../img/common/bg_reason01.png) 0 0 repeat;
	margin: 0 0 40px 0;
	padding: 0 0 20px 0;
	position: relative;
}
.mod_reason h2 {
	margin: 0 0 20px 0;
}
.mod_reason .block {
	position: relative;
	margin: 0 20px 15px 20px;
}
.mod_reason .block:last-child {
	position: relative;
	margin: 0 20px 0 20px;
}
.mod_reason .block p {
	position: absolute;
	top:142px;
	left:41px;
	width: 295px;
	letter-spacing : 0 ;
}
.mod_reason .block:nth-child(4) p,
.mod_reason .block:nth-child(5) p {
	top:154px;
}
.mod_reason .btn {
	width: 410px;
	margin: 0 auto;
	padding-top: 5px;
}
/* .mod_voice
---------------------------------------- */
.mod_voice {
	margin: 0 0 40px 0;
}
.mod_voice h2 {
	margin: 0 0 20px 0;
}
.mod_voice .voiceBlock .box {
	background: url(../img/home/bg_voice01.png) 0 0 repeat;
	width: 350px;
	padding: 5px;
	float: left;
	margin: 0 20px 20px 0;
}
.mod_voice .voiceBlock .box:nth-child(2n) {
	margin: 0 0 20px 0;
}
.mod_voice .voiceBlock .box .inner {
	background: #fff;
	position: relative;
/*	min-height: 200px;*/
}
.mod_voice .voiceBlock .box .name {
	padding: 12px 130px 5px 13px;
	background: url(../img/home/bg_voice_02.png) left bottom repeat-x #f9f9f9;
	font-size: 16px;

}
.mod_voice .voiceBlock .box .name span {
	display: block;
	background: url(../img/common/ico_voice01.png) left top no-repeat;
	padding: 10px 0 10px 50px;
}
.mod_voice .voiceBlock .box .name a {
	text-decoration: none;
	font-weight: bold;
	color: #0140bd;
}
.mod_voice .voiceBlock .box .name a:hover {
	text-decoration: underline;
}
.mod_voice .voiceBlock .box .tit {
	padding: 12px 15px 0;
	font-weight: 700;
	letter-spacing : 0 ;
}
.mod_voice .voiceBlock .box .txt {
/*	padding: 12px 135px 15px 15px;*/
	padding: 5px 15px 15px;
	letter-spacing : 0 ;
}
.mod_voice .voiceBlock .box img {
	position: absolute;
	top:21px;
	right:19px;
	border: solid 1px #D8D7D7;
	background: #fff;
	padding: 3px;
}
.mod_voice .voiceBlock .box .zoom {
	position: absolute;
	top:145px;
	right:23px;
	border: none;
	background: none;
	padding: 0;
}
.mod_voice .btn{
	width: 410px;
    margin: 0 auto;
    padding-top: 5px;
}

/* .mod_service
---------------------------------------- */
.mod_service {
	border-top: solid 2px #cecece;
	margin: 40px 0 55px;
}
.mod_service h2 {
	padding: 30px 0 27px 0;
}
.mod_service .serviceFlow {
	background: url(../img/home/bg_service01.png) 0 0 repeat;
	margin: 0 0 30px 0;
	padding: 35px 35px 30px 35px;
	position: relative;
}
.mod_service .serviceFlow ul li {
	float:left;
	padding: 0 26px 0 0;
	background: url(../img/home/txt_serviceflow_arrow01.png) 97px 110px no-repeat;
}
.mod_service .serviceFlow ul li.first {
	background: url(../img/home/txt_serviceflow_arrow_active01.png) 97px 110px no-repeat;
}
.mod_service .serviceFlow ul li.last {
	padding: 0;
	background: none;
}
.mod_service .serviceFlow p {
	position: absolute;
	left: 152px;
	bottom: 16px;
}
.mod_service .cardBlock {
	border: solid 3px #012b7f;
	height: 69px;
	margin: 0 0 15px 0;
}
.mod_service .cardBlock p,
.mod_service .cardBlock img {
	float: left;
}
.mod_service .cardBlock p {
	padding: 27px 31px 0 103px;
	display: inline-block;;
	float: left;
	color: #00258d;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: -1px;
}
.mod_service .cardBlock img.icon01 {
	margin: 28px 10px 0 0;
}
.mod_service .cardBlock img.icon02 {
	margin: 24px 10px 0 0;
}
.mod_service .cardBlock img.icon03 {
	margin: 22px 0 0 0;
}
.mod_service .caption {
	position: relative;
	font-size: 11px;
}
.mod_service .ast{
	font-size: 11px;
}
/* .mod_faq
---------------------------------------- */
.mod_faq {
	margin: 0 0 0 0;
}
.mod_faq h2 {
	margin: 0 0 20px 0;
}
.mod_faq h3 {
	margin: 0 0 15px 0;
}
.mod_faq .faqBlock {
	margin: 0 0 20px 0;
	/*
	padding: 0 0 40px 0;
	border-bottom: dotted 1px #adadad;
	*/
}
.mod_faq .faqBlock dl {
	position: relative;
	float:left;
	width: 325px;
	padding: 10px 20px;
	margin: 0 10px 0 0;
}
.mod_faq .faqBlock dl:nth-child(2n) {
	margin: 0;
}
.mod_faq .faqBlock dl:nth-child(4n+1),
.mod_faq .faqBlock dl:nth-child(4n+2) {
	background: #e2eefa;
}
.mod_faq .faqBlock dl dt {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: #808083;
	font-size: 18px;
	position: absolute;
}
.mod_faq .faqBlock dl dd {
	padding: 0 0 0 3em;
}
.mod_faq .faqBlock dl dd a {
	color: #414148;
}
.mod_faq .faqBlock dl dd a:hover {
	text-decoration: none;
}
.mod_faq .btn{
    text-align: center;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: dotted 1px #adadad;
	}

/* .mod_trouble
---------------------------------------- */
.mod_trouble {
	margin: 0 0 60px 0;
}
.mod_trouble h3 {
	margin: 0 0 15px 0;
}
.mod_trouble .troubleBlock {
	background: #eee;
	padding: 20px 20px 10px 20px;
}
.mod_trouble .troubleBlock p {
	float: left;
	width: 265px;
	min-height: 42px;
	background: url(../img/home/ico_trouble01.png) 12px 15px no-repeat #fff;
	border-radius: 5px;
	padding: 15px 20px 15px 60px;
	margin: 0 10px 10px 0;
}
.mod_trouble .troubleBlock p:nth-child(2n) {
	margin: 0 0 10px 0;
}
.mod_trouble .troubleBlock p a {
	color: #414148;
}
.mod_trouble .troubleBlock p a:hover {
	text-decoration: none;
}
.mod_trouble .btn{
	width: 410px;
    margin: 0 auto;
    padding-top: 20px;
}

.mod_trouble02 {
	margin: 0 0 60px 0;
}
.mod_trouble02 h3 {
	margin: 0 0 35px 0;
}
.mod_trouble02 .btn{
	width: 410px;
    margin: 0 auto;
    padding-top: 20px;
}

.mod_trouble02 .troubleAreaDetail {
	margin: 0 0 30px 0;
}

.mod_trouble02 .troubleAreaDetail .titleBlock {
    background: url(../img/common/bg_questionarea01.png) 0 0 no-repeat #f2f2f2;
    padding: 23px 18px 17px 18px;
    font-size: 16px;
    font-weight: bold;
}

.mod_trouble02 .troubleAreaDetail .titleBlock .inner {
    background: url(../img/trouble/ico_trouble01.png) 0 0 no-repeat;
    padding: 0 0px 7px 89px;
    font-weight: bold;
    display: block;
    min-height: 63px;
}

.mod_trouble02 .troubleAreaDetail .titleBlock .category {
    font-size: 12px;
    margin: 0 0 5px 0;
}

.mod_trouble02 .troubleAreaDetail .titleBlock .category span {
    font-size: 11px;
    color: #fff;
    background: #00a7d1;
    display: inline-block;
    padding: 2px 8px 1px 8px;
    margin: 0 0 0 5px;
}

.mod_trouble02 .troubleAreaDetail .titleBlock .tit {
    font-size: 16px;
    font-weight: bold;
    color: #414148;
}
.mod_trouble02 .troubleAreaDetail .txtBlock {
    padding: 20px 18px;
    border: solid 2px #ebebeb;
    border-top: none;
}
.mod_trouble02 .troubleAreaDetail .txtBlock p:last-child {
    margin: 0 0 0 0;
}

/* .mod_service02
---------------------------------------- */
.mod_service02 {
	position: relative;
}
.mod_service02 .txt {
	position: absolute;
	top:141px;
	left: 44px;
	width: 661px;
}
.mod_service02 .btn {
	position: absolute;
	left: 220px;
	bottom: 42px;
	width: 300px;
}
/* mod_contact
================================================== */
.mod_contact {
	position: relative;
}
.mod_contact .btContact {
	background: url(../img/service/bt_contact01.png) 0 0 no-repeat;
	position: absolute;
	top:259px;
	right:35px;
	width: 344px;
	height: 65px;
	display: inline-block;
}
.mod_contact .btContact:hover {
	background-position:0 -65px;
}
.mod_contact .btContact span {
	display: none;
}

/* .mod_useful
---------------------------------------- */
.mod_useful{
	margin-bottom: 60px;
}
.mod_useful .usefulTit{
	overflow: hidden;
	box-sizing: border-box;
    height: 55px;
    line-height: 1.1;
    margin-bottom: 30px;
    padding: 18px 0 0 80px;
    background: url(../img/useful/bg_result_tit.png) no-repeat left top #0140bd;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
.mod_useful .block{
    width: auto;
	box-sizing: border-box;
    padding: 0 5px 5px;
    border-top: solid 6px #0022a2;
    background: url(../img/useful/bg_block01.png) 0 0 repeat;
}
.mod_useful .block + .block{
	margin-top: 20px;
}
.mod_useful .block a{
	color: inherit;
	text-decoration: none;
}
.mod_useful .block a:hover{
	text-decoration: underline;
}
.mod_useful .block .inner{
    position: relative;
    background: #fff;
}
.mod_useful .block .titleBlock{
    box-sizing: border-box;
    min-height: 106px;
    background: url(../img/useful/bg_title_block01.png) repeat-x left top;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}
.mod_useful .block .titleBlock .tit{
    padding: 25px 20px 20px 108px;
    background: url(../img/useful/ico_result01.png) no-repeat 20px 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 66px;
}
.mod_useful .block .txtBlock{
    line-height: 1.54;
    padding: 20px;
    font-size: 13px;
}
.mod_useful .btn ,
.mod_useful02 .btn {
    width: 410px;
    margin: 0 auto;
    padding-top: 20px;
}
.mod_useful .page_navi ,
.mod_useful02 .page_navi {
	margin-top: 40px;
	text-align: center;
	font-size:15px;
}
.mod_useful .page_navi li ,
.mod_useful02 .page_navi li {
	display: inline-block;
}
.mod_useful .page_navi a,
.mod_useful02 .page_navi a,
.mod_useful .page_navi span ,
.mod_useful02 .page_navi span {
	box-sizing: border-box;;
	display: inline-block;
	text-decoration: none;
	border: solid 2px #d8d7d7;
	border-radius: 2px;
	padding: 9px 10px 0 10px;
	min-width: 40px;
	min-height: 40px;
	color: #0022a2;
	vertical-align: middle;
	font-weight: bold;
}
.mod_useful .page_navi span ,
.mod_useful02 .page_navi span {
	border: solid 2px #0140bd;
	background: #0140bd;
	color: #fff;
}
.mod_useful .page_navi a:hover ,
.mod_useful02 .page_navi a:hover {
	text-decoration: underline;
	border: solid 2px #0140bd;
	background: #0140bd;
	color: #fff;
}
.mod_useful .page_navi .previous a ,
.mod_useful02 .page_navi .previous a {
	margin: 0 10px 0 0;
}
.mod_useful .page_navi .next a ,
.mod_useful02 .page_navi .next a {
	margin: 0 0 0 10px;
}

/* .mod_useful02
---------------------------------------- */
.mod_useful02{
	margin-bottom: 60px;
}
.mod_useful02 .usefulTit{
	overflow: hidden;
	box-sizing: border-box;
    height: 55px;
    line-height: 1.1;
    margin-bottom: 30px;
    padding: 18px 0 0 80px;
    background: url(../img/useful/bg_result_tit.png) no-repeat left top #0140bd;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
.mod_useful02 .block {
	margin: 0 0 30px 0;
}
.mod_useful02 .block .titleBlock {
	background: url(../img/common/bg_questionarea01.png) 0 0 no-repeat  #f2f2f2;
	padding: 23px 18px 17px 18px;
	font-size: 16px;
	font-weight: bold;
}
.mod_useful02 .block .titleBlock .inner {
	background: url(../img/useful/ico_result01.png) 0 0 no-repeat;
	padding: 0 0px 7px 89px;
	font-weight: bold;
	display: block;
	min-height: 63px;
}
.mod_useful02 .block .titleBlock .category {
	font-size: 12px;
	margin: 0 0 5px 0;
}
.mod_useful02 .block .titleBlock .category span {
	font-size: 11px;
	color: #fff;
	background: #00a7d1;
	display: inline-block;
	padding: 2px 8px 1px 8px;
	margin:0 0 0 5px;
}
.mod_useful02 .block .titleBlock .tit {
	font-size: 16px;
	font-weight: bold;
	color: #414148;
}
.mod_useful02 .block .titleBlock .tit a{
	color: inherit;
	text-decoration: none;
}
.mod_useful02 .block .titleBlock .tit a:hover{
	text-decoration: underline;
}
.mod_useful02 .block .txtBlock {
	padding: 20px 18px;
	border: solid 2px #ebebeb;
	border-top: none;
}
.mod_useful02 .block .txtBlock p {
	margin:0 0 25px 0;
	font-size: 13px;
}
.mod_useful02 .block .txtBlock p:last-child {
	margin:0 0 0 0;
}

/* .mod_useful - short ver
---------------------------------------- */
.mod_useful.short .block{
	float: left;
	width: 360px;
	margin-right: 20px;
	margin-top: 0;
}
.mod_useful.short .block:nth-of-type(even){
	margin-right: 0;
}
.mod_useful.short .block:nth-of-type(n + 3){
	margin-top: 20px;
}
.mod_useful.short .block .titleBlock{
	min-height: 114px;
}
.mod_useful.short .block .titleBlock .tit{
	line-height: 1.33;
}
.mod_useful.short .btn{
	padding-top: 35px;
}

/* .mod_textContents01
---------------------------------------- */
.mod_textContents01 {
	padding:20px;
	background: url(../img/common/bg_reason01.png) 0 0 repeat;
	margin:30px 0;
}
.mod_textContents01 .tit01 {
	font-size:18px;
	font-weight:800;
	color:#fff;
	margin-bottom:15px;
	background:#0F2C81;
	padding:12px 25px;
}
.mod_textContents01 .inner {
	border: solid 3px #d8d7d7;
	border-radius: 8px;
	background:#fff;
	padding:20px;
}
.mod_textContents01 .tit02 {
	font-size:16px;
	font-weight:800;
	margin-bottom:12px;
}

/* .mod_textContents02
---------------------------------------- */
.mod_textContents02 {
	margin:30px 0;
}
.mod_textContents02 .tit01 {
	font-size:25px;
	font-weight:800;
	margin-bottom:20px;
	text-align: center;
	color:#0F2C81;
}
.mod_textContents02 .intro {
	margin-bottom:30px;
}
.mod_textContents02 .tit02 {
	font-size:18px;
	font-weight:800;
	color:#fff;
	background:#0F2C81;
	padding:12px 25px;
}
.mod_textContents02 .list li + li {
	margin-top:25px;
}
.mod_textContents02 .txt {
	border:2px solid #d8d7d7;
	border-top:none;
	padding:20px;
}
.mod_textContents02 .txt p + p {
	margin-top:20px;
}

/* .mod_price
---------------------------------------- */
.mod_price{
	margin-bottom: 60px;
}
.mod_price .priceTit{
	overflow: hidden;
	box-sizing: border-box;
    height: 55px;
    line-height: 1.1;
    margin-bottom: 30px;
    padding: 18px 0 0 80px;
    background: url(../img/useful/bg_result_tit.png) no-repeat left top #0140bd;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

/*! #mod_caution
---------------------------------------- */
#mod_caution{
	margin-bottom: 60px;
}
#mod_caution .cautionTit{
	overflow: hidden;
	box-sizing: border-box;
    height: 55px;
    line-height: 1.1;
    margin-bottom: 30px;
    padding: 18px 0 0 80px;
    background: url(../img/shop/ico_caution01.png) no-repeat left top #0140bd;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
.box01{
	margin-top: 60px;
}
.box02{
	background-color: #e9f4fb;
	padding: 30px 25px;
	position: relative;
}
.box01 .box02 .image{
	float: left;
    width: 300px;
    margin: 0 30px 30px 0;
}
.box01 .box02 .txt01{
	font-size: 15px;
    line-height: 1.6;
}
.box02In{
	background-color: #fff;
	border: solid 6px #d6ebf9;
	padding: 28px 20px;
}
.box02::after {
    content: '';
    border-top: solid 6px #003392;
    display: block;
    position: absolute;
    top: 30px;
    z-index: 2;
    width: 690px;
}

/*! #greeting
---------------------------------------- */
#greeting{
	margin-bottom: 60px;
}
#greeting .greetingTit{
	overflow: hidden;
	box-sizing: border-box;
    height: 55px;
    line-height: 1.1;
    margin-bottom: 30px;
    padding: 18px 0 0 80px;
    background: url(../img/shop/ico_greeting01.png) no-repeat left top #0140bd;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
#greeting .box02In{
	position: relative;
}
#greeting .box02In .space{
	float: right;
}
#greeting .box01 .box02 .image01{
	float: right;
	width: 300px;
    margin: 0 0 30px 30px;
}
/* mod-reason02
---------------------------------------- */
.mod-reason02{
	width: 100%;
}
.mod-reason02 .tit01 img{
	width: 100%;
}
.mod-reason02 .inner{
	padding: 28px 20px;
	margin-bottom: 30px;
	line-height: 1.5;
	background-color: #e4f0fb;
}
.mod-reason02 .img{
	float: left;
	width: 310px;
	padding: 0 30px 0 20px;
}
.mod-reason02 .img img{
	width: 100%;
}
.mod-reason02 .intro{
	padding-bottom: 21px;
	padding-left: 20px;
}
.mod-reason02 .box{
	line-height: 1.5;
	background-color: #fff;
	padding-bottom: 10px;
}
.mod-reason02 .box + .box{
	margin-top: 30px;
}
.mod-reason02 .tit02{
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	background-color: #277acd;
	padding: 12px 0 11px 20px;
	margin-bottom: 21px;
}
.mod-reason02 .txt{
	padding:0 20px 22px;
}
.mod-reason02 .lead{
	font-size: 15px;
	font-weight: bold;
	padding: 0 20px 8px;
}
.mod-reason02 .tipsBox{
	background-image: url(../img/home/bg_reason.png);
	background-size: 100%;
	padding: 25px 21px 28px;
	margin: 0 20px 15px;
}
.mod-reason02 .tipsBox .tit03{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #00258d;
	margin-bottom: 6px;
}
.mod-reason02 .tipsBox .text{
	padding-right: 10px;
}
/* mod-price-shop
---------------------------------------- */
.mod-price-shop {
	margin-bottom: 85px;
}
.mod-price-shop .tit01 {
	overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 22px;
}
.mod-price-shop .priceList .block01{
	background-color: #e9f4fb;
  width: 49%;
  float: left;
  margin: 0 2% 10px 0;
  padding: 27px 29px 30px;
  box-sizing: border-box;
}
.mod-price-shop .priceList .block01:nth-child(even){
	margin-right: 0;
}
.mod-price-shop .priceList .priceTit{
	font-weight: bold;
    font-size: 1.8rem;
    padding-bottom: 10px;
		padding-left: 5px;
}
.mod-price-shop .priceList .icon{
	margin-bottom: 18px;
}
.mod-price-shop .priceList .icon .place{
	background: #003392;
    color: #fff;
    padding: 2px 8px 0;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 3px;
}
.mod-price-shop .priceList .icon .address{
	background: #fff;
    border: 1px solid #333;
    padding: 2px 5px 0;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 3px;
}
.mod-price-shop .priceList .cat{
	background: #1588da;
    display: inline-block;
    color: #fff;
    padding: 4px 12px 1px;
    margin: 0 0 6px 1px;
		text-align: center;
		min-width: 74px;
}
.mod-price-shop .priceList .txt{
	min-height: 70px;
	padding-bottom: 7px;
}
.mod-price-shop .priceList .priceArea{
	min-height: 134px;
  background: #fff;
  padding: 15px 19px 7px 20px;
}
.mod-price-shop .priceList .priceArea table{
    line-height: 2.4rem;
		margin-bottom: 10px;
}
.mod-price-shop .priceList .priceArea td{
	text-align: right;
	width: 27%;
	vertical-align: bottom;
}
.mod-price-shop .priceList .priceArea .total{
	border-top: 1px solid #333;
    padding-top: 5px;
    margin-top: 5px;
    color: #fd3327;
    font-weight: bold;
    text-align: right;
    font-size: 30px;
}
.mod-price-shop .priceList .priceArea .total .small{
	font-size: 16px;
  vertical-align: baseline;
  font-weight: bold;
}
.mod-price-shop .btnBlock {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

/* #fixedCv
------------------------------------- */
#fixedCv { position: fixed; bottom: 0; left: 0; z-index: 5; width: 100%; height: 100px; border-top: solid 5px #0140bd; background: #fff; }

#fixedCv .inner { padding: 20px 0 0; }

#fixedCv .logo { float: left; margin-right: 40px; }

#fixedCv .ex { float: left; margin-right: 7px; }

#fixedCv .ex .ex02 { margin-top: 3px; }

#fixedCv .tel { float: left; margin: 3px; }

#fixedCv .btn { float: right; margin-top: -2px; }

#fixedCv .inner { width: 1000px; margin: auto; }