@charset "utf-8";
/*------------------------------------------------------
 コンテンツページ用
------------------------------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, small {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body, td, th, h1, h2, h3, h4, h5, h6 {
	font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	font-weight: normal;
	line-height: 1.2;
}
a {
	outline: none;
}
a:hover img {
	opacity: 0.80;
	filter: alpha(opacity=80);
}
a:hover img.png_bg{
	opacity: 1.00;
	filter: alpha(opacity=100);
}
a:hover img.png_bg{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/new_btn_offer_01_off.png", sizingMethod="scale");
}
a:focus {
	outline: none;
}
table{
	border-collapse: collapse;
	border-spacing:0;
}
th,td {
	margin: 0;
	padding: 0;
}
th {
	text-align: left;
}
body {
	line-height: 18px;
	background-color: #FFF;
	color: #333;
}

.ageArea{
	width:60px !important;
}
.zipArea{
	width:130px !important;
}


body {
	min-width: 100%;
}

.onlyPC {
	display: none;
}


/* =========================================================
header
========================================================= */
header {
	width: 100%;
    position: relative;
    z-index: 10;
}
header .headerInner {
    width: 100%;
    height: 65px;
    background: #fff;
    box-sizing: border-box;
    position: relative;
}
header .headerInner .logoArea {
    overflow: hidden;
    margin: 0 0 0 13px;
    box-sizing: border-box;
}
header .headerInner .logoArea li {
    box-sizing: border-box;
}
header .headerInner .logoArea .logo {
    float: left;
	margin: 20px 0 0 0;
    box-sizing: border-box;
    position: relative;
	padding-right: 15px;
    border-right: 1px solid #B9B9B9;
}
header .headerInner .logoArea .logo a {
}
header .headerInner .logoArea .txt {
	margin: 23px 0 0 15px;
    float: left;
    font-size: 10px;
}
/* width:330px以下の場合 */
@media screen and (max-width: 330px) {
    header .headerInner .logoArea .logo  {
		padding-right: 5px;
    }
    header .headerInner .logoArea .txt {
		margin: 23px 0 0 5px;
    }
}
header .headerInner .inquiry {
    display: none;
}
header .headerInner .menuBtn {
    position: absolute;
    right: 18px;
    top: 16px;
    box-sizing: border-box;
    background: url(../img/sp/ico_menu_01.png) no-repeat 0 0;
    background-size: contain;
	width: 34px;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 93.93939%;
    text-indent: -999px;
}
header .headerInner .menuBtn.active {
    background: url(../img/sp/ico_close_01.png) no-repeat 0 0;
    background-size: contain;
	width: 23px;
	right: 22px;
    top: 18px;
}
header #nav {
    width: 100%;
    box-shadow: 0 3px 2px 0px rgba(0, 0, 0, 0.65);
    background: #FFF;
    position: absolute;
    display: none;
    top: 65px;
    overflow-scrolling: touch;
    z-index: 100;
}
header .gNav01 {
    border-top: 2px solid #EEE;
}
header #nav li {
    border-bottom: 2px solid #EEE;
    text-align: center;
}
header #nav li a {
    padding: 13px 14px;
    font-weight: 700;
    display: block;
    box-sizing: border-box;
    font-size: 18px;
    font-size: 1.8rem;
    color: #4DA1DD;
}
header #nav_overlay {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
}

/* =========================================================
#nav
========================================================= */
#nav {
	width: 100%;
	box-shadow: 0 3px 2px 0px rgba(0,0,0,0.65);
	background:#FFF;
	position: absolute;
	top: 65px;
	display: none;
	overflow-scrolling: touch;
    z-index: 10;
	padding-bottom: 20px;
}
#nav .menuList {
	border-bottom: 2px solid #EEE;
}
#nav .menuList li {
	border-top: 2px solid #EEE;
}
#nav .menuList li.row02 a {
	height: auto;
    line-height: 1.6;
    padding: 14px 0 10px;
}
#nav .menuList li a {
	width: 100%;
	height: 53px;
	line-height: 53px;
    font-size: 15px;
	font-weight: bold;
    text-align: center;
    text-decoration: none;
	color: #1FAFE1;
	display: block;
	box-sizing: border-box;
	position: relative;
}
#navOverlay {
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.5);
	position: fixed;
	left: 0;
	top: 0;
}
#nav .offerBox {
	border: none;
}
#nav .offerArea {
	padding: 30px 0 20px;
    margin: 0 10px;
}
#nav .offerBox .bookBtn01 ul {
	background: url(../img/sp/bg_present_01.png) no-repeat;
    background-size: 100%;
	padding: 27% 18px 2%;
}


/* =========================================================
section
========================================================= */
section {
	clear: both;
}

.secInner {
	margin: 0 auto;
}

/* =========================================================
topArea
========================================================= */
#topArea {
}

#topArea .secInner {
}

#topArea h1 {
}

#topSubTit {
	margin: 14px 0 15px 73px;
	font-size: 23px;
	font-weight: bold;
	line-height: 25px;
}

#topAuthor {
	margin: 0 0 0 73px;
	font-size: 16px;
}

#topAuthor span {
	font-size: 12px;
}

#buyBtn01 {
	position: absolute;
	top: 198px;
    left: 0px;
	z-index: 2;
}

#topPrice {
	line-height: 16px;
	font-size: 16px;
	position: absolute;
	top: 382px;
	left: 340px;
}

#topBook {
	width: 300px;
	height: 448px;
	position: absolute;
	top: -10px;
	right: 110px;
	z-index: 1;
}

.taxTxt01 {
	font-size: 12px;
}

.buyTxt01 {
	font-size: 10px;
}

/* =========================================================
offerArea
========================================================= */
.offerAreaWrap {
	background: url(../img/sp/bg_present_01.png) repeat-y;
	background-size: 100%;
	padding: 15px 0 1px;
}
.offerArea{
	padding: 3% 5% 5%;
    margin: 0 15px 30px;
	background: url(../img/sp/bg_present_komi.png) no-repeat;
	background-size: 100%;
}
.offerArea02 {
	padding: 25% 5% 5%;
    margin: 30px 15px 0;
    background: url(../img/sp/bg_present_02_komi.png) no-repeat;
    background-size: 100%;
}
.offerTxt {
	padding-bottom: 32%;
}
.offerBtn01 {
	-webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.offerBtn02 {
	margin-bottom: 5px;
	-webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.topTxtNo {
    margin-bottom: 0;
}
.topTxtNo .offerBox .bookBtn01 ul {
	margin-top: 0px;
}

.pt0{
	padding-top:10px;
}
.pt40 {
	padding-top: 40px;
}

.offerBox{
	border: 5px solid #FF5E60;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}

.offerBox .offerTxt {
	margin: 0 0 0 13px;
}

.offerArea .bookBtn01,
.offerArea02 .bookBtn01 {
    position: relative;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-justify-content    : center;
	justify-content        : center;
}
.offerArea .bookBtn01 li {
	margin-bottom: 5px;
}

.offerArea .bookBtn01 li:first-child{
	-webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.offerArea .bookBtn01 li:last-child{
	-webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}


/* =========================================================
outlineArea
========================================================= */
#outlineArea {
	background: #F5F5F5;
}

#outlineArea .secInner {
    margin: 0 15px;
    padding: 25px 0 20px;
    font-size: 13px;
    font-weight: bold;
}

#outlineArea .secInner div {
	margin-bottom: 10px;
}
#outlineArea .secInner div.txtBox {
	color: #555;
	line-height: 1.8;
}
#outlineArea .secInner div.txtBox p {
    border-bottom: 1px solid #FFF;
    font-size: 4.3vw;
    font-weight: normal;
    padding: 4px 0 2px;
}
#outlineArea .secInner div.txtBox p span {
	font-weight: bold;
	color: #990000;
}

#outlineArea  h1 {
	margin: 25px 0;
}

#outlineArea  dl {
}

#outlineArea  dl dt {
}

#outlineArea  dl dd {
	display: none;
}

#outlineArea  dl dd p {
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
}

#outlineArea  dl dd p.line2 { /* 2行の場合 */
	margin-top: -1em;
}

#outlineArea  dl dd p.line3 { /* 3行の場合 */
	margin-top: -1.5em;
}

#outlineTxt01 {
	clear: both;
	margin: 5px 0 20px;
	text-align: right;
}

#outlineTxt02 {
	padding: 10px 0 0;
	background-size: 38%;
}

/* =========================================================
aboutArea
========================================================= */
.aboutArea {
	margin: 40px 15px;
	overflow: hidden;
	position: relative;
}
.aboutArea h2 {
	margin-bottom: 25px;
}

.aboutPic {
}
.aboutTxt {
	padding: 20px;
    /*
	background: #FFF url(../img/sp/bg_about_01.png) no-repeat left top 70%;
    background-size: 100%;
	*/
    border: 1px solid #AEB80B;
}
.aboutTxt h2 {
	font-size: 15px;
    font-weight: bold;
    margin: 0 auto 20px;
    line-height: 1.5;
}
.aboutTxt h2 span {
	font-size: 10px;
    font-weight: normal;
}
.aboutTxt p {
	margin: 20px auto;
    line-height: 1.8;
    font-size: 13px;
}
.aboutTxt a:hover {
	color: #4fa9d9;
}

#work {
    margin: 0 auto;
    padding: 0 20px 30px;
}

/* =========================================================
bookInfo
========================================================= */
.bookInfo {
	padding: 0 15px;
    background: #F5F5F5;
}

.bookInfo .secInner {
	position: relative;
}

.bookInfo .pb10{
	padding-bottom:10px;
}

.bookInfo h1 {
	margin-bottom: 20px;
}

.bookInfo h2 {
	height: 20px;
	padding: 10px 0 0px;
	margin: 0 0 19px;
	border-bottom: 1px solid #201813;
}

/* =========================================================
pointArea
========================================================= */
.pointArea {
}

.pointArea h2 {
	margin: 18px 10px 10px;
}

.pointArea p {
	margin: 0 0 20px -1px;
}

.sideBook {
	text-align: center;
	margin: 25px 0 55px;
}

/* =========================================================
meritArea
========================================================= */
.bookInfo .secInner {
	padding-top: 0;
}
.meritArea {
	clear: both;
	margin: 8px 10px;
}
.meritArea th,
.meritArea td {
	padding: 7px 0px;
}
.meritArea th {
	width: 30%;
}
.meritArea td {
	width: 70%;
	font-weight: bold;
    font-size: 14px;
	padding-left: 10px;
}
.meritArea img {
	width: 100%;
    height: auto;
}
/* merit01 */
#merit01 {
	position: relative;
}
#merit01 ul {
	margin-top: 15px;
	border: 1px solid #DDD;
}
#merit01 ul li {
	padding: 9px 15px 6px;
	border-bottom: 1px solid #DDD;
}
#merit01 ul li:last-child {
	background-color: #FFFB37;
	border-bottom: none;
}
#meritBalloon {
}

/* merit02 */
#merit02 {
}

/* merit03 */
#merit03 {
}
#merit03 ul li p {
	padding-left: 35px;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
}
#merit03 ul li h3 {
	padding-left: 35px;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 10px;
}
#taxSaving01 {
	border-bottom: 1px solid #999;
	padding-bottom: 20px;
    margin-bottom: 20px;

}
#taxSaving02 {
	margin-bottom: 10px;
}
#taxSaving01 h3 { background: url(../img/sp/ico_merit_01.png) no-repeat left top; background-size: 25px; }
#taxSaving02 h3 { background: url(../img/sp/ico_merit_02.png) no-repeat left top; background-size: 25px; }

/* merit04 */
#merit04 {
}
/* =========================================================
caseArea
========================================================= */
#caseArea {
	padding-bottom: 20px;
}
#caseArea h2 {
	padding-top: 40px;
    margin-bottom: 15px;
}
#caseArea .rightImg {
    float: right;
    width: 23%;
    margin-right: 7px;
}

#caseTxt01 {
	margin: 0 0 15px;
    float: left;
    width: 68%;
}

/* =========================================================
caseList
========================================================= */
#caseList {
	margin-top: 15px;
}

#caseList dl {
	margin-bottom: 20px;
}
#caseList dl:last-child {
	margin-bottom: 0;
}

#caseList dl dt,
#caseList dl dd {
}

#caseList dl dt {
	width: 28%;
	float: left;
}
#caseList dl .rightBox {
	float: right;
    width: 70%;
	text-align: center;
	box-sizing: border-box;
}
#caseList .yellowlabel .rightBox {
	border: 5px solid #FAC21E;
}
#caseList .rightBox strong {
	border-bottom: 2px solid #ED5E5D;
}

#caseList dl dd {
	padding: 5px 10px;
	background: #FFF;
	border: 1px solid #DDD;
	font-size: 12px;
	font-weight: bold;
	color: #1F1813;
}

#caseList dl dd.last {
	border-top: none;
	padding: 9px 10px;
}

#caseList dl dd .onlyPC {
	display: none;
}

#caseList dl dd span {
	display: inline-block;
}

#caseList dl dd span.caseBalloon {
	width: 62px;
    height: 18px;
    line-height: 18px;
    padding-right: 2px;
    margin-right: 5px;
    background: url(../img/sp/ico_balloon_01.png) no-repeat right center;
    background-size: 62px;
    font-size: 12px;
	font-weight: normal;
    color: #FFF;
    display: inline-block;
}

#caseList dl dd .caseTxtBox {
	margin-top: 8px;
    line-height: 20px;
    background: #EB5F60;
    border-radius: 6px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    display: block;
	font-weight: normal;
}

#caseList dl dd .caseTxtBox span {
	font-size: 16px;
}

/* =========================================================
voiceArea
========================================================= */
#voiceArea {
	width: 950px;
	margin: 40px auto;
}
#voice #voiceInner {
	margin: 0 0 30px 0;
	padding: 9px;
	border: 1px solid #D6D6D6;
}
.VoiceBox {
	border:10px solid #D6D6D6;
	padding:10px 10px 0;
	margin-bottom:10px;
}
.VoiceBox dl {
	overflow: hidden;
}
.VoiceBox dt {
	background:#E5E575;
	height:40px;
	line-height:40px;
	padding-left:10px;
	font-size:16px;
	font-weight:700;
	margin-bottom:10px;
}
.VoiceBox dd {
	font-size:14px;
	line-height:24px;
	padding: 0 10px 10px;
}

/* =========================================================
bookBtm
========================================================= */
#bookBtmSP {
    margin: 0 15px 20px;
}


/* =========================================================
fBtn
========================================================= */
.fBtn{
	width: 950px;
	margin: 20px auto 50px;
	position:relative;
}

.fBtn .offerTxt {
	height: 188px;
	width: 846px;
	margin: 0 auto;
}
.fBtn .txtPresent {
	left: 0;
    position: absolute;
    top: -41px;
}

.fBtn .bookBtn01 {
	width: 950px;
	height: 315px;
	background-color: #F9C137;
	overflow: hidden;
	margin: 10px auto 0;
}
.fBtn .bookBtn01 ul {
	margin-left:20px;
	margin-top: 138px;
}
.fBtn .bookBtn01 li {
	width: 445px;
	float: left;
	margin-right:20px;
}

body,
table,
input, textarea, select, option {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}


/* =========================================================
footer
========================================================= */
footer {
	display: none;
}
.spFooterMenu {
	display: none;
}


/* =========================================================
お客様の声
========================================================= */
#ContentsInner {
	margin: 40px 15px;
}
#ContentsInner #hosoku {
	text-align:right;
	margin-right:-5px;
	padding-bottom:10px;
}


.VoiceBox {
	border:4px solid #F5F5F5;
	padding:10px 10px 0;
	margin-bottom:10px;
}
.VoiceBox dt {
	background: #F5F5F5;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.VoiceBox dd {
	font-size: 13px;
    line-height: 1.6;
    padding: 15px 10px;
}
.voice_img {
	text-align: center;
}
.voice_img img {
    width: 100%;
}
#moreVoiceBtn {
    display: block;
    margin-bottom: 20px;
}
#moreVoice {
	display: none;
}
/*------------------------------
#aboutus
------------------------------*/
#aboutus {
	padding: 0 15px 0;
	background: #FFF;
	margin: 0 0 30px;
}
#aboutus h2 {
	padding: 40px 0 23px;
	text-align: center;
	border-bottom: 2px solid #008CD6;
}
#aboutus .txt01 {
	margin-top: 25px;
	text-align: center;
}
#aboutus .txt01:after {
	content: '';
	width: 100%;
	height: 165px;
	margin: 30px 0 32px;
	background: url(//www.musashi-corporation.com/common/img/lp/img_aboutus_02_sp.png) no-repeat 50% 0;
	background-size: 114px 165px;
	display: block;
}
#aboutus .txt01 img {
	width: 100%;
	height: auto;
	max-width: 304px;
}
#aboutus .txt02 {
	margin-bottom: 25px;
	text-align: center;
}
#aboutus .txt02 img {
	width: 100%;
	height: auto;
	max-width: 314px;
}
#aboutus .txt03 {
	margin-bottom: 50px;
	line-height: 1.8;
	font-size: 16px;
}
#aboutus .table01 {
	width: 100%;
	border-spacing: 0;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
}
#aboutus .table01 th,
#aboutus .table01 td {
	line-height: 1.5;
	vertical-align: top;
	font-size: 13px;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
#aboutus .table01 th {
	width: 95px;
	padding: 15px 0;
	background: #F5F2EE;
	text-align: center;
}
#aboutus .table01 td {
	padding: 15px 10px;
}
#aboutus .table01 td a {
    color: #333;
}
#aboutus .table01 td .list li {
	margin-bottom: 20px;
}
#aboutus .table01 td .list:last-child li:last-child {
	margin-bottom: 0;
}
#aboutus .table01 td .list03 li {
	margin-bottom: 0;
}
#aboutus .table01 td .list03:last-child:after {
	content: '（順不同）';
}
/*------------------------------
#spfooter,.fixedFooter
------------------------------*/
#spfooter {
    margin-top: 18px;
	padding-bottom: 60px;
    text-align: center;
}
#spfooter .fLogo {
    margin-bottom: 20px;
}
#spfooter small {
    font-size: 10px;
    color: #666;
}

.fixedFooter {
    width: 100%;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    background-color: rgba(34,34,34,0.6);
}
.fixedFooter li:first-child {
    float: left;
    width: 50%;
}
.fixedFooter li {
    width: 50%;
    text-align: center;
}
.fixedFooter li img {
    width: 91%;
    max-width: 190px;
}
.fixedFooter li a {
	display: block;
}
.fixedFooter li:first-child {
    float: left;
}
.fixedFooter li:last-child {
    float: left;
}
.fixedTopBtn {
    position: fixed;
    background-color: #FFF;
    bottom: 60px;
    right: 10px;
    z-index: 10;
    width: 40px;
    height: 40px;
}
.fixedTopBtn a {
    display: inline-block;
}

/* 2020/04/10 時間変更 */
.emeNotes {
	width: 100%;
	margin: 10px auto;
	padding: 15px;
	font-size: 12px;
	border: 2px solid #F00;
	box-sizing: border-box;
	background: #FFF;
}
.emetitle {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 700;
	line-height: 120%;
}
.emeHours {
	margin: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #F00;
	line-height: 120%;
}
.emeLink {
	display: block;
	margin: 5px 0;
}
.emeLinkTxt {
	font-size: 14px;
	color: #1D3992;
}