@charset "utf-8";
/* CSS Document */

.font14 {
	font-size: 140% !important;
}
.font10 {
	font-size: 100% !important;
}
.font9 {
	font-size: 90% !important;
}
.mt15 {
	margin-top: 15px;
}
.line {
	padding: 1%;
}
.line a:hover{
	opacity:0.8;
}
.zenkokuBlock {
	background: #fff !important;
}
.zenkokuBlock table {
    border-collapse: collapse;
    border-spacing: 0;
	font-size: 14px;
	margin: 60px 0;
}
.zenkokuBlock table a{
	color: #333 !important;
	padding: 0 8px 0 0;
}
.zenkokuBlock th {
    width: 130px;
    padding: 10px 0 10px 20px !important;
    background: #e6f3ff;
    vertical-align: middle;
}
.zenkokuBlock .ereaBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zenkokuBlock table tr {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid #e6f3ff;
}
.zenkokuBlock table th, .zenkokuBlock table td {
    padding: 10px 20px 10px 20px;
    text-align: left;
}
.btn {
	background: #FF9900;
	display: block;
	width: 86%;
	text-align: center;
	box-shadow: 0 3px #B16A00;
	display: block;
	color: #fff !important;
	padding: 10px;
	border-radius: 8px;
	margin: 10px 5px;
	width: 300px;
}
.grayBlock a, .blueBlock ul a {
	color: #333;
	text-decoration: none;
}
.title_bar03 {
	text-align: center;
	background-color: #2c7cc9;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
	font-size: 130% !important;
	font-weight: normal;
	margin-bottom: 35px;
	position: relative;
}
.title_bar03 span {
	position: absolute;
	top: -31px;
	left: 35%;
}

.grayBlock02 h3.blandB {
  position: relative;
  display: inline-block;
  margin:45px 0 33px !important;
}
.blandBox p {
	text-align:left;
	line-height:1.8;
}
.blandBox {
	padding-bottom: 35px;
}
.grayBlock02 h3.blandB:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height:2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius:1px;
}
.grayBlock {
	background: #F2F2F2;
	text-align: center;
	padding: 40px 0;
	font-size: 110%;
	line-height: 1.5;
}
.whiteBlock {
	background: #Fff;
}
.blueBlock {
	background: #e6f3ff;
	text-align: center;
	padding: 40px 0;
	font-size: 110%;
	line-height: 1.5;
}
.grayBlock .flexBlock h3 {
	color: #0d5faf;
	font-size: 111%;
	font-weight: 500;
	margin-bottom: 17px;
	line-height: 1.2;
}
.grayBlock ul, .blueBlock ul {
	width: 1000px;
	margin: 0 auto;
	display: flex;
}
.blueBlock ul {
	display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.blueBlock ul .time {
	color:#0d5faf;
	display:block;font-size: 12px;
	text-align:left;font-weight: 200;
padding: 9px 0 2px;
}
.blueBlock ul .title {
	display:block;font-size: 14px;
	text-align:left;
}
.blueBlock ul li {
	width:22%;margin-bottom: 25px;
}
.blueBlock ul li img {
width: 100%;
height: auto;
}
.grayBlock h2 {
	line-height: 1.4;
}
.grayBlock h2 span:first-child {
	margin-right: 15px;
}
.grayBlock h2 span:last-child {
	margin-left: 15px;
}
.blueBlock ul {
	margin-top: 35px;
}
.grayBlock ul li, .blueBlock ul li {
	margin-right: 25px;
}
.blueBlock ul li h3 {
	margin: 10px;
	font-size: 14px;
}
.grayBlock ul li:last-child {
	margin-right: 0;
}
.grayBlock h2, .blueBlock h2, .back01 h2 {
font-size:190%;
margin: 10px 0 15px;
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.grayBlock p {
	font-weight: 200;
}
.grayBlock .flexBlock .blockw p {
	text-align: left;
	font-size: 13px;
}
.entryBlock h2 {
	font-size: 190%;
	margin: 0 0 40px;
	font-weight: 500;
}
.grayBlock p.center, .blueBlock p.center {
	font-weight: 200;
	font-size: 90%;
}
.action_box .tel {
	line-height: 2;
	font-size: 120%;
}
.action_box .tel span {
	margin-right: 8px;
}
.back01 {
	padding: 50px 0 60px;
	background: #f1f8ff;
}
.back01 .blockw img{
width:90%;margin:0 auto;
}
.tyuui a.blockw:nth-child(1) img{
padding:30px 0 15px;width:80%;
}
.tyuui a.blockw:nth-child(3) img{
padding:14px 0;width:68%;
}
.tyuui .txt {
text-align:center !important;line-height: 1.8;
}
.inner {
	width: 1000px;
	margin: 0 auto;
}
.back01 h3 {
	font-size: 105%;
	margin-bottom: 10px;
	line-height: 1.4;
}
.blockw {
	background: #fff;
	padding: 20px 11px;
	display: block;
	text-align: center;
	margin-right: 15px;
	width: 33.3%;
}
.blog .blockw {
	padding: 0;
}
.grayBlock02 h3 {
	text-align: left;
	font-size: 107% !important;
	margin-bottom: 3px !important;
	color: #333 !important;
}
.grayBlock02 .small {
	font-size: 12px;
}
.grayBlock02 .blockw {
	background: #fff;
	padding: 20px 20px 54px 20px;
	display: block;
}
.grayBlock02 .blockw p.txt {
	line-height: 1.3;
}
.priceBox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .4);
	color: rgba(255,255,255,1.00);
	padding: 8px 0;
}
.sankou-price {
	font-size: 12px;
	margin-right: 5px;
	color: #fff;
}
.sankou-price-kaitori02 {
	font-size: 14px;
	color: red;
	font-weight: bold;
}
.sankou-price-kaitori {
	font-size: 20px;
	color: red;
	font-weight: bold;
}
.blockw:last-child {
	margin-right: 0;
}
.blockw p.txt {
	font-weight: 200;
	line-height: 1.5;
	text-align: left;
	font-size: 90%;
	margin-top: 16px;
}
.blockw {
	position: relative;
}
.entryBlock {
	background: #0d5faf;
	padding: 40px 0 35px 0;
	color:#fff;
}
.entryBlock .flexB {
	display:flex;
	width:1000px;
	margin:0 auto;
	position:relative;
}
.entryBlock h2 {
	margin-bottom:10px;
}
.entryBlock .line {
	position:absolute;
	right:-151px;
	bottom: 22px;
}
.entryBlock .entryBox {
	width:1000px;
	margin:20px auto 0;
}
.entryBlock .img {
	position:absolute;
	right: -21px;
    top: -45px;
}
.entryInner {
	width: 900px;
	margin: 0 auto;
	/*background-color: rgba(255,255,255,0.8);*/
	padding: 30px;
	color: #fff;
}
.entryBlock .tel {
	text-align: center;
	line-height: 2.5;
	font-size: 120%;
	margin-bottom: 15px;
	border: 2px solid;
	width: 70%;
	margin: 15px auto;
	padding: 6px 0px;
}
.entryBlock .tel span {
	padding-right: 11px;
}
.entryBlock .commonBtn {
	margin-top: 35px;
	margin-bottom: 20px;
}
.action_box {
	text-align: center;
}
.entryBlock .commonBtn a {
	padding: 16px 84px 16px 50px!important;
	transition: 0.2s all ease 0s;
}
.entryBlock .commonBtn a:hover {
	box-shadow: none !important;
	text-decoration: none;
	transform: translate3d(0, 3px, 0);
}
.linebox {
	width: 75%;
	margin: 2%;
}
 @media screen and (min-width: 0px) and (max-width: 799px) {
.grayBlock ul {
	width: auto !important;
}
.onlySp img {
	width: 100%;
}
.entryBlock .commonBtn a {
	padding: 16px 84px 16px 50px!important;
	width: 59%;
}
.entryBlock .commonBtn a:hover {
	padding: 16px 84px 10px 50px!important;
	width: 59%;
}
.grayinner {
	padding: 0px 4%;
}
.blueBlock {
	padding: 40px 4%;
}
.back01 .inner, .entryInner, .inner, .entryBlock .tel, .blockw, .blockw02 {
	width: auto !important;
}
.flexBlock {
	display: block;
}

.blockw {
	width: 80%;
	margin: 25px auto;
}
.entryBlock .tel {
	border: none;
}
.entryBlock img {
	width:90%;
}
.linebox {
	width: 96%;
	margin: 0 auto;
}
.blockw:last-child {
	margin: 25px auto;
}
.grayBlock ul li {
	margin: 0 10px 0 0;
	width: 48%;
}
.grayBlock ul.blandBlock li a {
padding:0;
font-size: 100% !important;
}
.grayBlock ul {
	margin: 0 4%;
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
}
.grayBlock ul li:nth-child(even) {
	margin-right: 0;
}
.entryInner ul {
	width: auto !important;
}
.entryInner ul li {
	margin-right: 0 !important;
}
.entryBlock .commonBtn {
	margin-top: 18px !important;
}
.grayBtn a {
	font-size: 111% !important;
}
.grayBtn {
	margin: 5px 25px 20px 0px !important;
}
.onlyPc {
	display: inline-table;
	margin-bottom: 15px;
}
.zenkoku-ok {
	margin-top: 25px;
}
.inner {
	padding: 0px 5%;
}
.line {
	padding: 0 !important;
}
.line img {
	width: 100%;
}
.blueBlock .inner {
	padding: 0;
}
.entryBlock .tel {
	padding: 0;
}
.entryBlock {
	text-align:center;
}
.grayBlock02 .flexBlock {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 0;
}
.grayBlock02 .flexBlock a {
	margin: 5% 1.5% 0 0;
	width: 42% !important;
	padding: 20px 10px 55px 10px;
	font-size: 2.9vw;
}
.blockw p.txt {
	margin-top: 5px;
}
.grayBlock02 .flexBlock a:nth-child(even) {
	margin-right: 0;
}
.flow .flexBlock h3 {
	color: #333;
	text-align: left;
}
.blandBlock li:nth-child(5) {
	margin-right: 1% !important;
}
}
.blandBlock {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px !important;
}
.bland {
	margin-top: 45px !important;
}
.blandBlock li {
	margin-right: 1% !important;
	width: 17%;
	background: #fff;
	margin-bottom: 3%;
	font-size: 80%;
	padding: 10px;
}
.blandBlock li:nth-child(5) {
	margin-right: 0 !important;
}
.flexBlock li img {
	width: 100%;
}
.grayBtn {
	margin: 5px 25px 35px 30px;
}
.backw {
	background: #fff;
}
.yakusoku div h3 {
	background: #fff;
	padding: 10px;
}
.yakusoku_6 {
	margin-top: 30px;
	position: relative;
	padding: 0.6em;
	background: #f2f2f2;
	display: block;
	font-size: 20px;
	border-radius: 5px;
	margin-bottom: 25px;
	font-weight: bold;
	color: #292929;
}
.qr-color {
	font-size: 16px;
	font-weight: bold;
	background: linear-gradient(transparent 70%, #ffc455 70%);
	padding: 0 2px;
	line-height: 1.8;
	color: #292929;
}
.yakusoku_namber {
	font-size: 30px;
	font-weight: bold;
	color: #eca725;
	margin-right: 10px;
	font-style: italic;
}
.yakusoku_area {
	line-height: 1.5;
	padding:15px 0;
}
.back01 .inner p {
	margin:0 3% 14px;
}
.back01 .contents {
	margin-top:0;
}

.yakusoku_6::after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 15px;
	border-top: 15px solid #f2f2f2;
	width: 0;
	height: 0;
}
.cameraimg {
	width: 65%;
	margin: 10px auto 15px;
}
.cameraimg img {
	width: 100%;
}
.flow .blockw {
	padding: 20px 20px 30px 20px;
}
.contents {
	margin-top: 20px;
}
.mailtxt {
	font-size: 14px;
	text-align: left;
	margin: 20px;
}
.lineBlock {
	background: #eaf8eb;
	background-position: 89% 50% !important;
}
.gtitle {
	font-size: 16px;
	color: #000000;
	background-color: #efefef;
	padding: 15px;
	margin-bottom: 20px !important;
	text-align: center;
}
.blockw02 {
	width: 96%;
	margin: 20px 0;
}
.entryInner ul {
	text-align: center;
	width: 82%;
	margin: 0 auto;
}
.entryInner ul li {
	margin-right: 25px;
}
.entryInner ul li:last-child {
	margin-right: 0;
}
.img img {
	width: 100%;
}
.reason_point02 {
	    margin-top: -180px !important;
}
 @media screen and (min-width: 0px) and (max-width: 736px) {
.btn {
	width: auto;
}
	 .zenkokuBlock table {
    margin: 30px 0;
}
	 .zenkokuBlock table th, .zenkokuBlock table td {
    padding: 10px 16px;
    width: 59%;
}
	 .zenkokuBlock table th {
    width: 27% !important;
    padding: 10px 0 7px 13px !important;
}
.zenkokuBlock .ereaBox{
    display:block;
}
	 .deliveryMap img,
.back01 .contents img {
	width:100%;
}
.back01 .flexBlock .img ,
.back01 .flexBlock .txt{
	width:100% !important;
}
.sankou-price-kaitori {
	font-size: 140%;
}
.entryBlock .flexB,
.entryBlock .entryBox {
	width:auto;
}
.grayBlock h2, .blueBlock h2, .back01 h2 {
	margin-bottom:10px;
}
.font9 {
	padding-bottom:10px;
}
.grayBlock ul, .blueBlock ul {
	width: auto;
}
.grayBlock h2, .blueBlock h2, .back01 h2 {
	font-size:145%;
line-height: 1.5;
}
.reason_point .inner {
	margin:0 0 0 0 !important;
	padding:0;
}
.entryBlock {
	line-height:1.5;
}
.reason_point .inner .text {
    padding: 0 !important;
    font-size: 18px !important;
}
.people {
    background-size: 63% !important;
    background-position: -15% 50% !important;
    padding: 10px 0 0 0 !important;
}
.reason_point .inner .number {
	font-size:17px !important;
	margin-right:7px;
	padding:25px 15px !important;
}
.entryBlock h2 {
	font-size: 155%;
	margin: 0 0 15px;
	line-height: 1.4;
}
.entryBlock .flexB {
	display:block;
}
.entryBlock .img img{
	width:80%;
}
.entryBlock .line {
	position:relative;
    width: 75%;
    margin: 16px auto;
	top:0;
	right:0;
}
.entryBlock .img {
	position:relative;
	top:0;
	right:0;
	margin:0 auto;
	width:90%;
}
.txtBlock h2 img {
	width:95%;
}
.entryBox ul {
	margin-bottom:30px;
}
.entryBox ul li{
	width:80%;
	margin:0 auto;
}
.onlyPc {
	margin-bottom: 0;
}
.blueBlock ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.blueBlock ul li {
	margin-right: 3%;
	width: 47% !important;
}
.grayBlock02 .flexBlock {
	margin: 0;
}
.grayBlock02 .blandBlock li {
	width: 28%;
	margin-right: 8px !important;
	margin-bottom: 3%;
	padding: 5px;
}
.blandBlock li:nth-child(3n) {
	margin-right: 0!important;
}
.blandBlock li:nth-child(5) {
	margin-right: 2% !important;
}
}
.blog .blockw {
	background: none;
}
.blog .blockw .img {
	position: relative;
}
.blog .blockw .blackBox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 94%;
	background-color: rgba(0, 0, 0, .4);
	color: rgba(255,255,255,1.00);
	padding: 16px 3%;
	text-align: left;
}
.blog .blockw .blackBox h3 {
	color: #fff;
	font-size: 100%;
	font-weight: 500;
	margin-bottom: 0;
}
.kaitori ul {
	display: flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.kaitori ul li {
	width: 22%;
}
.people {
	background: url(../img/man.png) left no-repeat;
	background-size: 28%;
	background-position: 11% 50%;
	padding: 50px;
}


.reason_point {
	margin-top: -200px;
	padding: 180px 0 0 0 !important;
	background: none !important;
}
.reason_point .inner {
	background: #fff;
	box-shadow: 5px 5px 0 #0d5091;
	margin: 0px 2% 15px 2%;
	border: 1px solid #0d5faf;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width:90%;
	font-family: initial;
	line-height: 1;
	position:relative;
}
.reason_point .inner .number {
	background: #0d5faf;
	padding: 30px;
	color: #fff;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 26px;
	position: relative;
	white-space: nowrap;
}
.reason_point .inner::after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 15px;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 15px;
	border-top: 15px solid #0d5faf;
	width: 0;
	height: 0;
}
.reason_point .inner .text {
	padding: 10px 10px 10px 30px;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.2;
	font-family:  Arial, "Helvetica Neue", Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


section.weaker_table_box {

    background: #f0f0e8;
    padding: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: "游明朝体","Yu Mincho","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    margin: 0 0 40px;
    color: #000;

}
section.weaker_table_box .right_box .table_area table tr:first-child th {

    border-bottom: 3px solid #cccccc;

}
section.weaker_table_box .right_box .table_area table tr:first-child th {

    border-bottom: 3px solid #cccccc;

}
.reason_point .text_area {

    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    font-size: 30px;
    line-height: 1.3;
    font-weight: bold;
    margin: 10px 0;

}
.reason_area {
	padding: 10px 30px 45px;
	line-height:1.6;
	font-weight: 200;
}