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

@media screen and (min-width: 768px) {
	
.anchor {
padding-top: 80px;
margin-top: -80px;
}

.under-page-header{
height: 140px;
padding-top:80px; 
}
.under-page-header h2{
font-size: 40px;
}
	
/*top*/
#top-plan {
	background-size: auto;
}
#top-plan ul {
	font-size: 0;
}	
#top-plan li {
	display: inline-block;
	width: 48%;
	margin-right: 4%;
}	
#top-plan li:nth-child(2n){
	margin-right: 0;
}
#top-plan .plan-box .stit {
    font-size: 16px;
}
.top-plan {
	padding: 4%;
}
#top-plan h3{
	font-size: 40px;
	margin-bottom: 15px !important;
}
#top-plan h3 span{
	font-size: 65px;
}
#top-cta img {
    width: 65px;
    vertical-align: unset;
	display: block;
	margin: auto;
}
#top-cta .tel-box,
#top-cta .contact-box{
	float: left;
	height: 140px;
	width: 46%;
	padding: 40px 2%;
}
.tel-box a {
    font-size: 40px;
}
#top-strength {
	background-size: auto;
}
.top-strength-box {
	margin: 50px auto;
}
.inline-box-a .box-img{
	width: 60%;
	margin-right: 5%;
	float: left;
}	
.inline-box-a .box-text{
	width: 35%;
	float: right;
	margin-top: 3%;
}
.inline-box-b .box-img{
	width: 60%;
	margin-left: 5%;
	float: right;
}	
.inline-box-b .box-text{
	width: 35%;
	float: left;
	margin-top: 3%;
}
.inline-box-a .box-text h3,.inline-box-b .box-text h3 {
  text-align: left;
}
.inline-box-a .box-text p,.inline-box-b .box-text p {
  margin-bottom: 30px;
}
.inline-box-a .box-text .btn-center,.inline-box-b .box-text .btn-center {
  margin: unset;
}
#cont-menu-box ul li {
	font-size: 20px;
	width: 31%;
	display: inline-block;
	margin-right: 3.5%;
}
#cont-menu-box ul li:last-child {
	margin-right: 0;
}
#cont-menu-box ul li img{
	margin-bottom: 5px;
}

/* 下層共通 */
.section-inner h2,.section-inner h3{
	font-family: 'A1MinchoStd-Bold-83pv-RKSJ-H', 'A-OTF A1 Mincho Std','Noto Serif JP', serif;
	font-size: 36px;
	margin-bottom: 35px;
}
.iframe-box iframe{
	height: 430px;
}
/*plan*/
#plan h3{
	font-size: 40px;
	margin-bottom: 20px;
}
#plan h3 span{
	font-size: 65px;
}
.plan-box{
	float: left;
}
.plan-box .stit,
.flower-box .stit{
	font-size: 30px;
	margin-bottom: 25px;
}
.plan-box li{
	width: 17.8%;
	margin-right: 2.6%;
	margin-bottom: 20px;
}
.plan-box li:nth-child(4n){
	margin-right: 2.6%;
}
.plan-box li:nth-child(5n){
	margin-right: 0;
}
.scroll img{
    width: 100%;
}
.plan-box .photo{
	float: left;
	width: 48%;
}
.plan-box .txt{
	float: right;
	width: 48%;
}
/*saijou*/
#saijou h3 {
	font-size: 30px;
}
.hall .overview tr{
	border: 1px solid #e6e6e6;
}
.hall .overview tr{
	width: 100%;
}
.hall .overview th,
.hall .overview td{
	display: table-cell;
	padding: 18px 20px;
}
.hall .overview th{
	width: 110px;
}
.photo-list li {
	width: 30.333333%;
	float: left;
	margin-right: 4.5%;
	margin-bottom: 15px;
}
.photo-list li:nth-child(even) {
	margin-right: 4.5%;
}
.photo-list li:nth-child(3n) {
	margin-right: 0;
}
.hall .overview tr td:nth-of-type(2){
	border-top: none;
	border-left: 1px solid #d8d8d8;
	width: 30%;
}
/*company*/	
#company tr {
	border-bottom: #e6e6e6 solid 1px;
}
#company th {
	width: 180px;
	display: table-cell;
	padding: 25px 10px;
}
#company td {
	display: table-cell;
	border-bottom: none;
	padding: 30px 10px;
}
/*flow*/
.flow-box {
	margin-bottom: 80px;
	display: inline-block;
}
.flow-box .arrow {
	bottom: -45px;
	left:50%;
	width: 30px;
	height: 30px;
	border: 5px solid;
	border-color:  transparent transparent #8f67ae #8f67ae;
	transform: rotate(-45deg);
}
.flow-box h4{
	font-size: 30px;
}
.flow-box .photo {
	margin-bottom: 0;
	float: left;
	width: 30%;
}
.flow-box .txt {
	float: left;
	width: 65%;
	margin-left: 5%;
}
.flow-box .btn-center{
	margin: unset;
}

/*strength*/
#strength h3 span{
	font-size: 40px;
}
#strength p {
	text-align: center;
}
/*case*/
.case-wrap .image-box{
float: left;
width: 280px;
}
.case-wrap .info-box{
float: left;
padding-top: 0;
padding-left: 20px;
width: calc(100% - 300px);
}
.case-wrap .info-box th{
display: table-cell;
width: 100px;
border: none;
}
.case-wrap .info-box td{
display: table-cell;
width: calc(100% - 120px);
padding-left: 10px;
border: none;
}
.case-wrap .info-box tr:last-child th,
.case-wrap .info-box tr:last-child td{
padding-bottom: 0;
}
.case-wrap .info-box tr:nth-child(2) th,
.case-wrap .info-box tr:nth-child(2) td{
border-top: #d8d8d8 1px solid;
border-bottom: #d8d8d8 1px solid;
}

/*flower-service*/
.sub-table-01 li{
float: left;
width: 50%;
}
.flower-box{
margin-bottom: 40px;
}
#flower-service .stit.plan50 + ul li{
width: calc(25% - 7.5px);
margin-right: 10px;
}
#flower-service .stit.plan50 + ul li:nth-child(4n){
margin-right: 0;
}
.flower-box-wrap .flower-box{
width: calc(50% - 5px);
float: left;
}
#flower-service .flower-box-wrap .flower-box ul li{
width: calc(50% - 5px);
}
.flower-box-wrap .flower-box:nth-child(1){
margin-right: 5px;
}
.flower-box-wrap .flower-box:nth-child(2){
margin-left: 5px;
}
#flower-service.contact h3:first-child{
margin-top: 20px;
}
.flower-box .btn-cont{
position: relative;
}
.flower-box .btn-cont::before{
content: "";
display: block;
position: absolute;
left: 5px;
top: calc(50% - 6px);
width: 10px;
height: 10px;
border-top: #fff 1px solid;
border-right: #fff 1px solid;
transform: rotate(45deg);
}
.contact #order th{
width: 220px;
}
.sub-table-01 li,
.sub-table-02 li,
.sub-table-03 li{
padding-bottom: 0;
}
.sub-table-02 li {
width: auto;
}
.night-funeral-month,
.night-funeral-day,
.funeral-month,
.funeral-day {
width: 85px;
padding-left: 0.5em;
}
.night-funeral-month,
.funeral-month {
width: 85px;
padding-left: 0;
}
.night-funeral-beginning-hour,
.night-funeral-beginning-minutes,
.night-funeral-ending-hour,
.night-funeral-ending-minutes,
.funeral-beginning-hour,
.funeral-beginning-minutes,
.funeral-ending-hour,
.funeral-ending-minutes {
width: 35px;
padding-left: 0.5em;
}
.night-funeral-beginning-hour,
.funeral-beginning-hour{
padding-left: 1em;
}
.sub-table-03 li{
display: table-cell;
}
.sub-table-03 .input-before{
padding-left: 1.5em;
}
/*contact*/
.cta-wrap .cta {
padding: 40px;
}
.cta-wrap .tel{
margin-bottom: 30px;
}
.cta-wrap .tel svg{
width: 47px;
}
.cta-wrap .tel a{
font-size: 53px;
line-height: 0;
padding-left: 20px;
}
.contact th{
display: table-cell;
width: 270px;
border-bottom: none;
}
.contact td{
display: table-cell;
width: calc(100% - 272px);
border-top: #d8d8d8 1px solid;
border-right: #d8d8d8 1px solid;
border-bottom: none;
}
.contact tr:last-child th,
.contact tr:last-child td{
border-bottom: #d8d8d8 1px solid;
}
/*thanks*/
.thanks-box{
padding: 40px;
}
.contact h3,
.thanks-box h3{
font-size: 32px;
}
.error404 .thanks-box h3 + p{
text-align: left;
}
.back-to-list{
padding: 40px 0 0;
}
}

@media screen and (min-width: 860px) {
/*top*/
#top-plan li {
	width: 24%;
	margin-right: 1.3%;
}	
#top-plan li:nth-child(2n){
	margin-right:  1.3%;
}
#top-plan li:nth-child(4){
	margin-right: 0 !important;
}
}

@media screen and (min-width: 1080px){

.under-page-header{
height: 165px;
padding-top: 105px;
}

.entry-content .section-inner{
padding: 50px 0;
}
/*case*/
.case-explanation {
margin-bottom: 40px;
}
.case-wrap {
padding: 30px;
}

/*flower-service*/
.flower-box .stit {
margin-bottom: 40px;
}
#flower-service .stit.plan50 + ul li{
width: calc(25% - 18.75px);
margin-bottom: 40px;
}
#flower-service .stit.plan50 + ul li:nth-child(odd){
margin-right: 25px;
}
#flower-service .stit.plan50 + ul li:nth-child(even){
margin-left: 0;
}
#flower-service .stit.plan50 + ul li:nth-child(4n+2){
margin-right: 25px;
}
.flower-box-wrap .flower-box {
width: calc(50% - 12.5px);
float: left;
}
.flower-box-wrap .flower-box:nth-child(1) {
margin-right: 12.5px;
}
.flower-box-wrap .flower-box:nth-child(2) {
margin-left: 12.5px;
}
#flower-service .flower-box-wrap .flower-box ul li {
width: calc(50% - 12.5px);
}
.flower-box .btn-cont {
margin-bottom: 0;
width: 200px;
margin: 10px auto 0;
}
.flower-box .btn-cont::before{
left: 15px;
}
#order h3 + p{
text-align: center;
}
#order form {
margin-top: 40px;
}
.form-title {
margin-bottom: 10px;
}
.contact #order table {
margin-bottom: 20px;
}
.contact #order th {
width: 270px;
}
.sub-table-01 li:nth-child(1) {
float: left;
width: 250px;
}
.contact .sub-table-01 li:nth-child(1) input {
width: 80%;
}
.night-funeral-month,
.funeral-month,
.night-funeral-month,
.funeral-month{
width: 105px;
}
.night-funeral-beginning-hour,
.night-funeral-beginning-minutes,
.night-funeral-ending-hour,
.night-funeral-ending-minutes,
.funeral-beginning-hour,
.funeral-beginning-minutes,
.funeral-ending-hour,
.funeral-ending-minutes {
width: 60px;
}
/*contact*/
.cta-wrap{
margin-bottom: 60px;
}
.contact h3{
margin-bottom: 30px;
}
.contact table {
margin-bottom: 40px;
}
.contact th, 
.contact td{
padding: 15px;
}
.required,
.any{
top:14px;
right: 14px;
}
.accept label{
padding:40px 0;
}
.pp-box{
padding: 20px;
height: 200px;
}
/*thanks*/
.thanks-box{
padding: 70px 160px;
}

.thanks-box h3{
font-size: 32px;
margin-bottom: 60px;
}
.back-to-list{
padding: 60px 0 0;
}

}