/*共通*/

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-family: "Noto Sans Japanese", san-serif;
font-size: 18px;
}

a {
color: inherit;
}

a:hover {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.2s;
text-decoration: none;
}
.red{
	color: #c40e0e;
}
.content {
/*border: 1px solid red;*/
margin: 0 auto;
max-width: 1200px;
}

.bdr {
border: 1px solid blue;
}

.tb {
display: table;
}

.tc {
display: table;
}

.mb {
margin-bottom: 80px;
}
.pr10{
	padding-right: 10px;
}
.mt30{
	margin-top: 30px;
}
.pt30{
	padding-top: 30px;
}
.nomrg{
margin:0 !important;
}
.caution{
	color: #c40e0e;
}
.tleft{
	text-align: left;
}
.tcenter{
	text-align: center;
}
.tright{
	text-align: right;
}
hr{
	border-bottom: 2px dotted;
}
.price{
	font-size: 2em;
	font-weight: 900;
	color: #c40e0e;
}
.caution:before {
content: '';
background-image: url(../images/common/caution_icon.png);
background-size: contain;
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 5px;
}


header {
display: block;
}

.main .lead {
font-size: 1.2em;
font-weight: normal;
line-height: 1.8em;
}

.main .title_s {
color: #004c7b;
margin: 30px 0 10px 10px;
}
.main h2 {
	font-size: 1.4em;
}
.main h2 strong {
color: #004c7b;
}


.main dt,
.main dl {
font-size: 1em;
}

.main dt:before {
content: "■";
color: #237cac;
font-size: 1.2em;
vertical-align: -2px;
}

.main dd,
.main p{
line-height: 1.8em;
margin: 0 0 30px 0;
}

.main dd ul {
padding: 0 0 0 1em;
}

.main dd ul li {
list-style: none;
	text-indent: -1.5em;
padding-left: 1.5em;
}

.main dd ul li:before {
content: "・";
color: #237cac;
font-size: 1.5em;
vertical-align: -2px;
}
.main .nbrtable td,
.main .nbrtable th{
	border: none;
	line-height: 2em;
}
.main .table th{
	width: 25%;
}
.main .nbrtable td{
	line-height: 2em;
}
.main .row p{
	padding: 5px;
}
.main a {
	text-decoration: underline;
}
.action {
background: #e4e9f3;
text-align: center;
padding: 10px !important;
}

.action h2 {
font-size: 16px;
}

.action .tel {
font-size: 30px;
font-weight: 900;
}

.action .tel:before {
content: '';
background-image: url(../images/common/tel_icon.png);
background-size: contain;
display: inline-block;
width: 40px;
height: 40px;
vertical-align: top;
margin-right: 5px;
}

.action .mail {
font-size: 18px;
font-weight: bold;
}

.action .mail:before {
content: '';
background-image: url(../images/common/mail_icon.png);
background-size: contain;
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
margin-right: 5px;
}

/*SP*/
.pageTop{
	text-align: right;
	font-size: 1em;
	color: #004c7b;
}
.pageTop a{
	text-decoration: none;
}
.pageTop a:before {
content: '';
background-image: url(../images/common/arrow_up_icon.png);
background-size: contain;
display: inline-block;
width: 10px;
height: 10px;
vertical-align: middle;
margin-right: 2px;
}
.itembox img {
width: 50%;
}


nav {
padding: 10px;
}

.nav > li {
text-align: center;
}

.navbar {
margin-bottom: 0;
}

.navbar-brand {
height: inherit;
padding: inherit;
}

.navbar-default {
background-color: transparent;
border-color: transparent !important;
}

.navbar-nav > li > a {
padding: 20px 13px;
border-bottom: 1px dotted;
}

.dropdown-menu {
width: 270px;
background: #004c7b;
padding: 0;

animation-duration: 0.5s;
animation-name: fade-in;
-moz-animation-duration: 0.5s;
-moz-animation-name: fade-in;
-webkit-animation-duration: 0.5s;
-webkit-animation-name: fade-in;
}

@keyframes fade-in {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}

.dropdown-menu > li > a {
padding: 10px 20px;
color: #fff;
border-bottom: 1px dotted #368ac9;
}

.dropdown-menu > li > a:after,
.navbar-nav > li > a:after {
content: '»';
position: absolute;
right: 10px;
}

.dropdown-menu > li:last-child > a {
border-bottom: none;
}

.navbar-nav > li > a:after {
content: '';
}

.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 20px;
text-align: center;
background: #004c7b;
color: #fff !important;
}

.navbar-nav .open .dropdown-menu > li > a:hover {
background: #237cac;
}

.main {
padding: 20px !important;
}

.titlebox {
text-align: center;
padding: 30px !important;
font-size: 26px;
color: #004c7b;
	
}

.titlebox > figcaption {
font-size: 18px;
color: #333;
}

table.information th {
	width: 40%;
font-size: 1.0em;
}

table.information td {
color: #004c7b;
font-size: 1.0em;
}



.table-striped > tbody > tr:nth-of-type(2n+1) {
background-color: #e2e2e3;
}

.table-striped > tbody > tr:nth-of-type(2n) {
background-color: #eee;
}

.sp_anc {

position: absolute;
height: 100%;
top: 0;
width: 100%;
background: url(../images/common/splink_bg.png) no-repeat center bottom 10px;
background-size: 50px;
}

a.showdetail {
padding: 5px;
background: #004c7b;
color: #fff;
position: absolute;
bottom: 10px;
width: 80%;
left: 0;
right: 0;
margin: 0 auto;
display: block;
text-decoration: none;
}
a.showdetail-fix{
	text-decoration: none;
}
a.showdetail:hover,
a.showdetail-fix:hover{
opacity: 0.8;
color: #fff;
text-decoration: none;
}

a.showdetail:after,
a.showdetail-fix:after{
content: '»';
}

a.showdetail-fix {
padding: 10px 50px;
background: #004c7b;
color: #fff;
display: inline-block;
}

.bgblue {
background: #e2e7f1;
}

footer {
background: #004c7b;
font-size: 18px;
}

footer .row div {
padding: 20px 50px;
color: #fff;
}

footer .row div span {
font-size: 18px;
}
footer .cp {
text-align: left
}
footer a:hover {
	color: #acacac;
}
.caret {
  border-top: 4px solid;
}
.divtable .row{
	padding-bottom: 30px;
}
.divtable .row div:nth-of-type(1){
	font-weight: bold;
}
.divtable .row div:nth-of-type(2){
	padding-left: 2em;
}
/*PC*/

@media (min-width: 768px) {
body {
font-size: 14px;
}
nav {
border: 1px solid green !important;

}
.navbar-brand {
margin-right: 100px;
}
.navbar-nav > li > a {
border: none;
}
.titlebox {

font-size: 30px;

}
.titlebox > figcaption {
font-size: 14px;

}
table.information th {
width: 150px;
padding-left: 50px !important;
font-size: inherit;
}
table.information td {

font-size: inherit;
}
.information a{
	text-decoration: underline;
	}
.row div {
padding: 0;
}
header {
height: 180px;
}
.itembox {

height: 350px;
}
.itembox img {
width: 100%;
}

.itembox p {

margin: 0 auto 30px auto;
font-size: inherit;
}
.itembox h2 {
font-size: 18px;
}
.main .lead {
font-size: 21px;
}
.main dt {
font-size: 16px;
}
.main dl {
font-size: 14px;
}
.main dt strong,
.main dl strong{
	color: #004c7b;
}
.main .title_s {

margin: 50px 0 10px 0;
}
footer {
font-size: inherit;
}

footer .row div span {
font-size: 16px;
}
footer .cp {
text-align: right
}
.action .tel {
font-size: 35px;
}
.divtable .row div:nth-of-type(1){
	font-weight: bold;
}
.divtable .row div:nth-of-type(2){
	padding-left: 0;
}
}

/* @media <<*/