@charset "utf-8";

/*! Title
================================================== */
.mod_tit01 {
	height: 95px;
	line-height: 104px;
	font-size: 37px;
	font-weight: bold;
	color: #fff;
	padding: 0 30px;
	margin-bottom: 40px;
	background: url(../img/common/tit_mod01.png) top no-repeat;
	background-size: cover;
}

/*! Parts
================================================== */
/* .mod_reason
---------------------------------------- */
.mod_reason{
	overflow: hidden;
	margin: 0 0 50px;
	background: #daecf8;
}
.mod_reason .tit01{
	padding: 0 0 15px;
}
.mod_reason .secIn{
	position: relative;
	min-height: 222px;
	margin: 0 15px 15px;
	padding: 0 0 34px;
	background: url(../img/home/bg08.png) no-repeat bottom left #fff;
}
.mod_reason .tit02{
	padding: 40px 30px 0 360px;
	background: #fff;
}
.mod_reason .txt01{
	position: relative;
	padding: 15px 30px 0 360px;
	background: #fff;
	font-size: 15px;
}
.mod_reason .img{
	position: absolute;
	top: 15px;
	left: 15px;
}
.mod_reason .note {
	position: absolute;
	left: 35px;
	bottom: 0;	
	display: block;
	font-size: 1.2rem;
	line-height: 1.2;
	font-weight: 700;
}
.mod_reason .note01{
	bottom: -20px;
}
/* mod_flow
---------------------------------------- */
.mod_flow{
	margin: 0 0 50px;
}
.mod_flow .flow{
	margin: 0 0 35px;
}
.mod_flow .payment{
	margin: 0 0 10px;
}
.mod_flow .note{
	font-size: 13px;
	letter-spacing : 0.03em ;
}
/* mod_voice
---------------------------------------- */
.mod_voice{
	clear: both;
	overflow: hidden;
	padding: 0 0 45px;
}
.mod_voice .tit{
	margin: 0 0 20px;
}
.mod_voice .boxVoice{
	position: relative;
	float: left;
	width: 383px;
	margin-bottom: 14px;
	border: solid 1px #d1d1d7;
	box-sizing: border-box;
}
.mod_voice .boxVoice:after{
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 25px;
	height: 25px;
	background: url(../img/common/bg_mod_voice01.png);
}
.mod_voice .boxVoice:nth-of-type(2n){
	margin-left: 14px;
}
.mod_voice .boxVoiceIn{
	position: relative;
	padding: 29px;
}
.mod_voice .boxVoiceIn:before,
.mod_voice .boxVoiceIn:after{
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	width: 12px;
	height: 12px;
	background: url(../img/common/ico_circle01.png) no-repeat;
}
.mod_voice .boxVoiceIn:before{ left:10px;}
.mod_voice .boxVoiceIn:after{ right:8px;}
.mod_voice .name{
	display: table-cell;
	vertical-align: middle;
	height: 46px;
	padding: 5px 0 0 50px;
	color: #003392;
	font-weight: bold;
	font-size: 17px;
	line-height: 1.4;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.mod_voice .name a{
	color: #003392;
	text-decoration: none;
}
.mod_voice .name.icon01{ background-image: url(../img/common/ico_mod_voice01.png);}
.mod_voice .name.icon02{ background-image: url(../img/common/ico_mod_voice02.png);}
.mod_voice .name.icon03{ background-image: url(../img/common/ico_mod_voice03.png);}
.mod_voice .name.icon04{ background-image: url(../img/common/ico_mod_voice04.png);}
.mod_voice .txt{
	padding: 5px 0 0;
	font-size: 15px;
	line-height: 1.7;
}
.mod_voice .btn{
	clear: both;
	overflow: hidden;
	padding: 10px 0 0;
	text-align: center;
}

/* .mod_expert
---------------------------------------- */
.mod_expert {
	
}
.mod_expertIn {
	padding: 68px 30px 30px;
	background: url(../img/common/bg_mod_expert01.png) top left no-repeat #e9f4fb;
}
.mod_expert .txt {
	margin-top: 25px;
	font-size: 15px;
	line-height: 1.6;
}
.mod_expert	.list01 {
	margin-left: -12px;
	margin-top: 27px;
	clear: both;
	overflow: hidden;
}
.mod_expert	.list01 li {
	float: left;
	margin-left: 12px;
}
.mod_expert	.list02 {
	margin-left: -10px;
	margin-top: 14px;
	clear: both;
	overflow: hidden;
}
.mod_expert	.list02 li {
	float: left;
	margin-left: 10px;
}
.mod_expert	.btn {
	padding: 20px 0;
	background: #b1dfff;
}
.mod_expert	.btn a {
	display: block;
	width: 240px;
	margin: 0 auto;
}

/* .mod_contact
---------------------------------------- */
.mod_contact {
	position: relative;
	margin: 60px 0 38px;
	min-height: 320px;
}
.mod_contact .tit01 {
	position: relative;
	padding: 20px 0 0;
	text-align: center;
	z-index: 2;
}
.mod_contact .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 780px;
	height: 320px;
	z-index: 1;
}
.mod_contact .btn {
	position: absolute;
	right: 40px;
	bottom: 40px;
	width: 368px;
	height: 62px;
	z-index: 2;
}


/* .mod_trouble
---------------------------------------- */
.mod_trouble {
	clear: both;
	overflow: hidden;
	margin: 50px 0;
}
.mod_trouble .tit02 {
	margin: 0 0 15px 0;
}
.mod_trouble .boxTrouble {
	clear: both;
	overflow: hidden;
	background: #f5f6f6;
	padding: 20px 20px 10px 20px;
}
.mod_trouble .boxTrouble p {
	float: left;
	display: table;
	width: 283px;
	min-height: 42px;
	background:url(../img/common/ico_mod_trouble01.png) 15px no-repeat #fff;
	border:solid 1px #d1d1d7;
	border-radius: 5px;
	padding: 15px 20px 15px 60px;
	margin: 0 10px 10px 0;
}
.mod_trouble .boxTrouble p:nth-child(2n) {
	margin: 0 0 10px;
}
.mod_trouble .boxTrouble p a {
	display: table-cell;
	color: #414148;
	vertical-align: middle;
}
.mod_trouble .boxTrouble p a:hover {
	text-decoration: none;
}
.mod_trouble .btn{
	clear: both;
	overflow: hidden;
	padding: 15px 0 0;
	text-align: center;
}

/* .mod_trouble02
---------------------------------------- */
.mod_trouble02 {
	clear: both;
	overflow: hidden;
	margin: 50px 0;
}
.mod_trouble02 .tit02 {
	margin: 0 0 15px 0;
}
.mod_trouble02 .troubleBox01 {
	margin-top: 0px;
}
.mod_trouble02 .troubleBoxShow01 {
	border: 1px solid #d1d1d7;
	padding: 2px;
	margin-top: 20px;
}
.mod_trouble02 .troubleBoxShow01 .head {
	border-bottom: 2px solid #1588da;
	padding: 21px 20px 22px 95px;
	background: url(../img/trouble/ico01.png) 20px center no-repeat #faf6df;
}
.mod_trouble02 .troubleBoxShow01 .category {
	margin-bottom: 8px;
}
.mod_trouble02 .troubleBoxShow01 .category dt {
	font-size: 13px;
	display: inline-block;
}
.mod_trouble02 .troubleBoxShow01 .category dd {
	font-size: 10px;
	padding: 4px 5px 2px;
	color: #fff;
	line-height: 1;
	background-color: #003392;
	display: inline-block;
	vertical-align: 1px;
}
.mod_trouble02 .troubleBoxShow01 .head .tit {
	font-size: 18px;
	font-weight: bold;
}
.mod_trouble02 .troubleBoxShow01 .txt {
	padding: 30px 70px 20px 20px;
	font-size: 15px;
	line-height: 1.7;
}
.mod_trouble02 .troubleBoxShow01 .txt p + p {
	margin-top: 2.5rem;
}
.mod_trouble02 .btn{
	clear: both;
	overflow: hidden;
	padding: 15px 0 0;
	text-align: center;
}

/*! .page_navi
================================================== */
.page_navi {
	margin: 30px 0 60px;
	text-align: center;
	margin-left: -5px;
	letter-spacing: -0.5em;
}
.page_navi li {
	display: inline-block;
	padding-left: 5px;
	letter-spacing: normal;
}
.page_navi li:nth-child(2),
.page_navi li:last-child {
	padding-left: 10px;
}
.page_navi li a,
.page_navi li span {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #1e8ce0;
	text-align: center;
	box-sizing: border-box;
	border: 2px solid #1e8ce0;
	border-radius: 3px;
	text-decoration: none;
}
.page_navi li.current span {
	background-color: #d1d1d7;
	border: 2px solid #d1d1d7;
	color: #fff;
}

/* .mod_useful01
---------------------------------------- */
.mod_useful{
	margin-bottom: 25px;
}
.mod_useful .mod_tit01{
	margin-bottom: 0;
	padding: 15px 30px;
	line-height: 1.3;
	height: auto;
	min-height: 95px;
}
.mod_useful .usefulIn{
	overflow: hidden;
	padding: 20px;
	background: #e9f4fb;
}
.mod_useful .usefulTit{
	overflow: hidden;
	box-sizing: border-box;
    line-height: 1.1;
    padding: 25px 20px 20px 70px;
    background: url(../img/useful/bg_result_tit.png) no-repeat 14px 15px #1588da;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
}
.mod_useful .block{
    width: auto;
	box-sizing: border-box;
    padding: 0 5px 5px;
    border-top: solid 6px #003392;
    background: #d6ebf9;
}
.mod_useful .block + .block{
	margin-top: 15px;
}
.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;
    border: solid 1px #cdd7df;
    border-top: 0;
}
.mod_useful .block .titleBlock{
	display: table;
    min-height: 106px;
    padding-left: 108px;
    width: 100%;
    background: url(../img/useful/ico_useful01.png) no-repeat 20px 20px #f5f6f6;
    box-sizing: border-box;
}
.mod_useful .block .titleBlock .tit{
	display: table-cell;
    padding: 0 20px 0 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.22;
    vertical-align: middle;
}
.mod_useful .block .txtBlock{
    line-height: 1.54;
    padding: 20px;
    font-size: 13px;
}
.mod_useful .btn {
	text-align: center;
    padding: 30px 0;
}
.mod_useful .page_navi{
	margin-bottom: 40px;
}
.mod_useful .page_navi li a{
	background: #fff;
}
/* .mod_useful02 - archive
---------------------------------------- */
.mod_useful.mod_useful02 .block .titleBlock .category{
	margin-top: 28px;
	margin-bottom: 8px;
	font-size: 1.3rem;
}
.mod_useful.mod_useful02 .block .titleBlock .category span{
	font-size: 10px;
	padding: 4px 5px 2px;
	color: #fff;
	line-height: 1;
	background-color: #003392;
	display: inline-block;
	vertical-align: 1px;
}
.mod_useful.mod_useful02 .block .titleBlock .tit{
	display: block;
}
/* .mod_useful - short ver
---------------------------------------- */
.mod_useful.short{
	margin-bottom: 0;
}
.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: 110px;
}
.mod_useful.short .block .titleBlock .tit{
	box-sizing: border-box;
	min-height: 110px;
	padding-top: 20px;
	padding-bottom: 18px;
	line-height: 1.33;
}
.mod_useful.short .btn{
	clear: both;
	margin-top: 35px;
}


/* mod_serviceBtn
---------------------------------------- */
.mod_serviceBtn{
	margin-top: 60px;
	padding: 24px 20px;
	background: #e9f4fb;
}
.mod_serviceBtn .list{
	overflow: hidden;
}
.mod_serviceBtn .list li{
	float: left;
	margin-right: 10px;
}
.mod_serviceBtn .list li:nth-of-type(3n){
	margin-right: 0;
}
.mod_serviceBtn .list li:nth-of-type(n+4){
	margin-top: 14px;
}
.mod_serviceBtn .list li a:hover{
	opacity: .7;
}

/* mod_textContents01
---------------------------------------- */
.mod_textContents01 {
	padding: 20px;
    background-color: #e9f4fb;
    margin: 30px 0;
}
.mod_textContents01 .tit01 {
    margin-bottom: 15px;
    padding: 12px 25px;    
	font-size: 18px;
    font-weight: 800;
    color: #fff;
    background: #1588da;
}
.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_textContents01 .txt + .tit02 {
	margin-top: 20px;
}
.mod_textContents01 dt {
	padding: 10px 0;
	font-weight: bold;
}

/* mod-knowledge
---------------------------------------- */
.mod-knowledge { margin-bottom: 50px; }
.mod-knowledge .tit01 {
	overflow: hidden;
    box-sizing: border-box;
    line-height: 1.1;
    padding: 25px 20px 20px 70px;
    background: url(../img/useful/bg_result_tit.png) no-repeat 14px 15px #1588da;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
}
.mod-knowledge .read {
    padding: 0 20px;
}
.mod-knowledge .inner {
	overflow: hidden;
    padding: 20px;
    background: #e9f4fb;
}
.mod-knowledge .tit02 {
	margin-top: 20px;
    padding: 12px 25px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    background: #003392;
}
.mod-knowledge .txt {
    background: #fff;
    padding: 25px 20px;
}
.mod-knowledge .checkBox .check{
	font-weight: bold;
	position: relative;
    padding-left: 36px;
    padding-bottom: 15px;
    vertical-align: unset;
}
.mod-knowledge .checkBox .check::before{
	content: '';
	background: url(../img/home/ico_check02.png) no-repeat;
	background-size: contain;
	width: 26px;
	height: 24px;
	position: absolute;
	top: -3px;
	left: 0;
}
.mod-knowledge .secIn{
	background: #f4f7f6;
    padding: 15px 20px;
    margin-top: 20px;
}
.mod-knowledge .secIn .tit03{
	text-align: center;
    font-weight: bold;
    padding: 1rem 0 1.5rem;
    color: #1588da;
    font-size: 1.6rem;
}
.mod-knowledge .secIn .headding{
	font-weight: bold;
	padding-bottom: 1rem;
}
.mod-knowledge .secIn .headding span{
	background: #1588da;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 2px 5px 0;
    margin-right: 15px;
}
.mod-knowledge .secIn .text{
	padding-bottom: 1rem;
}


/*! #mod_caution #mod_repair 
---------------------------------------- */
.box01{
	margin-top: 60px;
}
.box02{
	background-color: #e9f4fb;
	padding: 30px 25px;
	position: relative;
}
.box01 .boxTitle{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    padding: 25px 0 19px 65px;
}
#mod_caution .box01 .boxTitle{
	background: url(../img/shop/ico_area04.png) 15px center no-repeat #1588da;
}
#mod_repair .box01 .boxTitle{
	background: url(../img/shop/ico_area05.png) 15px center no-repeat #1588da;
}
.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: 730px;
}
#mod_repair{
	margin-bottom: 60px;
}
/* mod-price
---------------------------------------- */
.mod-price .tit01 {
	overflow: hidden;
    box-sizing: border-box;
    line-height: 1.1;
    padding: 25px 20px 20px 70px;
    background: url(../img/home/bg_price_tit.png) no-repeat 14px 15px #1588da;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
    margin-bottom: 2%;
}
.mod-price .priceList .block01{
	background-color: #e9f4fb;
    width: 49%;
    float: left;
    margin: 0 2% 2% 0;
    padding: 30px 25px;
    box-sizing: border-box;
}
.mod-price .priceList .block01:nth-child(even){
	margin-right: 0;
}
.mod-price .priceList .priceTit{
	font-weight: bold;
    font-size: 1.8rem;
    padding-bottom: 20px;
}
.mod-price .priceList .icon .place{
	background: #003392;
    color: #fff;
    padding: 2px 8px 0;
    border-radius: 5px;
}
.mod-price .priceList .icon .address{
	background: #fff;
    border: 1px solid #333;
    padding: 2px 5px 0;
    border-radius: 5px;
}
.mod-price .priceList .cat{
	background: #1588da;
    display: inline-block;
    color: #fff;
    padding: 3px 10px 0;
    margin: 15px 0 10px;
}
.mod-price .priceList .priceArea{
    background: #fff;
    padding: 15px;
    margin-top: 15px;
}
.mod-price .priceList .priceArea table{
    line-height: 2.4rem;
}
.mod-price .priceList .priceArea .total{
	border-top: 1px solid #333;
    padding-top: 5px;
    margin-top: 5px;
    color: #fd526a;
    font-weight: bold;
    text-align: right;
    font-size: 3rem;
}
.mod-price .priceList .priceArea .total .small{
	font-size: 1.4rem;
    vertical-align: baseline;
    font-weight: bold;
}
.mod-price .priceList .priceArea td{
	text-align: right;
}
/* .mod-sound
---------------------------------------- */
.mod-sound{
	margin-bottom: 50px;
}
.mod-sound .tit01 {
	overflow: hidden;
    box-sizing: border-box;
    line-height: 1.1;
    padding: 25px 20px 20px 70px;
    background: url(../img/home/bg_sound_tit.png) no-repeat 14px 15px #1588da;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
}
.mod-sound .inner {
    overflow: hidden;
    padding: 20px;
    background: #e9f4fb;
}
.mod-sound .inner .read{
	padding: 10px 20px 0;
}
.mod-sound .inner .read .headding{
	font-weight: bold;
	padding-bottom: 1rem;
	color: #003392;
	font-size: 1.6rem;
}
.mod-sound .inner .read .text{
	padding-bottom: 2rem;
}
.mod-sound .tit02 {
    margin-top: 20px;
    padding: 12px 25px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    background: #003392;
}
.mod-sound .set .txt{
	background: #fff;
    padding: 25px 20px 5px;
}
.mod-sound .set .tit03{
	font-weight: bold;
    padding-bottom: 1rem;
}
.mod-sound .set .tit03 span{
	background: #1588da;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    padding: 2px 8px 0;
    margin-right: 15px;
}
.mod-sound .set .text{
    padding-bottom: 2rem;
}
/* .mod-repairKnowledge
---------------------------------------- */
.mod-repairKnowledge .tit01 {
	overflow: hidden;
    box-sizing: border-box;
    line-height: 1.1;
    padding: 25px 20px 20px 70px;
    background: url(../img/useful/bg_result_tit.png) no-repeat 14px 15px #1588da;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
}
.mod-repairKnowledge .inner {
    overflow: hidden;
    padding: 20px;
    background: #e9f4fb;
}
.mod-repairKnowledge .inner .read{
	padding: 10px 20px 0;
}
.mod-repairKnowledge .tit02 {
    margin-top: 20px;
    padding: 12px 25px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    background: #003392;
}
.mod-repairKnowledge .set .txt{
	background: #fff;
    padding: 25px 20px 5px;
}
.mod-repairKnowledge .tit03{
	font-weight: bold;
    padding-bottom: 1rem;
}
.mod-repairKnowledge .set .text{
    padding-bottom: 2rem;
}
.mod-repairKnowledge .checkBox{
	padding-bottom: 1rem;
}
.mod-repairKnowledge .checkBox .check{
	font-weight: bold;
	position: relative;
    padding-left: 36px;
    padding-bottom: 15px;
    vertical-align: unset;
}
.mod-repairKnowledge .checkBox .check::before{
	content: '';
	background: url(../img/home/ico_check02.png) no-repeat;
	background-size: contain;
	width: 26px;
	height: 24px;
	position: absolute;
	top: -3px;
	left: 0;
}
.mod-repairKnowledge .secIn {
    background: #f4f7f6;
    padding: 15px 20px;
    margin-bottom: 20px;
}
.mod-repairKnowledge .secIn .tit03{
	text-align: center;
    font-weight: bold;
    padding: 1rem 0 1.5rem;
    color: #1588da;
    font-size: 1.6rem;
}