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

/*######################################################
基本設定
######################################################*/
@import url(//fonts.googleapis.com/earlyaccess/mplus1p.css);/*font-family: "Mplus 1p";*/
@import url(//fonts.googleapis.com/earlyaccess/roundedmplus1c.css);/*font-family: "Rounded Mplus 1c";*/
@import url(//fonts.googleapis.com/earlyaccess/hannari.css);/*font-family: "Hannari";*/
@import url(//fonts.googleapis.com/earlyaccess/kokoro.css);/*font-family: "Kokoro";*/
@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);/*font-family: "Sawarabi Mincho";*/
@import url(//fonts.googleapis.com/earlyaccess/sawarabigothic.css);/*font-family: "Sawarabi Gothic";*/
@import url(//fonts.googleapis.com/earlyaccess/nikukyu.css);/*font-family: "Nikukyu";*/
@import url(//fonts.googleapis.com/earlyaccess/nicomoji.css);/*font-family: "Nico Moji";*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);/*font-family: "Noto Sans Japanese";*/
html {
font-size: 62.5%；
}

td,th {
font-size: 15px;
}

body {
background: #fff;
color: #666;
font-family: ' 游ゴシック, Meiryo, Osaka, sans-serif';
font-size: 0.9rem;
line-height: 2.1rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
max-width: 100%;
height: auto;
width /***/: auto;
vertical-align: bottom;
}
#page_top {
/*	transition: 1s;*/
position: fixed;
right: 10px;
bottom: 10px;
display: block;
text-indent: -9999px;
border: 6px #B9D5C9 solid;
border-radius: 50px;
width: 65px;
height: 65px;
float: right;
box-sizing: border-box;
background: rgba(255,255,255,1.0);
}
#page_top:before {
content: '';
height: 0;
width: 0;
display: block;
border: 12px transparent solid;
border-bottom-color: #B9D5C9;
position: absolute;
top: 0px;
left: 15px;
border-radius: 3px;
}
#page_top:after {
content: '';
height: 20px;
width: 10px;
display: block;
background: #B9D5C9;
position: absolute;
top: 21px;
left: 22px;
border-radius: 2px;
}

strong, b {
font-weight: bold;
}
.red {
color: #c00;
}
.blue {
color: #4CADD0;
}
.green {
color: #72B69A;
}
.big {
font-size: 16px;
}
a {
color: #72B69A;
text-decoration: none;
}
a:hover {
border: none;
}
.contact_area{
overflow: hidden;
margin-bottom: 50px;
}
.contact_area:before{
content:"ご相談・お見積もり無料！お気軽にお問い合わせ下さい！";
font-family: "Sawarabi Mincho";
color: #fff;
background: #ed8383;
display: block;
text-align: center;
font-size: 24px;
border: double 5px;
border-radius: 5px;
}
.contact_area a{
border: none;
display: block;
font-family: "Noto Sans Japanese";
}
.contact_area a:hover{
opacity:0.5;
}
.contact_area a:first-of-type{
float: left;
position: relative;
padding: 23px 0 0 70px;
line-height: 1;
font-size: 90px;
font-weight: 900;
pointer-events: none;
}
.contact_area a:first-of-type:before{
content:"";
width: 66px;
height: 38px;
position: absolute;
background: url(../img/icn_free-dial.png) no-repeat;
/* background-size: contain; */
bottom: 20px;
left: 0;
}
.contact_area a:first-of-type:after{
content:"和光 に行くよ";
position: absolute;
font-weight: 500;
font-size: 32px;
top: 0;
right: -10px;
letter-spacing: 20px;
}
.contact_area a:last-of-type{
float: right;
box-sizing: border-box;
border: solid 5px;
border-radius: 10px;
line-height: 1.4;
height: 100px;
margin-top: 10px;
text-align: center;
width: 300px;
font-weight: 900;
font-size: 30px;
}
.pre_sodan_campaign{
background: #ed8383;
border-radius: 5px;
margin-bottom: 10px;
padding: 10px 10px;
color: #FFEB3B;
font-family: "Noto Sans Japanese";
font-weight: 900;
font-size: 38px;
line-height: 1.4;
text-align: center;
}
.pre_sodan_campaign:before{
content:"事前相談割引";
}
.pre_sodan_campaign:after{
content:"実施中！！";
}
.pre_sodan_campaign b{
background: #fff;
color: #999;
font-size: 60px;
line-height: 1;
display: inline-block;
padding: 0px 50px 10px;
border-radius: 5px;
margin: 0 20px;
}
.pre_sodan_campaign b:first-letter {
/*font-size:60px;*/	
}
.pre_sodan_campaign b:after{
content:"円";
font-size: 30px;
margin-left: 10px;
}
@media (max-width: 768px) {
a.page_top {
border: 6px #B9D5C9 solid;
border-radius: 50px;
width: 46px;
height: 46px;
}
a.page_top:before {
border: 14px transparent solid;
border-bottom-color: #B9D5C9;
left: 3px;
top: -10px;
border-radius: 3px;
}
a.page_top:after {
height: 15px;
width: 13px;
background: #B9D5C9;
top: 13px;
left: 11px;
border-radius: 2px;
}

.contact_area{
padding: 0 10px;
}
.contact_area:before{
font-size: 20px;
content: "ご相談・お見積もり無料！\Aお気軽にお問い合わせ下さい！";
white-space: pre;
line-height: 1.4;
padding: 5px 0;
}
.contact_area a{}
.contact_area a:hover{}
.contact_area a:first-of-type{
float: none;
pointer-events: inherit;
font-size: 36px;
padding: 12px 0 0 50px;
display: table;
margin: auto;
}
.contact_area a:first-of-type:before{
bottom: 0;
background-size: contain;
width: 45px;
background-position: bottom;
}
.contact_area a:first-of-type:after{
font-size: 12px;
letter-spacing: 8px;
right: 2px;
}
.contact_area a:last-of-type{
float: none;
width: 100%;
font-size: 21px;
height: auto;
padding: 0 0 5px;
}
.pre_sodan_campaign{
font-size: 20px;
}
.pre_sodan_campaign:before{}
.pre_sodan_campaign:after{}
.pre_sodan_campaign b{
padding: 0 0 5px;
margin: 0;
font-size: 40px;
display: block;
}
.pre_sodan_campaign b:first-letter {}
.pre_sodan_campaign b:after{
font-size: 24px;
margin: 0;
}
}
/*######################################################
レイアウト
######################################################*/
article {
margin-bottom: 50px;
}
#pankuzu {
width: 1024px;
margin: auto;
}

@media (max-width: 768px) {
article {
margin-bottom: 2rem;
}
#pankuzu {
width: 100%;
}
}
/*//////////////////////////////////////
header
//////////////////////////////////////*/
header {
overflow: hidden;
}
.header_inner {
width: 1024px;
margin: 1rem auto;
overflow: hidden;
}
.header_inner a {
float: left;
border: none!important;
}
.header_tel {
float: right;
font-size: 11px;
text-align: right;
font-weight: bold;
color: #999;
}
.header_tel img {
width: 430px;
}

@media (max-width: 768px) {
header {
height: 60px;
}
.header_inner {
display: none;
}
}
/*//////////////////////////////////////
navi
//////////////////////////////////////*/
navi {
background: #84c8ef;
display: block;
top: 0;
z-index: 9998;
transition: 0.5s;
}
navi.fixed {
position: fixed;
z-index: 9998;
top: 0;
width: 100%;
background: rgba(132, 200, 239, 0.8);
animation-name: navi;
animation-duration: 1s;
animation-timing-function: ease;
}
@keyframes navi {
0% {
top: -50px;
}
100% {
top: 0;
}
}
navi ul {
width: 1024px;
overflow: hidden;
margin: auto;
display: flex;
flex-wrap: wrap;
padding: 3px 0;
}
navi ul li {
box-sizing: border-box;
width: calc((100% /6) - 1px);
margin: 2px 0;
}
navi ul li a {
display: block;
color: #2a92c9;
text-decoration: none;
transition: 0.5s;
font-size: 20px;
background: #fff;
border: 2px solid #B9D5C9;
margin: 0 2px;
line-height: 1;
padding: 5px 5px;
border-radius: 5px;
text-align: center;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
}
navi ul li a b {
display: block;
font-size: 10px;
margin-top: 5px;
color: #666;
}
navi.fixed ul li a b {
display: none;
}
navi ul li:first-child a {
/* margin: 0; */
}
navi ul li a:hover, navi ul li a.active {
color: #fff;
background: #B9D5C9;
border: 2px solid #fff;
}
navi ul li.close {
display: none;
}
navi ul li.menu_tel {
display: none;
}
/*SP用*/
.sp_logo {
display: none;
}
.sp_menu {
display: none;
}

@media (max-width: 768px) {
navi {
padding: inherit;
background: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
}
navi.fixed {
animation: none;
background: #fff;
}
navi ul {
position: absolute;
top: 60px;
right: 0;
overflow: hidden;
width: 80%;
transition: 0.5s;
background: rgba(255,255,255,0.8);
display: inherit;
border-radius: 5px;
box-sizing: border-box;
padding: 0 5px 5px 0;
visibility: hidden;
opacity: 0;
}
navi ul li {
float: left;
border: none;
border: solid 1px #ddd;
width: calc(50% - 5px);
background: inherit;
box-sizing: border-box;
margin: 5px 0 0 5px;
}
navi ul li.close {
display: block;
width: calc(100% - 5px) !important;
background: #666;
color: #fff;
text-align: center;
font-size: 0.8rem;
line-height: 3rem;
margin: 5px 0 0 5px;
}
navi ul li.menu_tel {
display: block;
width: calc(100% - 5px) !important;
margin: 5px 0 0 5px;
border: none;
background: none;
}
navi ul li.menu_tel a {
background: inherit;
border: none;
}
navi ul li a {
display: block;
padding: 5px;
text-decoration: none;
transition: 0.5s;
font-size: 0.75rem;
line-height: 2rem;
margin: 0;
border-radius: inherit;
font-family: 'Meiryo';
}
navi ul li a b {
display: none;
}
navi.open ul {
visibility: visible;
opacity: 1;
}
/*SP用*/
.sp_logo {
width:65%;
display: block;
position: absolute;
z-index: 9999;
top: 15px;
left: 5px;
border: none;
}
.sp_logo img {
display: block;
width: 100%;
height: auto;

}
.sp_menu {
display: inherit;
float: right;
overflow: hidden;
color: #fff;
font-weight: bold;
font-size: 12px;
text-align: center;
background: #666;
}
.menu_btn {
display: block;
width: 40px;
height: 37px;
border-radius: 5px;
position: relative;
margin: 5px 5px 0;
}
.menu_btn:before, .menu_btn:after {
content: "";
position: absolute;
transition: 0.5s;
width: 40px;
height: 4px;
}
.menu_btn:before {
top: 10px;
left: 0px;
background: #fff;
box-shadow: 0px 8px #fff, 0 16px #fff;
}
.menu_btn:after {
top: 18px;
left: -2px;
background: #333;
transform: rotate(-90deg);
content: none;
}
.open .menu_btn:after {
top: 17px;
left: 6px;
background: #fff;
transform: rotate(-45deg);
}
}
/*//////////////////////////////////////
content
//////////////////////////////////////*/
#content {
width: 1024px;
margin: 30px auto;
overflow: hidden;
position: relative;
}

@media (max-width: 768px) {
#content {
width: 100%;
margin: 0 0 2rem;
}
}
/*//////////////////////////////////////
footer
//////////////////////////////////////*/
footer {
background: #2a92c9;
padding: 10px 0;
margin-top: 50px;
}
.site_map {
width: 1024px;
margin: auto;
overflow: hidden;
}
.site_map:before {
content: "Site Map：";
display: block;
color: #fff;
font-weight: bold;
font-size: 21px;
}
.site_map li {
float: left;
}
.site_map li:after {
content: "|";
color: #fff;
margin: 10px;
}
.site_map li a {
color: #fff;
text-decoration: none;
border: none;
}
.site_map li a:hover {
border-bottom: solid 1px;
}
.links {
width: 1024px;
margin: 20px auto;
overflow: hidden;
}
.links:before {
content: "Links：";
display: block;
color: #fff;
font-weight: bold;
font-size: 21px;
}
.links a {
color: #fff;
margin-right: 1rem;
margin-bottom: 10px;
display: inline-block;
border: none;
}
.links a:last-of-type {
margin: 0;
}
.links a:hover {
opacity: 0.8;
}
#footer {
width: 1024px;
margin: 30px auto;
overflow: hidden;
}
#footer .corp {
width: 630px;
float: left;
}
#footer .corp .corp_teikei {
display: table;
border-collapse: separate;
border-spacing: 5px 0px;
margin: 0 -5px;
box-sizing: border-box;
}
#footer .corp .corp_teikei table {
border: solid 1px #85589D;
background: #fff;
display: table-cell;
line-height: normal;
}
#footer .corp .corp_teikei th {
background: #85589D;
color: #fff;
padding: 5px 10px;
white-space: nowrap;
font-size: 13px;
}
#footer .corp .corp_teikei th b {
color: #F3E927;
}
#footer .corp .corp_teikei td {
padding: 5px 10px;
}
#footer .corp .corp_teikei td:nth-of-type(2) {
position: relative;
white-space: pre-wrap;
}
#footer .corp .corp_teikei td:nth-of-type(2):before, #footer .corp .corp_teikei td:nth-of-type(2):after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 80%;
width: 20px;
border-radius: 50%;
}
#footer .corp .corp_teikei td:nth-of-type(2):before {
left: 0;
border-left: 2px solid #666;
}
#footer .corp .corp_teikei td:nth-of-type(2):after {
right: 5px;
border-right: 2px solid #666;
}
#footer .corp .corp_ttl {
clear: both;
padding: 10px 0;
overflow: hidden;
}
#footer .corp .corp_ttl img {
width: 325px;
float: left;
}
#footer .corp .corp_ttl .zaisekisikaku {
float: left;
background: #fff;
border: solid 3px #B9D5C9;
color: #72B69A;
border-radius: 30px;
padding: 2px 20px 0;
text-align: center;
margin: 3px 10px;
font-weight: bold;
}
#footer .corp .corp_ttl .card {
line-height: 1.2;
clear: both;
font-weight: bold;
font-size: 21px;
color: #fff;
padding-top: 5px;
}
#footer .corp .corp_ttl .card img {
width: inherit;
float: none;
height: 40px;
margin-right: 5px;
vertical-align: middle;
}
#footer .corp .corp_tel {
float: left;
width: 460px;
font-size: 13px;
color: #fff;
padding: 15px 0 0;
}
#footer .corp .corp_tel img {
width: 460px;
display: block;
}
#footer .corp .corp_tel .sp_tel {
display: none;
}
#footer .corp dl {
float: right;
background: #fff;
border: solid 3px #F28484;
color: #F28484;
text-align: center;
line-height: 1.4;
font-weight: bold;
font-size: 16px;
}
#footer .corp dt {
padding: 5px;
}
#footer .corp dt b {
display: block;
}
#footer .corp dd {
background: #F28484;
padding: 5px 10px;
color: #fff;
}
#footer .map{
float: right;
width: 370px;
}
#footer .gmap {
width: 370px;
overflow: hidden;
position: relative;
padding-bottom: 70%;
height: 0;
/* float: right; */
}
#footer .gmap iframe {
border: 0;
margin-top: -150px;
}
#footer .to_gmap {
/* float: left; */
/* width: 630px; */
text-align: right;
/* margin-top: 10px; */
margin-bottom: 10px;
}
#footer .to_gmap a {
color: #fff;
font-weight: bold;
}
#footer .to_gmap a:after {
content: " ▶";
}
#footer .qr{
display: flex;
background: #F28484;
font-family: "Noto Sans Japanese";
font-weight: 900;
font-size: 18px;
border-radius: 5px;
padding: 10px;
overflow: hidden;
border: solid 3px #fff;
color: #fff;
align-items: center;
justify-content: space-between;
}
#footer .qr:hover{
opacity:0.7;
}
#footer .qr img{
/* float: right; */
height: 100px;
margin-left: 10px;
}
.copyright {
text-align: center;
color: #fff;
font-size: 13px;
}

@media (max-width: 768px) {
footer {
margin: 0;
}
.site_map {
width: calc(100% - 2rem);
}
.links {
width: calc(100% - 2rem);
}
.links br{
display:none;
}
.links a {
/* display: block; */
line-height: 1.4rem;
margin: 0 0 1rem 0;
border: none;
text-decoration: underline;
}
#footer {
width: 100%;
margin: 10px auto;
}
#footer .corp {
float: none;
width: 100%;
margin-bottom: 1rem;
}
#footer .corp .corp_teikei {
margin: 0 10px;
}
#footer .corp .corp_ttl {
padding: 10px 1rem;
box-sizing: border-box;
}
#footer .corp .corp_ttl img {
width: 50%;
}
#footer .corp .corp_ttl .zaisekisikaku {
float: right;
margin: 0;
width: 50%;
box-sizing: border-box;
}
#footer .corp .corp_tel {
float: none;
width: 100%;
box-sizing: border-box;
padding: 0 1rem;
line-height: 1.4;
}
#footer .corp .corp_tel img {
width: 100%;
}
#footer .corp .corp_tel .pc_tel {
display: none;
}
#footer .corp .corp_tel .sp_tel {
display: block;
margin-bottom: 0.5rem;
}
#footer .corp dl {
float: none;
overflow: hidden;
margin: 0 1rem;
}
#footer .corp dt {
float: left;
}
#footer .corp dt b {
display: inline;
}
#footer .corp dd {
float: right;
}
#footer .map{
float: none;
width: 100%;
}
#footer .gmap {
overflow: hidden;
position: relative;
padding-bottom: 50%;
height: 0;
margin: 0 1rem;
width: calc(100% - 2rem);
}
#footer .gmap iframe {
border: 0;
margin-top: 0px;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
#footer .to_gmap {
width: 100%;
box-sizing: border-box;
padding: 0 1rem;
text-align: center;
margin-top: 10px;
}
#footer .to_gmap a {
display: block;
border: solid 3px #fff;
background: #B9D5C9;
border-radius: 20px;
}
#footer .qr{
width: calc(100% - 2rem);
box-sizing: border-box;
margin: auto;
}
}

@media (max-width: 480px) {
#footer .corp .corp_teikei {
display: block;
}
#footer .corp .corp_teikei table {
display: table;
font-size: 12px;
width: 100%;
box-sizing: border-box;
}
#footer .corp .corp_teikei th {
padding: 5px;
}
#footer .corp .corp_ttl img {
width: 100%;
float: none;
}
#footer .corp .corp_ttl .zaisekisikaku {
float: none;
width: 100%;
}
#footer .corp .corp_ttl .card {
font-size: 14px;
}
#footer .corp .corp_ttl .card img {
height: 24px;
}
#footer .corp dl {
font-size: 0.8rem;
}
#footer .corp dt {
float: left;
}
#footer .corp dt b {
display: inline;
}
#footer .corp dd {
float: right;
}
#footer .qr{
text-align: center;
display: block;
/* background: #F28484; */
/* color: #fff; */
}
#footer .qr:after{
content:"▶▶";
}
#footer .qr img{
display: none;
}
}
/*//////////////////////////////////////
indexページ
//////////////////////////////////////*/

/*slider*/
#Top_img {
width: 1024px;
margin: 30px auto;
}
#Top_img #mainImageBox {
width: 1024px;
height: 400px;
overflow: hidden;
}
#Top_img #mainImageNav ul {
margin-top: 3px;
}
#Top_img #mainImageNav ul li {
display: table-cell;
border: solid 3px #fff;
}
#Top_img #mainImageNav ul li.selected {
background: #72B69A;
border: solid 3px #72B69A;
}
#Top_img #mainImageNav ul li img {
vertical-align: bottom;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#Top_img #mainImageNav ul li img:hover, #Top_img #mainImageNav ul li.selected img {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
/*//slider*/
#index_img {
display: none;
width: 1024px;
height: 300px;
position: relative;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img_index.png) no-repeat center;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#index_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
#index_img h3 {
color: #666;
padding: 20px 37px 10px;
line-height: normal;
}
#index_img h4 {
color: #F28484;
line-height: 1.4;
font-size: 21px;
position: absolute;
bottom: 20px;
left: 37px;
}
.top {
width: 700px;
float: left;
}
.top .to_recruit {
background: #72B69A;
display: block;
color: #fff;
border: double 10px;
text-align: center;
font-size: 32px;
font-weight: bold;
line-height: 1;
padding: 1rem;
margin-bottom: 10px;
}
.top .to_recruit:hover {
opacity: 0.5;
}
.top .present {
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
color: #fff;
position: relative;
padding: 20px;
margin: 30px 0;
background: #F28484;
border-radius: 5px;
font-size: 24px;
}
.top .present img {
position: absolute;
right: 0;
bottom: 0;
height: 135px;
}
.top .bnr_yulife{
display: block;
position: relative;
border: none;
}
.top .bnr_yulife:hover{
opacity:0.7;
}
.top .bnr_yulife img{
width: 100%;
}
.top .bnr_yulife b{
position: absolute;
right: 5px;
bottom: 5px;
font-family: "Noto Sans Japanese";
font-size: 28px;
text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
color: #f73;
}
.top .to_sale_bone-container {
color: #333;
position: relative;
padding: 30px 180px 10px 20px;
margin: 30px 0;
/*background: #ED6C00;*/
border-radius: 5px;
display: block;
border: solid 5px #ED6C00;
line-height: 1.6;
}
.top .to_sale_bone-container:hover{
opacity:0.7;
}
.top .to_sale_bone-container b{
position: absolute;
background: #ED6C00;
border-radius: 3px;
color: #fff;
font-size: 24px;
top: -19px;
left: 10px;
padding: 5px 5px 7px 0px;
line-height: 1;
font-family: "Noto Sans Japanese";
font-weight: 800;
}
.top .to_sale_bone-container img {
position: absolute;
right: -20px;
bottom: -10px;
height: 170px;
}
.top .to_sale_bone-container small{
position: absolute;
bottom: 4px;
right: 180px;
font-size: 20px;
font-family: "Noto Sans Japanese";
font-weight: 800;
color:#ED6C00;
}
.top .to_sale_bone-container small:before,
.top .to_sale_bone-container small:after {
content: "";
border: 10px transparent solid;
border-right-width: 0;
border-left-color: #ED6C00;
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 0px;
}
.top .to_sale_bone-container small:before{right: -12px;}
.top .to_sale_bone-container small:after {right: -20px;}
.top .cnt_menu a {
display: inline-block;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
border: solid 3px #72B69A;
border-radius: 5px;
width: 32%;
text-align: center;
font-size: 24px;
margin-right: 1%;
line-height: 100px;
transition: 0.5s;
box-sizing: border-box;
}
.top .cnt_menu a:last-of-type {
margin-right: 0;
}
.top .cnt_menu a:hover {
border: solid 3px #B9D5C9;
background: #72B69A;
color: #fff;
}
.top_media {
width: 700px;
overflow: hidden;
/* margin-top: 45px; */
float: left;
padding-top: 45px;
}
.top_media .media_topics {
float: left;
width: 50%;
box-sizing: border-box;
padding-right: 2%;
margin-bottom: 2rem;
}
.top_media .media_topics_ttl {
color: #72B69A;
border-bottom: solid 3px;
margin-bottom: 10px;
font-weight: bold;
}
.top_media .media_topics dl {
height: 230px;
overflow-y: auto;
line-height: 21px;
}
.top_media .media_topics dt {
font-weight: bold;
}
.top_media .media_topics dd {
padding: 0 1rem 7px;
border-bottom: dotted 1px #ddd;
margin-bottom: 7px;
overflow: hidden;
}
.top_media .media_topics dd img {
float: left;
margin-right: 10px;
}
.top_media .media_youtube {
float: right;
width: 50%;
box-sizing: border-box;
border: solid 3px #B9D5C9;
border-radius: 5px;
margin-bottom: 2rem;
}
.top_media .media_youtube_ttl {
background: #B9D5C9;
color: #fff;
padding: 0 10px;
font-weight: bold;
margin-bottom: 10px;
}
.top_media .media_youtube iframe {
display: block;
margin: auto;
width: 90%;
height: 200px;
}
.top_media .media_youtube a {
margin: 10px;
}
.top_notes {
display: flex;
clear: both;
margin-bottom: 2rem;
flex-wrap: wrap;
justify-content: space-between;
}
.top_notes li {
border: double 6px #72B69A;
border-radius: 5px;
text-align: center;
width: 32%;
margin-bottom: 10px;
height: 90px;
box-sizing: border-box;
line-height: 1.4;
}
.top_notes li:before {
content: "";
height: 100%;
vertical-align: middle;
width: 0px;
display: inline-block;
}
.top_notes li a {
vertical-align: middle;
display: inline-block;
border: none;
transition: 0.5s;
position: relative;
width: 100%;
z-index: 10;
}
.top_notes li a:hover {
color: #fff;
}
.top_notes li a:before {
content: "";

position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 83px;
z-index: -1;
transition: 0.5s;
}
.top_notes li a:hover:before {
background: #72B69A;
}
.top_area {
position: relative;
border: double 8px #B9D5C9;
box-sizing: border-box;
padding: 1rem;
font-size: 16px;
clear: both;
border-radius: 5px;
}
.top_area:before {
position: absolute;
content: "対応エリア";
color: #72B69A;
top: -20px;
left: 10px;
background: #fff;
padding: 0px 10px;
font-size: 24px;
font-weight: bold;
}
.top_area dl {
overflow: hidden;
}
.top_area dl dt {
float: left;
clear: both;
font-weight: bold;
}
.top_area dl dd {
padding-left: 110px;
}
.top_map {
margin-top: 20px;
overflow: hidden;
}
.top_map .top_map_right {
float: right;
width: 45%;
}
.top_map .top_map_left {
float: left;
width: 45%;
}
.top_map a {
font-weight: bold;
border: none;
display: block;
font-size: 21px;
}
.top_map a:hover {
opacity: 0.5;
}
.top_map a img {
}
.top_map a[href*="kanagawa"] {
margin-bottom: 10px;
}
.top_map a[href*="tokyo"] {
}
.top_map a[href*="osaka"] {
margin-bottom: 10px;
}
.top_map a[href*="hokkaido"] {
}
.fb-page {
float: right;
position: absolute !important;
right: 0;
top: 0;
width: 300px;
}
.right_column {
float: right;
/* margin-top: -355px; */
/*margin-top: -270px;*/
margin-top: -440px;
}
.right_column .bnr {
margin-bottom: 10px;
transition: 0.5s;
display: block;
border: none;
}
.right_column .bnr:hover {
opacity: 0.5;
}

.top_media .jisseki_hanso {
position: relative;
border: solid 4px #C1CAE9;
box-sizing: border-box;
padding: 1rem;
font-size: 16px;
clear: both;
margin-bottom: 30px;
border-radius: 5px;
}
.top_media .jisseki_hanso:before {
position: absolute;
content: "長距離搬送・飛行機での空輸・全国での葬儀";
color: #89A6D5;
top: -20px;
left: 10px;
background: #fff;
padding: 0px 10px;
font-size: 24px;
font-weight: bold;
}
.top_media .jisseki_hanso dl{
overflow: auto;
height: 300px;
}
.top_media .jisseki_hanso dl dt{
/* float: left; */
/* clear: both; */
/* padding: 5px; */
font-size: 14px;
}
.top_media .jisseki_hanso dl dd{
padding: 0px 10px 5px;
margin-bottom: 5px;
border-bottom: dotted 1px #ddd;
overflow: hidden;
font-size: 14px;
line-height: 1.6;
}
.top_media .jisseki_hanso dl dd b{
display: inline-block;
width: 100px;
height: 80px;
background-size: cover;
background-position: center;
vertical-align: top;
margin-right: 5px;
float: left;
}
.top_media .shikijo_list{
background: #FFFCD6;
border-radius: 5px;
padding: 4rem 2rem 1rem;
position:relative;
margin-bottom: 30px;
color: #333;
}
.top_media .shikijo_list:before {
position: absolute;
content: "ご利用いただける式場一覧";
border-bottom: solid 3px #2a92c9;
top: 0;
left: 0;
padding: 15px 20px 0;
font-size: 24px;
font-weight: bold;
width: 80%;
color: #999;
}
.top_media .transport{
background: #d7f1ff;
border-radius: 5px;
padding: 4rem 2rem 1rem;
position: relative;
margin-bottom: 30px;
border: solid 2px #2a92c9;
}
.top_media .transport:before {
position: absolute;
content: "長距離搬送／航空搬送";
background: #2a92c9;
color: #fff;
top: 0;
left: 0;
padding: 5px 20px;
font-size: 24px;
font-weight: bold;
box-sizing: border-box;
width: 100%;
border-bottom: double 10px;
}
.top_media .transport li:nth-of-type(2){
display: flex;
margin-top: 10px;
justify-content: space-around;
}
.top_media .transport li:nth-of-type(2) a{
border: none;

}
.top_media .transport li:nth-of-type(2) a:hover{
opacity:0.7;
}
@media (max-width: 768px) {
/*slider*/
#Top_img {
display: none;
}
/*//slider*/
#index_img {
display: block;
width: 100%;
}
.top {
width: calc(100% - 2rem);
margin: auto;
float: none;
}
.top .to_recruit {
}
.top_media {
width: calc(50% - 1rem);
margin-left: 1rem;
margin-top: 2rem;
padding-top: 10px;
}
.top_media .media_topics {
float: none;
width: 100%;
}
.top_media .media_youtube {
float: none;
width: 100%;
}
.top_notes li {
width: 100%;
}
.top_area:before {
font-size: 18px;
}
.top_area dl {
}
.top_area dl a {
border: none;
}
.top_area dl dt {
float: none;
}
.top_area dl dd {
padding-left: 1rem;
margin-bottom: 1rem;
line-height: 1.4;
}
.top_map {
}
.top_map .top_map_left {
float: none;
width: 100%;
margin-bottom: 10px;
}
.top_map .top_map_right {
float: none;
width: 100%;
margin-bottom: 10px;
}
.top_map a {
}
.top_map a:hover {
}
.top_map a img {
}
.top_map a[href*="kanagawa"] {
}
.top_map a[href*="tokyo"] {
}
.top_map a[href*="osaka"] {
float: none;
width: 100%;

}
.fb-page {
position: relative !important;
margin: 2rem 1rem 0 0;
width: calc(50% - 2rem);
height: 500px;
}
.right_column {
position: relative;
margin: 2rem 1rem 0 0;
width: calc(50% - 2rem);
}
.right_column .bnr img {
width: 100%;
}
.top_media .jisseki_hanso {}
.top_media .jisseki_hanso:before {
font-size: 16px;
left: 5px;
padding: 0px 5px;
}
.top_media .jisseki_hanso dl{}
.top_media .jisseki_hanso dl dt{
float: none;
padding: 0;
}
.top_media .jisseki_hanso dl dd{
padding: 0px 5px 5px;
margin-bottom: 5px;
overflow: hidden;
}
.top_media .jisseki_hanso dl dd b{
float: left;
}
.top_media .shikijo_list{
padding: 4rem 1rem 1rem;
}
.top_media .shikijo_list:before {}
.top_media .transport{
padding: 4rem 1rem 1rem;
}
.top_media .transport:before {}
.top_media .transport li:nth-of-type(2){
flex-direction: column;
margin-top: 0;
}
.top_media .transport li:nth-of-type(2) a{
text-align: center;
margin-top: 10px;
}
.top_media .transport li:nth-of-type(2) a:hover{}
}

@media (max-width: 480px) {
#index_img {
font-size: 16px;
height: 200px;
}
#index_img h2 {
padding: 1rem 1rem 0;
}
#index_img h3 {
padding: 1rem;
}
#index_img h4 {
position: relative;
bottom: inherit;
left: inherit;
font-size: inherit;
padding: 1rem;
line-height: inherit;
}
.top .to_recruit {
font-size: 20px;
margin-bottom: 0;
}
.top .present {
font-size: 20px;
}
.top .present img {
position: relative;
display: block;
margin: 1rem auto 0;
}
.top .bnr_yulife{
text-align: center;
}
.top .bnr_yulife:hover{}
.top .bnr_yulife img{
margin-bottom: 5px;
}
.top .bnr_yulife b{
position: relative;
text-shadow: none;
}
.top .to_sale_bone-container {
padding: 10px;
}
.top .to_sale_bone-container:hover{}
.top .to_sale_bone-container b{
font-size: 21px;
left: 0;
right: 0;
margin: auto;
width: 250px;
text-align: center;
}
.top .to_sale_bone-container img {
position: relative;
display: block;
margin: 0 auto 10px;
}
.top .to_sale_bone-container small{
position: relative;
right: inherit;
display: table;
bottom: inherit;
}
.top .to_sale_bone-container small:before,
.top .to_sale_bone-container small:after {}
.top .to_sale_bone-container small:before{}
.top .to_sale_bone-container small:after {}

.top .cnt_menu a {
display: block;
width: inherit;
margin: 1rem 0;
}
.top_media {
float: none;
width: calc(100% - 2rem);
margin: 2rem auto;
}
.top_media .media_topics {
padding: 0;
}
.top_area {
font-size: 14px;
}
.top_area:before {
left: 5px;
font-size: 14px;
}
.top_map {
}
.top_map .top_map_right {
}
.top_map a {
}
.top_map a:hover {
}
.top_map a img {
}
.top_map a[href*="kanagawa"] {
}
.top_map a[href*="tokyo"] {
}
.top_map a[href*="osaka"] {

}
.fb-page {
float: none;
width: calc(100% - 2rem);
margin: 2rem auto;
height: 300px;
display: block !important;
}
.right_column {
float: none;
width: calc(100% - 2rem);
margin: 2rem auto;
display: block;
}
.top_media .jisseki_hanso {

padding: 10px;
}
.top_media .jisseki_hanso:before {
font-size: 12px;
}
.top_media .jisseki_hanso dl{}
.top_media .jisseki_hanso dl dt{}
.top_media .jisseki_hanso dl dd{}
.top_media .jisseki_hanso dl dd b{}
.top_media .shikijo_list{}
.top_media .shikijo_list:before {
font-size: 18px;
width: 100%;
text-align: center;
padding: 10px 0px 0;
}
.top_media .transport{}
.top_media .transport:before {font-size: 18px;text-align: center;}
.top_media .transport li:nth-of-type(2){}
.top_media .transport li:nth-of-type(2) a:hover{}
}
/*//////////////////////////////////////
火葬場一覧ページ
//////////////////////////////////////*/
div[id*="area_"] {
border-left: solid 10px #72B69A;
padding: 5px 15px;
margin: 40px 0 20px;
color: #666;
font-size: 1.6rem;
font-weight: bold;
}
#kasoba_img {
width: 1024px;
height: 200px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img_kasoba.png) no-repeat center top -385px;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#kasoba_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
.kasoba_list dl {
border: solid 2px #999;
overflow: hidden;
margin-bottom: 20px;
padding: 3px;
position: relative;
min-height: 213px;
box-sizing: border-box;
}
.kasoba_list dl li {
background: #B9D5C9;
list-style: none;
font-size: 18px;
font-weight: bold;
padding: 0 10px;
}
.kasoba_list dl dt {
float: left;
width: 150px;
margin: 10px;
}
.kasoba_list dl dt img {
}
.kasoba_list dl dd {
border-bottom: solid 1px #ccc;
margin: 10px 350px 0px 180px;
padding-bottom: 5px;
}
.kasoba_list dl dd {
line-height: 1.6;
position: relative;
padding-left: 120px;
}
.kasoba_list dl dd:before {
position: absolute;
top: 0;
left: 0;
font-weight: bold;
}
.kasoba_list dl dd:nth-of-type(1):before {
content: "【住所】";
}
.kasoba_list dl dd:nth-of-type(1) .gmap {
display: none;
}
.kasoba_list dl dd:nth-of-type(2):before {
content: "【アクセス】";
}
.kasoba_list dl dd:nth-of-type(3):before {
content: "【火葬料金】";
}
.kasoba_list dl dd:nth-of-type(4):before {
content: "【休憩室料金】";
}
.kasoba_list dl dd:last-of-type {
line-height: inherit;
padding-left: 0;
width: 330px;
overflow: hidden;
position: absolute;
height: 200px;
top: 5px;
right: 5px;
margin: 0;
box-sizing: border-box;
border: solid 3px #72B69A;
background: #E9E5DC;
}
.kasoba_list dl dd:last-of-type:before {
content: none;
}
.kasoba_list dl dd:last-of-type iframe {
border: 0;
margin-top: -36px;
}

@media (max-width: 768px) {
#kasoba_img {
width: 100%;
}
.kasoba_list dl {
margin: 0 1rem 20px;
}
.kasoba_list dl dd {
margin: 10px 10px 0px 180px;
padding-left: 1rem !important;
padding-top: 1.5rem;
}
.kasoba_list dl dd:nth-of-type(1) .gmap {
display: inline-block;
}
.kasoba_list dl dd:last-of-type {
display: none;
}
}

@media (max-width: 480px) {
#kasoba_img {
height: 100px;
background-position: center;
}
.kasoba_list dl dt {
float: none;
margin: 10px auto;
}
.kasoba_list dl dd {
margin: 10px 10px 0px;
}
}
/*//////////////////////////////////////
斎場一覧ページ
//////////////////////////////////////*/
#saijo_img {
width: 1024px;
height: 200px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img_kasoba.png) no-repeat center top -385px;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#saijo_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
.saijo_list dl {
border: solid 2px #999;
overflow: hidden;
margin-bottom: 20px;
padding: 3px;
position: relative;
min-height: 213px;
box-sizing: border-box;
}
.saijo_list dl li {
background: #B9D5C9;
list-style: none;
font-size: 18px;
font-weight: bold;
padding: 0 10px;
}
.saijo_list dl dt {
float: left;
width: 150px;
margin: 10px;
}
.saijo_list dl dd {
border-bottom: solid 1px #ccc;
margin: 10px 350px 0px 180px;
padding-bottom: 5px;
line-height: 1.6;
position: relative;
}
.saijo_list dl dd:nth-of-type(1) {
padding-left: 10px;
}
.saijo_list dl dd:nth-of-type(1) .recommend {
border: double 3px #B9D5C9;
color: #72B69A;
padding: 5px;
}
.saijo_list dl dd:nth-of-type(1) strong {
color: #72B69A;
font-size: 18px;
}
.saijo_list dl dd:nth-of-type(2) {
padding-left: 90px;
}
.saijo_list dl dd:nth-of-type(2):before {
content: "【住所】";
position: absolute;
top: 0;
left: 0;
font-weight: bold;
}
.saijo_list dl dd:nth-of-type(2) .gmap {
display: none;
}
.saijo_list dl dd:nth-of-type(3) {
padding-left: 90px;
}
.saijo_list dl dd:nth-of-type(3):before {
content: "【アクセス】";
position: absolute;
top: 0;
left: 0;
font-weight: bold;
}
.saijo_list dl dd:nth-of-type(4) {
padding-left: 90px;
}
.saijo_list dl dd:nth-of-type(4):before {
content: "【使用料】";
position: absolute;
top: 0;
left: 0;
font-weight: bold;
}
.saijo_list dl dd:last-of-type {
width: 330px;
overflow: hidden;
position: absolute;
height: 200px;
top: 5px;
right: 5px;
margin: 0;
box-sizing: border-box;
border: solid 3px #72B69A;
background: #E9E5DC;
}
.saijo_list dl dd:last-of-type iframe {
border: 0;
margin-top: -36px;
}

@media (max-width: 768px) {
#saijo_img {
width: 100%;
}
.saijo_list dl {
margin: 0 1rem 20px;
}
.saijo_list dl dd {
margin: 10px 10px 0px 180px;
padding-left: 1rem !important;
padding-top: 1.5rem;
}
.saijo_list dl dd:nth-of-type(1) {
padding-left: 0 !important;
}
.saijo_list dl dd:nth-of-type(2) .gmap {
display: inline-block;
}
.saijo_list dl dd:last-of-type {
display: none;
}
}

@media (max-width: 480px) {
#saijo_img {
height: 100px;
background-position: center;
}
.saijo_list dl dt {
float: none;
margin: 10px auto;
}
.saijo_list dl dd {
margin: 10px 10px 0px;
}
}
/*//////////////////////////////////////
病院一覧ページ
//////////////////////////////////////*/
#hospital_img {
width: 1024px;
height: 200px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img_hospital.png) no-repeat center top -385px;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#hospital_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
.hospital_list .notice {
border: double 3px #B9D5C9;
color: #72B69A;
padding: 5px;
text-align: center;
margin-bottom: 1rem;
font-size: 18px;
font-weight: bold;
}
.hospital_list dl {
border: solid 2px #999;
overflow: hidden;
margin-bottom: 20px;
padding: 3px;
position: relative;
min-height: 213px;
box-sizing: border-box;
}
.hospital_list dl li {
background: #B9D5C9;
list-style: none;
font-size: 18px;
font-weight: bold;
padding: 0 10px;
}
.hospital_list dl dt {
float: left;
width: 150px;
margin: 10px;
}
.hospital_list dl dd {
border-bottom: solid 1px #ccc;
margin: 10px 350px 0px 180px;
padding-bottom: 5px;
line-height: 1.6;
position: relative;
}
.hospital_list dl dd:nth-of-type(1) {
padding-left: 10px;
}
.hospital_list dl dd:nth-of-type(1) strong {
color: #72B69A;
font-size: 18px;
}
.hospital_list dl dd:nth-of-type(2) {
padding-left: 100px;
}
.hospital_list dl dd:nth-of-type(2):before {
content: "【住所】";
position: absolute;
top: 0;
left: 0;
font-weight: bold;
}
.hospital_list dl dd:nth-of-type(2) .gmap {
display: none;
}
.hospital_list dl dd:nth-of-type(3) {
padding-left: 100px;
}
.hospital_list dl dd:nth-of-type(3):before {
content: "【お迎え時間】";
position: absolute;
top: 0;
left: 0;
font-weight: bold;
}
.hospital_list dl dd:last-of-type {
width: 330px;
overflow: hidden;
position: absolute;
height: 200px;
top: 5px;
right: 5px;
margin: 0;
box-sizing: border-box;
border: solid 3px #72B69A;
background: #E9E5DC;
}
.hospital_list dl dd:last-of-type iframe {
border: 0;
margin-top: -36px;
}

@media (max-width: 768px) {
#hospital_img {
width: 100%;
}
.hospital_list .notice {
margin: 0 1rem 1rem;
}
.hospital_list dl {
margin: 0 1rem 20px;
}
.hospital_list dl dd {
margin: 10px 10px 0px 180px;
padding-left: 1rem !important;
padding-top: 1.5rem;
}
.hospital_list dl dd:nth-of-type(1) {
padding-left: 0 !important;
}
.hospital_list dl dd:nth-of-type(2) .gmap {
display: inline-block;
}
.hospital_list dl dd:last-of-type {
display: none;
}
}

@media (max-width: 480px) {
#hospital_img {
height: 100px;
background-position: center;
}
.hospital_list .notice {
text-align: left;
margin: 0 1rem 1rem;
font-size: 14px;
}
.hospital_list dl dt {
float: none;
margin: 10px auto;
}
.hospital_list dl dd {
margin: 10px 10px 0px;
}
}
/*//////////////////////////////////////
家族葬ページ
//////////////////////////////////////*/
#kazokuso_img {
width: 1024px;
height: 200px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img.png) no-repeat center;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#kazokuso_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
#kazokuso_img h2 small {
display: block;
font-size: 21px;
margin-top: 1rem;
line-height: 1.4;
}
.kazokuso .plan {
border-style: solid;
border-width: 3px;
position: relative;
box-sizing: border-box;
padding: 15px;
margin: 15px 0px 50px 15px;
}
.kazokuso .plan:before, .kazokuso .plan:after, .kazokuso .plan .plan_bottom:before, .kazokuso .plan .plan_bottom:after {
content: "";
height: 20px;
width: 20px;
background: #fff;
position: absolute;
border-style: solid;
border-width: 3px;
}
.kazokuso .plan:before {
border-radius: 0 0 30px 0;
top: -3px;
left: -3px;
border-top: none;
border-left: none;
}
.kazokuso .plan:after {
border-radius: 0 0 0 30px;
top: -3px;
right: -3px;
border-top: none;
border-right: none;
}
.kazokuso .plan .plan_bottom:before {
border-radius: 0 30px 0 0;
bottom: -3px;
left: -3px;
border-bottom: none;
border-left: none;
}
.kazokuso .plan .plan_bottom:after {
border-radius: 30px 0 0 0;
bottom: -3px;
right: -3px;
border-bottom: none;
border-right: none;
}
.kazokuso .plan dl.plan_price {
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
position: absolute;
top: -15px;
left: -15px;
width: 150px;
height: 150px;
border-radius: 75px;
box-shadow: inset -1px -1px 10px 0 rgba(255,255,255,0.8);
text-align: center;
box-sizing: border-box;
color: #333;
}
.kazokuso .plan dl.plan_price:before {
content: "";
position: absolute;
width: 130px;
height: 130px;
background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
border-radius: 65px;
top: 5px;
left: 10px;
}
.kazokuso .plan dl.plan_price:after {
content: "";
position: absolute;
width: 90px;
height: 50px;
background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
border-radius: 45px 45px 10px 10px;
top: 10px;
left: 30px;
}
.kazokuso .plan dl.plan_price dt {
color: #fff;
text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
font-size: 34px;
margin-top: 54px;
}
.kazokuso .plan dl.plan_price dt b {
font-size: 54px;
}
.kazokuso .plan .plan_ttl {
float: right;
width: 540px;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-weight: bold;
font-size: 42px;
margin-bottom: 10px;
}
.kazokuso .plan .plan_ttl b {
font-family: 'Meiryo';
font-weight: normal;
font-size: 14px;
color: #666;
}
.kazokuso .plan .plan_ttl b:before {
content: "●";
}
.kazokuso .plan .plan_img {
float: left;
width: 410px;
line-height: 1;
}
.kazokuso .plan .plan_img:after {
content: "実際の生花祭壇";
}
.kazokuso .plan .plan_img img {
border-radius: 10px;
margin-bottom: 3px;
}
.kazokuso .plan ul {
float: right;
text-align: center;
width: 530px;
overflow: hidden;
margin-bottom: 10px;
display: flex;
justify-content: center;
}
.kazokuso .plan ul:first-of-type {
/* width: 490px; */
}
.kazokuso .plan ul li {
/* float: left; */
line-height: 1.2;
}
.kazokuso .plan ul li img {
display: block;
height: 80px;
margin: 5px 4px;
}
.kazokuso .plan ol {
clear: both;
overflow: hidden;
padding: 10px;
border-radius: 5px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.kazokuso .plan ol b {
/* float: left; */
width: 100%;
color: #333;
font-size: 18px;
}
.kazokuso .plan ol li {
float: left;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
position: relative;
background: #fff;
height: 120px;
border-radius: 10px;
margin: 10px;
text-align: center;
padding: 15px;
font-size: 18px;
}
.kazokuso .plan ol li:before {
content: "";
height: 0;
width: 0;
display: block;
border: 10px transparent solid;
border-right-width: 0;
position: absolute;
top: 0px;
bottom: 0px;
margin: auto;
right: -22px;
}
.kazokuso .plan ol li:last-of-type {
/* margin-right: 0 !important; */
}
.kazokuso .plan ol li:last-of-type:before {
display: none;
}

dl.plan_flow {
display: flex;
flex-wrap: wrap;
background: #C1CAE9;
margin-bottom: 20px;
justify-content: space-between;
border-radius: 5px;
padding: 20px;
clear: both;
}
dl.plan_flow li {
list-style: none;
width: 100%;
color: #333;
font-size: 18px;
font-weight: bold;
margin: -10px -10px 10px;
}
dl.plan_flow dt {
background: #fff;
padding: 23px;
line-height: 1;
border-radius: 10px;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
text-align: center;
font-size: 18px;
}
dl.plan_flow dt:before {
content: "";
}
dl.plan_flow dt:after {
content: "";
}
dl.plan_flow dd {
position: relative;
}
dl.plan_flow dd:before {
content: "";
border: 10px transparent solid;
border-right-width: 0;
border-left-color: #89A6D5;
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 0px;
}
dl.plan_flow dd:after {
content: "";
}


dl.plan_flow_dantai {
display: flex;
flex-wrap: wrap;
background: #A9CFE6;
margin-bottom: 20px;
justify-content: space-between;
border-radius: 5px;
padding: 20px;
clear: both;
counter-reset: number;
-webkit-align-items: center;
align-items: center;
}
dl.plan_flow_dantai li {
list-style: none;
width: 100%;
color: #333;
font-size: 18px;
font-weight: bold;
margin: -10px -10px 10px;
}
dl.plan_flow_dantai dt {
background: #fff;
padding: 15px;
line-height: 1;
border-radius: 10px;
font-size: 14px;
margin-left: 40px;
margin-bottom: 1rem;
position: relative;
}
dl.plan_flow_dantai dt:before {
counter-increment: number;
content: counter(number);
position: absolute;
top: 0;
bottom: 0;
left: -40px;
background: #4CADD0;
color: #fff;
font-size: 24px;
font-weight: bold;
width: 36px;
height: 36px;
line-height: 40px;
text-align: center;
border-radius: 50%;
border: none;
margin: auto;
}
dl.plan_flow_dantai dt:after {
content: "";
}
dl.plan_flow_dantai dd {
position: relative;
margin-bottom: 1rem;
}
dl.plan_flow_dantai dd:before {
content: "";
border: 10px transparent solid;
border-right-width: 0;
border-left-color: #4CADD0;
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 0px;
}
dl.plan_flow_dantai dd:after {
content: "";
}
dl.plan_flow_dantai p {width: 100%;margin-bottom: -10px;color: #333;}



.kazokuso .plan.family {
border-color: #C29868;
}
.kazokuso .plan.family:before, .kazokuso .plan.family:after, .kazokuso .plan.family .plan_bottom:before, .kazokuso .plan.family .plan_bottom:after {
border-color: #C29868;
}
.kazokuso .plan.family dl.plan_price {
background: radial-gradient(ellipse at center, rgba(197,147,48,1) 0%, rgba(231,197,110,1) 75%, rgba(237,215,132,1) 100%);
}
.kazokuso .plan.family .plan_ttl {
color: #C29868;
}
.kazokuso .plan.family .plan_ttl b:before {
color: #C29868;
}
.kazokuso .plan.family ol {
background: #DFC7AF;
}
.family dl.plan_flow {
background: #DFC7AF;
}
.kazokuso .plan.family ol li {
/* margin-right: 24px; */
}
.kazokuso .plan.family ol li:before {
content: "";
border-left-color: #C29868;
/* right: -22px; */
}
.family dl.plan_flow dd:before {
border-left-color: #C29868;
}
.kazokuso .plan.oneday {
border-color: #72B79B;
}
.kazokuso .plan.oneday:before, .kazokuso .plan.oneday:after, .kazokuso .plan.oneday .plan_bottom:before, .kazokuso .plan.oneday .plan_bottom:after {
border-color: #72B79B;

}
.kazokuso .plan.oneday dl.plan_price {
background: radial-gradient(ellipse at center, rgba(60,161,157,1) 0%, rgba(160,200,163,1) 75%, rgba(185,215,191,1) 100%);
}
.kazokuso .plan.oneday .plan_ttl {
color: #72B79B;
}
.kazokuso .plan.oneday .plan_ttl b:before {
color: #72B79B;
}
.kazokuso .plan.oneday ol {
background: #B9D5C9;
}
.kazokuso .plan.oneday ol li {
/* margin-right: 36px; */
}
.kazokuso .plan.oneday ol li:before {
content: "";
border-left-color: #72B79B;
/* right: -27px; */
}
.oneday dl.plan_flow dd:before {
border-left-color: #72B79B;
}
.oneday dl.plan_flow {
background: #B9D5C9;
}

.kazokuso .plan.ippan {
border-color: #8C5CA6;
}
.kazokuso .plan.ippan:before, .kazokuso .plan.ippan:after, .kazokuso .plan.ippan .plan_bottom:before, .kazokuso .plan.ippan .plan_bottom:after {
border-color: #8C5CA6;
}
.kazokuso .plan.ippan dl.plan_price {
background: radial-gradient(ellipse at center, rgba(140,92,166,1) 0%, rgba(207,172,226,1) 75%, rgba(216,194,228,1) 100%);
}
.kazokuso .plan.ippan .plan_ttl {
color: #8C5CA6;
}
.kazokuso .plan.ippan .plan_ttl b:before {
color: #8C5CA6;
}
.kazokuso .plan.ippan ol {
background: #D8C2E4;
}
.ippan dl.plan_flow {
background: #D8C2E4;
}
.kazokuso .plan.ippan ol li {
/* margin-right: 24px; */
}
.kazokuso .plan.ippan ol li:before {
content: "";
border-left-color: #8C5CA6;
right: -22px;
}
.ippan dl.plan_flow dd:before {
border-left-color: #8C5CA6;
}
.kazokuso .plan.sha_dantai {
border-color: #4CADD0;
}
.kazokuso .plan.sha_dantai:before, .kazokuso .plan.sha_dantai:after, .kazokuso .plan.sha_dantai .plan_bottom:before, .kazokuso .plan.sha_dantai .plan_bottom:after {
border-color: #4CADD0;
}
.kazokuso .plan.sha_dantai dl.plan_price {
background: radial-gradient(ellipse at center, rgba(76,173,208,1) 0%, rgba(169,207,230,1) 75%, rgba(218,235,245,1) 100%);
}
.kazokuso .plan.sha_dantai .plan_ttl {
color: #4CADD0;
}
.kazokuso .plan.sha_dantai .plan_ttl br {
}
.kazokuso .plan.sha_dantai .plan_ttl b:before {
color: #4CADD0;
}
.kazokuso .plan.sha_dantai ol {
background: #A9CFE6;
counter-reset: number;
}
.kazokuso .plan.sha_dantai ol b {
float: none;
}
.kazokuso .plan.sha_dantai ol p {
}
.kazokuso .plan.sha_dantai ol li {
margin-left: 3rem;
margin-bottom: 40px;
writing-mode: inherit;
-ms-writing-mode:lr-tb;
float: none;
height: inherit;
text-align: left;
font-size: 14px;
line-height: 1;
}
.kazokuso .plan.sha_dantai ol li:before {
counter-increment: number;
content: counter(number);
position: absolute;
top: 0;
left: -2.5rem;
background: #4CADD0;
color: #fff;
font-size: 24px;
font-weight: bold;
width: 36px;
height: 36px;
line-height: 40px;
text-align: center;
border-radius: 50%;
border: none;
}
.kazokuso .plan.sha_dantai ol li:after {
content: "";
height: 0;
width: 0;
display: block;
border-right-width: 0;
border: 20px transparent solid;
border-left-color: transparent !important;
border-bottom-width: 0;
position: absolute;
top: inherit;
bottom: -30px;
margin: auto;
right: 0 !important;
left: 0 !important;
border-top-color: #4CADD0;
}
.kazokuso .plan.sha_dantai ol li:last-of-type {
margin-right: 10px !important;
}
.kazokuso .plan.sha_dantai ol li:last-of-type:after {
display: none;
}
.kazokuso .plan.sha_dantai ol li:last-of-type:before {
display: block;
}
.kazokuso .plan.sha_dantai ul:first-of-type {
width: 560px;
}
.kazokuso .plan.sha_dantai ul li img {
height: 68px;
}

@media (max-width: 768px) {
#kazokuso_img {
width: 100%;
}
.kazokuso .plan {
margin: 1rem 1rem 2rem;
}
.kazokuso .plan dl.plan_price {
position: relative;
border-radius: 10px;
width: inherit;
height: inherit;
top: inherit;
left: inherit;
box-shadow: inherit;
margin-bottom: 1rem;
}
.kazokuso .plan dl.plan_price:before {
display: none;
}
.kazokuso .plan dl.plan_price:after {
display: none;
}
.kazokuso .plan dl.plan_price dt {
display: inline-block;
margin: 0;
line-height: normal;
}
.kazokuso .plan dl.plan_price dd {
display: inline-block;
}
.kazokuso .plan .plan_ttl {

float: none;
width: 100%;
line-height: 1.2;
}
.kazokuso .plan .plan_img {
float: none;
margin: auto;
display: block;
width: auto;
text-align: center;
}
.kazokuso .plan .plan_img:after {
display: block
}
.kazokuso .plan .plan_img img {
}
.kazokuso .plan ul {
float: none !important;
margin: auto !important;
/* display: table !important; */
width: inherit !important;
flex-wrap: wrap;
}
.kazokuso .plan ol {
margin-top: 1rem;
flex-direction: column;
}
.kazokuso .plan ol li {
font-size: inherit;
height: 100px;
padding: 0;
margin: 10px;
}
.kazokuso .plan.family dl.plan_price {
background: linear-gradient(to bottom, rgba(197,147,48,1) 0%, rgba(231,197,110,1) 50%, rgba(237,215,132,1) 100%);
}
.kazokuso .plan.oneday dl.plan_price {
background: linear-gradient(to bottom, rgba(60,161,157,1) 0%, rgba(160,200,163,1) 50%, rgba(185,215,191,1) 100%);
}
.kazokuso .plan.ippan dl.plan_price {
background: linear-gradient(to bottom, rgba(140,92,166,1) 0%, rgba(207,172,226,1) 50%, rgba(216,194,228,1) 100%);
}
.kazokuso .plan.sha_dantai dl.plan_price {
background: linear-gradient(to bottom, rgba(76,173,208,1) 0%, rgba(169,207,230,1) 50%, rgba(218,235,245,1) 100%);
}
.kazokuso .plan.sha_dantai .plan_ttl br {
display: none;
}
.kazokuso .plan.sha_dantai ol {}
.kazokuso .plan.sha_dantai ol b {}
.kazokuso .plan.sha_dantai ol p {}
.kazokuso .plan.sha_dantai ol li {
margin-bottom: 34px;
padding: 10px;
line-height: 1.4;
}
.kazokuso .plan.sha_dantai ol li:before {}
.kazokuso .plan.sha_dantai ol li:after {
border: 15px transparent solid;
border-bottom-width: 0;
bottom: -24px;
border-top-color: #4CADD0;
}
.kazokuso .plan.sha_dantai ol li:last-of-type {}
.kazokuso .plan.sha_dantai ol li:last-of-type:after {}
.kazokuso .plan.sha_dantai ol li:last-of-type:before {}
.kazokuso .plan.sha_dantai ul li img {
height: 80px;
}
dl.plan_flow_dantai {
flex-direction: column;
}
dl.plan_flow_dantai li {}
dl.plan_flow_dantai dt {
width: calc(100% - 40px);
box-sizing: border-box;
margin-bottom: 0;
}
dl.plan_flow_dantai dt:before {}
dl.plan_flow_dantai dt:after {}
dl.plan_flow_dantai dd {
margin-bottom: 0;
}
dl.plan_flow_dantai dd:before {
margin: auto;
right: 0;
left: 0;
width: 0;
border: 10px transparent solid;
border-bottom-width: 0;
border-top-color: #4CADD0;
}
dl.plan_flow_dantai dd:after {}
dl.plan_flow_dantai p {}
}

@media (max-width: 480px) {

#kazokuso_img {
height: 100px;
}
#kazokuso_img h2 small {
font-size: 16px;
}
.kazokuso .plan dl.plan_price dt {
font-size: 28px;
margin-top: 5px;
}
.kazokuso .plan dl.plan_price dt b {
font-size: 34px;
}
.kazokuso .plan .plan_ttl b {
display: block;
}
.kazokuso .plan ul li {
width: 50%;
}
.kazokuso .plan ul li img {
display: block;
margin: 5px auto;
}
.kazokuso .plan ol b {
float: none;
text-align: center;
display: block;
}
.kazokuso .plan ol li {
-webkit-writing-mode: inherit;
-moz-writing-mode: inherit;
-ms-writing-mode: inherit;
-o-writing-mode: inherit;
writing-mode: inherit;
float: none;
height: inherit;
margin-right: 10px !important;
margin-bottom: 30px;
}
.kazokuso .plan ol li:before {
border: 10px transparent solid;
border-left-color: transparent !important;
border-bottom-width: 0;
position: absolute;
top: inherit;
bottom: -20px;
margin: auto;
right: 0 !important;
left: 0 !important;
}
.kazokuso .plan.family ol li:before {
border-top-color: #C29868;
}
.kazokuso .plan.oneday ol li:before {
border-top-color: #72B79B;
}
.oneday dl.plan_flow dd:before {
border: 10px transparent solid;
border-bottom-width: 0;
border-top-color: #72B79B;
}

.family dl.plan_flow dd:before {
border: 10px transparent solid;
border-bottom-width: 0;
border-top-color: #C29868;
}
.kazokuso .plan.ippan ol li:before {
border-top-color: #8C5CA6;
}
.ippan dl.plan_flow dd:before {
border: 10px transparent solid;
border-bottom-width: 0;
border-top-color: #8C5CA6;
}
.kazokuso .plan.sha_dantai .plan_ttl {
font-size: 28px;
}
.kazokuso .plan.sha_dantai .plan_ttl br {
}
.kazokuso .plan.sha_dantai ol {}
.kazokuso .plan.sha_dantai ol b {
font-size: 16px;
text-align: left;
}
.kazokuso .plan.sha_dantai ol p {}
.kazokuso .plan.sha_dantai ol li {}
.kazokuso .plan.sha_dantai ol li:before {bottom: 0;left: -2.5rem !important;right: inherit !important;}
.kazokuso .plan.sha_dantai ol li:after {}
.kazokuso .plan.sha_dantai ol li:last-of-type {}
.kazokuso .plan.sha_dantai ol li:last-of-type:after {}
.kazokuso .plan.sha_dantai ol li:last-of-type:before {}
.kazokuso .plan.sha_dantai ul:first-of-type li:nth-of-type(1),

.kazokuso .plan.sha_dantai ul:first-of-type li:nth-of-type(2){
width: 100%;
}
dl.plan_flow_dantai {}
dl.plan_flow_dantai li {}
dl.plan_flow_dantai dt {}
dl.plan_flow_dantai dt:before {}
dl.plan_flow_dantai dt:after {}
dl.plan_flow_dantai dd {}
dl.plan_flow_dantai dd:before {}
dl.plan_flow_dantai dd:after {}
dl.plan_flow_dantai p {}
}
/*//////////////////////////////////////
直葬ページ
//////////////////////////////////////*/
#chokuso_img {
width: 1024px;
height: 200px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img.png) no-repeat center;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#chokuso_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
#chokuso_img h2 small {
display: block;
font-size: 21px;
margin-top: 1rem;
line-height: 1.4;
}
.chokuso {
}

.chokuso_lineup{
display: flex;
line-height: 1.2;
justify-content: space-between;
margin-bottom: 50px;
}
.chokuso_lineup li{
width: calc((100% - 20px)/3);
box-sizing: border-box;
border: solid 5px #89A6D5;
padding-bottom: 50px;
position: relative;
}
.chokuso_lineup li:last-of-type{
border: solid 5px #72B79B;
}
.chokuso_lineup li p{
font-family: "Noto Sans Japanese";
margin-bottom: 10px;
background: #e8ecf9;
padding: 10px;
}
.chokuso_lineup li:last-of-type p{
background: #EBF6F1;
}
.chokuso_lineup li p strong{
display: block;
color: #89A6D5;
font-size: 30px;
font-weight: 900;
}
.chokuso_lineup li:last-of-type p strong{
color: #72B79B;
}
.chokuso_lineup li p b{
display: block;
color: #ed8383;
font-size: 28px;
font-weight: 900;
margin: 5px 0 0;
}
.chokuso_lineup li p b:after{
content:"円（税込）";
font-size: 14px;
font-weight: 700;
}
.chokuso_lineup li:last-of-type p b:after{
content:"円（税込）\a追加費用一切なし";
/* white-space:pre; */
}
.chokuso_lineup li p small{
font-size: 12px;
}
.chokuso_lineup li dl{
display: flex;
flex-wrap: wrap;
font-size: 11px;
padding: 10px 5px;
justify-content: space-between;
justify-content: space-evenly;
}
.chokuso_lineup li dl dt{width: 100%;margin-bottom: 5px;font-size: 12px;color: #ed8383;}
.chokuso_lineup li dl dd{
text-align: center;
margin: 0 0 10px;
}
.chokuso_lineup li dl dd img{
height: 47px;
display: block;
margin: 0 auto 5px;
}
.chokuso_lineup li a{
position: absolute;
font-family: "Noto Sans Japanese";
font-size: 24px;
font-weight: 700;
bottom: 10px;
left: 0;
right: 0;
margin: auto;
width: calc(100% - 20px);
border: none;
text-align: center;
background: #89A6D5;
color: #fff;
line-height: 40px;
border-radius: 5px;
}



.chokuso .plan {
border-style: solid;
border-width: 3px;
position: relative;
box-sizing: border-box;
padding: 15px;
margin: 15px 0px 50px 15px;
}
.chokuso .plan:before, .chokuso .plan:after, .chokuso .plan .plan_bottom:before, .chokuso .plan .plan_bottom:after {
content: "";
height: 20px;
width: 20px;
background: #fff;
position: absolute;
border-style: solid;
border-width: 3px;
}
.chokuso .plan:before {
border-radius: 0 0 30px 0;
top: -3px;
left: -3px;
border-top: none;
border-left: none;
}
.chokuso .plan:after {
border-radius: 0 0 0 30px;
top: -3px;
right: -3px;
border-top: none;
border-right: none;
}
.chokuso .plan .plan_bottom:before {
border-radius: 0 30px 0 0;
bottom: -3px;
left: -3px;
border-bottom: none;
border-left: none;
}
.chokuso .plan .plan_bottom:after {
border-radius: 30px 0 0 0;
bottom: -3px;
right: -3px;
border-bottom: none;
border-right: none;
}
.chokuso .plan dl.plan_price {
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
position: absolute;
top: -15px;
left: -15px;
width: 150px;
height: 150px;
border-radius: 75px;
box-shadow: inset -1px -1px 10px 0 rgba(255,255,255,0.8);
text-align: center;
box-sizing: border-box;
color: #333;
}
.chokuso .plan dl.plan_price:before {
content: "";
position: absolute;
width: 130px;
height: 130px;
background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
border-radius: 65px;
top: 5px;
left: 10px;
}
.chokuso .plan dl.plan_price:after {
content: "";
position: absolute;
width: 90px;
height: 50px;
background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
border-radius: 45px 45px 10px 10px;
top: 10px;
left: 30px;
}
.chokuso .plan dl.plan_price dt {
color: #fff;
text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
font-size: 34px;
margin-top: 54px;
margin-left: -20px;
margin-right: -20px;
}
.chokuso .plan dl.plan_price dt b {
font-size: 54px;
}
.chokuso .plan dl.plan_price dt b small{
font-size: 42px;
margin-left: -6px;
margin-right: 5px;
letter-spacing: -5px;
}
.chokuso .plan .plan_ttl {
overflow: hidden;
margin-bottom: 10px;
}
.chokuso .plan .plan_ttl b {
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-weight: bold;
font-size: 42px;
margin-left: 150px;
color: #89A6D5;
line-height: normal;
}
.chokuso .plan .plan_ttl ul {
font-family: 'Meiryo';
font-weight: normal;
font-size: 14px;
color: #666;
text-align: left;
float: left;
margin-left: 150px;
}
.chokuso .plan .plan_ttl ul li {
position: relative;
margin-left: 1rem;
margin-right: 1rem;
}
.chokuso .plan .plan_ttl ul li:before {
content: "●";
color: #89A6D5;
position: absolute;
left: -1rem;
}
.chokuso .plan ul {
text-align: center;
/* overflow: hidden; */
margin-bottom: 10px;
margin-left: 150px;
font-size: 12px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.chokuso .plan ul li {
/* float: left; */
line-height: 1.2;
}
.chokuso .plan ul li img {
display: block;
height: 70px;
margin: 5px auto;
}

.chokuso .plan ol {
clear: both;
overflow: hidden;
padding: 10px;
border-radius: 5px;
}
.chokuso .plan ol b {
float: left;
width: 100%;
color: #333;
font-size: 18px;
}
.chokuso .plan ol li {
float: left;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
position: relative;
background: #fff;
height: 120px;
border-radius: 10px;
margin: 10px;
text-align: center;
padding: 15px;
font-size: 18px;
}
.chokuso .plan ol li:before {
content: "";
height: 0;
width: 0;
display: block;
border: 10px transparent solid;
border-right-width: 0;
position: absolute;
top: 0px;
bottom: 0px;
margin: auto;
}
.chokuso .plan ol li:last-of-type {
margin-right: 0 !important;
}
.chokuso .plan ol li:last-of-type:before {
display: none;
}
.chokuso .plan.direct {
border-color: #89A6D5;
}
.chokuso .plan.direct:before, .chokuso .plan.direct:after, .chokuso .plan.direct .plan_bottom:before, .chokuso .plan.direct .plan_bottom:after {
border-color: #89A6D5;
}
.chokuso .plan.direct dl.plan_price {
background: radial-gradient(ellipse at center, rgba(99,133,196,1) 0%, rgba(138,167,211,1) 50%, rgba(193,202,233,1) 100%);
}


.chokuso .plan.direct ol {
background: #C1CAE9;
}
.chokuso .plan.direct ol li {
margin-right: 66px;
}
.chokuso .plan.direct ol li:before {
content: "";
border-left-color: #89A6D5;
right: -46px;
}





.chokuso .plan.direct.jujitu {
border-color: #72B79B;
}
.chokuso .plan.direct.jujitu:before, .chokuso .plan.direct.jujitu:after, .chokuso .plan.direct.jujitu .plan_bottom:before, .chokuso .plan.direct.jujitu .plan_bottom:after {
border-color: #72B79B;
}
.chokuso .plan.direct.jujitu .plan_ttl b {
color: #72B79B;
}
.chokuso .plan.direct.jujitu .plan_ttl ul li:before {
color: #72B79B;
}
.chokuso .plan.direct.jujitu dl.plan_price {
background: radial-gradient(ellipse at center, rgba(60,161,157,1) 0%, rgba(160,200,163,1) 75%, rgba(185,215,191,1) 100%);
}
.chokuso .plan.direct.jujitu dl.plan_price dt {
font-size: 30px;
}
.chokuso .plan.direct.jujitu dl.plan_price dt b {
font-size: 40px;
}
.chokuso .plan.direct.jujitu ol {
background: #B9D5C9;
}
.chokuso .plan.direct.jujitu ol li {
margin-right: 66px;
}
.chokuso .plan.direct.jujitu ol li:before {
content: "";
border-left-color: #72B79B;
right: -46px;
}

.chokuso .plan.direct.jujitu.web{
background: #EBF6F1;
}
.chokuso .web .plan_name{
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-weight: bold;
font-size: 85px;
/* margin-left: 150px; */
color: #72B79B;
line-height: normal;
text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
margin-bottom: 1rem;
}
.chokuso .web .plan_price_web{
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-weight: bold;
font-size: 110px;
position: absolute;
padding: 40px 10px 30px;
line-height: normal;
top: 15px;
right: 15px;
background: #FFF56D;
border-radius: 50%;
color: #F4858D;
text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff;
}
.chokuso .web .plan_price_web ruby{
font-size: 50px;
vertical-align: middle;
}
.chokuso .web .plan_price_web ruby rt{
text-shadow: none;
color: #333;
font-family: 'Meiryo';
font-size: 16px;
}
.chokuso .web .plan_price_web:before{
content: "ウェブ限定価格";
font-family: 'Meiryo';
font-size: 24px;
padding: 5px 0 0;
position: absolute;
top: 0;
right: 0;
left: 0;
text-align: center;
border-radius: 5px;
text-shadow: none;
background: #72B79B;
color: #fff;
margin: auto;
width: calc(100% - 20px);
}
.chokuso .web .plan_price_web:after{
content: "〈追加料金一切なし〉";
font-family: 'Meiryo';
font-size: 24px;
position: absolute;
display: block;
color: #72B79B;
left: 0;
right: 0;
text-align: center;
}
.chokuso .web .plan_shosai{
overflow: hidden;
margin-bottom: 10px;
}
.chokuso .web .plan_shosai .plan_naiyo{
margin: 0;
display: flex;
width: 49%;
justify-content: space-around;
flex-wrap: wrap;
float: left;
}
.chokuso .web .plan_shosai .plan_naiyo li{}
.chokuso .web .plan_shosai .plan_naiyo li:last-of-type{
width: 45%;
text-align: left;
}
.chokuso .web .plan_shosai .plan_naiyo li img{
height: 80px;
}
.chokuso .web .plan_shosai .plan_naiyo li b{
/* font-weight: normal; */
display: block;
margin-top: 5px;
position: relative;
padding-left: 10px;
color: #333;
}
.chokuso .web .plan_shosai .plan_naiyo li b:before{
content: "●";
color: #72B79B;
position: absolute;
left: -5px;
}
.chokuso .web .plan_shosai .plan_naiyo li b br{}
.chokuso .web .plan_shosai .choice_ohitu{
float: right;
width: 48%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.chokuso .web .plan_shosai .choice_ohitu dt{
font-size: 18px;
line-height: normal;
}
.chokuso .web .plan_shosai .choice_ohitu dt b{
display: block;
color: #72B79B;
font-size: 24px;
margin-bottom: -5px;
}
.chokuso .web .plan_shosai .choice_ohitu dd{
width: calc((100% - 5px)/2);
margin-bottom: 5px;
}
.chokuso .web .plan_shosai .choice_ohitu dd img{}
.chokuso .web .web_tokuten{
counter-reset: number;
margin: 0;
background: #FACED5;
border-radius: 10px;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
color: #F4858D;
font-size: 28px;
font-weight: bold;
display: flex;
justify-content: space-around;
line-height: 1;
padding: 8px 0 5px;
margin-bottom: 5px;
}
.chokuso .web .web_tokuten li{}
.chokuso .web .web_tokuten li:before {
counter-increment: number;
content: counter(number);
color: #333;
border: solid 1px;
border-radius: 50%;
display: inline-block;
width: 24px;
height: 24px;
text-shadow: none;
position: relative;
background: #fff;
box-shadow: 0 0 0px 3px #fff;
font-size: 24px;
margin-right: 5px;
}
.chokuso .web .web_tokuten li small{
color: #666;
font-size: 24px;
}
.chokuso .web .choice_kasoba{
border: solid 2px #72B79B;
border-radius: 10px;
background: #fff;
padding: 5px 15px;
margin-bottom: 10px;
}
.chokuso .web .choice_kasoba b{
color: #72B79B;
font-size: 24px;
}
.chokuso .web .choice_kasoba b small{
color: #F4858D;
font-size: 16px;
font-weight: normal;
}
.chokuso .web .choice_kasoba table{
line-height: 1.4;}
.chokuso .web .choice_kasoba table tr{}
.chokuso .web .choice_kasoba table td{
}
.chokuso .web .choice_kasoba table td:before{
content: "";
color: #72B79B;
}
.chokuso .web .choice_kasoba table td:nth-of-type(1):before{
content: "●";
}
.chokuso .web .choice_kasoba table td:nth-of-type(2):before{
content: "〈住所〉";
}
.chokuso .web .choice_kasoba table td:nth-of-type(3):before{
content: "〈最寄り駅〉";
}
.chokuso .plan_notice{
background: #FFF56D;
border-radius: 10px;
padding: 5px 0;
color: #72B79B;
font-size: 20px;
font-weight: bold;
text-align: center;
}

.chokuso .option {
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
.chokuso .option .option_ttl {
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
position: relative;
float: left;
top: 0;
left: 0;
width: 120px;
height: 120px;
border-radius: 75px;
box-shadow: inset -1px -1px 10px 0 rgba(255,255,255,0.8);
text-align: center;
box-sizing: border-box;
padding-top: 44px;
color: #fff;
text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
font-size: 21px;
background: radial-gradient(ellipse at center, rgba(147,97,168,1) 0%, rgba(169,131,190,1) 75%, rgba(220,204,233,1) 100%);
}
.chokuso .option .option_ttl:before {
content: "";
position: absolute;
width: 100px;
height: 100px;
background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
border-radius: 65px;
top: 5px;
left: 10px;
}
.chokuso .option .option_ttl:after {
content: "";
position: absolute;
width: 70px;
height: 40px;
background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
border-radius: 45px 45px 10px 10px;
top: 10px;
left: 25px;
}
.chokuso .option dl {
float: left;
line-height: normal;
margin-top: 12px;
margin-left: 20px;
}
.chokuso .option dl dt {
float: left;
}
.chokuso .option dl:last-of-type dt {
width: 190px;
}
.chokuso .option dl dt b {
display: block;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-weight: normal;
font-size: 21px;
margin-bottom: 5px;
}

.chokuso .option dl img {
float: left;
width: 140px;
margin-right: 10px;
}
.chokuso .option dl dt .option_price {
display: block;
color: #8C5CA6;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
}
.chokuso .option dl dt .option_price strong {
font-size: 21px;
}
.chokuso .joso {
border: solid 3px #F59098;
border-radius: 10px;
overflow: hidden;
padding: 20px;
position: relative;
margin-bottom: 50px;
}
.chokuso .joso .joso_midashi {
position: absolute;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
background: #F59098;
top: 0;
left: -10px;
color: #fff;
line-height: 1.6;
padding: 20px 10px 80px;
font-size: 18px;
}
.chokuso .joso .joso_midashi:after {
content: "";
height: 0;
width: 0;
display: block;
border: 38px transparent solid;
border-top-width: 0;
position: absolute;
left: 0px;
right: 0px;
margin: auto;
border-bottom-color: #fff;
bottom: 0px;
}
.chokuso .joso .joso_cnt1 {
margin-left: 100px;
overflow: hidden;
margin-bottom: 30px;
}
.chokuso .joso .joso_cnt1 dl {
float: left;
font-size: 24px;
margin-right: 30px;
}
.chokuso .joso .joso_cnt1 dl dd {
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
color: #F59098;
font-size: 56px;
line-height: normal;
}
.chokuso .joso .joso_cnt1 .joso_price1 {
float: left;
background: #FDFAAB;
padding: 10px 10px 5px;
line-height: 1.4;
color: #333;
margin: 10px 30px 0px 0px;
font-size: 21px;
}
.chokuso .joso .joso_cnt1 .joso_price1 strong {
color: #F59098;
font-size: 24px;
margin-left: 5px;
}
.chokuso .joso .joso_cnt1 .joso_price1 b {
color: #F59098;
}
.chokuso .joso .joso_cnt1 .joso_price2 {
float: left;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
text-align: center;
font-size: 28px;
line-height: normal;
}
.chokuso .joso .joso_cnt1 .joso_price2 strong {
color: #F59098;
font-size: 56px;
}
.chokuso .joso .joso_cnt1 .joso_price2 b {
color: #F59098;
font-size: 32px;
}
.chokuso .joso .joso_cnt2 {
margin-left: 130px;
overflow: hidden;
margin-bottom: 30px;
}
.chokuso .joso .joso_cnt2 .about_joso1 {
float: left;
line-height: normal;
font-size: 24px;
margin-right: 20px;
font-weight: bold;
margin-top: 5px;
}
.chokuso .joso .joso_cnt2 .about_joso1 b {
color: #F59098;
}
.chokuso .joso .joso_cnt2 .about_joso2 {
float: left;
line-height: normal;
font-size: 16px;
}
.chokuso .joso ol {
margin-left: 100px;
background: #F9C6C5;
padding: 10px;
border-radius: 5px;
overflow: hidden;
}
.chokuso .joso ol b {
float: left;
}
.chokuso .joso ol li {
background: #fff;
float: left;
border-radius: 5px;
margin: 0 18px;
padding: 0 10px;
width: 97px;
text-align: center;
position: relative;
}
.chokuso .joso ol li:before {
content: "";
height: 0;
width: 0;
display: block;
border: 10px transparent solid;
border-right-width: 0;
position: absolute;
top: 0px;
bottom: 0px;
margin: auto;
border-left-color: #F59098;
right: -24px;
}
.chokuso .joso ol li:last-of-type {
margin-right: 0;
}
.chokuso .joso ol li:last-of-type:before {
display: none;
}

@media (max-width: 768px) {
#chokuso_img {
width: 100%;
}

.chokuso_lineup{
flex-direction: column;
padding: 0 1rem;
}
.chokuso_lineup li{
width: 100%;
margin-bottom: 10px;
}
.chokuso_lineup li:last-of-type{}
.chokuso_lineup li p{}
.chokuso_lineup li:last-of-type p{}
.chokuso_lineup li p strong{
}
.chokuso_lineup li:last-of-type p strong{}
.chokuso_lineup li p b{
}
.chokuso_lineup li p b:after{
}
.chokuso_lineup li:last-of-type p b:after{}
.chokuso_lineup li p small{}
.chokuso_lineup li dl{}
.chokuso_lineup li dl dt{}
.chokuso_lineup li dl dd{}
.chokuso_lineup li dl dd img{}
.chokuso_lineup li a{}

.chokuso .plan dl.plan_price {
position: relative;
border-radius: 10px;
width: inherit;
height: inherit;
top: inherit;
left: inherit;
box-shadow: inherit;
margin-bottom: 1rem;
}
.chokuso .plan dl.plan_price:before {
display: none;
}
.chokuso .plan dl.plan_price:after {
display: none;
}
.chokuso .plan dl.plan_price dt {
display: inline-block;
margin: 0;
line-height: normal;
}
.chokuso .plan dl.plan_price dd {
display: inline-block;
}
.chokuso .plan .plan_ttl {
}
.chokuso .plan .plan_ttl b {
margin-left: 0;
}
.chokuso .plan .plan_ttl ul {
margin-left: 0;
}
.chokuso .plan ul {
margin-left: 0;
text-align: left;
}
.chokuso .plan ul li {
font-size: 12px;
float: none;
display: inline-table;
text-align: center;
}
.chokuso .plan ul li img {
height: 60px;
}
.chokuso .plan ol li {
font-size: inherit;
height: 100px;
padding: 0;
margin: 10px;
}
.chokuso .plan.direct {
margin: 0 1rem 2rem;
}
.chokuso .plan.direct dl.plan_price {
background: linear-gradient(to bottom, rgba(99,133,196,1) 0%, rgba(138,167,211,1) 50%, rgba(193,202,233,1) 100%);
}
.chokuso .plan dl.plan_price dt b small{
margin-left: 0;
margin-right: 0;
letter-spacing: 0;
}
.chokuso .plan.direct ol li {
margin-right: 60px;
}
.chokuso .plan.direct ol li:before {
right: -40px;
}
dl.plan_flow {}
dl.plan_flow li {}
dl.plan_flow dt {
padding: 10px;
font-size: 14px;
}
dl.plan_flow dt:before {}
dl.plan_flow dt:after {}
dl.plan_flow dd {}
dl.plan_flow dd:before {}
dl.plan_flow dd:after {}

.chokuso .plan.direct.jujitu dl.plan_price {
background: linear-gradient(to bottom, rgba(60,161,157,1) 0%, rgba(160,200,163,1) 50%, rgba(185,215,191,1) 100%);
}
.chokuso .plan.direct.jujitu dl.plan_price dt b {
font-size: 54px;
}
.chokuso .plan.direct.jujitu ol li {
margin-right: 60px;
}
.chokuso .plan.direct.jujitu ol li:before {
right: -40px;
}


.chokuso .plan.direct.jujitu.web{}
.chokuso .web .plan_name{
font-size: 60px;
text-align: center;
}
.chokuso .web .plan_name br{
display: none;
}
.chokuso .web .plan_price_web{
position: relative;
top: 0;
right: 0;
text-align: center;
margin-bottom: 20px;
}
.chokuso .web .plan_price_web ruby{}
.chokuso .web .plan_price_web ruby rt{}
.chokuso .web .plan_price_web:before{}
.chokuso .web .plan_price_web:after{}
.chokuso .web .plan_shosai{}
.chokuso .web .plan_shosai .plan_naiyo{
float: none;
width: auto;
margin-bottom: 20px;
}
.chokuso .web .plan_shosai .plan_naiyo li{}
.chokuso .web .plan_shosai .plan_naiyo li:last-of-type{
width: inherit;
padding-left: 5px;
}

.chokuso .web .plan_shosai .plan_naiyo li img{
height: 90px;
}
.chokuso .web .plan_shosai .plan_naiyo li b{
}
.chokuso .web .plan_shosai .plan_naiyo li b:before{}
.chokuso .web .plan_shosai .plan_naiyo li b br{}
.chokuso .web .plan_shosai .choice_ohitu{
float: none;
width: auto;
}
.chokuso .web .plan_shosai .choice_ohitu dt{}
.chokuso .web .plan_shosai .choice_ohitu dt b{}
.chokuso .web .plan_shosai .choice_ohitu dd{}
.chokuso .web .plan_shosai .choice_ohitu dd img{}
.chokuso .web .web_tokuten{}
.chokuso .web .web_tokuten li{
font-size: 20px;
}
.chokuso .web .web_tokuten li:before {
font-size: 18px;
width: 20px;
height: 20px;
vertical-align: top;
}
.chokuso .web .web_tokuten li small{
font-size: 16px;
}
.chokuso .web .choice_kasoba{}
.chokuso .web .choice_kasoba b{}
.chokuso .web .choice_kasoba table{}
.chokuso .web .choice_kasoba table tr{
display: block;
margin-bottom: 10px;
}
.chokuso .web .choice_kasoba table td{}
.chokuso .web .choice_kasoba table td:last-of-type{
display: block;
}
.chokuso .web .choice_kasoba table td:before{}
.chokuso .web .choice_kasoba table td:nth-of-type(1):before{}
.chokuso .web .choice_kasoba table td:nth-of-type(2):before{
content: "";
margin-left: 10px;
}
.chokuso .web .choice_kasoba table td:nth-of-type(3):before{}
.chokuso .plan_notice{
font-size: 14px;
}


.chokuso .option {
margin-bottom: 2rem;
}
.chokuso .option .option_ttl {
background: linear-gradient(to bottom, rgba(147,97,168,1) 0%, rgba(169,131,190,1) 50%, rgba(220,204,233,1) 100%);
position: relative;
border-radius: 10px;
width: inherit;
height: inherit;
top: inherit;
left: inherit;
box-shadow: inherit;
float: none;
padding: 0;
font-size: 34px;
line-height: 54px;
margin: 0 1rem 1rem;
}
.chokuso .option .option_ttl:before {
display: none;
}
.chokuso .option .option_ttl:after {
display: none;
}
.chokuso .option dl {
margin: 0;
box-sizing: border-box;
width: 33%;
text-align: center;
}
.chokuso .option dl:last-of-type {
width: 33%;
}
.chokuso .option dl dt {
float: none;
width: auto;
}
.chokuso .option dl:last-of-type dt {
width: auto;
}
.chokuso .option dl dt b br {
display: none;
}
.chokuso .option dl img {
float: none;
margin-bottom: 10px;
margin-right: 0;
}
.chokuso .option dl dt .option_price {
float: none;
}
.chokuso .joso {

margin: 0 1rem 2rem;
}



.chokuso .joso .joso_midashi {
position: relative;
-webkit-writing-mode: inherit;
-moz-writing-mode: inherit;
-ms-writing-mode: inherit;
-o-writing-mode: inherit;
writing-mode: inherit;
display: inline-block;
padding: 20px 80px 20px 20px;
top: -20px;
left: -20px;
}
.chokuso .joso .joso_midashi:after {
border: 38px transparent solid;
border-bottom-color: transparent;
border-right-color: #fff;
left: auto;
right: 0px;
bottom: 0px;
top: 0px;
}
.chokuso .joso .joso_midashi br {
display: none;
}
.chokuso .joso .joso_cnt1 {
margin-left: 0;
}
.chokuso .joso .joso_cnt1 dl {
font-size: 18px;
}
.chokuso .joso .joso_cnt1 dl dd {
font-size: 38px;
}
.chokuso .joso .joso_cnt1 .joso_price1 {
margin: 0px 30px 0px 0px;
font-size: 18px;
}
.chokuso .joso .joso_cnt1 .joso_price2 {
font-size: 18px;
}
.chokuso .joso .joso_cnt1 .joso_price2 strong {
font-size: 48px;
}
.chokuso .joso .joso_cnt1 .joso_price2 b {
font-size: 28px;
}
.chokuso .joso .joso_cnt2 {
margin-left: 0;
}
.chokuso .joso .joso_cnt2 .about_joso1 {
float: none;
}
.chokuso .joso .joso_cnt2 .about_joso2 {
float: none;
}
.chokuso .joso .joso_cnt2 .about_joso2 br {
display: none;
}
.chokuso .joso ol {
margin-left: 0;
}
.chokuso .joso ol b {
float: none;
display: block;
}
.chokuso .joso ol li {
margin: 0 12px;
padding: 0 5px;
width: 100px;
}
.chokuso .joso ol li:before {
right: -18px;
}
}

@media (max-width: 480px) {
#chokuso_img {
height: 100px;
}
#chokuso_img h2 small {
font-size: 16px;
}

.chokuso_lineup{}
.chokuso_lineup li{}
.chokuso_lineup li:last-of-type{}
.chokuso_lineup li p{}
.chokuso_lineup li:last-of-type p{}
.chokuso_lineup li p strong{
font-size: 26px;
}
.chokuso_lineup li:last-of-type p strong{}
.chokuso_lineup li p b{}
.chokuso_lineup li p b:after{}
.chokuso_lineup li:last-of-type p b:after{
/* white-space: pre; */
}
.chokuso_lineup li p small{}
.chokuso_lineup li dl{}
.chokuso_lineup li dl dt{}
.chokuso_lineup li dl dd{}
.chokuso_lineup li dl dd img{}
.chokuso_lineup li a{}

.chokuso .plan .plan_ttl b {
float: none;
font-size: 2rem;
}
.chokuso .plan .plan_ttl ul li {
display: block;
text-align: left;
width: 90%;
}
.chokuso .plan ul li {
width: 46%;
padding: 5px;
box-sizing: border-box;
}
.chokuso .plan ul li img {
height: auto;
}
.chokuso .plan ol b {
float: none;
text-align: center;
display: block;
}
.chokuso .plan.direct ol li {
-webkit-writing-mode: inherit;
-moz-writing-mode: inherit;
-ms-writing-mode: inherit;
-o-writing-mode: inherit;
writing-mode: inherit;
float: none;
height: inherit;
margin-right: 10px !important;
margin-bottom: 30px;
}
.chokuso .plan.direct ol li:before {
border: 10px transparent solid;
border-left-color: transparent !important;
border-bottom-width: 0;
position: absolute;
top: inherit;
bottom: -20px;
margin: auto;
right: 0 !important;
left: 0 !important;
border-top-color: #89A6D5;
}

dl.plan_flow {
flex-direction: column;
}
dl.plan_flow li {
text-align: center;
margin: -10px 0 10px;
}
dl.plan_flow dt {
-webkit-writing-mode: inherit;
-moz-writing-mode: inherit;
-ms-writing-mode: inherit;
-o-writing-mode: inherit;
writing-mode: inherit;
}
dl.plan_flow dt:before {}
dl.plan_flow dt:after {}
dl.plan_flow dd {}
dl.plan_flow dd:before {
margin: auto;
right: 0;
left: 0;
width: 0;
border: 10px transparent solid;
border-bottom-width: 0;
border-top-color: #89A6D5;
}
dl.plan_flow dd:after {}

.chokuso .plan.direct.jujitu ol li:before {
border-top-color: #72B79B;
}


.chokuso .plan.direct.jujitu.web{}
.chokuso .web .plan_name{
font-size: 38px;
}
.chokuso .web .plan_price_web{
font-size: 50px;
padding: 50px 10px 30px;
}
.chokuso .web .plan_price_web ruby{
font-size: 30px;
}
.chokuso .web .plan_price_web ruby rt{
font-size: 12px;
}
.chokuso .web .plan_price_web:before{}
.chokuso .web .plan_price_web:after{}
.chokuso .web .plan_shosai{}
.chokuso .web .plan_shosai .plan_naiyo{}
.chokuso .web .plan_shosai .plan_naiyo li{
padding: 0;
}
.chokuso .web .plan_shosai .plan_naiyo li:last-of-type{}
.chokuso .web .plan_shosai .plan_naiyo li img{}
.chokuso .web .plan_shosai .plan_naiyo li b{
}
.chokuso .web .plan_shosai .plan_naiyo li b:before{}
.chokuso .web .plan_shosai .plan_naiyo li b br{}
.chokuso .web .plan_shosai .choice_ohitu{}
.chokuso .web .plan_shosai .choice_ohitu dt{
font-size: 14px;
}
.chokuso .web .plan_shosai .choice_ohitu dt b{
font-size: 20px;
}
.chokuso .web .plan_shosai .choice_ohitu dd{
width: auto;
}
.chokuso .web .plan_shosai .choice_ohitu dd img{}
.chokuso .web .web_tokuten{
flex-direction: column;
}
.chokuso .web .web_tokuten li{
width: auto;
}
.chokuso .web .web_tokuten li:before {}
.chokuso .web .web_tokuten li small{}
.chokuso .web .choice_kasoba{}
.chokuso .web .choice_kasoba b{
text-align: center;
display: block;
}
.chokuso .web .choice_kasoba b small{
font-size: 14px;
display: block;
}
.chokuso .web .choice_kasoba table{}
.chokuso .web .choice_kasoba table tr{
border-bottom: dotted 1px #ddd;
padding-bottom: 5px;
}
.chokuso .web .choice_kasoba table td{
display: block;
}
.chokuso .web .choice_kasoba table td:first-of-type{
font-weight: bold;
font-size: 16px;
}
.chokuso .web .choice_kasoba table td:before{}
.chokuso .web .choice_kasoba table td:nth-of-type(1):before{}
.chokuso .web .choice_kasoba table td:nth-of-type(2):before{
margin: 0;
}
.chokuso .web .choice_kasoba table td:nth-of-type(3):before{
content: "〈最寄り駅〉\A";
white-space: pre;
}
.chokuso .plan_notice{
padding: 5px 10px;
text-align: left;
font-size: 16px;
}


.chokuso .option dl {
float: none;
margin: 0 1rem 1rem;
width: 100%;
text-align: left;
}
.chokuso .option dl:last-of-type {
width: 100%;
}
.chokuso .joso {
padding: 0;
}
.chokuso .joso .joso_midashi {
display: block;
padding: 1rem;
width: 100%;
top: 0;
left: 0;
box-sizing: border-box;
font-size: 15px;
}
.chokuso .joso .joso_midashi:after {
display: none;
}
.chokuso .joso .joso_cnt1 {
padding: 1rem;

margin: 0;
}
.chokuso .joso .joso_cnt1 dl {
font-size: inherit;
margin: 0 0 1rem;
float: none;
}
.chokuso .joso .joso_cnt1 .joso_price1 {
margin: 0 0 1rem;
float: none;
}
.chokuso .joso .joso_cnt1 .joso_price2 {
float: none;
}
.chokuso .joso .joso_cnt2 {
padding: 1rem;
margin: 0;
}
.chokuso .joso .joso_cnt2 .about_joso1 {
margin: 0;
font-size: 18px;

}
.chokuso .joso .joso_cnt2 .about_joso2 {
font-size: 14px;
}
.chokuso .joso ol {
margin: 1rem;
}
.chokuso .joso ol b {
float: none;
text-align: center;
display: block;
}
.chokuso .joso ol li {
float: none;
height: inherit;
margin-right: 10px !important;
margin-bottom: 30px;
width: inherit;
}
.chokuso .joso ol li:before {
border: 10px transparent solid;
border-left-color: transparent !important;
border-bottom-width: 0;
position: absolute;
top: inherit;
bottom: -20px;
margin: auto;
right: 0 !important;
left: 0 !important;
border-top-color: #F59098;
}
}
/*//////////////////////////////////////
散骨ページ
//////////////////////////////////////*/
#sankotu_img {
width: 1024px;
height: 500px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img_sankotu.png) no-repeat center;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 21px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#sankotu_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
#sankotu_img h2 strong {
font-weight: normal;
font-size: 48px;
}
#sankotu_img h3 {
margin-left: 20px;
}
#sankotu_img h3 strong {
color: #52ABD2;
font-weight: normal;
}
.sankotu_cnt1 {
width: 1024px;


margin: auto;
position: relative;
}
.sankotu_cnt1 .nijidama {
position: absolute;
left: 20px;
bottom: 10px;
width: 250px;
}
.sankotu_cnt1 .sankotu_price {
position: absolute;
right: 10px;
bottom: 10px;
}
.sankotu_cnt1 .sankotu_price_sp {
display: none;
}
.sankotu ol {
background: #A9CFE6;
padding: 10px 0px 10px 10px;
border-radius: 5px;
margin-top: 43px;
margin-bottom: 5px;
}
.sankotu ol li {
background: #fff;
border-radius: 5px;
margin: 0px 10px;
padding: 0 9px;
width: 84px;
text-align: center;
position: relative;
display: inline-table;
}
.sankotu ol li:before {
content: "";
height: 0;
width: 0;
display: block;
border: 10px transparent solid;
border-right-width: 0;
position: absolute;
top: 0px;
bottom: 0px;
margin: auto;
border-left-color: #4CADD0;
right: -18px;
}
.sankotu ol li:last-of-type {
margin-right: 0;
}
.sankotu ol li:last-of-type:before {
display: none;
}
.sankotu ol li b {
display: table-cell;
position: absolute;
top: -53px;
background: #4CADD0;
color: #fff;
font-weight: normal;
font-size: 12px;
line-height: normal;
width: 100px;
height: 36px;
border-radius: 20px;
text-shadow: 0px 0px 3px rgba(76,173,208,1), 0px 0px 3px rgba(76,173,208,1), 0px 0px 3px rgba(76,173,208,1), 0px 0px 3px rgba(76,173,208,1), 0px 0px 3px rgba(76,173,208,1), 0px 0px 3px rgba(76,173,208,1), 0px 0px 3px rgba(76,173,208,1), 0px 0px 3px rgba(76,173,208,1), 0px 0px 3px rgba(76,173,208,1), 0px 0px 3px rgba(76,173,208,1), 0px 0px 3px rgba(76,173,208,1), 0px 0px 3px rgba(76,173,208,1);
padding-top: 10px;
box-sizing: border-box;
margin: auto;
left: 0;
right: 0;
}
.sankotu ol li:nth-of-type(2) b, .sankotu ol li:nth-of-type(7) b {
padding: 0;
}
.sankotu ol li b:after {
content: "";
position: absolute;
margin: auto;
left: 0;
right: 0;
border-left: dotted 4px #4CADD0;
height: 20px;
width: 0;
bottom: -22px;
}
.josen_sankotu {
margin-top: 50px;
position: relative;
}
.josen_sankotu .cruiser {
position: absolute;
right: 0;
top: -50px;
z-index: -1;
width: 350px;
}
.josen_sankotu .cruiser:before {
content: "";
position: absolute;
top: -1px;
bottom: 0;

left: 0;
right: 0;
margin: auto;
background: linear-gradient(to right, #fff 0%, transparent 50%, transparent 100%), linear-gradient(to top, #fff 0%, transparent 50%, transparent 100%);
}
.sankotu_price_josen {
}
.sankotu_price_josen_sp {
display: none;
}
.josen_sankotu ol {
background: #B9D5C9;
}
.josen_sankotu ol li:before {
border-left-color: #72B69A;
}
.josen_sankotu ol li b {
background: #72B69A;
text-shadow: 0px 0px 3px #72B69A, 0px 0px 3px #72B69A, 0px 0px 3px #72B69A, 0px 0px 3px #72B69A, 0px 0px 3px #72B69A, 0px 0px 3px #72B69A, 0px 0px 3px #72B69A, 0px 0px 3px #72B69A, 0px 0px 3px #72B69A, 0px 0px 3px #72B69A, 0px 0px 3px #72B69A, 0px 0px 3px #72B69A;
}
.josen_sankotu ol li b:after {
border-left: dotted 4px #72B69A;
}

.josen_sankotu ol li:nth-of-type(6) b {
padding: 0;
}
.sankotu dl {
margin-top: 50px;
font-size: 18px;
}
.sankotu dl dt {
background: #4CADD0;
color: #fff;
line-height: normal;
padding: 8px 20px 5px;
border-radius: 5px;
font-size: 24px;
box-shadow: 0 5px 0 0 #A9CFE6;
margin-bottom: 20px;
}
.sankotu dl dd {
padding: 1rem 2rem;
margin-bottom: 20px;/* overflow: hidden; */
}
.sankotu dl dd .sankotu_img {
float: right;
margin-top: -100px;
margin-left: 10px;
overflow: hidden;
}
.sankotu dl dd .sankotu_img a {
float: left;
border: none;
font-size: 12px;
text-align: center;
line-height: 1.4;
padding-left: 5px;
}
.sankotu dl dd .sankotu_img a:hover {
opacity: 0.5;
}
.sankotu dl dd .sankotu_img a img {
height: 150px;
display: block;
border: solid 3px #ddd;
margin-bottom: 5px;
}
.sankotu dl dd .sankotu_img a small {
display: block;
font-size: 10px;
}
.sankotu dl .pc_tel {
margin: 2rem 0;
}
.sankotu dl .sp_tel {
display: none;
}
.sankotu dl .jigyobu {
display: block;
font-size: 24px;
font-weight: bold;
}
.sankotu dl .jigyobu b {
font-size: 32px;
}
.sankotu dl .notice {
color: #999;
font-size: 14px;
}
.sankotu dl .pay {
}
.sankotu dl .pay strong {
font-size: 24px;
}
.sankotu dl .pay li {
padding-left: 2rem;
margin-bottom: 1rem;
}
.sankotu dl .waku {
border: double;
padding: 1rem;
text-align: center;

margin: 1rem;
}
.sankotu dl dt#funkotu {
}
.sankotu dl dt#funkotu + dd {
}
.sankotu dl dt#funkotu + dd img[alt="粉骨"] {
float: right;
width: 330px;
margin-top: -100px;
margin-left: 30px;
}
.sankotu dl dt#funkotu + dd img[alt="粉骨"] + div {display: flex;justify-content: space-around;margin: 50px 0 0;/* padding: 10px; *//* border: solid 1px #ddd; */}
.sankotu dl dt#funkotu + dd img[alt="粉骨"] + div p{background: #C7DDD4;padding: 20px;border-radius: 10px;width: auto;box-sizing: border-box;margin-right: 10px;}
.sankotu dl dt#funkotu + dd img[alt="粉骨"] + div p img{display: block;height: 240px;max-width: fit-content;}
.sankotu dl dt#funkotu + dd table {
margin: 2rem 0 4rem;
border: solid 1px #ddd;
border-right: none;
border-bottom: none;
font-size: 21px;
}
.sankotu dl dt#funkotu + dd table caption {
color: #4CADD0;
font-weight: bold;
font-size: 24px;
text-align: left;
white-space: nowrap;
}
.sankotu dl dt#funkotu + dd table tr {
}
.sankotu dl dt#funkotu + dd table th {
border: solid 1px #ddd;
border-left: none;
border-top: none;
padding: 10px 20px;
background: #A9CFE6;
/* font-weight: bold; */
color: #333;
}
.sankotu dl dt#funkotu + dd table td {
border: solid 1px #ddd;
border-left: none;
border-top: none;
padding: 10px 20px;
}
.sankotu dl dt#funkotu + dd .funkotu_merit {
overflow: hidden;
}
.sankotu dl dt#funkotu + dd .funkotu_merit img {
float: right;
width: 45%;
}
.sankotu dl dt#funkotu + dd .funkotu_merit ul {
margin-top: 1rem;
}
.sankotu dl dt#funkotu + dd .funkotu_merit ul:before {
content: "粉骨のご利用例";
color: #4CADD0;
/* font-weight: bold; */
font-size: 24px;
}
.sankotu dl dt#funkotu + dd .funkotu_merit ul li {
background: #FFFCD6;
border-radius: 10px;
margin: 0 0 10px;
padding: 0.5rem 0.5rem 0.5rem 1.5rem;
width: 50%;
box-sizing: border-box;
line-height: 1.4;
font-size: 14px;
}
.sankotu dl dt#funkotu + dd .funkotu_merit ul li b {
color: #666;
display: block;
margin: 0 0 5px -0.5rem;
font-size: 18px;
}

@media (max-width: 768px) {
#sankotu_img {
width: 100%;
height: 400px;
}
.sankotu_cnt1 {
width: 100%;
}
.sankotu_cnt1 .nijidama {
left: 1rem;
bottom: 1rem;
width: 200px;
}
.sankotu_cnt1 .sankotu_price {
right: 1rem;
bottom: 1rem;
width: 50%;
}
.sankotu {
margin: 0 1rem;
}
.sankotu ol {
margin: 1rem 0 0;
padding: 0;
}
.sankotu ol b {
display: block;
}
.sankotu ol li {
margin: 0px 6px;
padding: 0 5px;
width: 76px;
}
.sankotu ol li:before {
right: -14px;
}
.sankotu ol li b {
left: -7px;
}
.josen_sankotu {
}
.josen_sankotu .cruiser {
overflow: hidden;
}
.josen_sankotu .cruiser:before {
}
.josen_sankotu .cruiser img {
margin-top: -60px;
}
.sankotu_price_josen {
width: 50%;
}
.sankotu_price_josen_sp {
}
.josen_sankotu ol {
}
.josen_sankotu ol li:before {
}
.josen_sankotu ol li b {
}

.josen_sankotu ol li b:after {
}
.josen_sankotu ol li:nth-of-type(6) b {
}
.sankotu dl {
margin-top: 2rem;
}
.sankotu dl .pc_tel {
display: none;
}
.sankotu dl .sp_tel {
display: block;
border: none;
margin: 1rem 0;
}
.sankotu dl dt#funkotu {
}
.sankotu dl dt#funkotu + dd {
}
.sankotu dl dt#funkotu + dd img[alt="粉骨粉砕機"] {
margin-top: 10px;
width: 210px;
}
.sankotu dl dt#funkotu + dd table {
}
.sankotu dl dt#funkotu + dd table caption {
}
.sankotu dl dt#funkotu + dd table tr {
}
.sankotu dl dt#funkotu + dd table th {
}
.sankotu dl dt#funkotu + dd table td {
}
.sankotu dl dt#funkotu + dd .funkotu_merit {
}
.sankotu dl dt#funkotu + dd .funkotu_merit img {
margin-top: 50px;
width: 64%;
}
.sankotu dl dt#funkotu + dd .funkotu_merit ul {
}
.sankotu dl dt#funkotu + dd .funkotu_merit ul:before {
}
.sankotu dl dt#funkotu + dd .funkotu_merit ul li {
width: 30%;
}
.sankotu dl dt#funkotu + dd .funkotu_merit ul li b {
}
}

@media (max-width: 480px) {
#sankotu_img h2 {
padding: 1rem;
}
#sankotu_img h3 {
margin: 0;
padding: 1rem;
}
.sankotu_cnt1 .nijidama {
position: relative;
left: inherit;
bottom: inherit;
display: block;
margin: auto;
width: calc(100% - 2rem);
}
.sankotu_cnt1 .sankotu_price {
display: none;
}
.sankotu_cnt1 .sankotu_price_sp {
display: block;
margin: auto;
width: calc(100% - 2rem);
}
.sankotu ol {
padding-bottom: 1px;
}
.sankotu ol b {
text-align: center;
}
.sankotu ol li {
display: block;

width: auto;
margin-bottom: 30px;
}
.sankotu ol li:last-of-type {
margin-right: 0;
margin: 0px 6px 6px;
}
.sankotu ol li:before {
border: 10px transparent solid;
border-left-color: transparent !important;
border-bottom-width: 0;
position: absolute;
top: inherit;
bottom: -20px;
margin: auto;
right: 0 !important;
left: 0 !important;
border-top-color: #4CADD0;
}
.sankotu ol li b {
position: relative;
height: auto;
margin: 0;
width: auto;
top: inherit;
color: #4CADD0;
display: block;
background: transparent;
text-shadow: none;
padding: 0px 0 5px;
left: 0;
}
.sankotu ol li b br {
display: none;
}
.sankotu ol li:nth-of-type(2) b, .sankotu ol li:nth-of-type(7) b {
padding-bottom: 5px;
}
.sankotu ol li b:after {
display: none;
}
.josen_sankotu {
}
.josen_sankotu .cruiser {
position: relative;
width: 100%;
top: inherit;
}
.josen_sankotu .cruiser:before {
background: linear-gradient(to top, #fff 0%, transparent 50%, transparent 100%);
}
.josen_sankotu .cruiser img {
margin: 0;
}
.sankotu_price_josen {
display: none;
}
.sankotu_price_josen_sp {
display: block;
}
.josen_sankotu ol {
padding-bottom: 1px;
}
.josen_sankotu ol li:before {
border-top-color: #72B69A;
}
.josen_sankotu ol li b {
color: #72B69A;
}
.josen_sankotu ol li b:after {
}
.josen_sankotu ol li:nth-of-type(6) b {
}
.sankotu dl dt {
margin-bottom: 1rem;
}
.sankotu dl dd {
padding: 0 1rem;
line-height: normal;
font-size: 14px;
}
.sankotu dl .pay strong {
font-size: 18px;
}
.sankotu dl dd .sankotu_img {
float: none;
margin: 0;
}
.sankotu dl dd .sankotu_img a {
float: none;
display: block;
padding: 5px;
}
.sankotu dl dd .sankotu_img a img {
height: inherit;
box-sizing: border-box;
}
.sankotu dl .pay li {
padding-left: 1rem;
margin-bottom: 1rem;
}
.sankotu dl .waku {
margin: 0.5rem 0;
padding: 0.5rem;
}
.sankotu dl dt#funkotu {
}
.sankotu dl dt#funkotu + dd {
}
.sankotu dl dt#funkotu + dd img[alt="粉骨"] {
float: none;
display: block;
margin: 10px auto;
width: 100%;
}
.sankotu dl dt#funkotu + dd img[alt="粉骨"] + div {
flex-direction: column;
}
.sankotu dl dt#funkotu + dd img[alt="粉骨"] + div p{
margin-right: 0;
margin-bottom: 20px;
}
.sankotu dl dt#funkotu + dd img[alt="粉骨"] + div p img{}
.sankotu dl dt#funkotu + dd table {
font-size: 14px;
margin: 2rem 0;
width: 100%;
}
.sankotu dl dt#funkotu + dd table caption {
font-size: 18px;
}
.sankotu dl dt#funkotu + dd table tr {
}
.sankotu dl dt#funkotu + dd table th {
}
.sankotu dl dt#funkotu + dd table td {
}
.sankotu dl dt#funkotu + dd .funkotu_merit {
}
.sankotu dl dt#funkotu + dd .funkotu_merit img {
float: none;
width: 100%;
margin: 0 0 1rem;
}
.sankotu dl dt#funkotu + dd .funkotu_merit ul {
}
.sankotu dl dt#funkotu + dd .funkotu_merit ul:before {
}
.sankotu dl dt#funkotu + dd .funkotu_merit ul li {
width: 100%;
padding: 0.5rem;

}
.sankotu dl dt#funkotu + dd .funkotu_merit ul li b {
margin-left: 0;
}
}
/*//////////////////////////////////////
よくあるご質問ページ
//////////////////////////////////////*/
.qa_cnt1 {
width: 1024px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img_qa.png) no-repeat center;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 21px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#qa_img {
background: url(../img/top_img_qa2.png) no-repeat top 10px right 10px;
background-size: 25%;
}
#qa_img h2 {
color: #52ABD2;
padding: 20px 20px 30px;
line-height: normal;
font-size: 3rem;
}
#qa_img h3 {
margin-left: 30px;
padding-bottom: 2rem;
font-size: 1.8rem;
line-height: 1.6;
}
.qa_ttl {
border-left: solid 10px #72B69A;
padding-left: 20px;
color: #72B69A;
font-size: 18px;

}
.qa_ttl strong {
display: block;
margin-left: -20px;
padding: 10px 20px;
margin-bottom: 10px;
border-bottom: solid 1px;
color: #666;
font-size: 2rem;
}
.qa ul {
border: double 3px #72B69A;
margin-top: 2rem;
padding: 20px;
list-style: inherit;
}
.qa ul li {
margin-left: 20px;
}
.qa ul li a {
}
.qa dl {
margin-top: 50px;
font-size: 18px;
counter-reset: qa;
}
.qa dl [id*="qa_"] {
border-left: solid 10px #72B69A;
padding: 5px 15px;
margin-bottom: 20px;
color: #666;
font-size: 1.6rem;
font-weight: bold;
}
.qa dl dt {
background: #72B69A;
color: #fff;
line-height: normal;
padding: 8px 50px 5px 90px;
border-radius: 5px;
font-size: 24px;
box-shadow: 0 5px 0 0 #B9D5C9;
margin-bottom: 20px;
position: relative;
}
.qa dl dt:before {
counter-increment: qa;
content: "Q."counter(qa);
font-weight: bold;
position: absolute;
top: 6px;
left: 20px;
}
.qa dl dd {
padding: 0px 3rem;
margin: 20px 20px 40px;
position: relative;
}
.qa dl dd:before {
content: "A";
position: absolute;
top: 10px;
left: 0;
color: #B9D5C9;
font-size: 3rem;
font-weight: bold;
}

@media (max-width: 768px) {
.qa_cnt1 {
width: 100%;
}
.qa {
margin: 0 1rem;
}
.qa dl {
margin-top: 2rem;
}
}

@media (max-width: 480px) {
#qa_img {
background: url(../img/top_img_qa2.png) no-repeat top 10px right -30px;
background-size: contain;
}
#qa_img h2 {
padding: 1rem;
font-size: 1.6rem;
}
#qa_img h3 {
margin: 0;
padding: 1rem;
font-size: 1rem;
}
.qa_ttl {
font-size: 1rem;
}
.qa dl dt {
margin-bottom: 1rem;
font-size: 1rem;
padding: 8px 10px 5px 32px;
}
.qa dl dt:before {
top: 7px;
left: 10px;
}
.qa dl dd {
padding: 0;
line-height: normal;
font-size: 1rem;
}
.qa dl dd:before {
position: relative;
float: left;
top: 3px;
line-height: 1;
margin-right: 10px;
}
}
/*//////////////////////////////////////
会社概要ページ
//////////////////////////////////////*/
#profile_img {
width: 1024px;
height: 200px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img.png) no-repeat center;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#profile_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}

#profile_img h2 small {
display: block;
font-size: 21px;
margin-top: 1rem;
line-height: 1.4;
}
.aisatu img {
float: right;
height: 200px;
margin-left: 4rem;
}
.aisatu_ttl {
border-left: solid 10px #72B69A;
padding: 10px 20px;
margin-bottom: 2rem;
border-bottom: solid 1px;
color: #666;
font-size: 2rem;
font-weight: bold;
}
.aisatu_txt {
margin: 0 4rem 7rem;
font-size: 16px;
}
.aisatu_txt p {
margin-bottom: 2rem;
}
.profile_inner_ttl {
border-left: solid 10px #72B69A;
padding: 10px 20px;
margin-bottom: 2rem;
border-bottom: solid 1px;
color: #666;
font-size: 2rem;
font-weight: bold;
}
.profile_inner_list {
margin: 0 auto 20px;
width: calc(100% - 8rem);
border: solid 1px #ddd;
border-right: none;
border-bottom: none;
}
.profile_inner_list caption {
background: #72B69A;
color: #fff;
text-align: left;

padding: 5px 10px;
font-weight: bold;
}
.profile_inner_list th {
border: solid 1px #ddd;
border-left: none;
border-top: none;
text-align: left;
font-weight: bold;
padding: 10px 20px;
background: #f3f3f3;
width: 100px;
white-space: nowrap;
}

.profile_inner_list td {
border: solid 1px #ddd;
border-left: none;
border-top: none;
padding: 10px 20px;
}
#recruit {
padding-top: 7rem;
}
.recruit_contact {
width: calc(100% - 8rem);
border: double 8px #ddd;
margin: 2rem auto;
box-sizing: border-box;
padding: 2rem 1rem 1rem;
position: relative;
text-align: center;
}
.recruit_contact:before {
content: "採用に関するお問い合せはこちら";
position: absolute;
top: -20px;
left: 5px;
background: #fff;
font-size: 21px;
font-weight: bold;
padding: 5px;
line-height: 1;
}
.recruit_contact a {
position: relative;
font-size: 50px;

font-weight: bold;
border: none;
line-height: 1;
padding-left: 80px;
}
.recruit_contact a:before {
content: "";
width: 100px;
height: 40px;
position: absolute;
background: url(../img/icn_free-dial.png) no-repeat;
background-size: contain;
top: -5px;
bottom: 0;
left: 0;
margin: auto;
}
#wako_group {
padding-top: 7rem;
}
.wako_group_ttl {
border-left: solid 10px #72B69A;
padding: 10px 20px;
margin-bottom: 2rem;
border-bottom: solid 1px;
color: #666;
font-size: 2rem;
font-weight: bold;
}
#wako_group dl {
margin: 0 4rem;
}
#wako_group dl dt {
padding-top: 100px;
margin-top: -70px;
font-size: 20px;
font-weight: bold;
}
#wako_group dl dt:before {
content: "●";
color: #72B69A;
}
#wako_group dl dd {
margin-left: 1.5rem;
}
#wako_group dl dd a {
display: table;
border:none;
}
#wako_group dl dd a:hover{
opacity:0.5;
}
#wako_group dl dd a[href*="tel:"] {
font-size: 24px;
font-weight: bold;
position: relative;
border-bottom:solid 1px;
}
#wako_group dl dd a[href*="tel:"]:before {
content: "TEL:";
}
#wako_group dl dd a[href*="tel:"]:hover{
opacity:1;
border:none;
}
#wako_group dl dd a[href*="tel:0120"] {
padding-left: 40px;
}
#wako_group dl dd a[href*="tel:0120"]:before {
content: "";
width: 100px;
height: 22px;
position: absolute;
background: url(../img/icn_free-dial.png) no-repeat;
background-size: contain;
top: 3px;
left: 0;
}
#wako_group p {
margin: 2rem 4rem;
}
.profile_inner dl {
margin: 0 auto 20px;
width: calc(100% - 8rem);
}
.profile_inner dl dt {
font-weight: bold;
margin-top: 1rem;
}
.profile_inner dl dd {
margin-left: 2rem;
margin-right: 1rem;
}

.profile_inner dl dd li {
margin-left: 3rem;
list-style: none;
position: relative;
}
.profile_inner dl dd li:before {
content: "●";
position: absolute;
left: -1rem;
}

@media (max-width: 768px) {
#profile_img {
width: 100%;
}
.aisatu {
margin: 0 1rem;
}
.aisatu_txt {
margin: 0 1rem 7rem;
}
.aisatu_txt p {
}
.profile_inner {
margin: 0 1rem;
}
.profile_inner_list {
width: 100%;
}
.recruit_contact {
width: 100%;
}
.recruit_contact:before {
}
.recruit_contact a {
}
.recruit_contact a:before {
}
#wako_group {
margin: 0 1rem;
}
#wako_group dl {
margin: 0 1rem;
}
#wako_group p {
margin: 2rem 1rem;

}
.profile_inner dl {
width: 100%;
}
.profile_inner dl dt {
}
.profile_inner dl dd {
}
.profile_inner dl dd li {
}
}

@media (max-width: 480px) {
#profile_img {
height: auto;
}
.aisatu img {
float: none;
margin: 0 auto 1rem;
display: block;
}
.aisatu_txt {
font-size: inherit;
margin-bottom: 3rem;
}
.aisatu_txt p {
margin-bottom: 1rem;
}
.profile_inner_list tr {
display: block;
}
.profile_inner_list th {
display: block;
width: inherit;
padding: 5px 10px;
}
.profile_inner_list td {
display: block;
}
.recruit_contact {
padding: 1rem 0 0.5rem;
}
.recruit_contact:before {
font-size: 16px;
left: 0;
right: 0;
}
.recruit_contact a {
font-size: 28px;
padding-left: 36px;
}
.recruit_contact a:before {
height: 20px;
}
#wako_group {
padding-top: 3rem;
}
#wako_group dl {
margin: 0;
}
#wako_group p {
margin: 2rem 0rem;
}
.profile_inner dl {
}
.profile_inner dl dt {
}
.profile_inner dl dd {
margin-left: 1rem;

}
.profile_inner dl dd li {
margin-left: 1rem;
}
}
/*//////////////////////////////////////
長距離搬送ページ
//////////////////////////////////////*/
#transport_img {
width: 1024px;
height: 200px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img_transport.png) no-repeat center;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#transport_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
.transport_cnt1 {
}
.transport_ttl {
background: radial-gradient(ellipse at center, rgb(215, 241, 255) 0%, rgb(80, 170, 218) 50%, rgb(62, 156, 206) 100%);
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
position: absolute;
width: 150px;
height: 150px;
border-radius: 50%;
box-shadow: inset -1px -1px 10px 0 rgba(255,255,255,0.8);
text-align: center;
box-sizing: border-box;
color: #fff;
text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
font-size: 40px;
padding-top: 37px;
line-height: normal;
}
.transport_ttl:before {
content: "";
position: absolute;
width: 130px;
height: 130px;
background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
border-radius: 65px;
top: 5px;
left: 10px;
}
.transport_ttl:after {
content: "";
position: absolute;
width: 90px;
height: 50px;
background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
border-radius: 45px 45px 10px 10px;
top: 10px;
left: 30px;
}
.transport_ttl_txt {
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 24px;
margin: 0 auto;
width: 90%;
}
.transport_ttl_txt b {
color: #2a92c9;
font-weight: normal;
}
.transport_ttl_txt dt {
border-bottom: solid 3px #2a92c9;
font-size: 42px;
line-height: 58px;
padding-left: 1rem;
margin-bottom: 5px;
font-family: '游ゴシック, Meiryo, Osaka, sans-serif';
}
.transport_ttl_txt dd {
padding-left: 1rem;
font-family: '游ゴシック, Meiryo, Osaka, sans-serif';
}
.transport_ttl_txt li {
font-family: '游ゴシック, Meiryo, Osaka, sans-serif';
list-style: none;
font-size: 14px;
padding-left: 1rem;
margin: 10px 0;
line-height: 1.8;
}
.transport_ttl_txt li br {
display: none;
}
img.manga{
margin-bottom: 50px;
}
.transport_cnt1 strong{display: block;text-align: center;font-size: 32px;margin-bottom: 50px;color: #2a92c9;}

.transport_cnt2 {
overflow: hidden;
margin: 1rem;
}

.price_distance {
border: solid 2px #2a92c9;
border-right: none;
border-bottom: none;
width: calc(25% - 20px);
}

.price_distance tr:nth-of-type(odd) {
background: #f3f3f3;
}

.price_distance th {
border-right: solid 2px #2a92c9;
border-bottom: solid 2px #2a92c9;
background: #2a92c9;
color: #fff;
padding: 5px 10px;
font-weight: bold;
}
.price_distance th:last-of-type {
border-right: solid 2px #2a92c9;
}
.price_distance td {
border: solid 2px #2a92c9;
border-left: none;
border-top: none;
padding: 5px 10px;
text-align: right;
}
.price_distance td:first-of-type {
background: #d7f1ff;
text-align: center;
}
.price_time {
float: right;
border: solid 2px #2a92c9;
border-right: none;
border-bottom: none;
width: calc(25% + 20px);
}
.price_time tr:nth-of-type(odd) {
background: #f3f3f3;
}
.price_time th {
border-right: solid 2px #2a92c9;
border-bottom: solid 2px #2a92c9;
background: #2a92c9;
color: #fff;
padding: 5px 10px;
font-weight: bold;
}
.price_time th:last-of-type {
border-right: solid 2px #2a92c9;
}
.price_time td {
border: solid 2px #2a92c9;
border-left: none;
border-top: none;
padding: 5px 10px;
text-align: right;
}
.price_time td:first-of-type {
background: #d7f1ff;
text-align: center;
}
.price_time td:empty {
background: linear-gradient(to top right, transparent, transparent 49.5%, #2a92c9 49.5%, #2a92c9 50.5%, transparent 50.5%, transparent);
}
.transport_cnt2 ol {
clear: both;
position: relative;
padding: 1rem 3rem;
}
.transport_cnt2 ol:before {
content: "（注）";
position: absolute;
top: 1rem;
left: 0;
}
.transport_cnt2 ol li {
position: relative;
padding-left: 1rem;
}
.transport_cnt2 ol li:nth-of-type(1):before {
content: "①";
position: absolute;
top: 0;
left: 0;
}
.transport_cnt2 ol li:nth-of-type(2):before {
content: "②";
position: absolute;
top: 0;
left: 0;
}
.transport_cnt3 {
overflow: hidden;
margin: 1rem 1rem 2rem;
}
.transport_distance {
border: solid 2px #2a92c9;
border-right: none;
border-bottom: none;
margin-right: 20px;
margin-bottom: 1rem;
width:100%;
}
.transport_distance:nth-of-type(2){
float: right;
margin-right: 0;
}
.transport_distance caption {
background: #2a92c9;
color: #fff;
text-align: left;
padding: 5px 10px;
font-weight: bold;
}
.transport_distance caption b {
/* display: none; */
}
.transport_distance th {
border: solid 2px #2a92c9;
border-left: none;
border-top: none;
padding: 5px 10px 5px 2.5rem;
text-align: left;
background: #d7f1ff;
white-space: nowrap;
width: 100px;
position: relative;
box-sizing: border-box;
}
.transport_distance tr:nth-of-type(1) th:nth-of-type(1):before {
/*content: "当社";*/
position: absolute;
left: 10px;
}
.transport_distance td {
border: solid 2px #2a92c9;
border-left: none;
border-top: none;
padding: 5px 10px;
text-align: right;
}
.transport_price {
float: left;
/* width: calc(50% - 20px); */
line-height: 1.8;
width: 100%;
/* margin: 1rem; */
}
.transport_price th {
text-align: left;
position: relative;
padding: 0;
}
.transport_price th b {
background: #fff;
position: relative;
z-index: 100;
padding: 0 10px 0 0;
}
.transport_price th b:before {
content: "●";
color: #2a92c9;
font-size: 18px;
}
.transport_price th:after {
content: "";
position: absolute;
border-bottom: dotted 2px #666;
width: 100%;
left: 0;
top: 1rem;
}
.transport_price td {
padding: 5px 10px;
}
.transport_cnt3 .notice {
clear: both;
position: relative;
}
.transport_cnt3 .notice:before {
content: "";
background: linear-gradient(to right, transparent, #2a92c9 20%, #2a92c9 80%, transparent);
width: 100%;
height: 3px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.transport_cnt3 .notice strong {
margin: auto;
display: table;
background: #fff;
padding: 10px;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 24px;
position: relative;
}
.case {
background: #FFFCD6;
border-radius: 10px;
margin: 2rem 1rem;
padding: 1rem 1rem 4rem 1rem;
}
.case_ttl {
position: relative;
border-bottom: solid 3px #2a92c9;
margin-left: 2rem;
padding-left: 2rem;
padding-right: 1rem;
font-size: 24px;
display: table;
font-weight: bold;
line-height: 1.2;
margin-bottom: 2rem;
}
.case_ttl:before {
content: "搬送例";
position: absolute;
z-index: 100;
width: 80px;
text-align: center;
top: -3px;
left: -4rem;
color: #fff;
font-size: 21px;
font-weight: bold;
}
.case_ttl:after {
content: "";
position: absolute;
width: 80px;
height: 80px;
background: #2a92c9;
border-radius: 50%;
top: -2rem;
left: -4rem;
}
.case_ttl strong {
padding-left: 1rem;
}
.case_ttl strong:after {
content: " ▶ ";
color: #2a92c9;
}
.case_detail {
overflow: hidden;
}
.case_detail dl {
float: left;
width: calc(50% - 6rem);
margin-left: 4rem;
font-size: 16px;
}
.case_detail dt {
font-size:14px;
overflow: hidden;
position: relative;
}
.case_detail dt:before {
content: "";
width: calc(100% - 2rem);
position: absolute;
border-bottom: dotted 2px;
right: 0;
bottom: 1rem;
}
.case_detail dt strong {
position: relative;
background: #FFFCD6;
padding-right: 10px;
}
.case_detail dt strong:before {
content: "●";
color: #2a92c9;
font-size: 18px;
}
.case_detail dt span {
float: right;
font-weight: bold;
position: relative;
text-align: right;
background: #FFFCD6;
padding-left: 10px;

}
.case_detail dt span b {
font-weight: normal;
padding-right: 10px;
}
.case_detail dt span b:before {
content: "<";
}
.case_detail dt span b:after {
content: ">";
}
.case_detail dd {
margin: -5px 0 0 1rem;
position: relative;
z-index: 100;
font-size: 14px;
padding-left: 1.5rem;
line-height: 1.6;
}
.case_detail dd:before {
content: "┗ ";
color: #2a92c9;
font-size: 18px;
position: absolute;
left: 0;
}
.case_price {
clear: both;
border-bottom: solid 3px #2a92c9;
float: right;
font-size: 24px;
padding: 10px 10px 0;
font-weight: bold;
color: #2a92c9;
}
.case_price:before {
content: "合計 ";
color: #666;
}
.case_price:after {
content: " (税込10%の場合)";
font-size: 14px;
color: #666;
}

@media (max-width: 768px) {
#transport_img {
width: 100%;
}
.transport_cnt1 {
margin: 0 1rem;
}
.transport_ttl {
width: 100px;
height: 100px;
font-size: 28px;
padding-top: 24px;
}
.transport_ttl:before {
width: 86px;
height: 86px;
top: 3px;
left: 7px;
}
.transport_ttl:after {
width: 60px;
height: 34px;
top: 6px;
left: 20px;
}
.transport_ttl_txt {
margin-top: 10px;
}
.transport_ttl_txt b {
}
.transport_ttl_txt dt {
font-size: 28px;
line-height: 34px;
}
.transport_ttl_txt dd {
font-size: 18px;
line-height: 1.4;
}
.transport_ttl_txt li {
font-size: 12px;
}
img.manga{
margin-bottom: 20px;
}
.transport_cnt1 strong{
margin-top: 20px;
font-size: 24px;
margin-bottom: 10px;
}
.price_distance {
width: calc(33.33% - 10px);
}
.price_time {
float: none;
width: calc(100% - 11px);
clear: both;
margin: 0 5px;
}
.transport_cnt3 {
margin: 1rem 1rem 1rem;
}
.transport_distance {
width: 100%;
margin-right: 10px;
}
.transport_distance:nth-of-type(2){}
.transport_price {
/* width: calc(50% + 10px); */
margin: 0;
}
.transport_price tr {
display: block;

}
.transport_price th {
display: block;
}
.transport_price td {
display: block;
padding: 0 1rem 1rem;
}
.transport_cnt4 {
margin: 0 1rem;
}
.case_ttl {
font-size: 16px;
line-height: 1.6;
margin-bottom: 1rem;
}
.case_ttl:before {
top: -6px;
}
.case_detail dl {
margin: 0 1rem;
width: calc(50% - 2rem);
font-size: 14px;
}
.case_detail dd {
font-size: 12px;
}
}

@media (max-width: 480px) {
#transport_img {
height: 100px;
}
.transport_ttl {
display: none;
}
.transport_ttl_txt {
margin: 0;
width: 100%;
}
.transport_ttl_txt dt {
padding: 5px 0;
margin-top: 5px;
font-size: 22px;
}
.transport_ttl_txt dd {
padding: 0;
font-size: 14px;
line-height: 1.6;
}
.transport_ttl_txt li {
padding: 0;
line-height: 1.5;
margin-top: 10px;
}
.transport_ttl_txt li br {
display: block;
}
img.manga{
margin-bottom: 0;
}
.transport_cnt1 strong{
font-size: 18px;
}
.price_distance {
float: none;
margin: 0;
width: 100%;
}
.price_distance th {
line-height: 1;
}
.price_distance td {
line-height: 1;
}
.price_distance td:first-of-type {
width: 25%;
}
.price_time {
margin: 10px 0 0;
width: 100%;
}
.price_time th {
line-height: 1;
}
.price_time td {
line-height: 1;
}
.transport_cnt2 ol {
padding: 0 0 0 2rem;
font-size: 11px;
line-height: 1.8;
}
.transport_cnt2 ol:before {
top: 0;
}
.transport_distance {
width: 100%;
float: none;
/* margin-bottom: 1rem; */
margin-right: 0;
}
.transport_distance:nth-of-type(2){
float: none;
}
.transport_distance caption b {
display: inline;
}
.transport_distance th {
white-space: inherit;
padding: 5px 10px;
}
.transport_distance tr:nth-of-type(1) th:nth-of-type(1):before {
display: none;
}
.transport_price {
float: none;
width: 100%;
/* margin: 0; */

/* margin-top: 1rem; */
}
.transport_price tr {
display: block;
}
.transport_price th {
display: block;
}
.transport_price td {
display: block;
padding: 0 1rem 1rem;
}
.transport_cnt3 .notice strong {
font-size: 16px;
text-align: center;
margin: 0 2rem;
}
.case {
width: 100%;
margin: 0 0 10px;
box-sizing: border-box;
padding: 0 0 1rem;
overflow: hidden;
}
.case_ttl {
margin: 0;
padding: 2.5rem 1rem 0;
width: 100%;
box-sizing: border-box;
}
.case_ttl:before {
top: 0;
left: 1rem;
font-size: 1rem;
text-align: left;
line-height: 2rem;
}
.case_ttl:after {
width: 100%;
border-radius: 10px 10px 0 0;
height: 2rem;
top: 0;
left: 0;
}
.case_detail {
padding: 1rem;
}
.case_detail dl {
float: none;
margin: 0;
width: 100%;
font-size: 12px;
}
.case_price {
font-size: 18px;
margin: 1rem;
float: none;
padding: 0;
}
.case_price:after {
font-size: 12px;
}
}
/*//////////////////////////////////////
空輸搬送ページ
//////////////////////////////////////*/
#transport-air_img {
width: 1024px;
height: 200px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img_transport-air.png) no-repeat center;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#transport-air_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
.transport_air .transport_ttl {
background: radial-gradient(ellipse at center, rgba(99,133,196,1) 0%, rgba(138,167,211,1) 50%, rgba(193,202,233,1) 100%);
font-size: 26px;
line-height: 40px;
}
.transport_air .transport_ttl_txt b {
color: #89A6D5;
}
.transport_air .transport_ttl_txt dt {
border-bottom: solid 3px #89A6D5;
font-size: 26px;
}
.transport_air .transport_cnt3 {
margin: 1rem 1rem 2rem;

}
.transport_air .transport_distance {
border: solid 2px #89A6D5;
border-right: none;
border-bottom: none;
}
.transport_air .transport_distance th {
border: solid 2px #89A6D5;
border-left: none;
border-top: none;
background: #89A6D5;
padding: 5px 10px;
color: #fff;
font-weight: bold;
}
.transport_air .transport_distance tr:nth-of-type(1) th:nth-of-type(1):before {
content: none;
}
.transport_air .transport_distance td {
border: solid 2px #89A6D5;
border-left: none;
border-top: none;
}
.transport_air .transport_distance tr td:nth-of-type(1) {
background: #C1CAE9;
text-align: left;
}
.transport_air .transport_price {
width: calc(50% - 20px);
}
.transport_air .transport_price th b:before {
color: #89A6D5;
}
.transport_air .transport_cnt3 .notice:before {
background: linear-gradient(to right, transparent, #89A6D5 20%, #89A6D5 80%, transparent);
}
.transport_air ol {
background: #C1CAE9;
border-radius: 5px;
padding: 20px 30px;
counter-reset: number;
margin: 1rem 1rem 4rem;
}
.transport_air ol b {
color: #333;
font-size: 28px;
}
.transport_air ol p {
color: #333;
margin-bottom: 2rem;
}
.transport_air ol li {
position: relative;
margin-left: 3rem;
background: #fff;
border-radius: 5px;
padding: 10px 10px 10px 30px;
margin-bottom: 40px;
}
.transport_air ol li:before {
counter-increment: number;
content: counter(number);
position: absolute;
top: 0;
left: -2.5rem;
background: #89A6D5;
color: #fff;
font-size: 32px;
font-weight: bold;
width: 50px;
height: 50px;
line-height: 54px;
text-align: center;
border-radius: 50%;
}
.transport_air ol li:after {
content: "";
height: 0;
width: 0;
display: block;
border-right-width: 0;
border: 20px transparent solid;
border-left-color: transparent !important;
border-bottom-width: 0;
position: absolute;
top: inherit;
bottom: -30px;
margin: auto;
right: 0 !important;
left: 0 !important;
border-top-color: #89A6D5;
}
.transport_air ol li:last-of-type {
margin-right: 0;
}
.transport_air ol li:last-of-type:after {
display: none;
}
.transport_air .case_ttl {
border-bottom: solid 3px #89A6D5;
}
.transport_air .case_ttl:after {
background: #89A6D5;
}
.transport_air .case_ttl strong:after {
color: #89A6D5;
}
.transport_air .case_detail dt strong:before {
color: #89A6D5;
}
.transport_air .case_price {
border-bottom: solid 3px #89A6D5;
color: #89A6D5;
}
.transport_air .qa {
margin-top: 2rem;
}
.transport_air .qa_ttl {
border-left: solid 10px #4CADD0;
color: #4CADD0;
}
.transport_air .qa dl dt {
background: #4CADD0;
box-shadow: 0 5px 0 0 #A9CFE6;
}
.transport_air .qa dl dd:before {
color: #A9CFE6;
}

@media (max-width: 768px) {
#transport-air_img {
width: 100%;
}
.transport_air .transport_ttl {
font-size: 20px;
line-height: 1.4;
}
.transport_air .transport_ttl_txt dt {
font-size: 20px;
}
.transport_air .transport_distance {
float: none;
width: 100%;
}
.transport_air .transport_price {
float: none;
width: 100%;
}
}

@media (max-width: 480px) {
#transport-air_img {
height: 100px;
}
.transport_air .transport_ttl_txt dt {
font-size: 18px;
}

.transport_air .transport_distance tr {
display: block;
}
.transport_air .transport_distance th {
display: block;
width: 100%;
box-sizing: border-box;
}
.transport_air .transport_distance td {
display: block;
width: 100%;
box-sizing: border-box;
}
.transport_air ol b {
font-size: 24px;
}
.transport_air ol li {
margin-left: 0;
}
.transport_air ol li:before {
top: -1.5rem;
left: -1.5rem;
}
}
/*//////////////////////////////////////
少額短期保険ページ
//////////////////////////////////////*/
.insurance_cnt1 {
width: 1024px;
background: #F5F1E1;
margin: 30px auto;

overflow: hidden;
}
.insurance_cnt1 img {
margin: -100px auto 20px;
display: block;
}
#insurance_img {
background: url(../img/top_img_insurance.png) no-repeat, linear-gradient(to bottom, #F9F7F9 0%, #fff 50%, #fff 100%);
background-size: contain;
height: 270px;
overflow: hidden;
}
#insurance_img h3 {
margin: 60px 0px 0px 400px;
color: #5A4A3F;
line-height: 1.6;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 21px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
.insurance_contact {
text-align: center;
margin-bottom: 50px;
}
.insurance_contact .sp_tel {
display: none;
}
.insurance_ttl {
border: solid 2px #72B69A;
padding-left: 20px;
color: #333;
font-size: 18px;
border-radius: 5px;
background: linear-gradient(to bottom, #DDF1CE 0%, #fff 100%);
position: relative;
margin-bottom: 10px;
}
.insurance_ttl:before {
content: "";
border-left: solid 5px #72B69A;
position: absolute;
top: 0;
bottom: 0;
left: 8px;
margin: auto;
height: 75%;
}
.insurance_cnt2 {
counter-reset: count;
list-style: none;
overflow: hidden;
margin: 0 10px 0px;
}
.insurance_cnt2 li {
position: relative;
background: #FFF5EB;
border-radius: 5px;
margin: 0 15px 15px 0;
float: left;
width: calc((100% - 15px) / 2);
box-sizing: border-box;
padding: 10px 10px 10px 70px;
line-height: 1.4;
font-size: 14px;
}
.insurance_cnt2 li:nth-of-type(2n) {
margin-right: 0;
}
.insurance_cnt2 li:before {
content: "ポイント";
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to bottom, #FF934B 0%, #FC5004 100%);
color: #fff;
height: 60px;
width: 60px;
font-size: 10px;
border-radius: 50%;
border: solid 2px #fff;
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
line-height: 1;
box-sizing: border-box;
padding-top: 10px;
text-align: center;
font-weight: bold;
}
.insurance_cnt2 li:after {
counter-increment: count;
content: counter(count);
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 60px;
height: 60px;
box-sizing: border-box;
color: #fff;
font-weight: bold;
font-size: 32px;
padding-top: 24px;
line-height: 1;
}
.insurance_cnt2 li b {
color: #FC5004;
display: block;
font-size: 18px;
margin-bottom: 5px;
}
.insurance_cnt2 dt {
clear: both;
color: #72B69A;
font-size: 28px;
font-weight: bold;
margin-bottom: 15px;
background: linear-gradient(to bottom, #fff 0%, #DDF1CE 100%);
border-radius: 5px;
padding: 10px 20px;
border: solid 3px #72B69A;
text-align: center;
line-height: 1;
}
.insurance_cnt2 dt ~ li {
background: #DDF1CE;
}
.insurance_cnt2 li:nth-of-type(6), .insurance_cnt2 li:nth-of-type(5) {
height: 180px;
}
.insurance_cnt3 {
margin: 0 10px 50px;
background: #FFF5EB;
padding: 15px;
border-radius: 5px;
overflow: hidden;
}
.insurance_cnt3 dt {
background: #E95377;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
border-radius: 5px;
}
.insurance_cnt3 dd {
float: left;
border: solid 2px #E95377;
border-radius: 10px;
background: #fff;
margin: 0 15px 15px 0;
width: calc((100% - 31px) / 3);
box-sizing: border-box;
padding: 10px;
}
.insurance_cnt3 dd:nth-of-type(3n) {
margin-right: 0;
}
.insurance_price:before {
content: "葬儀における様々な費用に対応できる、お勧めの3タイプ";
color: #72B69A;
text-align: center;
font-weight: bold;
font-size: 32px;
line-height: 2;
display: block;
}
.insurance_price_ttl {
border: solid 2px #e50615;
border-radius: 25px;
background: linear-gradient(to bottom, #f8c058 0%, #ec6d45 100%);
font-size: 28px;
font-weight: bold;
color: #000;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
position: relative;
padding: 5px 0px 0 15px;
line-height: 1;
float: right;
margin-right: 10px;
margin-bottom: -10px;
}
.insurance_price_ttl:after {
content: "※継続契約の保険料は、継続時の満年齢によって変わります。";
position: absolute;
right: 0;
bottom: -1.5rem;
font-weight: normal;
font-size: 12px;

color: #666;
}
.insurance_price_ttl strong {
color: #00559e;
font-size: 38px;
margin: 0 5px;
text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 0px 2px 1px #fff, 0px -2px 1px #fff, -2px 0px 1px #fff, 2px 0px 1px #fff, 5px 5px 5px rgba(0,0,0,0.5);
}
.insurance_price_ttl b {
color: #e85377;

font-size: 42px;
margin-left: 5px;
text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 0px 2px 1px #fff, 0px -2px 1px #fff, -2px 0px 1px #fff, 2px 0px 1px #fff, 5px 5px 5px rgba(0,0,0,0.5);
}
.insurance_price_list {
clear: both;
background: #fde9b9;
padding: 40px 10px 10px;
display: flex;
}
.insurance_price dl {
flex: auto;
line-height: 1.4;
margin-right: 5px;
}
.insurance_price dl dt {
background: #b5d469;
border-radius: 5px 5px 0px 0px;
padding: 10px 0 0;
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
margin-bottom: 5px;
color: #fff;
text-align: center;
box-sizing: border-box;
height: 58px;
}
.insurance_price dl dt small {
display: block;
font-size: 10px;
white-space: nowrap;
}
.insurance_price dl dt small:before {
content: "(";
}
.insurance_price dl dt small:after {
content: ")";
margin-left: -5px;
}
.insurance_price dl dt small br {
display: none;
}
.insurance_price dl dt b {
display: inline-block;
position: relative;
background: #fff;
border-radius: 5px;
color: #005ead;
width: 40px;
text-align: center;
margin: 1rem 0.5rem 8px 0;
font-size: 12px;
vertical-align: middle;
}
.insurance_price dl dt b:before {
content: "死亡保険金";
display: block;
position: absolute;
top: -1rem;
left: -6px;
color: #fff;
font-size: 10px;
white-space: nowrap;
font-weight: normal;
}
.insurance_price dl dt b:after {
content: "口";
}
.insurance_price dl dt strong {
font-size: 38px;
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.insurance_price dl dt strong:after {
content: "万円";
font-size: 18px;
}
.insurance_price dl dt p {
display: inline-block;
background: #f19537;
border: solid 1px #e56b21;
font-weight: bold;
font-size: 16px;
padding: 3px 3px 1px;
line-height: 1.2;
vertical-align: middle;
margin: 0 0 5px 5px;
text-align: center;
}
.insurance_price dl dt p:before {
content: "複数同時契約割引で";
display: block;
font-size: 10px;
font-weight: normal;
}
.insurance_price dl dt p:after {
content: "円お得";
font-size: 12px;
font-weight: normal;
}
.insurance_price dl dt p span {
font-size: 10px;
font-weight: normal;
}
.insurance_price dl dd {
background: #939494;
border-bottom: solid 2px #fff;
padding: 5px;
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
font-size: 21px;
text-align: right;
color: #333;
height: 29px;
}
.insurance_price dl dd:last-of-type {
border: none;
}
.insurance_price dl dd strong {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
.insurance_price dl dd strong:after {
content: "円";
font-size: 14px;
}
.insurance_price dl dd b {
border: solid 2px #005ead;
background: #fff;
border-radius: 5px;
color: #005ead;
font-size: 16px;
text-align: center;
width: 130px;
display: inline-block;
}
.insurance_price dl dd b:before {
content: "ひと月あたり";
color: #333;
font-size: 10px;
}
.insurance_price dl dd b:after {
content: "円";
font-size: 14px;
}
.insurance_price dl:nth-of-type(1) {
width: 160px;
}
.insurance_price dl:nth-of-type(1) dt {
color: #333;
text-align: right;
font-weight: bold;
font-size: 24px;
padding: 5px;
position: relative;
}
.insurance_price dl:nth-of-type(1) dt:before {
content: url(../img/insurance/img_price.png);
position: absolute;
top: -60px;
left: -10px;
}
.insurance_price dl:nth-of-type(1) dd {
color: #fff;
text-align: center;
}
.insurance_price dl:nth-of-type(2) {
width: 220px;
}
.insurance_price dl:nth-of-type(2) dt {
background: #87aad9;
}
.insurance_price dl:nth-of-type(2) dd {
background: #dee5f3;
}
.insurance_price dl:nth-of-type(3) dt {
background: #b09cca;
}
.insurance_price dl:nth-of-type(3) dd {
background: #dad8eb;
}
.insurance_price dl:nth-of-type(4) dt {
background: #c388b9;
}
.insurance_price dl:nth-of-type(4) dd {
background: #e7d5e8;
}
.insurance_price_otoku {
background: #fde9b9;
text-align: right;
font-size: 24px;
font-weight: bold;
color: #333;
}
.insurance_price_otoku b {
font-size: 32px;

}
.insurance_price_otoku p {
display: inline-block;
position: relative;
}
.insurance_price_otoku p:before {
content: "1契約につき";
font-size: 10px;
position: absolute;
top: -14px;
left: 0;
}
.insurance_price_otoku strong {
color: #00559e;
font-size: 42px;
margin: 0 5px;
text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 0px 2px 1px #fff, 0px -2px 1px #fff, -2px 0px 1px #fff, 2px 0px 1px #fff, 5px 5px 5px rgba(0,0,0,0.5);
}
.insurance_price_otoku strong:before {
content: "年間";
font-size: 24px;
margin-right: 5px;
}
.insurance_price_otoku strong:after {
content: "円割引";
font-size: 24px;
}
.insurance_price_otoku ul {
display: inline-block;
position: relative;
padding: 0 0 0 56px;
font-size: 10px;
line-height: 1.2;
font-weight: normal;
}
.insurance_price_otoku ul:before {
content: "適用条件";
background: #00559e;
color: #fff;
position: absolute;
top: 9px;
left: 0;
border-radius: 3px;
padding: 2px 5px 1px;
}
.insurance_price_otoku li {
text-align: left;
}
.insurance_price_otoku li:before {
content: "●";
}
.insurance_price_notice {
background: #fde9b9;
padding: 10px;
margin-bottom: 50px;
line-height: 1.4;
}
.insurance_price_notice b {
display: block;
font-weight: normal;
}
.insurance_price_notice br {
display: none;
}

@media (max-width: 768px) {
.insurance_cnt1 {
width: 100%;
}
.insurance_cnt1 img {
width: 80%;
margin: -60px auto 20px;

}
#insurance_img h3 {
font-size: 18px;
margin: 60px 0px 0px 260px;
}
.insurance_contact {
margin: 0 20px 50px;
}
.insurance_ttl {
margin: 10px;
}
.insurance_cnt2 li {
height: 110px;
font-size: 12px;
}
.insurance_cnt2 dt ~ li {
height: 130px;
}
.insurance_cnt2 li:nth-of-type(5), .insurance_cnt2 li:nth-of-type(6) {
height: 190px;
}
.insurance_cnt3 {
margin: 0 10px 30px;
}
.insurance_cnt4 {
padding: 0 10px;
}
.insurance_price:before {
font-size: 28px;
}
.insurance_price_ttl {
margin: 10px 0px -10px;
float: none;
font-size: 24px;
text-align: center;
padding: 10px 0 5px;
}
.insurance_price_ttl strong {
font-size: 32px;
}
.insurance_price_ttl b {
font-size: 32px;
}
.insurance_price_list {
padding: 70px 10px 10px;
}
.insurance_price dl dt {
height: 70px;
}
.insurance_price dl dt small:before {
content: "※";
}
.insurance_price dl dt small:after {
display: none;
}
.insurance_price dl dt small br {
display: block;
}
.insurance_price dl dt p {
display: block;
margin: 0 5px;
font-size: 12px;
padding: 1px;
}
.insurance_price dl dt p:before {
display: inline-block;
}
.insurance_price dl dt p:after {
font-size: 10px;
}
.insurance_price dl dd {
height: 60px;
}
.insurance_price dl dd strong {
display: block;
margin: 0;
}
.insurance_price dl dd b {
display: block;
float: right;
}
.insurance_price dl:nth-of-type(1) {
width: inherit;
}
.insurance_price dl:nth-of-type(1) dt {
text-align: left;
}
.insurance_price dl:nth-of-type(1) dt:before {
top: -70px;
}
.insurance_price dl:nth-of-type(2) {
width: inherit;
}
.insurance_price_otoku {
font-size: 16px;
text-align: center;
}
.insurance_price_otoku b {
font-size: 24px;
}
.insurance_price_otoku strong {
font-size: 38px;
}
}

@media (max-width: 480px) {
.insurance_cnt1 img {
margin: 0px auto 20px;
width: 90%;
}
#insurance_img {
height: inherit;
background: url(../img/top_img_insurance.png) no-repeat, #F5F1E1;
background-size: contain;
}
#insurance_img h3 {
margin: 230px 10px 0;
font-size: 16px;
}
.insurance_contact {
margin: 0 10px 30px;
}
.insurance_contact .pc_tel {

display: none;
}
.insurance_contact .sp_tel {
display: block;
border: none;
}
.insurance_cnt2 li {
float: none;
width: 100%;
height: inherit;
margin: 0 0 10px 0;
}
.insurance_cnt2 li b {
font-size: 16px;
}
.insurance_cnt2 li:nth-of-type(5), .insurance_cnt2 li:nth-of-type(6) {
height: inherit;
}
.insurance_cnt3 {
padding: 10px;
}
.insurance_cnt3 dt {
padding: 5px 10px;

margin: -10px -10px 10px;
border-radius: 5px 5px 0 0;
}
.insurance_cnt3 dd {
margin: 0 0 10px 0;
width: 100%;
float: none;
}
.insurance_cnt4 img {
margin-bottom: 10px;
}
.insurance_price:before {
font-size: 21px;
line-height: 1.4;
}
.insurance_price_ttl {
font-size: 18px;
text-align: center;
}
.insurance_price_ttl:after {
font-size: 10px;
}
.insurance_price_ttl strong {
font-size: 24px;
}
.insurance_price_ttl b {
display: block;
font-size: 24px;
margin-top: 10px;
}
.insurance_price_list {
padding: 50px 10px 10px;
display: block;
}
.insurance_price_list:before {
content: "年間保険料";
font-size: 24px;
font-weight: bold;
background: #b5d469;
display: block;
text-align: center;
border-radius: 5px;
padding: 5px 0 0;
}
.insurance_price dl {
margin: 0 0 10px;
}
.insurance_price dl dt {
margin: 0;
height: inherit;
}
.insurance_price dl dt p {
font-size: 18px;
margin: 0;
}
.insurance_price dl dt p:before {
font-size: 12px;
}
.insurance_price dl dt p:after {
font-size: 12px;
}
.insurance_price dl dt p span {
font-size: 12px;
}
.insurance_price dl dd {
position: relative;
height: inherit;
overflow: hidden;
}
.insurance_price dl dd:before {
position: absolute;
left: 0;
background: #939494;
top: 0;
bottom: 0;
color: #fff;
padding: 5px;
}
.insurance_price dl dd:nth-of-type(1):before {
content: "15歳\A~49歳";
white-space: pre;
text-align: left;
}
.insurance_price dl dd:nth-of-type(2):before {
content: "50歳\A~59歳";
white-space: pre;
text-align: left;
}
.insurance_price dl dd:nth-of-type(3):before {
content: "60歳\A~69歳";
white-space: pre;
text-align: left;
}
.insurance_price dl dd:nth-of-type(4):before {
content: "70歳\A~79歳";
white-space: pre;
text-align: left;
}
.insurance_price dl dd strong {
font-size: 32px;
}
.insurance_price dl:nth-of-type(1) {








display: none;
}
.insurance_price dl:nth-of-type(2):before {
content: "※お支払いは年間一括払いとなります。";
margin-bottom: 10px;
display: block;
}
.insurance_price_notice {
margin-bottom: 30px;
font-size: 12px;
}
.insurance_price_notice br {
display: block;
}
}
/*//////////////////////////////////////
葬儀後の手続きページ
//////////////////////////////////////*/
#after_support_img {
width: 1024px;
height: 200px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img.png) no-repeat center;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#after_support_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
.after_support_ttl {
background: #9D735E;
border: solid 3px #C2A79A;
color: #fff;
font-weight: bold;
font-size: 21px;
margin-bottom: 1.5rem;
line-height: 1;
padding: 10px 16px 7px;
margin-top: 3rem;
}
.after_support_cnt1 p {
margin-bottom: 1rem;
}
.after_support_cnt2 dl {
margin: 1rem 1rem 2rem;
}
.after_support_cnt2 dl strong {
border-bottom: solid 3px #ccc;
font-weight: bold;
font-size: 18px;
position: relative;
padding-left: 1rem;
margin-bottom: 1rem;
display: block;
margin-top: 2rem;
}
.after_support_cnt2 dl strong:before {
content: "";
height: 80%;
position: absolute;
border-left: solid 4px #804040;
top: 0;
bottom: 0;
margin: auto;
left: 0;
}
.after_support_cnt2 dl dt {
border: solid 2px #BDBEB9;
border-radius: 7px;
line-height: 1;
font-weight: bold;
padding: 10px 0.5rem 7px;
margin-bottom: 0.5rem;
margin-top: 1.5rem;
}
.after_support_cnt2 dl dd {
margin: 0 1rem 0.5rem;
line-height: 1.6;
}
.after_support_cnt2 dl dd span {
color: #f00;
}
.after_support_cnt2 dl li {
list-style: none;
position: relative;
margin-left: 2rem;
padding-left: 1rem;
line-height: 1.6;
}
.after_support_cnt2 dl li:before {
content: "●";
position: absolute;
left: 0;
}
.after_support_cnt2 dl li:last-of-type {
margin-bottom: 0.5rem;
}
.after_support_cnt2 dl li li {
margin-left: 1rem;
}
.after_support_cnt2 dl li li:before {
content: "・";
}
.after_support_cnt2 dl ol {
list-style: decimal;
margin-top: 1rem;
}
.after_support_cnt2 dl ol li {
list-style: inherit;
padding-left: 0;
}
.after_support_cnt2 dl ol li:before {
content: none;
}
.after_support_cnt2 dl ol li b {
display: block;
}
.after_support_cnt3 table {
width: 100%;
border: solid 3px #3DAEB5;
line-height: 1.6;
color: #333;
}
.after_support_cnt3 table tr:nth-of-type(4n+1), .after_support_cnt3 table tr:nth-of-type(4n+2) {
background: #E1EDEF;
}
.after_support_cnt3 table th {
background: #3DAEB5;
color: #fff;
text-align: left;
padding: 5px 10px;
font-weight: bold;

}
.after_support_cnt3 table td {
padding: 5px 10px;
}
.after_support_cnt4 table {
margin-top: 1rem;
border: solid 2px #B8C593;
border-right: none;
border-bottom: none;
font-size: 12px;
line-height: 1.6;
color: #333;
}
.after_support_cnt4 table tr:nth-of-type(5), .after_support_cnt4 table tr:nth-of-type(7), .after_support_cnt4 table tr:nth-of-type(10), .after_support_cnt4 table tr:nth-of-type(11), .after_support_cnt4 table tr:nth-of-type(13), .after_support_cnt4 table tr:nth-of-type(15), .after_support_cnt4 table tr:nth-of-type(17), .after_support_cnt4 table tr:nth-of-type(19), .after_support_cnt4 table tr:nth-of-type(21), .after_support_cnt4 table tr:nth-of-type(23) {
background: #E7E9D9;
}
.after_support_cnt4 table th {
border: solid 2px #B8C593;
border-left: none;
border-top: none;
padding: 5px;
white-space: nowrap;
background: #7A9E41;
color: #fff;
vertical-align: middle;
}
.after_support_cnt4 table td {
border: solid 2px #B8C593;
border-left: none;
border-top: none;
padding: 5px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.after_support_cnt4 table td:nth-last-of-type(12) {
font-weight: bold;
color: #7A9E41;
}
.after_support_cnt4 table td:last-of-type {
white-space: inherit;
text-align: left;
}
.after_support_cnt5 dl {
margin: 0 0 2rem;
}
.after_support_cnt5 dt {
font-size: 21px;
font-weight: bold;
position: relative;
padding-left: 1.8rem;
}
.after_support_cnt5 dt:before {
content: "●";
color: #3DAEB5;
font-size: 28px;
position: absolute;
left: 0;
top: 0;
}
.after_support_cnt5 dd {
margin: 0 1.5rem 1rem;
}
.after_support_cnt5_1 {
overflow: hidden;
}
.after_support_cnt5_1 table {
border: solid 3px #333;
border-top: none;
border-right: none;
position: relative;
box-sizing: border-box;
width: calc(50% - 40px);
float: left;
font-size: 21px;
}
.after_support_cnt5_1 table:before {

content: "基礎控除額";
position: absolute;
top: 0;
left: 0;
font-size: 18px;
font-weight: bold;
}
.after_support_cnt5_1 table caption {
text-align: right;
font-size: 12px;
}
.after_support_cnt5_1 tr:nth-of-type(2n) {
background: #E1EDEF;
}
.after_support_cnt5_1 th {

background: #3DAEB5;
color: #fff;
border: solid 3px #333;
border-left: none;
border-bottom: none;
}
.after_support_cnt5_1 td {
border-right: solid 3px #333;
text-align: center;
}
.after_support_cnt5_1 td:last-of-type:after {
content: "万円";
font-size: 12px;
}
.after_support_cnt5_1 dl {
float: right;
position: relative;
width: calc(50% - 20px);
text-align: center;
color: #3DAEB5;
font-weight: bold;
font-size: 32px;
box-sizing: border-box;
padding: 2rem;
margin: 0;
}
.after_support_cnt5_1 dl:before {
content: "基礎控除額の算定方法";
position: absolute;
top: 0;
right: 0;
left: 0;

font-size: 18px;
font-weight: bold;
color: #666;
}
.after_support_cnt5_1 dt {
border: solid 3px #3DAEB5;
border-radius: 23px;
margin-bottom: 40px;
position: relative;
font-size: 32px;
padding: 5px 0 0px;
}
.after_support_cnt5_1 dt:before {
content: "";
color: #F58F98;
position: absolute;
left: 0;
right: 0;
bottom: -39px;
top: inherit;
font-size: 42px;
}
.after_support_cnt5_1 dt:nth-of-type(1):before {
content: "+";
}
.after_support_cnt5_1 dt:nth-of-type(2):before {
content: "×";
}
.after_support_cnt5_1 dt:after {
content: "万円";
font-size: 16px;
}
.after_support_cnt5_1 dd {
border: solid 3px #3DAEB5;
border-radius: 23px;
background: #FFFCD5;
margin: 0;
padding: 5px 0 0px;
}
.after_support_cnt5_2 {
position: relative;
padding-top: 2.5rem;
display: flex;
width: 100%;
justify-content: space-between;
}
.after_support_cnt5_2:before {
content: "基礎控除額の算定方法";

position: absolute;
top: 0;
right: 0;

left: 0;
font-size: 18px;
font-weight: bold;
color: #666;
}
.after_support_cnt5_2 dl {
flex: 1;
background: #3DAEB5;
text-align: center;
border-radius: 10px;
line-height: 1.6;
margin-right: 1rem;
}
.after_support_cnt5_2 dt {
color: #fff;
font-size: 32px;
margin: 0.5rem;
padding: 0;
}
.after_support_cnt5_2 dt:before {
content: "+";
font-size: 40px;
display: inline-block;
background: #E1EDEF;
width: 40px;
line-height: 40px;
border-radius: 50%;
vertical-align: middle;
margin-right: 10px;
color: #3DAEB5;
left: inherit;
top: inherit;
position: relative;
}
.after_support_cnt5_2 dt:after {
content: "+";
font-size: 40px;
display: inline-block;
background: #E1EDEF;
width: 40px;
line-height: 40px;
border-radius: 50%;
vertical-align: middle;
margin-left: 10px;
color: #3DAEB5;
}
.after_support_cnt5_2 dd {
background: #fff;
border-radius: 10px;
padding: 5px;
}
.after_support_cnt5_2 dd b {
display: block;
color: #3DAEB5;
font-size: 24px;
}
.after_support_cnt5_2 dl:nth-of-type(2) {
margin-right: 0;
background: #E1EDEF;
}
.after_support_cnt5_2 dl:nth-of-type(2) dt {
color: #3DAEB5;
}
.after_support_cnt5_2 dl:nth-of-type(2) dt:before {
content: "－";
background: #3DAEB5;
color: #E1EDEF;
}
.after_support_cnt5_2 dl:nth-of-type(2) dt:after {
content: "－";
background: #3DAEB5;
color: #E1EDEF;
}

@media (max-width: 768px) {
#after_support_img {
width: 100%;
}
.after_support_cnt1 {
margin: 1rem 1rem 2rem;
}
.after_support_cnt2 {
margin: 1rem 1rem 2rem;
}
.after_support_cnt3 {
margin: 1rem 1rem 2rem;
}
.after_support_cnt4 {
margin: 1rem 1rem 2rem;
}
.after_support_cnt4 table tr {
border-right: solid 2px #B8C593;
}
.after_support_cnt4 table tr:nth-of-type(1) {
display: none;
}
.after_support_cnt4 table tr:nth-of-type(2), .after_support_cnt4 table tr:nth-of-type(3), .after_support_cnt4 table tr:nth-of-type(8), .after_support_cnt4 table tr:nth-of-type(10) {
border-bottom: dotted 1px #B8C593;
}
.after_support_cnt4 table tr:nth-of-type(9) td.c12, .after_support_cnt4 table tr:nth-of-type(11) td.c12 {
padding: 5px;
}
.after_support_cnt4 table tr:nth-of-type(9) td.c12:before, .after_support_cnt4 table tr:nth-of-type(11) td.c12:before {
content: none;

}
.after_support_cnt4 table tr:last-of-type {
border-bottom: solid 2px #B8C593;
}
.after_support_cnt4 table td {
display: inline-block;
border: none;
}
.after_support_cnt4 table td:before {
content: "";
background: #7A9E41;
color: #fff;
padding: 0 5px;
border-radius: 3px;
margin-right: 5px;
}
.after_support_cnt4 table td br, .after_support_cnt4 table td:empty {
display: none;
}
.after_support_cnt4 table td.c01 {
display: block;
text-align: left;
background: #B8C593;
color: #fff;
font-size: 16px;
}
.after_support_cnt4 table td.c01:before {

content: none;
}
.after_support_cnt4 table td.c02 {
color: #666;
font-weight: bold;
display: block;
text-align: left;
font-size: 14px;
}
.after_support_cnt4 table td.c02:before {
content: none;
}
.after_support_cnt4 table td.c03:before {
content: "申請期間";
}
.after_support_cnt4 table td.c04:before {
content: "印鑑";
}
.after_support_cnt4 table td.c05:before {
content: "印鑑証明書";
}
.after_support_cnt4 table td.c06:before {
content: "住民票";
}
.after_support_cnt4 table td.c07:before {
content: "相続人の戸籍謄本";
}
.after_support_cnt4 table td.c08:before {
content: "故人の戸(除)籍謄本";
}
.after_support_cnt4 table td.c09:before {
content: "死亡診断書";
}
.after_support_cnt4 table td.c10:before {
content: "年金手帳(証書)";
}
.after_support_cnt4 table td.c11:before {
content: "保険証券";
}
.after_support_cnt4 table td.c12 {
display: table-cell;
width: 250px;
border-left: solid 1px #B8C593;
position: relative;
padding-top: 40px;
}
.after_support_cnt4 table td.c12:before {
content: "";
background: #B8C593;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 35px;
border-radius: 0;
margin: 0;
}
.after_support_cnt4 table td.c12 br {
display: block;
}
.after_support_cnt5 {
margin: 1rem 1rem 2rem;
}
.after_support_cnt5_2 dd b {
font-size: 21px;
}
}

@media (max-width: 480px) {
#after_support_img {
height: 100px;
}
.after_support_ttl {

font-size: 18px;
}
.after_support_cnt1 {
margin: 0rem 1rem 2rem;
}
.after_support_cnt2 dl {
margin: 1rem 0rem 2rem;
}
.after_support_cnt2 dl strong {
font-size: 16px;
line-height: 1.6;
}
.after_support_cnt2 dl dt {
line-height: 1.4;
}
.after_support_cnt2 dl dd {
margin: 0 0.5rem 0.5rem;
}
.after_support_cnt3 table {
font-size: 12px;
}
.after_support_cnt3 table tr {
display: block;
}
.after_support_cnt3 table tr:nth-of-type(1), .after_support_cnt3 table tr:nth-of-type(2) {
display: none;
}
.after_support_cnt3 table td {
display: block;
}
.after_support_cnt3 table tr:nth-of-type(2n+1) td:nth-of-type(1) {
color: #3DAEB5;
font-weight: bold;

font-size: 18px;
}
.after_support_cnt3 table tr:nth-of-type(2n+1) td {
padding-bottom: 0;
}
.after_support_cnt4 table tr {
position: relative;
}
.after_support_cnt4 table td.c12 {
display: block;
padding: 5px;
margin: 5px;
border: double #7A9E41;
background: #fff;
width: calc(100% - 10px);
box-sizing: border-box;
}
.after_support_cnt4 table td.c12:before {
content: none;
}
.after_support_cnt4 table tr:nth-of-type(2) td.c12 {
display: none;
}
.after_support_cnt4 table tr:nth-of-type(4):after {
content: "①所得証明書(受給者)\A②振込先口座番号";
display: block;
padding: 5px;
margin: 5px;
border: double #7A9E41;
background: #fff;
width: calc(100% - 10px);
box-sizing: border-box;
white-space: pre;
}
.after_support_cnt5_1 table {
float: none;
width: 99%;
}
.after_support_cnt5_1 th {
font-size: 18px;
}
.after_support_cnt5_1 dl {
float: none;
width: 100%;
padding: 2rem 0;
margin-top: 1rem;
}
.after_support_cnt5_2 {
display: block;
}
.after_support_cnt5_2 dl {
margin: 0 0 1rem;
flex: none;
padding: 1px 0;
}
.after_support_cnt5_2 dt {
margin: 1rem 0;
font-size: 28px;
}
.after_support_cnt5_2 dt:before {
font-size: 35px;
width: 30px;
line-height: 30px;
}
.after_support_cnt5_2 dt:after {
font-size: 35px;
width: 30px;
line-height: 30px;
}
.after_support_cnt5_2 dd {
margin: 1rem;
font-size: 12px;

}
.after_support_cnt5_2 dl:nth-of-type(2) dt:before {
font-size: 30px;
}
.after_support_cnt5_2 dl:nth-of-type(2) dt:after {
font-size: 30px;
}
}
/*//////////////////////////////////////
アドバイス(互助会解約など)
//////////////////////////////////////*/
.advice {
border-radius: 10px;
background: #ECE7F2;
padding-bottom: 10px;
}
.advice .advice_ttl {
background: #8C5CA6;
padding: 10px 20px;
color: #fff;
overflow: hidden;
border-radius: 10px 10px 0 0;
margin-bottom: 10px;
}
.advice .advice_ttl .advice_ttl1 {
float: left;
text-align: center;
line-height: normal;
font-size: 18px;
margin: 0 20px;
}

.advice .advice_ttl .advice_ttl2 {
float: left;
font-size: 32px;
line-height: 1.2;
}
.advice .advice_ttl .advice_ttl2 b {
font-size: 48px;
margin: 0 5px;
}
.advice .advice_ttl .advice_ttl2 strong {
font-size: 48px;
color: #FFF402;
margin: 0 5px;
}
.advice .advice_cnt01 {
padding: 20px 40px;
line-height: 1.8;
font-size: 15px;
background: #fff;
border: solid 2px #8C5CA6;
margin: 10px 20px;
border-radius: 10px;
}
.advice .advice_cnt01_ttl {
display: table;
margin-bottom: 10px;
}
.advice .advice_cnt01_ttl b {
display: table-cell;
color: #8C5CA6;
border: solid 2px #8C5CA6;
padding: 0 1rem;
border-radius: 10px;
vertical-align: middle;
font-size: 24px;
line-height: normal;
}
.advice .advice_cnt01_ttl span {
display: table-cell;
vertical-align: middle;
padding-left: 1rem;
font-size: 14px;
line-height: normal;
}
.advice .gojokai_kaiyaku {
background: #D8EBD3;
border-radius: 10px;
margin-bottom: 10px;
padding: 10px 30px;
font-size: 12px;
}
.advice .gojokai_kaiyaku_ttl {
display: table;
margin-top: -20px;
}
.advice .gojokai_kaiyaku_ttl strong {
display: table-cell;
color: #8C5CA6;

font-size: 28px;
}
.advice .gojokai_kaiyaku_ttl p {
display: table-cell;
vertical-align: middle;
line-height: 1.2;
font-weight: bold;
padding-left: 1rem;
font-size: 21px;
padding-top: 15px;
}
.advice .gojokai_kaiyaku_ttl p b {
display: block;
color: #F48E97;
}
.advice .gojokai_kaiyaku dl {
background: #fff;
border-radius: 10px;
overflow: hidden;
padding: 30px 20px 10px;
margin-bottom: 10px;

}
.advice .gojokai_kaiyaku dt {
float: left;
background: #FFFACB;
border-radius: 50%;
text-align: center;
line-height: normal;
font-weight: bold;
color: #333;
width: 100px;
height: 100px;
box-sizing: border-box;
padding-top: 13px;
margin: -1rem 1rem 1rem 0;
font-size: 15px;
}
.advice .gojokai_kaiyaku dd {
float: left;
text-align: center;
width: calc((100% - 100px - 1rem) / 3);
font-size: 12px;
}

.advice .gojokai_kaiyaku dd img {
margin-bottom: 10px;
}
.advice .gojokai_kaiyaku dd b {
display: table;
margin: auto;
text-align: left;
line-height: 1.4;
position: relative;
padding-left: 1rem;
font-size: 15px;
}
.advice .gojokai_kaiyaku dd b:before {
content: "●";
color: #8C5CA6;
position: absolute;
left: 0;
top: 0;
}
.advice .gojokai_kaiyaku dd:last-of-type {
width: 100%;
text-align: left;
}
.advice .gojokai_kaiyaku dd:last-of-type b {
margin: 0;
}
.advice .gojokai_kaiyaku ol {
position: relative;
overflow: hidden;
padding-left: 210px;
counter-reset: ranking;
padding-bottom: 20px;
}
.advice .gojokai_kaiyaku ol:before {
content: "解約手続き方法";
position: absolute;
color: #fff;
background: #8C5CA6;
border-radius: 20px;
font-weight: bold;
padding: 0 1rem;
font-size: 24px;
left: 0;
top: 0;
}
.advice .gojokai_kaiyaku ol li {
float: left;
width: 190px;
position: relative;
padding: 0 0 0 50px;
font-size: 14px;
line-height: 1.4;
color: #000;
}
.advice .gojokai_kaiyaku ol li:nth-of-type(3) {
width: 100px;
}
.advice .gojokai_kaiyaku ol li:before {
counter-increment: ranking;
content: counter(ranking);
position: absolute;
left: 0;
color: #8C5CA6;
background: #fff;
font-size: 24px;
font-weight: bold;
line-height: 1;
width: 43px;
padding: 11px 0 8px;
text-align: center;
border-radius: 50%;
}
.advice .trouble {
margin-bottom: 10px;
}
.advice .trouble_ttl {
background: #FCDFDE;
text-align: center;
border-radius: 10px;
font-weight: bold;
font-size: 18px;
margin-bottom: 10px;
}
.advice .trouble_ttl b {
color: #F48E97;
margin-right: 1rem;
}
.advice .trouble_ttl span {
font-size: 12px;
font-weight: normal;
}
.advice .trouble_ttl strong {
color: #fff;
background: #F48E97;
border-radius: 50%;
padding: 7px;
font-size: 24px;
}
.advice .trouble ul {
overflow: hidden;
}
.advice .trouble ul li {
float: left;
width: calc((100% - 3rem) / 3);
margin-right: 1.5rem;
font-size: 13px;
}
.advice .trouble ul li:last-of-type {
margin-right: 0;
}
.advice .trouble ul li p {
font-weight: bold;
font-size: 18px;
color: #8C5CA6;
margin-bottom: 5px;
}
.advice .trouble ul li p b {
background: linear-gradient(to right, #ece7f2 0%, #ece7f2 90%, transparent 100%);
color: #666;
padding: 2px 14px 0 10px;
font-size: 14px;
display: inline-block;
}
.advice .reason {
}
.advice .reason_ttl {
background: #FCDFDE;
text-align: center;
border-radius: 10px;
font-weight: bold;
font-size: 18px;
margin-bottom: 10px;
line-height: 43px;
}
.advice .reason ul {
list-style: inherit;
padding-left: 2rem;
margin-bottom: 1rem;
}
.advice .reason ul li {
}
.advice .reason p {
font-size: 12px;
}
.advice .advice_cnt02 {
padding: 20px 40px;
background: #fff;
border: solid 2px #8C5CA6;
margin: 10px 20px;
border-radius: 10px;
}
.advice .advice_cnt02_ttl {
font-weight: bold;
text-align: center;
font-size: 30px;
margin-bottom: 10px;
}
.advice .advice_cnt02_ttl b {
color: #8C5CA6;
}
.advice .merit {
counter-reset: merit;
border-spacing: 35px 10px;
}
.advice .merit_ttl {
background: #ECE7F2;
text-align: center;
border-radius: 10px;
font-weight: bold;
font-size: 21px;
margin-bottom: 10px;
color: #8C5CA6;
}
.advice .merit ol {
display: table-cell;
font-weight: bold;
}
.advice .merit ol li {
position: relative;
padding-left: 35px;
line-height: normal;
margin-bottom: 10px;
font-size: 21px;
}
.advice .merit li:before {
counter-increment: merit;
content: counter(merit);
color: #8C5CA6;
position: absolute;
left: 0;
top: 0;
width: 28px;
height: 28px;
border: solid 2px #8C5CA6;
border-radius: 50%;
text-align: center;
box-sizing: border-box;
line-height: 26px;
}
.advice .advice_cnt02 dl {
line-height: normal;
}
.advice .advice_cnt02 dt {
background: #FCDFDE;
text-align: center;
border-radius: 10px;
font-weight: bold;
font-size: 21px;
margin-bottom: 10px;
color: #F48E97;

}
.advice .advice_cnt02 dd {
overflow: hidden;
margin-bottom: 10px;
}
.advice .advice_cnt02 dd img {
float: left;
}
.advice .advice_cnt02 dd strong {
display: block;
margin-left: 320px;
background: url(../img/kazokuso/advice07.png)no-repeat;
margin-bottom: 9px;
padding-left: 4rem;
background-size: contain;
}
.advice .advice_cnt02 dd b {
display: block;
background: #FCDFDE;
padding: 5px 10px;
margin-left: 320px;
}
.advice .message {
font-weight: bold;
text-align: center;
font-size: 20px;
color: #8C5CA6;
}
.advice .message b {
font-size: 34px;
}
.advice .advice_cnt03 {
padding: 20px 40px;
line-height: 1.8;
font-size: 15px;
background: #fff;
border: solid 2px #8C5CA6;
margin: 10px 20px;
border-radius: 10px;
}
.advice .advice_cnt03 b {
color: #8C5CA6;
}
.advice .advice_cnt03 .advice_case {
overflow: hidden;
margin: 20px 0;
color: #8C5CA6;
font-size: 21px;
font-weight: bold;
}
.advice .advice_cnt03 .advice_case .advice_case_txt {
display: inline-block;
background: #FEF89A;
padding: 0 10px;
color: #BA1D29;
font-size: 21px;
font-weight: bold;
line-height: normal;
border-radius: 10px;
}
.advice .advice_cnt03 .advice_case .advice_case_txt b {
color: #BA1D29;
font-size: 28px;
}
.advice .advice_cnt03 .advice_case .advice_case_txt strong {
color: #BA1D29;
font-size: 36px;
}
.advice .advice_cnt03 ul li {
margin-left: 1rem;
position: relative;
}
.advice .advice_cnt03 ul li:before {
content: "※";
position: absolute;
left: -1rem;
}

@media (max-width: 768px) {
.advice {
margin: 0 1rem 2rem;
}
.advice .advice_ttl .advice_ttl1 {
float: none;
text-align: left;
margin: 0;
}
.advice .advice_ttl .advice_ttl1 br {
display: none;
}
.advice .advice_ttl .advice_ttl2 {
float: none;
}
.advice .advice_ttl .advice_ttl2 b {
font-size: 42px;
}
.advice .advice_ttl .advice_ttl2 strong {
font-size: 42px;
}
.advice .advice_cnt01_ttl {
display: block;
}
.advice .advice_cnt01_ttl b {
display: block;
text-align: center;
margin-bottom: 10px;
}
.advice .advice_cnt01_ttl span {
display: block;
}
.advice .gojokai_kaiyaku_ttl {
display: block;
margin: 0 0 10px;
}
.advice .gojokai_kaiyaku_ttl strong {
display: block;
}
.advice .gojokai_kaiyaku_ttl p {
display: block;
padding: 0;
text-align: center;
}
.advice .gojokai_kaiyaku_ttl p b {
display: inline-block;
}
.advice .gojokai_kaiyaku ol {
padding: 49px 0 20px;
}
.advice .gojokai_kaiyaku ol li {
float: none;
width: 100%;
padding: 12px 0 14px 50px;
box-sizing: border-box;
}
.advice .gojokai_kaiyaku ol li:nth-of-type(3) {
width: 100%;
}

.advice .trouble ul li {
float: none;
width: 100%;
margin: 0 0 1rem;
}
.advice .merit {
border-spacing: 10px 10px;
}
.advice .merit ol li {
font-size: 18px;
}
.advice .reason ul {
font-size: 14px;
}
.advice .advice_cnt02 dl {
margin-bottom: 20px;
}
.advice .advice_cnt02 dd img {
float: none;
margin-bottom: 10px;
}
.advice .advice_cnt02 dd strong {
margin: 0 0 10px;
}
.advice .advice_cnt02 dd b {
margin: 0;
}
}

@media (max-width: 480px) {
.advice .advice_ttl {
padding: 0.5rem;
}
.advice .advice_ttl .advice_ttl1 {
font-size: inherit;
margin-bottom: 5px;
}
.advice .advice_ttl .advice_ttl2 {
font-size: inherit;
}
.advice .advice_ttl .advice_ttl2 b {
font-size: 24px;
}
.advice .advice_ttl .advice_ttl2 strong {
font-size: 24px;
}

.advice .advice_cnt01 {
margin: 10px;
padding: 10px;
}
.advice .advice_cnt01_ttl b {
font-size: 16px;
}
.advice .advice_cnt01_ttl span {
padding: 0;
font-size: 12px;
}
.advice .gojokai_kaiyaku {
padding: 10px;
}
.advice .gojokai_kaiyaku_ttl {
text-align: center;
}
.advice .gojokai_kaiyaku_ttl strong {
line-height: normal;
margin-bottom: 10px;
}
.advice .gojokai_kaiyaku dl {
position: relative;
overflow: inherit;
padding: 100px 10px 10px;
}
.advice .gojokai_kaiyaku dt {
position: absolute;
top: 5px;
left: -17px;
}
.advice .gojokai_kaiyaku dd {
float: none;
width: 100%;
margin-bottom: 2rem;
text-align: left;
}
.advice .gojokai_kaiyaku dd b {
margin: 0;
}
.advice .gojokai_kaiyaku dd b br {
display: none;
}
.advice .gojokai_kaiyaku ol:before {
width: 100%;
box-sizing: border-box;
text-align: center;
}
.advice .trouble_ttl {
padding-bottom: 1px;
}
.advice .trouble_ttl b {
margin: 0;
display: block;
}
.advice .trouble_ttl span {
display: block;
}
.advice .trouble_ttl strong {
display: block;
border-radius: 10px;
padding: 0;
margin: 10px;
}
.advice .trouble ul li p b {
display: block;
}
.advice .advice_cnt02 {
padding: 10px;
margin: 10px;
}
.advice .advice_cnt02_ttl {
font-size: 16px;
}
.advice .merit ol {
display: block;
}
.advice .merit ol li {
font-size: 14px;
}
.advice .advice_cnt02 dd strong {
background-size: 1.5rem;
padding-left: 2rem;
}
.advice .message {
font-size: inherit;
}
.advice .message b {
font-size: 16px;
}
.advice .advice_cnt03 {
padding: 10px;
margin: 10px;
font-size: 14px;
}
.advice .advice_cnt03 .advice_case {
font-size: 16px;
}
.advice .advice_cnt03 .advice_case .advice_case_txt {
font-size: 14px;
border-radius: 5px;
}
.advice .advice_cnt03 .advice_case .advice_case_txt b {
font-size: 24px;
}
.advice .advice_cnt03 .advice_case .advice_case_txt strong {
font-size: 24px;
}
}
/*//////////////////////////////////////
会員登録お申込みページ
//////////////////////////////////////*/
#members_img {
width: 1024px;
height: 200px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img.png) no-repeat center;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#members_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
#members_img h2 small {
display: block;
font-size: 21px;
margin-top: 1rem;
line-height: 1.4;
}
.members_info {
}
.members_info_ttl {
border-left: solid 10px #72B69A;
padding: 10px 20px;
margin-bottom: 2rem;
border-bottom: solid 1px;
color: #666;
font-size: 2rem;
font-weight: bold;
}
.members_info .members_price {
color: #72B69A;
font-size: 36px;
font-weight: bold;
margin: 0 4rem 2rem;
}
.members_info .members_price small {
color: #999;
font-size: 24px;
display: block;
margin-top: 10px;
}
.members_info ol {
counter-reset: tokuten;
margin: 0 4rem 4rem;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.members_info ol li {
border: solid 3px #C7DDD3;

border-radius: 5px;
background: #ebf9f2;
font-weight: bold;
position: relative;

flex-grow: 1;
width: calc((100% - 60px) / 3);
margin: 0px 5px 10px;
box-sizing: border-box;
padding: 10px 5px 10px 60px;
min-height: 100px;
font-size: 16px;
}
.members_info ol li:before {
counter-increment: tokuten;
content: counter(tokuten);
color: #fff;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 50px;
text-align: center;
box-sizing: border-box;
background: #C7DDD3;
padding-top: 40px;
font-size: 34px;
text-shadow: 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A;
}
.members_info ol li:after {
content: "特典";

position: absolute;
top: 5px;
left: 0;
width: 50px;
text-align: center;
font-size: 18px;
color: #fff;
text-shadow: 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A, 0px 0px 5px #72B69A;
}
.members_info ol li b {

display: block;
font-size: 18px;
color: #e22;
}
.members_info ol li small {
font-size: 14px;
font-weight: normal;
line-height: 1.4;
display: block;
}
.members_info .thanks_txt {
}
.members_info .thanks_txt strong {
display: block;
color: #72B69A;
font-size: 24px;
margin-bottom: 1rem;
}
.members_info .thanks_txt .thanks_contact {
position: relative;
border: double 10px #72B69A;
box-sizing: border-box;
padding: 1rem;
font-size: 16px;
margin-top: 2rem;
}
.members_info .thanks_txt .thanks_contact:before {
content: "【お問い合わせ先】";
position: absolute;
color: #72B69A;
top: -20px;
left: 10px;
background: #fff;
padding: 0px 10px;
font-size: 24px;
}
.members_info .thanks_txt .thanks_contact b {
}
.flow {
}
.flow_ttl {
border-left: solid 10px #72B69A;
padding: 10px 20px;
margin-bottom: 2rem;
border-bottom: solid 1px;
color: #666;
font-size: 2rem;
font-weight: bold;
}
.flow ol {
margin: 0 4rem 2rem;
list-style: decimal;
}
.flow ol li {
}
.flow .koza {
position: relative;
border: double 10px #72B69A;
box-sizing: border-box;
padding: 1rem;
font-size: 21px;
margin: 0 4rem 4rem;
text-align: center;
}
.flow .koza:before {
content: "振込口座";
position: absolute;
color: #72B69A;
top: -20px;
left: 10px;
background: #fff;
padding: 0px 10px;
font-size: 24px;
}
#form {
}
.form_ttl {
border-left: solid 10px #72B69A;
padding: 10px 20px;
margin-bottom: 2rem;
border-bottom: solid 1px;
color: #666;
font-size: 2rem;
font-weight: bold;
}
#form .ss-form-container {
margin: 0 4rem 4rem;
}
#form .ss-footer, #form .docs-offscreen, #form .ss-password-warning {
display: none;
}
#form td {
border: none;
}
#form .ss-section-title{
background: #4CADD0;
color: #fff;
line-height: normal;
padding: 8px 10px 5px;
border-radius: 5px;
font-size: 18px;
box-shadow: 0 5px 0 0 #A9CFE6;
/* margin-bottom: 20px; */
}
#form .ss-form-entry {
margin-bottom: 1.5em;
}
#form .ss-form-entry input {
vertical-align: middle;
margin-left: 0;
margin-top: 0;
width: 40%;
}
#form .ss-form-entry select {
max-width: 100%;
}
#form .ss-q-title {
display: block;
font-weight: bold;
float: left;
width: 200px;
}
#form .required-message, #form .error-message {
color: #c43b1d;
display: none;
font-size: 13px;
margin-left: 200px;
}
#form .required~.required-message, #form .error~.error-message {
display: block;
}
#form .ss-required-asterisk {
color: #c43b1d;
}
#form .ss-choices {
list-style: none;
padding: 0;
margin: 0.75rem 0 0;
}
#form .ss-choice-item {
margin: 0;
line-height: 1.3em;
padding-bottom: .5em;
list-style: none;
}
#form #navigation-table {
margin: auto;
width: 100%;
}
#form .ss-navigate {
text-align: center;
}
#form .jfk-button-action {
background-color: #72B69A;
border: 1px solid #C7DDD3;
color: #fff;
/* background: linear-gradient(to bottom, #4d90fe 0%, #4787ed 100%); */
padding: 0.5em 2em;
border-radius: 5px;
margin: 20px auto !important;
display: block;
cursor: pointer;
font-size: 24px;
font-weight: bold;
}
#form .jfk-button-action:hover {
opacity: 0.5;
}
#form .ss-q-help, #form .ss-q-time-hint {
color: #999;
}
#form .ss-q-short, #form .ss-q-long {
border: 1px solid #bbb;
padding: 0.4em 0.6em;
}
#form .ss-q-long {
resize: vertical;
width: 70%;
}
#form .error, #form .required, #form .errorbox-bad {
border: 2px solid;
border-color: rgb(196,59,29);
}
#form fieldset{
border: solid 2px #ddd;
border-radius: 5px;
padding: 5px 20px;
}
#form fieldset:last-of-type{
margin-bottom: 30px;
}
#form fieldset legend{
color: #4CADD0;
font-size: 18px;
font-weight: bold;
padding: 0 10px;
}

@media (max-width: 768px) {
#members_img {
width: 100%;
}
.members_info {
margin: 0 1rem;
}
.members_info .members_price {
margin: 0 2rem 2rem;
}
.members_info ol {
margin: 0 2rem 4rem;
}
.members_info ol li {
width: calc((100% - 60px) / 2);
}
.flow {
margin: 0 1rem;
}
.flow ol {
margin: 0 2rem 2rem;
}
.flow .koza {
margin: 0 1rem 4rem;
}
#form {
margin: 0 1rem;
}
#form .ss-form-container {
margin: 0 2rem 4rem;
}
#form fieldset{
}
#form fieldset:last-of-type{
}
#form fieldset legend{
}
}


@media (max-width: 480px) {
#members_img h2 small {
font-size: 18px;
}
.members_info .members_price {
margin: 0 1rem 1rem;
font-size: 24px;
}
.members_info .members_price small {
font-size: 18px;
}
.members_info ol {
flex-direction: column;
margin: 0 1rem 2rem;
}
.members_info ol li {
width: 100%;
margin: 0px 0px 10px;
}
#form .ss-form-container {
margin: 0 1rem 2rem;
}
#form .ss-form-entry input {
width: 80%;
}
#form .ss-q-title {
float: none;
}
#form .required-message, #form .error-message {
margin-left: 0;
}
#form fieldset{
}
#form fieldset:last-of-type{
}
#form fieldset legend{
}
}
/*//////////////////////////////////////
事前に知っておくと良い事項ページ
//////////////////////////////////////*/
#notes_img {
width: 1024px;
height: 200px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img.png) no-repeat center;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#notes_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
#notes_img h2 small {
display: block;
font-size: 21px;
margin-top: 1rem;
line-height: 1.4;
}
.notes {
}
.notes ul {
counter-reset: notes;
}
.notes ul li {
position: relative;
padding-left: 2.5rem;
padding-top: 100px;
margin-top: -50px;
}
.notes ul li:before {
counter-increment: notes;
content: counter(notes);
position: absolute;
top: 98px;
left: 0;
color: #72B69A;
border: solid 5px #72B69A;
border-radius: 50%;
font-size: 18px;
font-weight: bold;
line-height: 22px;
width: 24px;
text-align: center;
padding-top: 2px;
}
.notes ul li b {
display: block;
color: #72B69A;
font-size: 24px;
}
.notes ul li p {
color: #999;
position: relative;
padding-left: 2.5rem;
}
.notes ul li p:before {
content: "例）";
position: absolute;
top: 0;
left: 1rem;
}
.notes ul li strong {
font-size: 18px;
}
.notes ul li dl {
counter-reset: notes;
padding-left: 1rem;
}
.notes ul li dl dt {
position: relative;
padding-left: 1.5rem;
margin-top: 1rem;
counter-reset: rei;
}
.notes ul li dl dt:before {
counter-increment: notes;
content: counter(notes)".";
position: absolute;
top: 0;
left: 0;
color: #72B69A;
font-size: 18px;
font-weight: bold;
}
.notes ul li dl dt b {
font-size: 18px;
}
.notes ul li dl dd {
position: relative;
padding-left: 4rem;
}
.notes ul li dl dd:before {
counter-increment: rei;
content: "例"counter(rei);
position: absolute;
top: 0;
left: 2rem;
font-weight: bold;
}

@media (max-width: 768px) {
#notes_img {
width: 100%;
}
.notes {
padding: 0 1rem;
}
}

@media (max-width: 480px) {
#notes_img {
height: 100px;
}
.notes ul li {
padding-left: 0;
}
.notes ul li:before {
border: solid 3px #72B69A;
top: 102px;
font-size: 18px;
line-height: 16px;
width: 18px;
}
.notes ul li b {
font-size: 21px;
padding-left: 2rem;
}
.notes ul li p {
padding-left: 1.5rem;
}
.notes ul li p:before {
left: 0;
}
.notes ul li dl {
padding: 0;
}
.notes ul li dl dt b {
font-size: 16px;
padding: 0;
}
.notes ul li dl dd {
padding-left: 3.5rem;
}
.notes ul li dl dd:before {
left: 1.5rem;
}
}
/*//////////////////////////////////////
お客様の声ページ
//////////////////////////////////////*/
#voice_img {
width: 1024px;
height: 200px;
background: linear-gradient(to bottom, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%), url(../img/top_img.png) no-repeat center;
background-size: cover;
margin: 30px auto;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 34px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#voice_img h2 {
color: #52ABD2;
padding: 20px 20px 10px;
line-height: normal;
}
.voice_ttl {
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-weight: bold;
font-size: 42px;
color: #72B79B;
line-height: normal;
margin-bottom: 1rem;
}
.voice_txt {
margin-bottom: 2rem;
color: #999;
}
.voice_list {
display: flex;
flex-wrap: wrap;
position: relative;
padding-top: 50px;
}
.voice_list:before {
content: "お客様の声をご紹介いたします";
position: absolute;
top: 0;
left: 0;
font-weight: bold;
font-size: 21px;
width: 100%;
box-sizing: border-box;

border-top: solid 1px #ddd;
border-bottom: solid 3px #B9D5C9;
color: #72B69A;
line-height: 1;
padding: 8px 10px 5px;
background: linear-gradient(to right, #fff 25%, #B9D5C9 100%);
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
.voice_list li {
width: calc((100% - 80px)/3);
box-sizing: border-box;
border: solid 1px #ddd;
margin-bottom: 20px;
margin-left: 20px;
padding: 10px 10px 10px 80px;
line-height: 1.4;
background: url(../img/voice/icn_voice.png) no-repeat top 10px left 10px;
background-size: auto 50%;
}
.voice_list li:before {
}
.voice_list li b {
color: #89A6D5;
display: block;
}
.voice_list li a {
display: block;
float: right;
}
.voice_list li a:before {

content: "▶ ";
}
.lightbox .lb-image[src*="img/voice/"] {
width: auto !important;
height: auto !important;
}

@media (max-width: 768px) {
#voice_img {
width: 100%;
}
.voice_ttl {
margin: 0 10px 1rem;
font-size: 38px;
}
.voice_txt {
margin: 0 10px 2rem;
}
.voice_list {
margin: 10px;
}
.voice_list:before {
}
.voice_list li {
width: calc((100% - 60px)/2);
}
.voice_list li:before {
}
.voice_list li b {
}
.voice_list li a {
}
.voice_list li a:before {
}

.lightbox .lb-image[src*="img/voice/"] {
}
}

@media (max-width: 480px) {
#voice_img {
height: 100px;
}
.voice_ttl {
font-size: 21px;
line-height: 1.8;
}
.voice_txt {
}
.voice_list {
}
.voice_list:before {
font-size: 18px;
}
.voice_list li {
width: calc(100% - 40px);
}
.voice_list li:before {
}
.voice_list li b {
}
.voice_list li a {
}
.voice_list li a:before {
}
.lightbox .lb-image[src*="img/voice/"] {
width: 310px !important;
}
}
/*//////////////////////////////////////
生花祭壇ページ
//////////////////////////////////////*/
.seikasaidan {
}
.seikasaidan .plan {
border: solid 4px #72B79B;
border-radius: 5px;
box-sizing: border-box;
padding: 20px;
position: relative;
margin-top: 20px;
margin-bottom: 4rem;
}
.seikasaidan .plan .plan_name {
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 24px;
position: absolute;
top: -20px;
left: 15px;
background: #fff;
padding: 0 5px;
color: #72B79B;
}
.seikasaidan .plan .plan_name b {
font-size: 42px;
}
.seikasaidan .plan .plan_detail {
}
.seikasaidan .plan .plan_detail .img_no1, .seikasaidan .plan .plan_detail .img_no {
display: inline-block;
vertical-align: middle;
width: 350px;
text-align: center;
position: relative;
margin-top: 10px;
}
.seikasaidan .plan .plan_detail .img_no1 img, .seikasaidan .plan .plan_detail .img_no img {
display: block;
}
.seikasaidan .plan .plan_detail .img_no1:before {
content: "";
position: absolute;
width: 100px;
height: 100px;
background: url(../img/seikasaidan/no1.png)no-repeat;
background-size: contain;
top: -5px;
left: -8px;
}
.seikasaidan .plan .plan_detail ol {
display: inline-block;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 21px;
vertical-align: middle;
margin-left: 1rem;
}
.seikasaidan .plan .plan_detail ol li {
background: #72B79B;
text-align: center;
height: 100px;
display: inline-block;
position: relative;
box-sizing: border-box;
width: 100px;
border-radius: 50%;
line-height: 1.2;
}
.seikasaidan .plan .plan_detail ol li:before {
content: "";
height: 100%;
vertical-align: middle;
width: 0px;
display: inline-block;
}
.seikasaidan .plan .plan_detail ol li b {
vertical-align: middle;
display: inline-block;
color: #fff;
font-weight: bold;/* font-size: 21px; */
}
.seikasaidan .plan .plan_detail ul {
display: inline-block;
padding-left: 2rem;
vertical-align: middle;
font-size: 18px;
}
.seikasaidan .plan .plan_detail ul li {
position: relative;
}
.seikasaidan .plan .plan_detail ul li:before {
content: "";
position: absolute;
border: solid 4px;
width: 10px;
height: 33px;
left: -18px;
}

.seikasaidan .plan .plan_detail ul li:nth-of-type(1):before, .seikasaidan .plan .plan_detail ul li:nth-of-type(2):before {
border-right: none;
border-bottom: none;
top: 14px;
}
.seikasaidan .plan .plan_detail ul li:nth-of-type(3):before {
border-right: none;
border-bottom: none;
border-left: none;
height: 0px;
width: 25px;
left: -30px;
margin: auto;
top: 0;
bottom: 0;
}
.seikasaidan .plan .plan_detail ul li:nth-of-type(4):before, .seikasaidan .plan .plan_detail ul li:nth-of-type(5):before {
border-right: none;
border-top: none;
bottom: 14px;
}
.seikasaidan .plan .plan_detail2 {
margin-top: 10px;
padding-top: 10px;
border-top: solid 3px #ddd;
}
.seikasaidan .plan .plan_detail2 .plan_detail_txt {
display: inline-block;
width: 310px;
vertical-align: middle;
}
.seikasaidan .plan .plan_detail2 .plan_detail_txt:before {
content: "祭壇例";
font-size: 24px;
display: block;
font-weight: bold;
}
.seikasaidan .plan .plan_detail2 .plan_etc_img {
display: inline-block;
vertical-align: middle;
}
.seikasaidan .plan .plan_detail2 .plan_etc_img img {
display: inherit;
width: 215px;
margin-left: 5px;
}
.seikasaidan .plan.family {
border-color: #C29868;
}
.seikasaidan .plan.family .plan_name {
color: #C29868;
}
.seikasaidan .plan.family .plan_detail ol li {
background: #C29868;
}

@media (max-width: 768px) {
.seikasaidan {padding: 0 10px;}
.seikasaidan .plan {padding: 10px;}
.seikasaidan .plan .plan_name {
}
.seikasaidan .plan .plan_name b {
}
.seikasaidan .plan .plan_detail {
}
.seikasaidan .plan .plan_detail .img_no1, .seikasaidan .plan .plan_detail .img_no {
width: 245px;
}
.seikasaidan .plan .plan_detail .img_no1 img, .seikasaidan .plan .plan_detail .img_no img {
}
.seikasaidan .plan .plan_detail .img_no1:before {
width: 80px;
height: 80px;
}
.seikasaidan .plan .plan_detail ol {
font-size: 16px;
margin-left: 0.5rem;
}
.seikasaidan .plan .plan_detail ol li {
height: 74px;
width: 74px;
}
.seikasaidan .plan .plan_detail ol li:before {
}
.seikasaidan .plan .plan_detail ol li b {
}
.seikasaidan .plan .plan_detail ul {
font-size: 14px;
}
.seikasaidan .plan .plan_detail ul li {
}
.seikasaidan .plan .plan_detail ul li:before {
}
.seikasaidan .plan .plan_detail ul li:nth-of-type(1):before, .seikasaidan .plan .plan_detail ul li:nth-of-type(2):before {
}
.seikasaidan .plan .plan_detail ul li:nth-of-type(3):before {
}
.seikasaidan .plan .plan_detail ul li:nth-of-type(4):before, .seikasaidan .plan .plan_detail ul li:nth-of-type(5):before {
}
.seikasaidan .plan .plan_detail2 {
}
.seikasaidan .plan .plan_detail2 .plan_detail_txt {
width: 100%;
}
.seikasaidan .plan .plan_detail2 .plan_detail_txt:before {
}
.seikasaidan .plan .plan_detail2 .plan_etc_img {
}
.seikasaidan .plan .plan_detail2 .plan_etc_img img {
}
.seikasaidan .plan.family {
}
.seikasaidan .plan.family .plan_name {
}
.seikasaidan .plan.family .plan_detail ol li {
}
}

@media (max-width: 480px) {
.seikasaidan {}
.seikasaidan .plan {
margin-bottom: 2rem;
}
.seikasaidan .plan .plan_name {
font-size: 21px;
display: table;
}
.seikasaidan .plan .plan_name b {
font-size: 21px;
}
.seikasaidan .plan .plan_detail {
}
.seikasaidan .plan .plan_detail .img_no1, .seikasaidan .plan .plan_detail .img_no {
display: block;
width: 100%;
}
.seikasaidan .plan .plan_detail .img_no1 img, .seikasaidan .plan .plan_detail .img_no img {
}
.seikasaidan .plan .plan_detail .img_no1:before {
}
.seikasaidan .plan .plan_detail ol {
display: block;
text-align: center;
padding: 0;
}
.seikasaidan .plan .plan_detail ol li {
}
.seikasaidan .plan .plan_detail ol li:before {
}
.seikasaidan .plan .plan_detail ol li b {
}
.seikasaidan .plan .plan_detail ul {
line-height: 1.4;
padding-left: 1rem;
margin-top: 10px;
}
.seikasaidan .plan .plan_detail ul:before {
content: "【セット内容】";
margin-left: -1.5rem;
}
.seikasaidan .plan .plan_detail ul li {
}
.seikasaidan .plan .plan_detail ul li:before {
content: "・";
border: none;
top: 0 !important;
left: -1rem !important;
width: auto;
height: auto;
bottom: inherit !important;
}
.seikasaidan .plan .plan_detail ul li:nth-of-type(1):before, .seikasaidan .plan .plan_detail ul li:nth-of-type(2):before {
}
.seikasaidan .plan .plan_detail ul li:nth-of-type(3):before {
}
.seikasaidan .plan .plan_detail ul li:nth-of-type(4):before, .seikasaidan .plan .plan_detail ul li:nth-of-type(5):before {
}
.seikasaidan .plan .plan_detail2 {
}
.seikasaidan .plan .plan_detail2 .plan_detail_txt {
}
.seikasaidan .plan .plan_detail2 .plan_detail_txt:before {
}
.seikasaidan .plan .plan_detail2 .plan_etc_img {
display: block;
}
.seikasaidan .plan .plan_detail2 .plan_etc_img img {
margin: 0 auto 5px;
display: block;
}
.seikasaidan .plan.family {}
.seikasaidan .plan.family .plan_name {font-size: 14px;}
.seikasaidan .plan.family .plan_detail ol li {
}
}
/*//////////////////////////////////////
納骨容器販売ページ
//////////////////////////////////////*/
.sale_bone-container_cnt1 {
width: 1024px;
background: #F5F1E1;
margin: 30px auto;
overflow: hidden;
}
#sale_bone-container_img {
background: url(../img/sale_bone-container/top_img.png) no-repeat, linear-gradient(to bottom, #F9F7F9 0%, #fff 50%, #fff 100%);
background-size: contain;
height: 270px;
overflow: hidden;
}
#sale_bone-container_img h3 {
margin: 60px 0px 0px 400px;
color: #5A4A3F;
line-height: 1.6;
font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;
font-size: 21px;
text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}
#sale_bone-container_img h3 b{
display: block;
font-size: 42px;
color: #999;
}
.sale_bone-container_ttl {
border: solid 2px #72B69A;
padding-left: 20px;
color: #333;
font-size: 18px;
border-radius: 5px;
background: linear-gradient(to bottom, #DDF1CE 0%, #fff 100%);
position: relative;
margin-bottom: 10px;
}
.sale_bone-container_ttl:before {
content: "";
border-left: solid 5px #72B69A;
position: absolute;
top: 0;
bottom: 0;
left: 8px;
margin: auto;
height: 75%;
}
.sale_bone-container_cnt2 {
counter-reset: count;
list-style: none;
margin: 0 10px 30px;
display: flex;
justify-content: space-between;
}
.sale_bone-container_cnt2 li {
position: relative;
background: #FFF5EB;
border-radius: 5px;
width: calc((100% - 15px) / 2);
box-sizing: border-box;
padding: 10px 10px 10px 70px;
line-height: 1.4;
font-size: 14px;
}
.sale_bone-container_cnt2 li:before {
content: "オススメ";
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to bottom, #FF934B 0%, #FC5004 100%);
color: #fff;
height: 60px;
width: 60px;
font-size: 10px;
border-radius: 50%;
border: solid 2px #fff;
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
line-height: 1;
box-sizing: border-box;
padding-top: 10px;
text-align: center;
font-weight: bold;
}
.sale_bone-container_cnt2 li:after {
counter-increment: count;
content: counter(count);
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 60px;
height: 60px;
box-sizing: border-box;
color: #fff;
font-weight: bold;
font-size: 32px;
padding-top: 24px;
line-height: 1;
}
.sale_bone-container_cnt2 li b {
color: #FC5004;
display: block;
font-size: 18px;
margin-bottom: 5px;
}
.sale_bone-container_cnt3 {
margin: 0 10px 50px;
}
.sale_bone-container_cnt3 ul {display: flex;line-height: 1.6;font-family: "游ゴシック, Meiryo, Osaka, sans-serif", serif;font-size: 24px;justify-content: space-between;}
.sale_bone-container_cnt3 ul li {
border: solid 2px #C7DDD3;
border-radius: 10px;
background: #fff;
width: calc((100% - 30px) / 3);
box-sizing: border-box;
padding: 10px;
text-align: center;
}
.sale_bone-container_cnt3 .sale_bone-container_price {
border: solid 3px #C7DDD3;
border-radius: 5px;
background: #ebf9f2;
font-weight: bold;
padding: 15px;
font-size: 21px;
text-align: center;
line-height: 1.0;
letter-spacing: 3px;
}
.sale_bone-container_cnt3 .sale_bone-container_price ruby {

color: #FC5004;
display: inline-block;
}

.sale_bone-container_cnt3 .sale_bone-container_price ruby rt{
letter-spacing: 0;
font-size: 21px;
color: #999;
text-align: center;
}
.sale_bone-container_cnt3 .sale_bone-container_price ruby b{font-size: 50px;margin-left: 10px;}
.sale_bone-container_cnt3 .sale_bone-container_price small{
display:block;
font-weight: normal;
font-size: 14px;
margin-top: 15px;
}


@media (max-width: 768px) {
.sale_bone-container_cnt1 {
width: 100%;
}
.sale_bone-container_cnt1 img {
width: 80%;
margin: -60px auto 20px;
}
#sale_bone-container_img h3 {
font-size: 18px;
margin: 60px 0px 0px 280px;
}
.sale_bone-container_ttl {
margin: 10px;
}
.sale_bone-container_cnt2 li {
font-size: 12px;
}
.sale_bone-container_cnt3 {
margin: 0 10px 30px;
}
.sale_bone-container_cnt3 .sale_bone-container_price ruby {display: block;margin-top: 10px;}
.sale_bone-container_cnt3 .sale_bone-container_price ruby rt{}
.sale_bone-container_cnt3 .sale_bone-container_price ruby b{}
}

@media (max-width: 480px) {
.sale_bone-container_cnt1 img {
margin: 0px auto 20px;
width: 90%;
}
#sale_bone-container_img {
height: inherit;
background: url(../img/sale_bone-container/top_img.png) no-repeat, #fff;
background-size: contain;
}
#sale_bone-container_img h3 {
margin: 230px 10px 0;
font-size: 16px;
}
.sale_bone-container_cnt2 {
flex-direction: column;
}
.sale_bone-container_cnt2 li {
width: 100%;
margin: 0 0 10px 0;
}
.sale_bone-container_cnt2 li b {
font-size: 16px;
}
.sale_bone-container_cnt3 {
padding: 10px;
}
.sale_bone-container_cnt3 ul {
flex-direction: column;
}
.sale_bone-container_cnt3 ul li {
width: 100%;
margin-bottom: 10px;
}
.sale_bone-container_cnt3 .sale_bone-container_price {
font-size: 15px;
line-height: 1.4;
}
.sale_bone-container_cnt3 .sale_bone-container_price ruby {}
.sale_bone-container_cnt3 .sale_bone-container_price ruby rt{font-size: 18px;}
.sale_bone-container_cnt3 .sale_bone-container_price ruby b{
font-size: 36px;
margin: 0;
}
.sale_bone-container_cnt3 .sale_bone-container_price small{
font-size: 12px;
}

.checkbox-inline {
	width:100%;
	margin: 10px 20px 10px 0px;
	display:block;
}
}

.red_btn {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #ff5922;
width: 50%;
margin: 10px 15%;
padding: 10px 0;
color: #fff;
text-align: center;
font-weight: bold;
border:none;
border-bottom: 5px solid #c44a4a;
}

.form-horizontal .form-group {
margin-right: 0px;
margin-left: 0px;
text-align: left;
}
.form-horizontal .form-group {
	width: 100%;
	height:auto;
	display:inline-block;
}
.form-group {
	border-bottom: 1px solid #ddd;
}

.form-group {
	margin-bottom: 0px;
}
.form-group {
	margin-bottom: 15px;
}

.button_cover {
width: 100%;
height: auto;
display: inline-block;
margin: 0 auto;
/* margin-bottom: 20px; */
padding:0 3%;
}

.button_right {
width:50%;
height:auto;
float:right;
padding:6px;
}

.button_left {
width:50%;
height:auto;
float:left;
padding:6px;
}

.button_left img,.button_right img {
width:90%;
height:auto;
margin: 0 auto;
display: block;
}


.form_over {
width: 70%;
height:auto;
padding: 0 14px;
margin:0 auto;
}

.title_blue {
width:100%;
height:auto;
background:#2a92c9; 
}

.balloon2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  width: 100%;
  color: #2a92c9;
  font-size: 16px;
  background: #2a92c9;
  border: solid 3px #2a92c9;
  box-sizing: border-box;
}

.balloon2:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #2a92c9;
  z-index: 2;
}

.balloon2:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #2a92c9;
  z-index: 1;
}

.balloon2 p {
	margin: 0;
	padding: 0;
}

.clear {
clear:both;
}

.reflection-img{
width       :100%;
height      :auto;
position    :relative;
overflow    :hidden;
}

.reflection {
height      :100%;
width       :30px;
position    :absolute;
top         :-180px;
left        :0;
background-color: #fff;
opacity     :0;
transform: rotate(45deg);
animation: reflection 3s ease-in-out infinite;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 3s ease-in-out infinite;
-moz-transform: rotate(45deg);
-moz-animation: reflection 3s ease-in-out infinite;
-ms-transform: rotate(45deg);
-ms-animation: reflection 3s ease-in-out infinite;
-o-transform: rotate(45deg);
-o-animation: reflection 3s ease-in-out infinite;
}

@keyframes reflection {
0% { transform: scale(0) rotate(45deg); opacity: 0; }
80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { transform: scale(4) rotate(45deg); opacity: 1; }
100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


/*20180423 */

.price_distance {
    width: 100%;
    text-align: center;
}

.price_distance td {
     text-align: center; 
}

caption {
    caption-side: top;
}

.transport_price th b {
    z-index: 2;
}

input[type=checkbox], input[type=radio] {
    margin: 7px;
}

.fixed_time p {
  color:#fff;
  font-weight: bold;
}

/*20180423 */


/*20180501*/

.checkbox-color{
	background-color:#d4ebf7;
 	border-radius:5px;
 	padding-right:5px;
}

.btn__body {
margin-bottom: 10px;
}

.footer_fixed {
	display: none;
}

h2.tableTop_ttl {
	font-size: 1.3rem;
	margin-bottom: 5px;
}

.checkbox-inline_left {
	width:49%;
	margin: 5px 5px 10px 0px;
	float:left;
}

.checkbox-inline_right {
	width:49%;
	margin: 5px 0px 10px 0px;
	clear:both;
}

.checkbox-inline:last-of-type {
	margin-bottom: 20px;
}


@media screen and (max-width:768px) {

.button_left,.button_right {
width:100%;
}

.form_over { 

width: 90%;
height: auto;
margin: 0 auto;
border: 2px solid #eee;
border-radius: 8px;
padding: 10px 0;

}

.checkbox-inline_left {
	width:49%;
	margin: 5px 5px 10px 0px;
	float:left;
}

.checkbox-inline_right {
	width:49%;
	margin: 5px 0px 10px 0px;
	clear:both;
}

.checkbox-inline:last-of-type {
	margin-bottom: 20px;
}

.red_btn {
	width:80%;
	margin:0 auto;
}

navi {
  position: inherit;
}
.footer_fixed {
width: 100%;
height: auto;
background: rgba(64,64,64,0.7);
display: block;
bottom: 0;
padding: 6px;
position: fixed;
display: block;
z-index:5;
}

.footer_fixed img {
width:85%;
height: auto;

}

.fixed_time {
width:100%;
height:auto;
/*background: #fff;*/
color:#fff;
text-align: center;
font-size: .9em;
bottom:50px;
box-sizing: border-box;
}

.fixed_time p {
margin-bottom: 6px;
}

.footer_height {
width:100%;
height:140px;
display: block;
}

h2.tableTop_ttl {
	font-size: 1.2rem;
	margin-bottom: 5px;
}
}

@media (max-width: 480px){
.price_distance {
    float: none;
    margin: 0;
    width: 100%;
}
}

/*20180501*/

/*20180509*/


.clear{
	clear:both;
}

.table1{
	width:49%;
	margin-right:10px;
	float:left;
}

.table2{
	width:49%;
	float:left;
}

.price_distance_{
	margin-left:1.5%;
	margin-right:1.5%;
}

@media (max-width: 768px) {
.table1{
	width:100%;
	margin-right:0;
	float:none;
	padding:;
}

.table2{
	width:100%;
	float:none;
}

.transport_distance th{
	width:20%;
	padding:5px 10px;
	text-align:right;
}

.transport_distance td{
	width:30%;
}

.price_distance{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}

.price_distance_{
	margin:10px 0;
	width:100%;
}

}

@media (max-width: 480px){
.checkbox-inline{
	width:100%;
	height:auto;
	margin:10px 10px 10px 0;
}

.checkbox-inline_left{
	float:none;
}

.table1{
	width:100%;
	margin-right:0px;
	float:none;
}

.table2{
	width:100%;
	float:none;
}

.price_distance{
	margin-top:10px;
	margin-bottom:10px;
	float:none;
}

.price_distance_{
	margin:10px 0;
	float:none;
}
}
/*20180509*/


/*fv_bottom*/
.fv_bottom {
  margin: 0 auto 32px;
  width: 500px;
}

.benefits {
  text-align: center;
  margin: 1rem auto;
  padding: 8px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.45;
  color: rgb(251, 121, 87);
  border: 1px solid;;
}

.caution_benefits {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  color: rgb(51, 51, 51);
}

@media (max-width: 768px) {
  .fv_bottom {
    width: 400px;
  }

  .benefits {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .fv_bottom {
    max-width: 343px;
    width: 100%;
  }
  
  .benefits {
    font-size: 14px;
  }
}

/*caution*/
.caution {
  margin: 1rem 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.75;
  color: rgb(0, 0, 0);
}

.caution_red {
  color: rgb(217, 46, 46);
}

/*price_addition*/
.contents_outer {
  margin: 1rem 1rem 6rem;
}

.price_addition {
  border: solid 2px #2a92c9;
}

.price_addition.price_waiting {
  margin-right: 10px;
  width: 49%;
  float: left;
}

.price_addition.price_late_night {
  width: 49%;
  float: left;
}

.price_addition th {
  padding: 5px 10px;
  font-weight: bold;
  color: #fff;
  background: #2a92c9;
}

.price_addition td {
  text-align: center;
  padding: 5px 10px;
}

.price_addition td:first-of-type {
  text-align: center;
  background: #d7f1ff;
  border-right: solid 2px #2a92c9;
}

@media (max-width: 768px) {
  .contents_outer {
    margin: 1rem 1rem 1rem;
  }
  
  .price_addition.price_waiting {
    margin: 0 0 1rem 0;
    width: 100%;
    float: none;
  }
  
  .price_addition.price_late_night {
    width: 100%;
    float: none;
  }
}

/*price_equipment*/
.price_equipment {
  text-align: center;
  margin-bottom: 1rem;
  padding: 5px 10px;
  width: 100%;
  border: solid 2px #2a92c9;
  border-right: none;
  border-bottom: none;
}

.price_equipment th {
  padding: 5px 10px;
  background: #d7f1ff;
  border: solid 2px #2a92c9;
  border-top: none;
  border-left: none;
}

.price_equipment td {
  padding: 5px 10px;
  border: solid 2px #2a92c9;
  border-top: none;
  border-left: none;
}

.balloon2 .balloon2_text {
  padding: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
  color: rgb(255, 255, 255);
}

/*estimate*/
.estimate-form {
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  max-width: calc(1024px - 2rem);
  width: calc(100% - 16px);
  border: 1px solid rgb(207, 207, 207);
}

.estimate-form input, .estimate-form select {
  box-sizing: border-box;
  padding: 0px 8px;
  height: 40px;
  font-size: 14px;
  color: rgb(51, 51, 51);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(207, 207, 207);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  border-radius: 0;
}

.estimate-form select {
  cursor: pointer;
}

::placeholder {
  opacity: 1;
  color: rgb(51, 51, 51);
}

.estimate-form-heading {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  color: rgb(0, 0, 0);
}

.estimate-form-item-wrap:nth-child(odd) {
  padding: 8px;
  background: rgb(246, 247, 249);
}

.estimate-form-item-wrap:nth-child(even) {
  padding: 8px;
  background: rgb(255, 255, 255);
}

.estimate-form-situatio {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 7px;
  width: 100%;
}

.situatio-label-wrap {
  position: relative;
  width: calc((100% - 21px)/4);
}

.situatio-label-wrap input {
  position: absolute;
  left: 0;
  opacity: 0;
}

.situatio-label-wrap label {
  display: block;
  position: relative;
  text-align: center;
  margin-bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  font-size: 16px;
  font-weight: 400;
  color: rgb(42, 146, 201);
  background: rgb(255, 255, 255);
  border: 2px solid;
  border-radius: 8px;
  cursor: pointer;
}

.situatio-label-wrap input:checked + label {
  color: rgb(255, 255, 255);
  background: rgb(42, 146, 201);
  border: 2px solid rgb(42, 146, 201);
}

.situatio-label-wrap input:focus + label{
  box-shadow: 0px 2px 4px rgb(100, 100, 100);
}

.situatio-label-wrap label span {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}

.estimate-form-plan {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 7px;
  width: 100%;
}

.plan-label-wrap {
  position: relative;
  width: calc((100% - 21px)/4);
}

.plan-label-wrap input {
  position: absolute;
  left: 0;
  opacity: 0;
}

.plan-label-wrap label {
  display: block;
  position: relative;
  text-align: center;
  margin-bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  font-size: 16px;
  font-weight: 400;
  color: rgb(42, 146, 201);
  background: rgb(255, 255, 255);
  border: 2px solid;
  border-radius: 8px;
  cursor: pointer;
}

.plan-label-wrap input:checked + label {
  color: rgb(255, 255, 255);
  background: rgb(42, 146, 201);
  border: 2px solid rgb(42, 146, 201);
}

.plan-label-wrap input:focus + label{
  box-shadow: 0px 2px 4px rgb(100, 100, 100);
}

.plan-label-wrap label span {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}

.estimate-form-pickup {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 7px;
  width: 100%;
}

.pickup-label-wrap {
  position: relative;
  width: calc((100% - 21px)/4);
}

.pickup-label-wrap input {
  position: absolute;
  left: 0;
  opacity: 0;
}

.pickup-label-wrap label {
  display: block;
  position: relative;
  text-align: center;
  margin-bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  font-size: 16px;
  font-weight: 400;
  color: rgb(42, 146, 201);
  background: rgb(255, 255, 255);
  border: 2px solid;
  border-radius: 8px;
  cursor: pointer;
}

.pickup-label-wrap input:checked + label {
  color: rgb(255, 255, 255);
  background: rgb(42, 146, 201);
  border: 2px solid rgb(42, 146, 201);
}

.pickup-label-wrap input:focus + label{
  box-shadow: 0px 2px 4px rgb(100, 100, 100);
}

.pickup-label-wrap label span {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}

.estimate-form-area {
  display: flex;
  gap: 8px;
}

#area-prefectures {
  width: 140px;
}

#area-town {
  width: calc(100% - 148px);
}

#name {
  width: 100%;
}

#postcode {
  display: block;
  margin-bottom: 8px;
  width: 140px;
}

.prefectures-town-wrap {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}

#prefectures {
  width: 140px;
}

#town {
  width: calc(100% - 148px);
}

#street {
  width: 100%;
}

#tel {
  width: 100%;
}

.estimate-form-tel-text {
  margin: 16px 0 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  color: rgb(51, 51, 51);
}

#email {
  width: 100%;
}

.submit-btn-wrap {
  position: relative;
  margin: 24px auto 8px;
  padding: 0;
  max-width: 298px;
  width: 100%;
  height: 48px;
}

.submit-btn-wrap::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 110px;
  width: 32px;
  height: 32px;
  background-image: url(../img/icon_memo.svg);
  background-size: contain;
}

.estimate-form input[type="submit"] {
  padding: 0 0 0 36px;
  max-width: 298px;
  width: 100%;
  height: 48px;
  font-size: 21px;
  font-weight: 400;
  line-height: 48px;
  color: rgb(255, 255, 255);
  background: rgb(251, 121, 87);
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .situatio-label-wrap {
    width: calc((100% - 7px)/2);
  }
  
  .plan-label-wrap {
    width: calc((100% - 7px)/2);
  }
  
  .pickup-label-wrap {
    width: calc((100% - 7px)/2);
  }
}

@media screen and (max-width: 350px) {
  .submit-btn-wrap::before {
    left: 100px;
  }
}

/*cta*/
.cta {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 10px;
  width: 100%;
  background: rgb(42, 146, 201);
}

.cta_inner {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: auto;
  max-width: 768px;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
}

.cta_text {
  width: calc(50% - 5px);
}

.cta_text p {
  text-align: center;
  margin: 0;
  color: rgb(242, 223, 58);
}

.cta_tel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(50% - 5px);
  height: 50px;
  color: rgb(42, 146, 201);
  background: rgb(242, 223, 58);
  border-radius: 3px;
  box-shadow: 0 3px 0 rgb(181, 161, 12);
}

.cta_tel p {
  position: relative;
  left: 10px;
  margin: 0;
}

.cta_tel p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  width: 16px;
  height: 16px;
  background-image: url(../img/cta_tel.svg);
  background-size: contain;
  transform: translateY(-50%);
}

a.cta_tel:hover {
  color: rgb(42, 146, 201);
  text-decoration: none;
}