@charset 'UTF-8';

/* reset -------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas, main {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption, footer, h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
	display: block;
}
/* base -------------------------------------------------- */
html *,
html *:before,
html *:after {
  box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
html, body {
	width: 100%;
	height: 100%;
	background: #fff;
}
body {
	font-family: 'Ubuntu' , "Helvetica Neue" , Helvetica , Arial , Verdana , "游ゴシック Medium" , "Yu Gothic Medium" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 13px;
	font-size: 1.3em;
	line-height: 1.7;
	color: #000;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media all and (-ms-high-contrast: none){
body {
	font-family: 'Ubuntu' , "Helvetica Neue" , Helvetica , Arial , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック Medium" , "Yu Gothic Medium" , "游ゴシック体" , "YuGothic" , sans-serif;
	font-size: 13px;
	font-size: 1.3em;
	line-height: 1.7;
	color: #000;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
}
@media only screen and (min-width: 667px) {
body {
	font-size: 14px;
	font-size: 1.4em;
	line-height: 1.9;
}
}
@media only screen and (min-width: 900px) {
body {
	font-size: 15px;
	font-size: 1.5em;
	line-height: 1.8;
}
}
a {
	text-decoration: underline;
	color: #1111cc;
	border: none;
	/*color: inherit;*/
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
a:hover {
	text-decoration: none;
}
a img{
	opacity: 1;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
a:hover img{
	opacity: .5;
}

input{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
a img{
	border: none;
}
img{
	-webkit-backface-visibility: hidden; /* Chrome画像ぼけ対策 */
}
img[src$=".svg"] {
    width: 100%;
}

/* Heading -------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.6;
}

/* List -------------------- */
ol, ul, li {
	zoom: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* Definition -------------------- */
dl, dt, dd {
	overflow: hidden;
	zoom: 1;
}

/* Table -------------------- */
table {
	font-size: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}

/* icon font -------------------- */
@font-face {
	font-family: 'FontAwesome';
	src: url('/common/font/fontawesome-webfont.eot?v=4.3.0');
	src: url('/common/font/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
	url('/common/font/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
	url('/common/font/fontawesome-webfont.woff?v=4.3.0') format('woff'),
	url('/common/font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
	url('/common/font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* back to top -------------------------*/
#fixedTop {
	right: 20px;
	bottom: 30px;
	color: #ff6699;
	font-size: 34px;
	text-align: center;
	display: none;
	position: fixed;
	text-decoration: none;
	z-index: 100;
	opacity: 0.7;
}
#fixedTop:before{
	font-family: 'FontAwesome';
	content: "\f0aa";
}
#fixedTop:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0.5;
}
@media only screen and (min-width: 480px) {
#fixedTop {
	bottom: 10px;
}
}

@media only screen and (min-width: 768px) {
#fixedTop {
	font-size: 44px;
}
}

@media only screen and (min-width: 1024px) {
#fixedTop {
	font-size: 54px;
}
}

/* navigation -------------------- */
.inner {
	width: 100%;
	max-width: 1240px;
	height: 105px;
	margin: 0 auto;
}
.inner:after {
	content: "";
	clear: both;
	display: block;
}

/* header */
.top-head {
	/*position: absolute;*/
	width: 100%;
	margin: 0 auto;
	padding: 0;
	line-height: 1;
	z-index: 999;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #f8f8f8), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #f8f8f8),
            color-stop(.75, #f8f8f8), color-stop(.75, transparent),
            to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
}
.top-head a,
.top-head {
	color: #222;
	text-decoration: none;
}
.top-head .inner {
    position: relative;
}
.top-head .logo {
	position: absolute;
	top: 7px;
	left: 20px;
	width: 230px;
}
.top-head .logo img{
	width: 100%;
}
.heder-concept{
	position: absolute;
	top: 78px;
	left: 20px;
	width: 230px;
}
.logo-wrap{
	width: 270px;
	height: 105px;
	background-color: #fff000;
}
.global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 15px;
	font-size: 14px;
}
.global-nav ul li {
	float: left;
	text-align: center;
	margin: 0 15px;
}
.global-nav ul li.spContact {
	display: none;
}
.global-nav ul li.pcContact{
	width: 194px!important;
	margin: 0 0 0 25px!important;
	padding: 0!important;
}
.global-nav ul li.pcContact a{
	padding: 0!important;
}
.global-nav ul li.pcContact img{
	width: 100%;
}
.global-nav ul li a {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 10px;
	text-transform: uppercase;
	font-weight: bold;
	z-index: 1001;
}
.global-nav ul li a:hover{
	color:#feacbb;
}
/*.global-nav ul li a:before {
	content: '';
	position: absolute;
	top: 0;
	right: -50px;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-right: 50px solid transparent;
	border-bottom: 80px solid #5ac8fb;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.global-nav ul li a:hover {
	color: #fff!important;
}
.global-nav ul li a:hover:before {
	z-index: -1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}*/
.menuGuide img{
	width: 42px;
	height: 47px;
	margin-bottom: 3px;
}
.menuBook img{
	width: 42px;
	height: 47px;
	margin-bottom: 3px;
}
.menuCalc img{
	width: 42px;
	height: 47px;
	margin-bottom: 3px;
}
.menuTips img{
	width: 42px;
	height: 47px;
	margin-bottom: 3px;
}
.menuCompany img{
	width: 42px;
	height: 47px;
	margin-bottom: 3px;
}

/* Toggle Button */
.nav-toggle {
	display: none;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 46px;
	height: 46px;
	cursor: pointer;
	z-index: 101;
	background-color: #fb7085;
	color: #fff;
	border-radius: 6px;
}
.nav-toggle div {
	position: relative;
}
.nav-toggle span {
	display: block;
	position: absolute;
	height: 1px;
	width: 30px;
	background: #fff;
	left: 8px;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
.nav-toggle .nav-toggle-txt{
	font-size: 11px;
	text-align: center;
	padding-top: 28px;
}
.nav-toggle span:nth-child(1) {
    top: 10px;
}
.nav-toggle span:nth-child(2) {
    top: 16px;
}
.nav-toggle span:nth-child(3) {
    top: 22px;
}

@media only screen and (max-width: 1185px) {
.global-nav ul li a {
	padding: 0 5px;
}
.global-nav ul li {
	margin: 0 10px;
}
}

@media only screen and (max-width: 1100px) {
.global-nav ul li {
	margin: 0 5px;
}
.global-nav ul {
	font-size: 13px;
}
.global-nav ul li.pcContact{
	margin: 0 0 0 15px!important;
}
}

@media only screen and (max-width: 1100px) {
.global-nav ul li.pcContact{
	display: none;
}
.global-nav ul li.spContact {
	display: block;
}
.spContact img{
	width: 42px;
	height: 47px;
	margin-bottom: 3px;
}
}

@media only screen and (max-width: 900px) {
.global-nav ul li.spContact {
	display: none
}
}

@media print, screen and (max-width: 800px) {
.top-head,
.inner {
        width: 100%;
        padding: 0;
        height: 70px;
}
.top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
}
/* Fixed reset */
.top-head.fixed {
        padding-top: 0;
        background: transparent;
	box-shadow: none;
}
.mobile-head {
        background: #fff;
        width: 100%;
        height: 70px;
        z-index: 999;
        position: relative;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #f8f8f8), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #f8f8f8),
            color-stop(.75, #f8f8f8), color-stop(.75, transparent),
            to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
}
.top-head.fixed .logo,
.top-head .logo {
	display: block;
        position: absolute;
        left: 15px;
        top: 4px;
	width: 165px;
}
.heder-concept{
	top: 50px;
	left: 13px;
	width: 168px;
}
.logo-wrap{
	width: 200px;
	height: 70px;
	background-color: #fff000;
}
.global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #eee;
        width: 100%;
        text-align: center;
        margin-top: 14px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
}
.global-nav ul {
        list-style: none;
        position: static;
        left: 0;
        bottom: 0;
        font-size: 14px;
	height: 291px!important;
        background: #eee;
	color: #222;
}
.global-nav ul li {
        float: left;
	width: 47%;
	border-bottom: solid 1px #fff;
        position: static;
}
.global-nav ul li.spContact {
	display: block;
}
.top-head .global-nav ul li a,
.top-head.fixed .global-nav ul li a {
        display: block;
        color: #222;
        padding: 15px 0;
}
.nav-toggle {
        display: block;
	right: 13px;
	top: 13px;
}
/* #nav-toggle 切り替えアニメーション */
.open .nav-toggle span:nth-child(1) {
        top: 15px;
	left: 10px;
	width: 26px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
}
.open .nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
}
.open .nav-toggle span:nth-child(3) {
        top: 15px;
	left: 10px;
	width: 26px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open .global-nav,
.open .global-nav.fixed {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
}
}

@media only screen and (max-width: 600px) {
.nav-toggle {
	right: 5px;
	top: 5px;
}
.mobile-head {
        height: 56px;
}
.top-head,
.inner {
        width: 100%;
        padding: 0;
        height: 56px;
}
.top-head.fixed .logo,
.top-head .logo {
	display: block;
        position: absolute;
        left: 11px;
        top: 7px;
	width: 144px;
}
.logo-wrap{
	width: 170px;
	height: 56px;
	background-color: #fff000;
}
.heder-concept{
	display: none;
}
.global-nav {
        margin-top: 0;
}
}

@media only screen and (max-width: 320px) {
.global-nav ul li {
	width: 46%;
}
}

/* totop style --------------------- */
.toTop a{
	display: block;
	width: 100%;
	padding: 8px 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #5ac8fb; /* Old browsers */
	background: -moz-linear-gradient(left,  #5ac8fb 10%, #55efcb 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #5ac8fb 10%,#55efcb 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #5ac8fb 10%,#55efcb 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ac8fb', endColorstr='#55efcb',GradientType=1 ); /* IE6-9 */
}
.toTop a:before{
	font-family: 'FontAwesome';
	content: "\f139";
	font-size: 18px;
	margin-right:7px;
}
.gotoContact a:before{
	font-family: 'FontAwesomeCo'!important;
	content: "\f139";
	font-size: 18px;
	margin-right:7px;
}


/* bottom contact style --------------------- */
.bottomContact{
	width: calc( 100% - 30px );
	margin: 5px 15px 30px;
	background-color: #fff;
}
.bottomContact h3{
	font-size: 13px;
	margin-bottom: 10px;
}
.spLine{
	display: block;
}
.pcLine{
	display: none;
}
.bottomContactLine{
	width: 100%;
	height: 10px;
	margin-bottom: 15px;
	background: url("/common/images/line_bottomContact.svg") repeat-x;
	background-size: 15px 10px;
}
.bottomContactIllust{
	width: 110px;
	float: left;
	margin-left: -10px;
}
.bottomContactIllust img{
	width: 100%;
}
.bottomContactBtn{
	display: inline-block;
	width:  calc( 100% - 100px );
	margin-bottom: 11px;
	padding: 15px 0 10px;
	text-align: center;
	text-decoration: none;
	background: #feacbb;/*ボタン色*/
	color: #FFF;
	border-bottom: solid 4px #fb7085;
	border-radius: 10px;
	line-height: 1;
}
.bottomContact a{
	color: #fff;
	text-decoration: none;
	display: block;
}
.bottomContact a:hover{
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);/*沈むように*/
	border-bottom: solid 4px #feacbb;
}
.btContactTel{
	font-size: 11px;
}
.btTel img{
	width: 180px;
	margin-bottom: 1px;
}
.btMail{
	margin-left: 100px;
	padding: 6px 0 8px;
	margin-bottom: 15px;
}
.btMail img{
	width: 43px;
	margin-bottom: 1px;
}
.btContactMail{
	font-size: 12px;
}

@media print, screen and (min-width: 600px) {
.bottomContact h3{
	font-size: 15px;
	margin-bottom: 15px;
	text-align: center;
}
.bottomContact h3 br{
	display: none;
}
.bottomContactIllust{
	width: 130px;
	float: left;
	margin-left: 0;
	margin-right: 10px;
}
.bottomContactBtn{
	width:  calc( 100% - 140px );
}
.btMail{
	margin-left: 140px;
}
.btContactTel{
	font-size: 12px;
}
.btTel img{
	width: 190px;
	margin-bottom: 1px;
}
.btMail img{
	width: 43px;
	margin-bottom: 1px;
}
.btContactMail{
	font-size: 13px;
	font-weight: bold;
}
}

@media only screen and (min-width: 768px) {
.spLine{
	display: none;
}
.pcLine{
	display: block;
	margin: 0 0 20px 15px;
	width: calc( 100% - 15px )
}
.bottomContact{
	width: 100%;
	margin: 0 0 30px 0;
}
.bottomContact h3{
	font-size: 15px;
	margin-bottom: 15px;
}
.bottomContactIllust{
	width: 24%;
	margin-right:0;
}
.bottomContactBtnBlcok{
	width: 76%;
	float: left;
}
.bottomContactBtn{
	width: calc( 50% - 15px );
	margin-left: 15px;
	margin-bottom: 20px;
	float: left;
}
.btContactTel{
	font-size: 13px;
}
.btTel img{
	padding-top: 2px;
}
}

@media only screen and (min-width: 900px) {
.bottomContact{
	margin-bottom: 40px;
}
.bottomContact h3{
	font-size: 17px;
	margin-bottom: 20px;
}
.bottomContactLine{
	height: 15px;
	margin-bottom: 25px;
	background-size: 22px 15px;
}
.bottomContactBtn{
	margin-bottom: 25px;
}
}

@media only screen and (min-width: 1024px) {
.bottomContact{
	max-width: 1100px;
	margin: 0 auto 50px;
}
.bottomContact h3{
	font-size: 20px;
	margin-bottom: 25px;
}
.pcLine{
	display: block;
	margin: 0 0 25px 20px;
	width: calc( 100% - 20px )
}
.bottomContactBtn{
	width: calc( 50% - 20px );
	margin-left: 20px;
	margin-bottom: 35px;
	padding: 20px 0 20px;
	border-bottom: solid 6px #fb7085;
	border-radius: 18px;
}
.bottomContact a:hover{
	border-bottom: solid 6px #feacbb;
}
.btContactTel{
	font-size: 15px;
	margin-bottom: 16px;
}
.btTel img{
	width: 230px;
	padding-top: 6px;
	margin-bottom: 5px;
}
.btMail{
	padding: 12px 0 16px;
	margin-bottom: 15px;
}
.btMail img{
	width: 55px;
	margin-bottom: 4px;
}
.btContactMail{
	font-size: 16px;
}
}

/* footer style --------------------- */
footer{
	width: 100%;
	height: auto;
	background-color: #545454;
	padding-top: 35px;
	color: #fff;
}
.footermenu{
	width: 100%;
}
.footermenuInner{
	width: 90%;
	height: auto;
	margin:0 auto;
	text-align: center;
}
.footermenu a{
	text-decoration: none;
	color: inherit;
}
.footermenu a:hover{
	text-decoration: underline;
}
.footermenuL{
	display: inline-block;
	text-align: left;
	margin-bottom: 20px;
}
.footermenuC{
	width: 300px;
	margin: 0 auto;
}
.btMenuTable{
	margin-bottom: 13px;
}
.btMenuTable li{
	width: calc( 33.33% - 3px );
	float: left;
	border-right: solid 3px #545454;
	border-bottom: solid 3px #545454;
	background-color: #eee;
	font-size: 11px;
	color: #222;
	padding: 7px 0;
	line-height: 1.3;
	text-align: center;
}
.btMenuSub{
	margin-bottom: 20px;
	font-size: 12px;
}
.btMenuSub li{
	float: left;
	margin-right: 20px;
}
.btMenuSub li:first-child{
	margin-right: 20px;
}
.btmenuGuide img{
	height: 27px;
}
.btmenuBook img{
	height: 27px;
}
.btmenuCalc img{
	height: 27px;
}
.btmenuTips img{
	height: 27px;
}
.btmenuCompany img{
	height: 27px;
}
.btmenuContact img{
	height: 27px;
}
.footerLogo{
	width: 210px;
	margin-bottom: 5px;
}
.footerCinfo span{
	font-size: 11px;
}
.footerTaira{
	width: 240px;
	margin: 0 auto 45px;
}
.footerTaira img{
	width: 100%;
}

@media print, screen and (min-width: 768px) {
footer{
	padding-top: 40px;

}
.footermenuInner{
	width: calc( 100% - 60px );
	margin: 0 30px;
	font-size: 13px;
	text-align: left;
}
.footermenuL{
	float: left;
	width: 50%;
	display: block;
	margin-bottom: 0;
}
.footerLogo{
	width: 260px;
	margin-bottom: 5px;
}
.footermenuC{
	float: left;
	width: 330px;
	margin: 0 auto;
}
.btMenuTable{
	width: 330px;
	margin-top: 18px;
	margin-bottom: 5px;
}
.footermenuR{
	clear: both;
	margin-left: 50%;
}
.footerTaira{
	width: 100%;
	max-width: 260px;
	margin: 0 0 20px 0;
}
}

@media only screen and (min-width: 1024px) {
.footermenuInner{
	position: relative;
	padding-bottom: 30px;
	height: 240px;
}
.footermenuL{
	float: none;
	position: absolute;
	top: 0;
	left: 0;
}
.footermenuC{
	float: none;
	position: absolute;
	top: 0;
	right: 305px;
}
.footermenuR{
	position: absolute;
	top: 18px;
	right: 0;
	margin-left: 0;
}
.footerLogo{
	width: 250px;
}
.footerTaira{
	width: 100%;
	max-width: 276px;
	margin: 0;
}
.footerCinfo{
	font-size: 14px;
}
.footerCinfo span{
	font-size: 13px;
}
}

@media only screen and (min-width: 1240px) {
footer{
	padding-top: 40px;
}
.footermenuInner{
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
	height: 240px;
}
.footermenuC{
	right: 345px;
}
.footerLogo{
	width: 260px;
	margin-bottom: 10px;
}
.btMenuTable{
	width: 346px;
}
.btMenuTable li{
	font-size: 11px;
	padding: 9px 0;
	line-height: 1.4;
	font-weight: bold;
	border-right: solid 2px #545454;
	border-bottom: solid 2px #545454;
}
.btMenuTable li img{
	height: 32px;
}
.footerTaira{
	max-width: 322px;
}
}

/* contents common_n wrapper--------------------- */
.wrapper{
	width: 100%;
	padding: 25px 0 5px;
}
.wrapper p{
	padding: 0 15px;
	margin: 0 auto;
	margin-bottom: 25px;
}
.bggray{
	background-color: #f8f8f8;
}
.alignCenter{
	text-align: center!important;
}
@media print, screen and (min-width: 667px) {
.wrapper{
	padding: 35px 25px 20px 25px;
}
.wrapper p{
	padding: 0!important;
}
}
@media only screen and (min-width:1240px) {
.wrapper{
	max-width: 1240px;
	padding: 50px 35px 45px;
	margin: 0 auto;
}
}

/* contents common btnDetail--------------------- */
.btnDetail{
	display: block;
	width: 90%;
	height: auto;
	margin: 0 auto 30px;
	font-size: 13px;
	padding: 14px;
	text-align: center;
	line-height: 1;
	color: #222;
	font-weight: bold;
	border: solid 4px #fff000;
	background-color: #fff;
	text-decoration: none;
}
.btnDetail:hover{
	color: #222;
	background-color: #fff000;
}
.arrow:before{
	font-family: 'FontAwesome';
	content: "\f105";
	font-size: 16px;
}
.btnPrice{
	width: 100%!important;
	margin: 15px auto 0!important;
}
.skypeDL{
	width: 100%!important;
}

@media only screen and (min-width: 667px) {
.skypeDL{
	width: 70%!important;
}
}

@media print, screen and (min-width: 900px) {
.btnDetail{
	width: 100%;
	padding: 18px;
	font-size: 15px;
}
.btnPrice{
	margin: 15px auto 5px!important;
}
}

/* contents common_n h2--------------------- */
.cotTtl{
	width: 100%;
	background-color: #fff000;
	border-bottom: solid 6px #545454;
	/*position: relative;*/
}
.cotTtlin{
	padding: 5px 10px 1px;
	display: table;
	margin: 0 auto;
}
.cotTtlin li{
	display: table-cell;
	vertical-align: middle;
}
.cotTtl h2{
	font-size: 13px;
	line-height:1.3;
	font-weight: bold;
	margin-left: 4px;
}
.cotTtl h2 span{
	font-size: 18px;
}
.cotTtl img{
	width: 22px;
}

@media print, screen and (min-width: 667px) {
.cotTtl h2{
	font-size: 14px;
}
.cotTtl h2 span{
	font-size: 20px;
}
.cotTtl img{
	width: 25px;
}
.cotTtl h2 br{
	display: none;
}
}

@media only screen and (min-width: 1024px) {
.cotTtl{
	border-bottom: solid 10px #545454;
}
.cotTtlin{
	padding: 12px 10px 6px;
}
.cotTtl h2{
	font-size: 20px;
	margin-left: 12px;
}

.cotTtl h2 span{
	font-size: 30px;
}
.cotTtl img{
	width: 32px;
}
}

/* contents common_n h3--------------------- */
.subTtl{
	margin-left: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #fb7085;
	margin-bottom: 8px;
}

@media print, screen and (min-width: 667px) {
.subTtl{
	margin-left: 0;
	font-size: 16px;
}
}


/* contents common_n rounded--------------------- */
@media print, screen and (min-width: 667px) {
.rounded{
	border-radius: 10px!important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
}

/* contents common_n pageTitle--------------------- */
.secondTtl{
	margin-top: 56px;
}
.blackBoardBt{
	width: 100%;
	margin-bottom: 0;
	display:block;
	background: url(/common/images/blackboard_bt.jpg) repeat-x;
	height:16px;
	background-size: 16px 16px;
}
.pageTitleBg{
	width: 100%;
	height: 100px;
	border-top: solid 1px #442d0c;
	border-bottom: solid 1px #442d0c;
	background: #084e06;
	background: -moz-linear-gradient(top, #084e06 0%, #032802 100%);
	background: -webkit-linear-gradient(top, #084e06 0%,#032802 100%);
	background: linear-gradient(to bottom, #084e06 0%,#032802 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084e06', endColorstr='#032802',GradientType=0 );
}
.pageTitleWrap{
	display: table;
	width: 100%;
	height: 100px;
	max-width: 1220px;
}
.pageTitle{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	/*font-size: 18px;
	line-height: 1.1;
	color: #fff;*/
}
.pageTitle span{
	font-size: 13px;
}
.pageTitle li{
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}
.secondTtlImg{
	padding-left: 5px!important;
	text-align: left!important;
}
.secondTtlImg img{
	height: 38px;
	width: auto;
}
.privacyImg img{
	width: 35px;
}
.sitemapImg img{
	width: 50px;
}
.contactImg img{
	width: 50px;
}
.tipsImg img{
	width: 35px;
}
.companyImg img{
	width: 50px;
}
.guidancetopImg img{
	width: 50px;
}
.softwareImg img{
	width: 50px;
}
.registerImg img{
	width: 45px;
}
.practiceImg img{
	width: 50px;
}
.bookkeepingImg img{
	width: 50px;
}
.calculationImg img{
	width: 35px;
}

@media only screen and (min-width: 600px) {
.secondTtl{
	margin-top: 70px;
}
}

@media print, screen and (min-width: 768px) {
.blackBoardBt{
	height:20px;
	background-size: 20px 20px;
}
.pageTitleBg{
	height: 150px;
}
.pageTitleWrap{
	height: 150px;
}
.secondTtlImg{
	padding-left: 10px!important;
	text-align: left!important;
}
.secondTtlImg img{
	height: 50px;
}
.pageTitle{
	font-size: 21px;
}
.pageTitle span{
	font-size: 15px;
}
.pageTitle li:first-child{
	padding-left: 25px;
}
.privacyImg img{
	width: 40px;
}
.sitemapImg img{
	width: 70px;
}
.contactImg img{
	width: 70px;
}
.tipsImg img{
	width: 43px;
}
.companyImg img{
	width: 70px;
}
.guidancetopImg img{
	width: 70px;
}
.softwareImg img{
	width: 70px;
}
.registerImg img{
	width: 65px;
}
.practiceImg img{
	width: 70px;
}
.bookkeepingImg img{
	width: 70px;
}
.calculationImg img{
	width: 45px;
}
}

@media only screen and (min-width: 800px) {
.secondTtl{
	margin-top: 0;
}
}

@media only screen and (min-width: 1024px) {
.blackBoardBt{
	height:25px;
	background-size: 25px 25px;
}
.pageTitleBg{
	height: 200px;
}
.pageTitleWrap{
	height: 200px;
	margin: 0 auto;
}
.pageTitle{
	width: 1220px!important;
	font-size: 26px;
	line-height: 1;
}
.pageTitle span{
	font-size: 16px;
	font-weight: normal;
}
.secondTtlImg{
	padding-left: 15px!important;
}
.secondTtlImg img{
	height: 65px;
}
.pageTitle li:first-child{
	padding-left: 45px;
}
.privacyImg img{
	width: 55px;
}
.sitemapImg img{
	width: 100px;
}
.contactImg img{
	width: 95px;
}
.tipsImg img{
	width: 57px;
}
.companyImg img{
	width: 100px;
}
.guidancetopImg img{
	width: 100px;
}
.softwareImg img{
	width: 100px;
}
.registerImg img{
	width: 95px;
}
.practiceImg img{
	width: 100px;
}
.bookkeepingImg img{
	width: 100px;
}
.calculationImg img{
	width: 60px;
}
}

/* pankuzu--------------------- */

.pankuzu{
	display: none;
}
@media print, screen and (min-width: 350px) {
.pankuzuWrap{
	height: 40px;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #f8f8f8), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #f8f8f8),
            color-stop(.75, #f8f8f8), color-stop(.75, transparent),
            to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
}
.pankuzu{
	display: block;
	width: 100%;
	max-width: 1220px;
	font-size: 12px;
	line-height: 1.1;
	margin: 0 auto;
	padding-left: 0;
	padding-top: 12px;
}
.pankuzu a{
	color: #222;
}
.pankuzu li{
	display: inline-block;
}
.pankuzu li.panItem,
.pankuzu li.panItemN{
	position: relative;
	padding: 0 20px 0 0;
	color: #222;
}
.pankuzu li.panItem:after{
	position: absolute;
	top: 38%;
	right: 5px;
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pankuzu li.panItemN:after{
	position: absolute;
	top: 25%;
	right: 5px;
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pankuzu .icon-home:before{
	font-family: 'FontAwesome';
	content: "\f015";
	font-size: 15px;
	padding-right: 3px;
	padding-left: 15px;
}
.panContact .icon-home:before{
	font-family: 'FontAwesomeCo'!important;
	content: "\f015";
	font-size: 15px;
	padding-right: 3px;
	padding-left: 15px;
}
}

@media only screen and (min-width: 667px) {
.pankuzu{
	font-size: 13px;
	padding-left: 15px;
}
}

@media all and (-ms-high-contrast: none){
.pankuzu li{
	font-family:"メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic";
}
}


/* top mainvis --------------------- */
.mainVisWrap{
	margin-top: 56px;
	padding-bottom: 25px;
        background: #fff;
        width: 100%;
        position: relative;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #f8f8f8), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #f8f8f8),
            color-stop(.75, #f8f8f8), color-stop(.75, transparent),
            to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
}
.blackBoard{
	position: relative;
	width: 100%;
	padding-top: 10px;
	border-top: solid 1px #442d0c;
	border-bottom: solid 1px #442d0c;
	background: #084e06;
	background: -moz-linear-gradient(top, #084e06 0%, #032802 100%);
	background: -webkit-linear-gradient(top, #084e06 0%,#032802 100%);
	background: linear-gradient(to bottom, #084e06 0%,#032802 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084e06', endColorstr='#032802',GradientType=0 );
}
.blackBoard:after{
	content:"";
	display:block;
	background: url(/common/images/blackboard_bt.jpg) repeat-x;
	height:16px;
	background-size: 16px 16px;
}
.blackBoardUp{
	width: 100%;
	margin-bottom: 0;
	display:block;
	background: url(/common/images/blackboard_up.jpg) repeat-x;
	height:16px;
	background-size: 16px 16px;
}
.mainVisPart li{
	float: left;
}
.mainVisIllust{
	position: absolute;
	top: 10px;
	left: 0;
	width: 25%;
	z-index: 100;
}
.mainVisIllust img{
	width: 100%;
	max-width: 270px;
}
.mainVisTxt{
	width: calc( 73% - 15px );
	margin-left: 27%;
	margin-right: 15px;
}
.mainVisLead{
	margin-top: 10px;
}
.mainVisLead img{
	width: 100%;
}
.medalWrap{
	width: 100%;
	margin: 0 auto 8px;
}
.medal li{
	float: left;
	width: 50%;
	padding: 5px;
}
.medalLeft img{
	margin-left: auto;
}
.medal li img{
	width: 70%;
	max-width: 120px;
	display: block;
}
.goFlowTxt{
	margin-bottom: 20px;
	font-size: 12px;
	color: #fff;
}
.goFlowTxt:before,
.goFlowTxt:after{
	content:"";
	display:block;
	height: 10px;
	background: url("/images/line_mainVis.svg") repeat-x;
	background-size: 15px 10px;
}
.goFlowTxt:before{
	margin-bottom: 10px;
}
.goFlowTxt:after{
	margin-top: 10px;
}
.goFlowTxt span{
	padding: 3px 0;
	font-size: 13px;
	color: #fb7085;
	font-weight: bold;
}
.flowWrap{
	width: calc( 100% - 30px );
	margin: 15px 15px 0 15px;
	padding: 15px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 6px 2px #777;
}
.flowTtlWrap{
	width: 100%;
	height: 50px;
	border-radius: 6px 6px 0 0;
	background: url(/common/images/ttl-pattern.gif) repeat;
	background-size: 50px 50px;
}
.flowTtl{
	width: 249px;
	margin: 0 auto;
}
.flowTtl li{
	float: left;

}
.flowTtl .ttlsindan{
	padding-top: 17px;
	padding-right: 3px;
	width: 200px;
}
.flowTtl .ttlboard{
	width: 46px;
}
.flowTtl .ttlsindan img,
.flowTtl .ttlboard img{
	width: 100%;
	display: block;
}
.flowBody{
	/*padding: 15px 15px 10px 15px;*/
	border-radius: 0 0 6px 6px;
	background: url(/common/images/bg_flowBody.jpg) repeat;
	background-size: 50px 50px;
}
.flowBody p{
	margin-bottom: 15px;
}
.qWrap{
	width: calc( 100% - 30px );
	padding: 15px 15px 5px 15px;
}
.flowStart{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 25px!important;
}
.flowStart span{
	background: linear-gradient(transparent 50%, #feacbb 0%);
}
.flowBtn{
	position: relative;
	display: inline-block;
	width: 90%;
	height: 75px;
	margin: 0 5% 10px!important;
	padding: 0 10px;
	text-decoration: none;
	background: #feacbb;/*ボタン色*/
	color: #FFF;
	border-bottom: solid 5px #fb7085;
	border-radius: 10px;
	line-height: 1.4;
	text-align: center;
}
.flowBtn span{
	width: 100%;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.flowBtnWrap a{
	color: #fff;
	text-decoration: none;
	display: block;
	font-weight: bold;

}
.flowBtn:hover{
	cursor: pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.flowBtn:hover,
.flowBtnWrap a:hover{
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);/*沈むように*/
	border-bottom: solid 5px #feacbb;
}
.flowResult{
	display: table;
}
.flowResult li{
	display: table-cell;
	vertical-align: top;
}
.flowResult li:first-child{
	width: 90px;
}
.flowResult li img{
	width: 80px;
	margin-right: 10px;
}
.flowResultTtl{
	font-size: 18px;
	font-weight: bold;
	color: #fb7085;
	margin-bottom: 5px!important;
	margin-top: 15px;
}
.flowRecomen{
	font-size: 14px;
}
.flowRecomen span{
	font-size: 16px;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #fff000 0%);
}

@media print, screen and (min-width: 600px) {
.mainVisWrap{
	margin-top: 70px;
}
.mainVisIllust{
	top: 10px;
	left: 15px;
	width: 28%;
}
.mainVisTxt{
	width: calc( 66% - 15px );
	margin-left: 34%;
	margin-right: 15px;
}
.mainVisLead{
	width: 90%;
	margin-top: 15px;
}
.medalWrap li{
	float: left;
	width: 50%;
	padding: 10px;
}
.goFlowTxt{
	font-size: 13px;
}
.goFlowTxt span{
	font-size: 14px;
}
.flowTtlWrap{
	height: 60px;
}
.flowTtl{
	width: 310px;
}
.flowTtl .ttlsindan{
	padding-top: 20px;
	padding-right: 5px;
	width: 250px;
}
.flowTtl .ttlboard{
	width: 55px;
}
.flowBtn{
	width: 80%;
	font-size: 14px;
	margin: 0 10% 12px!important;
}
.flowBody p{
	margin-bottom: 20px;
}
.qWrap{
	width: calc( 100% - 40px );
	padding: 20px 20px 15px 20px;
}
.flowStart{
	font-size: 18px;
	margin-bottom: 25px!important;
}
.flowResult li:first-child{
	width: 200px;
}
.flowResult li img{
	width: 140px;
	margin: 0 30px 10px 30px;
}
.flowResultTtl{
	font-size: 22px;
	margin-bottom: 5px!important;
	margin-top: 20px;
}
.flowRecomen{
	font-size: 15px;
}
.flowRecomen span{
	font-size: 18px;
	font-weight: bold;
}
}

@media only screen and (min-width: 768px) {
.blackBoard{
	padding-top: 20px;
}
.blackBoard:after{
	height:25px;
	background-size: 25px 25px;
}
.blackBoardUp{
	height:20px;
	background-size: 20px 20px;
}
.mainVisIllust{
	top: 20px;
	left: 25px;
	width: 28%;
}
.mainVisTxt{
	width: calc( 65% - 25px );
	margin-left: 35%;
	margin-right: 25px;
}
.mainVisLead{
	margin-top: 20px;
}
.medal{
	width: 70%;
	margin: 0 auto;
}
.medal li{
	float: left;
	width: 50%;
	padding: 8px;
}
.medal li img{
	width: 100%;
	max-width: 180px;
}
.goFlowTxt{
	font-size: 14px;
	margin-bottom: 30px;
}
.goFlowTxt span{
	font-size: 14px;
}
.goFlowTxt:before,
.goFlowTxt:after{
	height: 15px;
	background-size: 23px 15px;
}
.goFlowTxt:before{
	margin-bottom: 15px;
}
.goFlowTxt:after{
	margin-top: 15px;
}
.flowWrap{
	width: calc( 100% - 50px );
	margin: 20px 25px 0 25px;
	padding: 20px;
	border-radius: 14px;
}
.flowTtlWrap{
	height: 70px;
}
.flowTtl{
	width: 340px;
}
.flowTtl .ttlsindan{
	padding-top: 25px;
	padding-right: 5px;
	width: 270px;
}
.flowTtl .ttlboard{
	width: 65px;
}
.flowBody{
	padding: 20px 20px 15px 20px;
}
.flowBtn{
	width: 80%;
	font-size: 15px;
	margin: 0 auto 15px;
	border-radius: 14px;
}
}

@media only screen and (min-width: 800px) {
.mainVisWrap{
	margin-top: 0;
}
.medal{
	width: 60%;
}
.medal li{
	padding: 10px;
}
}

@media only screen and (min-width: 900px) {
.qWrap{
	width: calc( 100% - 70px );
	padding: 35px 35px 15px 35px;
}
.flowStart{
	font-size: 19px;
	margin-bottom: 30px!important;
}
.flowBtnWrap{
	width: 100%;
	margin-bottom: 15px;
}
.flowBtnWrap li{
	float: left;
	width: 48%;
	margin: 0 2% 0 0!important;
}
.flowBtnWrap li:last-child{
	margin: 0 0 0 2%!important;
}
.flowBtn{
	width: 100%;
	height: 90px;
	border-radius: 20px;
}
.flowResult li:first-child{
	width: 230px;
}
.flowResult li img{
	width: 170px;
	margin: 0 35px 10px 25px;
}
.flowResultTtl{
	font-size: 24px;
	margin-bottom: 10px!important;
	margin-top: 20px;
}
.flowRecomen{
	font-size: 16px;
}
.flowRecomen span{
	font-size: 19px;
}
}


@media only screen and (min-width: 1024px) {
.medal li{
	padding: 13px;
}
.goFlowTxt{
	font-size: 15px;
	margin-bottom: 40px;
}
.goFlowTxt span{
	font-size: 18px;
}
}

@media only screen and (min-width: 1100px) {
.mainVisWrap{
	padding-bottom: 40px;
}
.blackBoard:after{
	height:25px;
	background-size: 25px 25px;
}
.blackBoardUp{
	height:25px;
	background-size: 25px 25px;
}
.mainVisPart{
	width: 1100px!important;
	margin: 0 auto;
}
.mainVisIllust{
	top: 35px;
	left: 50%;
	width: 260px;
	margin-left: -550px;
}
.mainVisTxt{
	width: 800px;
	margin-left: 300px;
	margin-right: 0;
}
.mainVisLead{
	margin-top: 20px;
	width: 500px!important;
}
.mainVisLead img{
	width: 500px!important;
}
.mainVisTxt li{
	float: left;
}
.mainVisTxt .medal{
	width: 300px;
	margin: 0 0 15px 0;
	float: left;
}
.medalWrap{
	width: 300px;
	margin: 0 auto 0;
}
.medal li{
	float: left;
	width: 50%;
	padding: 5px;
}
.medal li img{
	width: 100%;
	display: block;
}
.goFlowTxt{
	font-size: 16px;
	margin-bottom: 140px;
	text-align: center;
}
.goFlowTxt span{
	font-size: 20px;
}
.flowPcView{
	width: 1100px;
	margin: 0 auto;
}
.flowWrap{
	width: 800px;
	margin: -140px 0 0 300px;
	z-index: 1100;
	position: relative;
	border-radius: 20px;
}
.flowTtlWrap{
	border-radius: 10px 10px 0 0;
}
.flowTtl{
	width: 370px;
}
.flowTtl .ttlsindan{
	padding-top: 25px;
	padding-right: 5px;
	width: 300px;
}
.flowTtl .ttlboard{
	width: 65px;
}
.flowBody{
	border-radius: 0 0 10px 10px ;
}
.flowBody p{
	margin-bottom: 30px;
}
}

/* top page style --------------------- */
.photoRbox li,
.photoLbox li{
	width: 100%;
}
.photoRbox li img,
.photoLbox li img{
	width: 80%;
	display: block;
	margin: 0 auto 25px;
	padding: 0 15px 15px 0;
	background: url(/images/bg_photobox.svg) no-repeat;
	background-position: 15px 15px; 
}
.topIllustBox{
	position: relative;
}
.topIllust{
	position: absolute;
	bottom: -15px;
	right: 0;
	width: auto!important;
	height: 70%!important;
	background: none!important;
}
.topIllustComment{
	position: absolute;
	top: 0;
	right: 15px;
	width: 40%!important;
	background: none!important;
}
.secondCome{
	right: 25px!important;
	width: 28%!important;
}

@media print, screen and (min-width: 667px) {
.photoRbox li img,
.photoLbox li img{
	width: 60%;
	max-width: 400px;
}
.topIllust{
	right: 10%;
	height: 70%!important;
}
.topIllustComment{
	right: 10%;
	height: 50%!important;
}
.secondCome{
	right: 12%!important;
}
}

@media only screen and (min-width: 900px) {
.photoRbox li.floatTxt{
	width: 52%;
	float: left;
	margin-right: 5%;
}
.photoRbox li.floatPhoto{
	width: 43%;
	float: left;
}
.topIllustBox{
	padding: 0 30px 40px 0;
}
.photoLbox li.floatTxt{
	width: 52%;
	float: right;
	margin-left: 5%;
}
.photoLbox li.floatPhoto{
	width: 43%;
	float: right;
}
.photoRbox li img,
.photoLbox li img{
	width: 100%;
	max-width: 500px;
}
.topIllust{
	bottom: -15px;
	right: -15px;
	height: 65%!important;
}
.topIllustComment{
	top: 0!important;
	right: 0;
	width: 230px!important;
	height: auto!important;
}
.secondCome{
	right: 9%!important;
	width: 35%!important;
}
}

/* guidance top style --------------------- */
.guidanceLead{
	width: calc( 100% - 30px );
	margin: 0 15px;
}
.guidanceLeadIllust{
	display: none;
}
.guidanceLeadTxt{
	width: 100%;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 6px 2px #aaa;
}
.guidanceLeadTxt p{
	padding: 0!important;
}
.guidanceLead h3{
	width: 100%;
	border-radius: 6px;
	background: url(/common/images/ttl-pattern.gif) repeat;
	background-size: 50px 50px;
	font-size: 13px;
	color: #fff;
	padding: 10px;
}
.guidanceBtnWrap{
	margin-bottom: 15px;
}
.guidanceBtnWrap li{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	line-height: 1.3;
}
.guidanceBtnWrap a{
	color: #fff;
	text-decoration: none;
}
.guidanceBtnWrap a:hover{
	text-decoration: underline;
}
.guidanceBtnWrap li img{
	display: block;
	margin-right: 7px;
	width: 35px;
	float: left;
}
.bkRGBA{
	height: 100%;
	background: rgba(0,0,0,0.4);
}
.guidanceMenuWrap{
	padding: 30px 0 25px;
	display: inline-block;
	text-align: left;
}
.guidanceMenuOne{
	background-image:url(/guidance/images/photo_guidance01.jpg);
	background-position: middle center;
	background-size:cover;
	margin-bottom: 10px!important;
}
.guidanceMenuTwo{
	background-image:url(/guidance/images/photo_guidance02.jpg);
	background-position: middle center;
	background-size:cover;
	margin-bottom: 10px!important;
}
.guidanceMenuThree{
	background-image:url(/guidance/images/photo_guidance03.jpg);
	background-position: middle center;
	background-size:cover;
	margin-bottom: 10px!important;
}
.guidanceMenuFour{
	background-image:url(/guidance/images/photo_guidance04.jpg);
	background-position: middle center;
	background-size:cover;
	margin-bottom: 10px!important;
}
.guidanceBtnWrap li strong{
	font-size: 17px!important;
}
.bottomMenu{
	width: 100%!important;
}
.bottomMenu li{
	width: calc( 50% - 1px );important;
	float: left!important;
	margin: 0 1px 1px 0!important;
}
.bottomMenu li img{
	margin: 0 auto!important;
	float: none!important;
}
.bottomMenu .guidanceMenuWrap{
	padding: 15px 0 10px!important;
}
.bottomMenu li strong{
	font-size: 14px!important;
}

@media only screen and (min-width: 667px) {
.guidanceLead{
	width: 100%;
	margin: 0;
}
.guidanceLead h3{
	font-size: 15px;
}
}

@media print, screen and (min-width: 768px) {
.guidanceLead h3{
	text-align: center;
	padding: 20px 10px;
}
.guidanceBtnWrap li{
	width: calc( 50% - 10px );
	float: left;
	line-height: 1.35;
}
.guidanceBtnWrap li:nth-child(even){
	margin-right: 10px;
}
.guidanceBtnWrap li:nth-child(odd){
	margin-left: 10px;
}
.guidanceBtnWrap li img{
	margin-right: 10px;
	width: 45px;
}
.guidanceBtnWrap li strong{
	font-size: 18px!important;
}
.guidanceMenuWrap{
	padding: 35px 0 30px;
}
.bottomMenu li{
	width: calc( 25% - 1px );important;
	float: left!important;
	margin: 0 1px 0 0!important;
}
.bottomMenu .guidanceMenuWrap{
	padding: 15px 0 10px!important;
}
.bottomMenu li strong{
	font-size: 14px!important;
}
}

@media only screen and (min-width: 900px) {
.guidanceLead{
	max-width: 1100px;
	margin: 0 auto 15px;
}
.guidanceBtnWrap li strong{
	font-size: 20px!important;
}
.guidanceLead h3{
	font-size: 17px;
}
.guidanceMenuWrap{
	padding: 50px 0 45px;
}
.bottomMenu{
	max-width: 1000px!important;
	margin: 10px auto 20px!important;
}
.bottomMenu li img{
	width: 50px;
}
.bottomMenu .guidanceMenuWrap{
	padding: 20px 0 15px!important;
}
.bottomMenu li strong{
	font-size: 16px!important;
}
}

@media only screen and (min-width: 1100px) {
.guidanceLead{
	max-width: 1200px;
}
.guidanceLeadIllust{
	display: block;
	width: 320px;
	float: left;
}
.guidanceLeadIllust img{
	width: 100%;
}
.guidanceLeadTxt{
	width: calc( 100% - 320px );
	margin-left: 320px;
}
.guidanceLead h3{
	font-size: 18px;
}
.guidanceBtnWrap li img{
	width: 60px;
}
.guidanceBtnWrap li strong{
	font-size: 28px!important;
}
.bottomMenu li img{
	width: 50px;
}
.bottomMenu .guidanceMenuWrap{
	padding: 20px 0 15px!important;
}
.bottomMenu li strong{
	font-size: 16px!important;
}
}

/* beginner style --------------------- */
.fukidasiWrap{
	width: calc( 100% - 30px );
	margin: 0 15px;
}
.fukidasiIllust{
	width: 100px;
	float: right;
	margin-right: -10px;
}
.balloon{
	position: relative;
	display: inline-block;
 	padding: 10px 15px;
	width: calc( 100% - 100px );
	background: #fff;
	border: solid 3px #555;
 	box-sizing: border-box;
	border-radius: 10px;
	margin-bottom: 25px;
}
.balloon:before{
	content: "";
	position: absolute;
	top: 40%;
	right: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #fff;
 	z-index: 2;
}
.balloon:after{
	content: "";
	position: absolute;
	top: 40%;
	right: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #555;
 	z-index: 1;
}
.balloon span{
	display: block;
	color: #fb7085;
}
h3.marker{
	text-align: center;
	font-size: 18px;
	margin-bottom: 15px;
}
h3.marker span{
	background: linear-gradient(transparent 50%, #fff000 0%);
}
.recomen{
	margin-bottom: 15px;
}
.recomen li{
	position: relative;
	width: 85%;
	height: 65px;
	max-width: 320px;
	margin: 0 auto 12px;
	border-top: solid 1px #eee;
	border-left: solid 4px #545454;
	background-color: #fff;
	box-shadow: 2px 2px 4px gray;
}
.recomen li img{
	position: absolute;
	top: 50%;
	width: 25px;
	float: left;
	margin-left: 16px;
	transform: translateY(-50%);
 	-webkit- transform: translateY(-50%);
}
.obiYerrow{
	width: 14px;
	height: 100%;
	float: left;
	background-color: #fff000;
}
.recomenTxt{
	position: absolute;
	font-weight: bold;
	top: 50%;
	left: 65px;
	line-height: 1.4;
	transform: translateY(-50%);
 	-webkit- transform: translateY(-50%);
}
.indexlabel{
	left: 35px!important;
}
.notice{
	margin: 0 15px 25px;
}
.notice dt{
	width: 1em;
	float: left;
}
.bgGuidance{
	width: 100%;
	padding: 25px 15px 30px;
}
.guidancePoint{
	width: 85%;
	max-width: 350px;
	margin: 0 auto 10px;
	border: solid 6px #feacbb;
	background-color: #fff;
}
.guidancePoint p{
	padding: 12px;
}
.guidancePointTtl{
	width: 100%;
	background-color: #feacbb;
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	padding: 4px 0 8px;
}
.guidancePrice{
	margin-bottom: 10px!important;
	font-size: 15px;
}
.guidancePrice span{
	font-weight: 700;
	font-size: 22px;
	background: linear-gradient(transparent 50%, #fff000 0%);
}
.zeroIllsut{
	width: 100px;
	margin: 0 0 0 5px;
	float: left;
}
.zeroWrap p{
	margin-bottom: 15px!important;
}
.pc-parts{
	display: none;
}
.zeroBtn{
	width: 80%;
	margin: 0 auto 15px;
}
.zeroBtn .flowBtn{
	width: 100%!important;
	margin: 0 0 12px!important;
}
.zeroBtn .flowBtn span{
	padding: 10px!important;
}
.zeroBtn a{
	color: #fff;
	text-decoration: none;
	display: block;
	font-weight: bold;

}
.zeroBtn a:hover{
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);/*沈むように*/
	border-bottom: solid 4px #feacbb;
}


@media print, screen and (min-width: 667px) {
.fukidasiWrap{
	width: 100%;
	margin: 0;
}
.fukidasiIllust{
	width: 150px;
	float: right;
	margin-right: 0;
}
.balloon{
 	padding: 20px 22px;
	width: calc( 100% - 170px );
	border-radius: 14px;
	margin-bottom: 30px;
	font-size: 16px;
}
.recomen li{
	position: relative;
	width: calc( 50% - 15px );
	height: 75px;
	max-width: 400px;
	margin: 0 10px 15px 0;
	float: left;
}
.recomen li:first-child{
	margin-right: 20px;
}
.notice{
	margin: 0 0 25px 0;
}
.bgGuidance{
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 30px 25px 30px;
	background-size:cover;
}
.bgBeginner{
	background-position: center center; 
	background-image:url(/guidance/images/bg_guidance01.jpg);
}
.guidancePoint{
	width: calc( 50% - 15px );
	max-width: 600px;
	margin: 0 0 15px 0;
	float: left;
}
.guidancePoint:nth-child(odd){
	margin-right: 20px;
}
.guidancePrice{
	margin-bottom: 5px!important;
	font-size: 18px;
}
.guidancePrice span{
	font-size: 28px;
}
.zeroIllsut{
	width: 150px;
	margin: 0 25px 0 0;
}
.zeroWrap p{
	margin-bottom: 20px!important;
}
.pc-parts{
	display: block;
}
.sp-parts{
	display: none;
}
.zeroBtn{
	width: 100%;
	margin: 0 auto;
}
}


@media only screen and (min-width: 768px) {
.zeroBtn .flowBtn{
	width: calc( 100% - 15px )!important;
	margin: 0 0 20px 15px!important;
}
.zeroWrap p{
	margin-left: 15px!important;
}
}

@media only screen and (min-width: 900px) {
.fukidasiWrap{
	max-width: 1110px;
	margin: -10px auto 0;
}
.fukidasiIllust{
	width: 28%;
	float: right;
	margin-right: 0;
}
.fukidasiTxt{
	width: calc( 72% - 20px );
	margin-right: 20px;
}
.balloon{
 	padding: 30px 34px;
	width: 100%;
	border-radius: 20px;
	margin-bottom: 40px;
	font-size: 18px;
	font-weight: bold;
}
.balloon:before{
	top: 50%;
	right: -44px;
 	margin-top: -22px;
	border: 22px solid transparent;
	border-left: 22px solid #fff;
 }
.balloon:after{
	top: 50%;
	right: -50px;
 	margin-top: -24px;
	border: 24px solid transparent;
	border-left: 24px solid #555;
}
h3.marker{
	font-size: 20px;
	margin-bottom: 25px;
}
.recomen li{
	height: 95px;
}
.recomen li img{
	width: 35px;
	margin-left: 15px;
}
.recomenTxt{
	font-size: 16px;
	left: 70px;
}
.guidancePointWrap{
	width: 100%;
	max-width: 1110px;
	margin: 15px auto 45px;
}
.guidancePoint{
	width: calc( 25% - 17px );
	margin: 0 17px 0 0;
	border: solid 8px #feacbb;
}
.guidancePoint:nth-child(odd){
	margin-right: 17px;
}
.guidancePoint p{
	padding: 15px 20px 20px;
	font-size: 15px;
}
.guidancePointTtl{
	font-size: 28px;
	padding: 13px 0 15px;
}
.guidancePointTxt{
	max-width: 1110px;
	margin: 0 auto 30px;
	font-size: 16px;
}
.guidancePriceWrap{
	text-align: center;
}
.guidancePrice{
	margin-bottom: 5px!important;
	font-size: 22px;
}
.guidancePrice span{
	font-size: 34px;
}
.zeroWrap{
	max-width: 1000px;
	margin: 0 auto;
}
.zeroBtn .flowBtn{
	width: calc( 100% - 20px )!important;
	margin: 0 0 30px 20px!important;
}
.zeroWrap p{
	margin-left: 20px!important;
}
.zeroIllsut{
	width: 25%;
	margin: 0 50px 0 0;
}
.zeroWrap p{
	margin-bottom: 30px!important;
}
}

/* software style --------------------- */
@media print, screen and (min-width: 667px) {
.bgSoftware{
	background-position: center center; 
	background-image:url(/guidance/images/bg_guidance02.jpg);
}
}

/* practice style --------------------- */
@media print, screen and (min-width: 667px) {
.bgRegister{
	background-position: center center; 
	background-image:url(/guidance/images/bg_guidance03.jpg);
}
}

/* register style --------------------- */
@media print, screen and (min-width: 667px) {
.bgPractice{
	background-position: center center; 
	background-image:url(/guidance/images/bg_guidance04.jpg);
}
}


/* bookkeeping style --------------------- */
.guidancePointTtl span{
	font-size: 16px!important;
}
.supportStep{
	position: relative;
	margin-bottom: 30px!important;
}
.supportStep:after{
	content: "";
	position: absolute;
	top: 100%;
	left: 47%;
	margin-top: 7px;
	width: 15px;
	height: 15px;
	border-top: solid 4px #545454;
	border-right: solid 4px #545454;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

@media print, screen and (min-width: 667px) {
.bgBookkeeping{
	background-position: center center; 
	background-image:url(/bookkeeping/images/bg_bookkeeping.jpg);
}
.supportStep{
	margin-bottom: 15px!important;
}
.supportStep:after{
	top: 40%;
	left: 100%;
	margin-top: 0;
	margin-left: 4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
}

/* price table style --------------------- */
.priceTb{
	width: 100%;
	max-width: 800px;
	margin: 0 auto 10px;
	font-size: 18px;
	border-collapse: collapse;
}
.priceTb td,
.priceTb th{
	padding: 10px 15px;
	border: 1px solid #ccc;
}
.priceTb th{
	font-weight: bold;
	width: 35%;
	background:#fbfbfb;
	text-align: center;
}
.priceTb td{
	width: 30%;
	vertical-align: top;
	text-align: right;
	background:#fff;
}
.priceTb thead th{
	background:#f2f2f1;
	text-align: center;
}
.priceTb thead th br{
	display: none;
}
.priceNote{
	max-width: 800px;
	margin: 0 auto 30px;
}

@media only screen and (max-width:900px){
.priceTb{
	margin: 0 auto 10px;
	font-size: 14px;
}
}
/*@media only screen and (max-width:667px){
.priceTb{
	width: 100%;
	display: block;
	margin-bottom: 30px;
}
.priceTb thead{
	display: none;
}
.priceTb tbody{
	display: block;
}
.priceTb tbody tr{
	display: block;
	margin-bottom: 1.5em;
}
.priceTb tbody th,
.priceTb tbody td{
	display: list-item;
	border: none;
	padding: 10px 15px;
}
.priceTb tbody th{
	margin-bottom: 10px;
	list-style-type: none;
	background: #f2f2f1;
	width: 100%;
}
.priceTb tbody td{
	padding: 0;
	list-style-type: none;
	width: 94%;
	margin:0 auto;
}
.priceTb tbody td.labelOne:before {
	content: "月額料金（税抜）\A";
	white-space: pre;
	font-weight: bold;
}
.priceTb tbody td.labelTwo:before {
	content: "仕訳単価\A";
	white-space: pre;
	font-weight: bold;
}
}*/

@media only screen and (max-width:667px){
.priceTb{
	width: calc( 100% - 30px );
	margin: 0 15px 10px;
	font-size: 14px;
}
.priceTb td,
.priceTb th{
	padding: 10px 10px;
	width: 33%;
}
}

@media only screen and (max-width:425px){
.priceTb thead th br{
	display: block;
}
}

/* calculation style --------------------- */
.LboxTxt{
	padding: 15px;
	text-align: center;
}

@media print, screen and (min-width: 667px) {
.bgCalculationU{
	background-position: center center; 
	background-image:url(/calculation/images/bg_calculation01.jpg);
}
.bgCalculationB{
	background-position: center center; 
	background-image:url(/calculation/images/bg_calculation02.jpg);
}
}

@media screen and (min-width: 900px) {
.Lbox{
	width: calc( 50% - 17px )!important;
}
.LboxTxt li{
	float: left;
	margin-right: 20px;
}
.LboxTxt li:last-child{
	margin-right: 0;
}
}

/* contact style --------------------- */
.recruitPhoto img{
	width: 60%;
	max-width: 240px;
	display: block;
	margin: 0 auto 30px;
}
.inquiryBox{
	width: calc( 100% - 30px );
	margin: 0 auto 25px;
	line-height: 1;
}
.inquiryImg{
	width: 56px!important;
	height: 56px!important;
	margin-right: 13px;
	float: left!important;
}
.inquiryImg img{
	width: 100%!important;
}
.inquiryTel{
	margin-bottom: 14px;
	line-height: 1;
}

.inquiryTel span{
	font-size: 23px;
	font-weight:600;
	color: #fb7085;
	display: block;
	margin: 5px 0 -11px 0;
	/*line-height: 1.3;*/
}
.inquiryMail{
	line-height: 1.7;
}
.formTable{
	width: 94%;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 10px;
}
.formTable th{
	font-size: 15px;
	font-weight: bold;
	background-color: #f0f0f0;
	padding: 5px 10px;
}
.formTable th span{
	color: red;
}
.formTable td{
	padding-top: 10px;
	padding-bottom: 25px;
}
.formTable input.textzone,
.formTable textarea{
	width: 100%;
	max-width: 600px;
	padding: 10px;
	border: solid 1px #aaa;
	border-radius: 5px;
}
.cBox{
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-bottom: 3px;
}
.formBtn{
	text-align: center;
	margin-bottom: 30px;
}
.formBtn input{
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
	font-size: 14px;
	padding: 16px 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	border: solid 2px #fff;
	background-color: #feacbb;
}
.formBtn input:hover,
.confirmBtn input:hover{
	color: #feacbb;
	border: solid 2px #feacbb;
	background-color: #fff;
}
.error_messe{
	color: red;
}
.confirmBtn{
	width: 94%;
	max-width: 600px;
	margin: 0 auto 30px;
}
.confirmBtn li{
	float: left;
	width: 45%;
	margin-left: 10%;
}
.confirmBtn li:first-child{
	margin-left: 0;
}
.confirmBtn input{
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	padding: 13px 10px;
	color: #fff;
	border: solid 2px #fff;
	background-color: #feacbb;
	border-radius: 8px;
}
.confirmBtn input.backBtn{
	width: 100%;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 11px 10px;
	background-color: #ccc;
	border: solid 2px #ccc;
}
.confirmBtn input.backBtn:hover{
	color: #555;
	background-color: #fff;
}
.thanksTtl{
	margin-bottom: 50px!important;
}
.btnInq a{
	display: block;
	width: 280px;
	margin: 0 auto 35px;
	text-align: center;
	text-decoration: none;
	padding: 13px 10px;
	color: #feacbb;
	font-weight: bold;
	border: solid 2px #feacbb;
	background-color: #fff;
}
.btnInq a:hover{
	color: #fff;
	border: solid 2px #fff;
	background-color: #feacbb;
}
h2.thanks{
	font-size: 16px;
	margin-bottom: 20px;
	text-align: center;
	color: #fb7085;
}

@media print, screen and (min-width: 667px) {
.recruitbox li.recruitTxt{
	width: 65%;
	float: right;
	margin-left: 5%;
}
.recruitbox li.recruitPhoto{
	width: 30%;
	float: right;
}
.recruitPhoto img{
	width: 100%;
	max-width: 500px;
}
.alignL{
	text-align: left!important;
	padding: 0!important;
}
.inquiryBox{
	width: 100%;
	margin: 0 auto 25px;
	line-height: 1;
}
.inquiryImg{
	width: 62px!important;
	height: 62px!important;
	margin-right: 13px;
	float: left!important;
}
.inquiryTel{
	margin-bottom: 20px;
	line-height: 1;
}

.inquiryTel span{
	font-size: 25px;
}
h2.thanks{
	font-size: 20px;
	margin-bottom: 25px;
}
h2.thanks br{
	display: none;
}
}

@media screen and (min-width: 900px) {
.recruitbox{
	max-width: 950px;
	margin: 0 auto 15px;
}
.recruitbox li.recruitTxt{
	width: 64%;
	margin-left: 4%;
}
.recruitbox li.recruitPhoto{
	width: 32%;
}
.inquiryImg{
	width: 74px!important;
	height: 74px!important;
	margin-right: 15px;
}
.inquiryTel{
	margin-bottom: 20px;
	line-height: 1;
}
.inquiryTel span{
	font-size: 32px;
}
.formTable{
	max-width: 950px;
}
.formTable input.textzone,
.formTable textarea{
	max-width: 950px;
	padding: 12px;
}
.confirmBtn{
	margin: 0 auto 40px;
}
.btnInq a{
	width: 400px;
	font-size: 16px;
	margin-bottom: 50px;
}
h2.thanks{
	font-size: 22px;
	text-align: center;
}
}


/* company style --------------------- */

.officeOutline img{
	display: block;
	width: 80%;
	margin: 0 auto 25px;
	max-width: 450px;
	border-radius: 10px;
}

.outlineTb{
	width: 100%;
	border-top: solid 1px #ccc;
	margin-bottom: 25px;
}
.outlineTb thead tr{
	background-color: #3b3c3d!important;
	color: #fff;
	text-align: center!important;
	border-bottom: solid 2px #fff;
}
.outlineTb tr{
	width: 100%;
	border-bottom: dotted 1px #ccc;
	background-color: #fff;
}
.outlineTb tr:nth-child(odd){
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #f8f8f8), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #f8f8f8),
            color-stop(.75, #f8f8f8), color-stop(.75, transparent),
            to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #f8f8f8 25%, transparent 25%,
          transparent 50%, #f8f8f8 50%, #f8f8f8 75%,
          transparent 75%, transparent);
}
.outlineTb th{
	font-size: 14px;
	font-weight: bold;
	width: 105px;
	vertical-align: top;
	padding: 8px 10px;
}
.outlineTb td{
	font-size: 13px;
	padding: 8px 10px 8px 0;
}
.spacious th{
	width: 140px!important;
	padding: 9px 18px!important;
}
.spacious td{
	padding: 9px 10px 9px 0!important;
}
#gmap{
	position: relative;
	padding-bottom: 75%; // これが縦横比
	height: 0;
	overflow: hidden;
	margin-bottom: 25px;
}
#gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.officePhoto{
	width: 100%;
	margin-bottom: 25px;
}
.officePhoto img{
	width: 100%;
	border-radius: 10px;
}
.officeAccess{
	margin-left: 15px;
	margin-bottom: 10px;
}
.officeAccess dt{
	font-weight: bold;
	padding-left: 18px;
	position: relative;
}
.officeAccess dd{
	padding-left: 18px;
	margin-bottom: 10px;
}
.officeAccess dt:after,
.officeAccess dt:before{
	display: block;
	content: '';
	position: absolute;
}
.officeAccess dt:after {
	top: .25em;
	left: 0;
	width: 14px;
	height: 14px;
	background-color: #fb7085;
	border-radius: 100%;
}
.officeAccess dt:before {
	z-index: 2;
	top: .6em;
	left: 3px;
	width: 5px;
	height: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.sp-access{
	position: relative;
}
.sp-access img{
	display: block;
	margin: 0 auto 10px;
	width: 220px;
}
.sp-access img.officePin{
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -140px;
	width:100px!important;
	z-index: 100;
}
.routeBox{
	display: none;
}

@media print, screen and (min-width: 667px) {
.outlineTb th{
	width: 28%;
	max-width: 150px!important;
}
.officeAccess{
	margin-left: 0;
}
.officeAccess dt:after {
	top: .4em;
}
.officeAccess dt:before {
	z-index: 2;
	top: .7em;
}
}
@media only screen and (min-width: 900px) {
.outlineTb{
	width: 100%;
	margin-bottom: 0;
}
.outlineTb th{
	font-size: 14px;
	font-weight: bold;
	width: 98px;
	padding-left: 5px;
}
.outlineTb td{
	padding: 6px 0;
	font-size: 14px;
}
.officeOutline{
	width: 100%;
	max-width: 1060px;
	margin: 0 auto 30px;
}
.officeOutline li{
	width: 47%;
	float: left;
}
.officeOutline li:first-child{
	margin-right: 6%;
}
.officeOutline img{
	width: 100%;
	margin: 0 auto 0;
	max-width: 100%;
}
#gmap{
	padding-bottom: 50%; // これが縦横比
	margin: 0 auto 30px;
}
.sp-accessBox{
	display: none;
}
.accessMethod{
	width: 100%;

}
.accessMethod li{
	width: 47%;
	float: left;
}
.accessMethod li:first-child{
	margin-right: 6%;
}
.accessMethod h3{
	border-bottom: dotted 1px #ccc;
	padding-bottom: 5px;
}
.routeBox{
	display: block;
	width: 100%;
	max-width: 1060px;
	margin: 0 auto 30px;
}
.routeBox li{
	width: 30%;
	float: left;
	margin-right: 5%;
	position:relative;
}
.routeBox li:last-child{
	margin-right: 0;
}
.routeBox li img{
	width: 100%;
	max-width: 240px;
	margin: 0 auto 10px;
	display: block;
	border-radius: 10px;
}
.routeBox img.officePin{
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -140px;
	width:100px!important;
	z-index: 100;
}
.alignR{
	text-align: right!important;
}
}


/* qa style --------------------- */
.question{
	width: calc( 100% - 30px );
	margin: 0 15px 35px;
}
.question dt{
	position:relative;
	padding: 7px 0 10px 0;
	border-bottom: dotted 1px #111;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	padding-left: 30px;
}
.question dt:before{
	content: 'Q';
	position:absolute;
	left:0;
	top:0;
	font-size: 28px;
	font-weight: 600;
	color: #999;
	line-height: 1;
}
.question dd{
	position:relative;
	padding-left: 30px;
}
.question dd:before{
	content: 'A';
	position:absolute;
	left:0;
	top:0;
	font-size: 28px;
	font-weight: 600;
	color: #fb7085;
	line-height: 1;
}

@media print, screen and (min-width: 667px) {
.question{
	width: 100%;
	margin: 0 0 40px;
}
.question dt{
	padding: 7px 0 10px 0;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.2;
	padding-left: 35px;
}
.question dt:before{
	font-size: 30px;
}
.question dd{
	position:relative;
	padding-left: 35px;
}
.question dd:before{
	font-size: 30px;
}
}

@media only screen and (min-width: 900px) {
.question{
	width: 100%;
	max-width: 800px;
	margin: 0 auto 55px;
}
.question dt{
	padding: 18px 0 22px 0;
	margin-bottom: 12px;
	font-size: 17px;
	line-height: 1.2;
	padding-left: 50px;
}
.question dt:before{
	font-size: 46px;
}
.question dd{
	position:relative;
	padding-left: 50px;
	padding-top: 8px;
	padding-bottom: 10px;
}
.question dd:before{
	font-size: 56px;
}
}


/* tips style --------------------- */
.tipsBtn .flowBtn{
	width: 100%!important;
	margin-left: 0!important;
}
.interviewImg,
.interviewImgL{
	display: block;
	width: 80%;
	margin: 0 auto 30px;
}
.interviewImg[src$=".svg"] {
    width: 80%;
}
.interviewImgW{
	width: 100%;
}
.interviewImgW img{
	width: 100%;
	height: auto;
}
.tate{
	width: 60%!important;
}

@media print, screen and (min-width: 600px) {
.tipsBtn .flowBtn{
	width: 80%!important;
}
}

@media only screen and (min-width: 667px) {
.interviewImg{
	width: 45%;
	float: right;
	margin: 0 0 30px 30px;
}
.interviewImg[src$=".svg"] {
    width: 45%;
}
.interviewImgL{
	width: 45%;
	float: left;
	margin: 0 30px 30px 0;
}
.interviewImgW{
	margin: 0 auto;
}
.tate,
.tateS{
	width: 30%!important;
	max-width: 350px;
}
}

@media only screen and (min-width: 768px) {
.tipsBtn{
	margin-bottom: 10px;
}
.tipsBtn li{
	width: 50%!important;
	float: left!important;
}
.tipsBtn .flowBtn{
	width: calc( 100% - 15px )!important;
	margin-left: 15px!important;
}
}

@media only screen and (min-width: 900px) {
.interviewImg{
	width: 400px;
	margin: 0 0 35px 40px;
}
.interviewImg[src$=".svg"],
 .interviewImgL[src$=".svg"]{
    width: 400px;
}
.interviewImgL{
	width: 400px;
	margin: 0 45px 35px 0;
}
.interviewImgW img{
	max-width: 1000px!important;
	margin: 0 auto;
}
.tateS{
	max-width: 270px;
}
}


@media only screen and (min-width: 1024px) {
.tipsBtn{
	margin-bottom: 20px;
}
.tipsBtn .flowBtn{
	width: calc( 100% - 20px )!important;
	margin-left: 20px!important;
}
}

@media only screen and (min-width: 1100px) {
.tipsBtn li{
	width: calc( 50% - 20px )!important;
	margin-left: 20px!important;
	margin-right: 0!important;
}
.tipsBtn li:last-child{
	margin-right: 0!important;
	margin-left: 20px!important;
}
.tipsBtn .flowBtn{
	width: 100%!important;
	margin-left: 0!important;
}
}

/* privacy style --------------------- */

.privacyList{
	margin-left: 1.5em;
	overflow: visible;
	padding: 0 15px;
	margin-bottom: 30px;
}
.privacyList li{
	overflow: visible;
	list-style: disc outside;
}
@media print, screen and (min-width: 667px) {
.privacyList{
	padding: 0;
}
}


/* sitemap style --------------------- */
.sitemapListBox{
	width: 100%;
	padding: 0 10px 30px;
}
.sitemapListBox li a{
	color: inherit;
}
.mapList dt{
	font-size: 15px;
	font-weight: bold;
	position: relative;
	padding-left: 12px;
}
.mapList dd{
	margin-bottom: 15px;
	padding-left: 12px;
}
.mapList dd dl{
	margin-left: 15px;
}
.mapList dd dl dd{
	margin-bottom: 0;
}
.mapList dt:after{
	display: block;
	content: "";
	position: absolute;
	top: 30%;
	left: 0;
	width: 6px;
	height: 6px;
	margin: 0 0 0 0;
	border-top: solid 2px #fff000;
	border-right: solid 2px #fff000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media only screen and (min-width: 900px) {
.sitemapListBox{
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.sitemapListBox li{
	width: 50%;
	float: left;
	padding-left: 30px;
}

.sitemapListBox li:first-child{
	margin-left: -30px;
}
.mapList dd{
	margin-bottom: 20px;
}
.mapList dt:after{
	top: 33%;
}
}

/* ------------------------------------------------------
ajust
------------------------------------------------------ */
.mb0{
	margin-bottom:0!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;
}
.w100{
	width: 100%!important;
}

/* ------------------------------------------------------
clearfix
------------------------------------------------------ */
.clearfix,
.footermenu,
.wrapper,
.cotTtl{
/zoom: 1;
}
.clearfix:after,
.footermenu:after,
.wrapper:after,
.cotTtl:after{
content: '';
display: block;
clear: both;
}