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

.fL{float:left;}
.fR{float:right;}
.cB{clear:both;}


.mT3{margin-top:3px;}
.mT5{margin-top:5px;}
.mT6{margin-top:6px;}
.mT8{margin-top:8px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}
.mT59{margin-top:59px;}
.mT60{margin-top:60px;}
.mT80{margin-top:80px;}
.mT-2{margin-top:-2px;}
.mL5{margin-left:5px;}
.mL8{margin-left:8px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL20%{margin-left:20%;}
.mL30{margin-left:30px;}
.mL37{margin-left:37px;}
.mL40{margin-left:40px;}
.mL45{margin-left:45px;}
.mL46{margin-left:46px;}
.mL50{margin-left:50px;}
.mL55{margin-left:55px;}
.mL60{margin-left:60px;}
.mL70{margin-left:70px;}
.mL80{margin-left:80px;}
.mL100{margin-left:100px;}
.mL150{margin-left:150px;}
.mL170{margin-left:170px;}
.mL200{margin-left:200px;}
.mR8{margin-right:8px;}
.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR30{margin-right:30px;}
.mR50{margin-right:50px;}
.mR60{margin-right:60px;}
.mB3{margin-bottom:3px;}
.mB8{margin-bottom:8px;}
.mB10{margin-bottom:10px;}
.mB17{margin-bottom:17px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}

.pT3{padding-top:3px;}
.pT5{padding-top:5px;}
.pT8{padding-top:8px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}
.pT70{padding-top:70px;}
.pT90{padding-top:90px;}
.pL5{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL30{padding-left:30px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR30{padding-right:30px;}
.pB5{padding-bottom:5px;}
.pB10{padding-bottom:10px;}
.pB20{padding-bottom:20px;}
.pB30{padding-bottom:30px;}

.bR{border-right:solid 1px #AAA;}
.bL{border-left:solid 1px #AAA;}

.tac{text-align:center;}
.m0a{margin:0 auto;}
.vam{vertical-align:middle;}
.relative{position:relative;}
.absolute{position:absolute;}

.hei30{height:30px;}
.hei300{height:300px;}
.line_hi_13{line-height:1.3;}
.line_hi_15{line-height:1.5;}
.line_hi{line-height:1.5;}

.wid250{width:250px;}

.bold{font-weight:bold;}

.fontS8{font-size:8px;}
.fontS12{font-size:12px;}
.fontS15{font-size:15px;}
.fontS17{font-size:17px;}
.fontS18{font-size:18px;}
.fontS20{font-size:20px;}
.fontS24{font-size:24px;}
.fontS25{font-size:25px;}
.fontS30{font-size:30px;}
.fontS35{font-size:35px;}
.fontS40{font-size:40px;}
.fontS50{font-size:50px;}
.fontS60{font-size:60px;}
.fontS70{font-size:70px;}

.fontE1{font-size:1.2em;}
.fontE2{font-size:1.5em;}
.fontE5{font-size:5em;}
.fontwhite{color:#FFF;}

.bg_none {background-color:transparent;}

/*---　共通 枠組等　---*/

body{
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  font-size: 16px;
  width: 100%;
  margin:0 auto;
}

@media screen and (max-width:750px) {
body {
  font-size: 18px;}
}

header {
  position: fixed;
  z-index: 9999;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
}

#main_body{
  width: 100%;
  margin: 0 auto;
}/*全体の横幅調整*/

#main_slide {
  padding-top: 130px;
}

@media screen and (max-width:750px) {
#main_slide {
  padding-top: 110px;}
}

#container{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px 0;
}/*body内の横幅調整*/

li a{
  text-decoration: none;
  color: #000000;
}

a {text-decoration: none;
  color: #000000;
}

/*---　ここまで　共通　---*/


/*---　ふわっと表示　---*/

.fadein {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.5s;
}

/*---　ここまで　ふわっと表示　---*/



/*---　　header　---*/

#header_line {
  border-top: solid 5px #F48F09;
}

#header_innerbox {
  max-width: 1080px;
  margin: 0 auto;
  padding: 10px 10px 5px 10px;
}

.header_L {
  float: left;
  font-family: "小塚明朝 Pr6N";
}

.header_L_2 {
  float: left;
  font-family: "小塚明朝 Pr6N";
}

.header_L_p1 {
  color: #a9a9a9;
  font-size: 13px;
  margin-bottom: 5px;
}

.header_L_p2 {
  color: #7d7d7d;
  font-size: 20px;
  margin-left: 7px;
  margin-bottom: 5px;
}

.header_top50 {
  padding-top: 10px;
}

.header_R {
  float: right;
}

.header_R_2 {
  float: right;
}

.header_consultation {
  font-size: 15px;
  text-align: right;
  margin-bottom: 11px;
}

.header_miniL  {
 float: right;
}

.telephone {
  font-size: 35px;
  font-weight: bold;
  font-family: "Arial";
  margin-top: 2px;
  margin-left: 10px;
}

.telephone a {
  text-decoration: none;
  color: #000040;
}

.header_hour {
  padding: 7px 15px;
  margin: 7px 15px 0 0;
  color: #000040;
  font-weight: bold;
  border: solid 2px #000040;
  border-radius: 10px;
}

@media screen and (max-width:750px) {
#header_innerbox {
  padding: 5px 10px;}

.header_L,
.header_R,
.header_miniL {
  float: none;}

.header_L_p1,
.header_consultation,
.telephone,
.header_miniL img {
  display: none;}

h1 {
  text-align: center;}

.header_L_p2 {
  text-align: center;
  font-size:17px;
  font-weight: bold;
  margin-left: 0px;}

.header_R_2 {
  float: left;
}

.header_top50 {
  padding-top: 13px;
  padding-left: 0.5em;
}

.header_miniL p {
  text-align: center;}

.header_hour {
  font-weight: normal;
  font-size: 15px;
  margin: 5px 10%;
  background-color: #000040;
  color: #ffffff; }
}

/*---　ここまで　header　---*/



/*---　　nav　　---*/

nav {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

#nav {
  list-style: none;
  overflow: hidden;
  margin-bottom: 1px;
  float: right;
}

#nav li {
  float: left;
  margin: 10px 0 10px 30px;
}

#nav a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

#nav a::after {
  position: absolute;
  bottom: -6px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #228b22;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}

#nav a:hover::after {
  transform: scale(1, 1);
}

@media screen and (max-width:750px) {
.header_clear,{
  display: none;}

.nav_none {
  display: none;}

nav li {
  font-size: 15px;}
  
#nav {
  float:none;
  display: flex;}

#nav li {
  float: none;
  text-align: center;
  width: 25%;
  margin: 0;
  padding: 10px 0;
  border-collapse: collapse;  
  border-top: solid 1px #eee7e0;
  border-left: solid 1px #eee7e0;
  border-right: solid 1px #eee7e0;
  1box-shadow: 0px -8px 8px -1px #b2cbe4 inset;
  1box-shadow: 1px 1px 6px #c0c6c9 inset;}

.nav_bottom1 {
  border-bottom: solid 3px #00ff00;}

.nav_bottom2 {
  border-bottom: solid 3px #1e90ff;}

.nav_bottom3 {
  border-bottom: solid 3px #ffa500;}

.nav_bottom4 {
  border-bottom: solid 3px #ff1493;}
}

/*---　ここまで　nav　　---*/



/*---　メイン画像とスマホ画像切替　---*/

.pc {
  max-width: 1100px;
  margin: 0 auto;
}

.sp {
  display: none;
}

@media screen and (max-width:750px) {
.pc {
  display: none;}

.sp {
  display: block;}
}

/*---　ここまで　スマホ用メイン画像　---*/






/*---　　スリーアローズについて　　---*/

.covid_against_all {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
  padding-bottom: 40px;
}

.covid_against {
  width: 15%;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  margin: 15px 55px;
}/*---3つの画像---*/


.covid_against_all *,
.covid_against_all *:after,
.covid_against_all *:before {
  -webkit-box-sizing: border-box;
	      box-sizing: border-box;
}

.covid_against_all 
.covid_against_sistem {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.covid_against_all
.covid_against_sistem input {
  position: absolute;
  opacity: 0;
}
/* 質問 */
.covid_against_all
.covid_against_sistem label {
  font-weight: bold;
  font-size: 22px;
  position: relative;
  display: block;
  margin: 0 0 0 0;
  padding:0.5em;
  cursor: pointer;
  border: solid 1px #F00;
}
.covid_against_all
.covid_against_sistem label:hover {
  1color: #00838F;
}
/* 答え */
.covid_against_all
.covid_against_sistem 
.covid_against_content {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.5s ease;
          transition: max-height 0.5s ease;
  font-size:20px;
  font-weight: bold;
  1background-color: #fdeff2;
  1color: #ffffff;
  1background: rgba(0, 131, 143, 0.5);
}
.covid_against_all
.covid_against_sistem
.covid_against_content p {
  margin: 1em;
}
/* 質問を開いた時の仕様 */
/* --アイコン */
.covid_against_all
.covid_against_sistem input:checked ~ label {
  1color: #00838F;
}
/* --答えの高さ */
.covid_against_all
.covid_against_sistem input:checked ~ 
.covid_against_content {
  max-height: 50em;
}
/* 質問をクリックした時のアイコンの動き */
.covid_against_all
.covid_against_sistem label::after {
  line-height: 1.6;
  position: absolute;
  top: 40%;
  right: 0;
  display: block;
  width: 3em;
  margin-top: -12.5px;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
  text-align: center;
}
.covid_against_all
.covid_against_sistem input[type=checkbox] + label::after {
  content: '▼';
}
.covid_against_all
.covid_against_sistem input[type=checkbox]:checked + label::after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

@media screen and (max-width:750px) {
.covid_against {
  width: 25%;
  margin: 0 10px;}

.covid_against_all {
  padding-bottom: 20px;
  margin-top: 10px;}
	
.covid_against_all p {
  font-size: 13px;
  padding: 0 10px 5px;
  text-align: left;}

.covid_against_all
.covid_against_sistem label {
  font-size: 15px;
  line-height: 1.3;
  padding: 0.7em 2em 0.7em 0.7em;}

.covid_against_all
.covid_against_sistem 
.covid_against_content {
  font-size: 16px;}

.covid_against_all
.covid_against_sistem label::after {
  top: 50%;}
}

/*---　ここまで　スリーアローズについて　　---*/






/*---　トップページ　---*/

.feature {
  background: linear-gradient(to left,#08bdec, #6e81fb);
  text-shadow: 1px 1px 3px #898880;
  margin-bottom: 50px;
}

.feature p {
  padding: 0.8em;
  font-size: 22px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.3;
}

.top_plan_h2 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  margin: 15px 0 30px;
  position: relative;
  text-align: center;
  border-bottom: 5px solid #ffffff;
}

.top_plan_h2::after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 5px;
  background-color: #387ccc;
}

 /*---共通・タイトル下の補足文---*/
.top_explanation {
  margin-bottom: 20px;
  padding: 10px;
  line-height: 1.5em;
  font-size: 17px;
  text-align: center;
}

 /*---トップページの業務内容---*/
.top_plan_flexitem {
  width: 31%;
  margin: 20px 0;
}

.top_plan_frame {
  box-shadow: 0px 0px 5px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
}

.top_plan_title {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  background-color: #4169e1;
  color: #ffffff;
  padding: 8px 0;
  margin-bottom: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.top_plan_signboard {
  text-align:center;
  font-size:24px;
  font-weight:bold;
  padding:8px 0;
  margin-bottom:5px;
  text-decoration:underline;
  text-decoration-style:solid;
  text-decoration-thickness:4px;
  text-underline-offset:4px;
}

.top_plan_tax_display {
  font-size:13px;
  font-weight:bold;
}
  
.top_plan_backcolor_A {
  background-color:#9b2e6e;
}

.top_plan_backcolor_B {
  background-color:#17922e;
}

.top_plan_backcolor_C {
  background-color:#050b57;
}

.top_plan_color_A {
  color:#000000;
  text-decoration-color:#9b2e6e;
}

.top_plan_color_B {
  color:#000000;
  text-decoration-color:#17922e;
}

.top_plan_color_C {
  color:#000000;
  text-decoration-color:#050b57;
}

/*---
.top_plan_under_price_A {
  color:#9b2e6e;
  font-weight:bold;
  text-align:center;
  font-size:45px;
  font-family:Arial, Helvetica, sans-serif;
}

.top_plan_under_price_B {
  color:#17922e;
  font-weight:bold;
  text-align:center;
  font-size:45px;
  font-family:Arial, Helvetica, sans-serif;
}

.top_plan_under_price_C {
  color:#050b57;
  font-weight:bold;
  text-align:center;
  font-size:45px;
  font-family:Arial, Helvetica, sans-serif;
}

.top_plan_under_price_notax {
  font-weight:bold;
  text-align:center;
  font-size:23px;
  font-family:Arial, Helvetica, sans-serif;
  padding:8px 0 18px;
  color:#7d7d7d;
}

.top_plan_under_hall {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 17px;
}
---*/

 /*---警備保障の業務内容一覧はこちら---*/
.top_service_list {
  text-align: center;
  padding:10px 40px;
  border:solid 2px #387ccc;
  width: 30%;
  margin: 0 auto 30px;
  font-size: 20px;
  font-weight: bold; 
  border-radius: 10px;
}

.top_service_list:hover {
  background-color: #bbdbf3;
}


 /*---求人募集・採用情報はこちらの背景色---*/
.top_bgcolor_container {
  background-color: #d4d9dc;
}

.adjust_container {
  width:100%;
  max-width:1100px;
  margin:0 auto;
  padding:10px 0;
}


.top_plan_bg_h2 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  margin: 15px 0 30px;
  position: relative;
  text-align: center;
  border-bottom: 5px solid #d4d9dc;
}

.top_plan_bg_h2::after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 5px;
  background-color: #387ccc;
}

.crematorium_flexitem {
  width: 32%;
  margin:20px 0;
}

.crematorium_p {
  font-size:20px;
  margin-left:2em;
}

.h3_title_I_crema {
  margin:1em;
  border-left:10px solid #600;
  padding-left:1em;
  font-size:23px;
}

.h3_title_I_top {
  margin:0.6em;
  border-left:7px solid #600;
  padding-left:1em;
  font-size:23px;
}

@media screen and (max-width:750px) {
.crematorium_flexitem {
  width: 48%;
}

.crematorium_p {
  margin-left: 0.3em;
  font-size: 15px;}
  
.h3_title_I_crema {
  margin: 1em;
  border-left: none;
  padding-left: 0em;
  font-size: 14px;
  text-align: center;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
  text-decoration-color: #600;}

.h3_title_I_top {
  font-size: 15px;}

.h3_title_I_top br {
  display: none;}
}


 /*---求人募集・採用情報はこちら---*/
.top_recruit_list {
  text-align: center;
  padding:10px 40px;
  background-color: #e6c0c0;
  width: 30%;
  margin: 0 auto 30px;
  font-size: 20px;
  font-weight: bold; 
  border-radius: 10px;
}

.top_recruit_list:hover {
  background-color: #da81b2;
}

 
 
 
 
 
 
 
.top_plan_sgi_flexitem {
  width: 49%;
  margin:7px 0;
}

.top_plan_sgi_title {
  font-size:20px;
  font-weight:bold;
  text-align:center;
  background-color:#02929c;
  border-radius:5px;
  padding:7px;
  color:#ffffff;
}

.top_plan_sgi_guid {
  font-size:20px;
  font-weight:bold;
  text-align:center;
  text-decoration:underline;
  text-decoration-style:solid;
  text-decoration-thickness:4px;
  text-underline-offset:4px;
  text-decoration-color:#02929c;
  line-height:1.8;
  padding-top:15px;
}

.top_plan_sgi_flexitem img {
  border-radius:7px;
}


.top_information_h2 {
  text-align:center;
  font-size:35px;
  font-weight:bold;
  padding-top:50px;
  margin:15px 0 30px;
  position: relative;
  text-align: center;
  border-bottom: 5px solid #d4d9dc;
}

.top_information_h2:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 5px;
  background-color: #387ccc;
}

 /*---各種サービス---*/
.top_service_flexitem {
  width:23%;
}
	
.top_service_frame {
  box-shadow:0px 0px 3px;
  margin-bottom:20px;
  background-color:#ede4e1;
}

.top_service_flexitem_A {
  width:70%;
}

.top_service_flexitem_B {
  width:30%;
}

@media screen and (max-width:750px) {
.top_plan_flexitem {
  padding:10px;
  margin:0px;
  width: 100%;}

.top_plan_title {
  margin-top:0.3em;
  font-size:18px;
  text-decoration-thickness:2px;
  text-underline-offset:2px;}

.top_plan_under_price {
  padding:5px 0;}

.top_plan_under_price_notax {
  font-size:23px;
  padding:5px 0;}
	
.top_plan_under_hall {
  font-size:20px;
  margin-bottom:0px;
  padding:10px 0 15px}

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

.top_plan_sgi_guid {
  padding-top:10px;}

.top_plan_sgi_guid br {
  display:none;}

.top_service_flexitem {
  width:44%;
  padding:0 10px;}
	
.top_service_flexitem_A {
  width:100%;}

.top_service_flexitem_B {
  width:40%;
  margin:0 auto;}
  
  
.top_service_list {
  width: 50%;}
  
.top_recruit_list {
  width: 50%;}
}

/*---　お問い合わせ　---*/

.top_contact_inner {
  display: flex;
  flex: 48%;
  align-items: flex-start;
  padding: 0px 10px 40px;
  font-size: 20px;
}

.top_contact_p {
  font-size: 30px;
  line-height: 2em;
  padding: 1.5em;
  color: #000080;
  font-weight: bold;
}
  
@media screen and (max-width:750px) {
.top_contact_p {
  font-size: 23px;
  text-align: center;
  padding: 0.5em;}
}

/*---　お問い合わせ　---*/


/*---　トップページ　---*/




/*---　footer　---*/
.footer_line{
  border-top:solid 5px #164a84;
  background-color:#c1e4e9;
}

.footer_container {
  width:100%;
  max-width:1100px;
  margin:0 auto;
  padding:10px 0;
  text-align:center;
}

.footer_top {
  background-color:#ffffff;
  display:inline-block;
  padding:10px 20px;
  width:50%;
  color:#000040;
  font-weight:bold;
  border-radius: 10px;/* CSS3草案 */  
  -webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;/* Firefox用 */
}

.footer_sidestep {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding:20px 10px;
}

.footer_sidestep_item {
  width:20%;
  padding:10px;
}

.footer_sidestep_item p {
  text-align:left;
  color:#164a84;
}

.footer_sidestep_item a {
  color:#164a84;
}

#footer_float {
  float:left;
}

#footer_float_z {
  float:left;
}

.footer_hour {
  border:solid 2px #000040;
  border-radius:10px;
  background-color:#000040;
  color:#ffffff;
  font-weight:normal;
  padding:6px 40px;
  display:inline-block;
}

.footer_telephone {
  font-family:"Arial";
  font-weight:bold;
  font-size:27px;
  margin-top:12px;
}

.footer_step {
  display:inline-block;
  vertical-align:bottom;
}

.footer_telephone a {
  text-decoration:none;
  color:#000040;
}

.copyright {
  text-align:center;
  color:#164a84;
  font-weight:bold;
  margin-bottom:3px;
}

@media screen and (max-width:750px) {
.footer_top {
  padding:10px 10%;
  width:70%;}

#footer_float {
  margin:0 auto;
  width:86%;
  float:none;}

footer p {
  font-size:15px;}

.footer_hour {
  margin-top:5px;
  font-size:15px;
  padding:5px 25px;
  font-weihgt:normal;}
  
.copyright {
  margin-bottom:50px;
  font-size:8px;}

.footer_telephone p {
  font-size:25px;
  margin:5px 0 0 10px;}

#footer_float_z img {
  margin-left:5px;
  height:30px;}

.footer_sidestep_item {
  width:40%;}

}


/*--- 　ここまで　footer　---*/



/*---  電話番号固定   ---*/

@media screen and (max-width:750px) {
.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background: rgba(0,175,204,0.8);
  text-align: center;}
}

@media screen and (min-width:750px) {
.fixed  {
  display: none;}
}

@media screen and (max-width:750px) {
.fixed p {
  1font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  padding: 15px 10px 15px;}
}

@media screen and (max-width:750px) {
.fixed a {
  text-decoration: none;
  font-size: 20px;
  background-color: #006a6c;
  border: solid 2px #ffffff;
  padding: 4px 25px;
  border-radius: 8px;
  color: #ffffff;}
}

@media screen and (max-width:750px) {
.call_space {
  font-weight: normal;
  font-size: 18px;}
}

/*--- 　ここまで　電話番号固定　---*/



/*---  ページのトップへ上がるボタン   ---*/

#pageTop {
   position: fixed;
   bottom: 20px;
   right: 20px;
}

#pageTop a {
  display:block;
  z-index: 999;
  padding:10px 10px 13px 10px;
  margin:0;
  border-radius:5%;
  width: 50px;
  background-color:#898989;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.6;
}

@media screen and (max-width:750px) {
#pageTop {
  display:none;}
}

/*--- 　ここまで　ページのトップへ上がるボタン　---*/














/*---　共通　---*/

.standard_sistem {
  max-width:1080px;
  padding:10px;
  position:relative;
  overflow:hidden;
}

/*---　h2タイトル　---*/
.h2_title {
  background-color: #1c0450;
  color: #ffffff;
  max-width: 1100px;
  text-align: center;
  padding: 20px;
  font-size: 28px;
  margin-top: 140px;
}

@media screen and (max-width:750px) {
.h2_title {
  margin-top: 113px;
  padding: 15px;}
}
/*---　h2タイトル　---*/

/*---　Iモデル　---*/
.h3_title_I {
  margin: 25px 20px 10px;
  border-left: 10px solid #600;
  padding-left: 1em;
  font-size: 23px;
}

@media screen and (max-width:750px) {
.h3_title_I {
  font-size: 21px;
  margin: 20px 15px 10px;}
}
/*---　Iモデル　---*/
 
/*---　Lモデル  ---*/
.h3_title_L {
  border-left: 7px solid #600;
  border-bottom: 3px solid #600;
  font-size: 20px;
  padding: 10px;
  margin-bottom: 20px;
}
/*---　Lモデル  ---*/

/*---　dotモデル　---*/
.h3_title_dot {
  font-size: 22px;
  padding: 10px 20px;
  margin-bottom: 15px;
  color: #ffffff;
  font-weight: 500;
  background: #015dac;
  background-image: radial-gradient(#0175d5 13%, transparent 13%), radial-gradient(#0175d5 13%, transparent 13%);
  background-size: 50px 50px;
  background-position: 0 0, 25px 25px;
}
/*---　dotモデル　---*/

/*---　OモデルA　---*/
.h3_title_O_A {
  padding: 0.6rem 0;
  text-align: center;
  font-size: 24px;
  color: #202f55;
  background: #a2c2e6;
  -webkit-box-shadow: 5px 5px 0 #434da2;
  box-shadow: 3px 3px 0 #434da2;
  margin-bottom: 20px;
  border-radius: 10px;
 }
/*---　OモデルA　---*/

/*---　OモデルB　---*/
.h3_title_O_B {
  padding: 0.6rem 0;
  text-align: center;
  font-size: 24px;
  color: #316745;
  background: #badcad;
  -webkit-box-shadow: 5px 5px 0 #316745;
  box-shadow: 3px 3px 0 #316745;
  margin-bottom: 20px;
  border-radius: 10px;
 }
/*---　OモデルB　---*/

/*---　OモデルC　---*/
.h3_title_O_C {
  padding: 0.6rem 0;
  text-align: center;
  font-size: 22px;
  color: #316745;
  background: #badcad;
  -webkit-box-shadow: 5px 5px 0 #316745;
  box-shadow: 3px 3px 0 #316745;
  margin-bottom: 20px;
  border-radius: 10px;
 }
/*---　OモデルC　---*/

/*---　タイトル　---*/


/*---　右へ移動・2つの場合　---*/
.flex_sistem {
  display:flex;
  display: -webkit-box;
  display: -ms-flexbox;
  list-style-type:none;
  width:100%;
  max-width:1100px;
}
 
@media screen and (max-width:750px) {
.flex_sistem {
  display:block!important;}
}
/*---　右へ移動・2つの場合　---*/


/*---　右と左の位置を逆にする　---*/
.reverse {
  flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
}
/*---　右と左の位置を逆にする　---*/


/*---　横並びの解除　---*/
.non_flex {
  display:block!important;
}
/*---　横並びの解除　---*/	


/*---　右へ移動・複数の場合　---*/
.flex_sistem_many {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
/*---　右へ移動・複数の場合　---*/

 
/*---　文字の強調　---*/
.letter_line {
  background: linear-gradient(transparent 60%, #ffff05 60%);
  font-weight: bold;
  font-size: 1.05em;
}

.letter_strong {
  font-weight: bold;
  font-size: 1.15em;
  color: #f39800;
}
  
/*---　文字の強調　---*/
 
/*---　文字の点滅　---*/
.blink {
	-webkit-animation: blink 1s ease-in-out infinite alternate;
	animation: blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/*---　文字の点滅　---*/

/*---　ゆったりスクロールボタン　---*/

 /*---  この部分をhtmlへ
 <div class="scroll">
  <span class="txt">Scroll</span>
</div>
---*/

.scroll {
  display: inline-block;
  padding-top: 70px;
  position: relative;
}
.scroll::before {
  animation: scroll 3.5s infinite;
  border: solid #000;
  border-width: 0 0 1px 1px;
  content: "";
  display: inline-block;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  transform: rotate(-45deg);
  width: 20px;
  height: 20px;
}

@keyframes scroll {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  80% {
    transform: rotate(-45deg) translate(-30px, 30px);
  }
  0%, 80%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
/*---　ゆったりスクロールボタン　---*/

 /*---　光るテキスト　---*/
.consultant_flowing_light{
  padding: 20px;
  margin: 15px auto;
  background-image: linear-gradient(
  	70deg,
	#417038 45%, /* font color */
	#FFF 50%,
	#417038 55% /* font color */
  );
  background-size: 500% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  animation: shine 2s infinite;
  text-align:center;
  font-size: 35px;
  font-weight: bold;
}

@keyframes shine {
  0% {
  background-position: 100% 50%;  }
  100% {
  background-position: 0% 50%;  }
}

.consultant_flowing_light br {
  display: none;
}

@media screen and (max-width:750px) {
.consultant_flowing_light{
  padding: 20px 0px;
  margin: 0 auto;
  width: 100%;}
  
.consultant_flowing_light br {
  display: block;}
}
 /*---　光るテキスト　---*/

 /*---　レ点　---*/
.checkmark{
	padding-left:24px;
	position:relative;
}
.checkmark:before,
.checkmark:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark:before{
	width:16px;
	height:16px;
	background:#ffffff;
    	border:1px solid #000000;
	left:0;top:2px;
}
.checkmark:after{
	border-left:2px solid #ff0000;
	border-bottom:2px solid #ff0000;
	width:18px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:3px;
}
 /*---　レ点　---*/

 /*---　震える　---*/
.furufuru {
    animation: furufuru 2s infinite;
}
@keyframes furufuru {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
 /*---　震える　---*/

 /*---　光る電話番号　---*/
.pick_up_flowing_light{
  padding: 10px;
  margin: 15px auto;
  background-image: linear-gradient(
  	70deg,
	#202f55 45%, /* font color */
	#FFF 50%,
	#202f55 55% /* font color */
  );
  background-size: 500% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  animation: shine 2s infinite;
  text-align:center;
  font-size: 35px;
  font-weight: bold;
}

@keyframes shine {
  0% {
  background-position: 100% 50%;  }
  100% {
  background-position: 0% 50%;  }
}
 /*---　光る電話番号　---*/
 
 /*---くの字の矢印 (下向き)のアイコン---*/
.dli-chevron-down {
  vertical-align: middle;
  color: #000000;
  line-height: 1;
  width: 2.5em;
  height: 2.5em;
  border: 0.5em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  margin-left: 50%;
  margin-bottom: 30px;
}

@media screen and (max-width:750px) {
.dli-chevron-down {
  margin-left: 45%;}
}
 /*---くの字の矢印 (下向き)のアイコン---*/


 
 
 
/*---　ここまで　共通　---*/

/*---　　サブタイトル　　---*/

#second_title {
  background-color:#164a84;
  margin:20px 0 0;
}

.top_h2 {
 max-width:1080px;
 margin:0 auto;
 padding:20px 10px;
 font-size:30px;
 text-align:center;
 color:#ffffff;
}

@media screen and (max-width:750px) {
#second_title {
  display:none;}
}

/*---　ここまで　サブタイトル　　---*/

/*---　h3 オリジナル家族葬プラン ---*/

.top_h3 {
  margin:20px 10px;
  border:solid 3px #2D8C3C;
  background-color:#ffffff;
  padding:10px;
  color:#2D8C3C;
  font-size:30px;
  text-align:center;
}

#plan_k {
  background-color:#F0F0EE;
}

@media screen and (max-width:750px) {
h3 {
  font-size:20px;}
}

/*---　ここまで　h3横ライン　---*/


/*---   スライダーの調整   ---*/

.bx-pager { text-align:center;
             margin-top:5px;} 

.bx-pager .bx-pager-item {display: inline-block; 
                          *zoom: 1; 
                          *display: inline;} 
 
.bx-controls-direction a {position: absolute; 
                          z-index: 9999;}
									   
.bx-prev {left: 10px;} 
 
.bx-wrapper .bx-next {right: 10px;} 

.bx-pager a{background:#CCC;
            text-indent:-9999px;
			display:block;
			width:15px;
			height:15px;
			margin:0 5px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;}

.bx-pager a:hover, .bx-pager a.active { background: #000;}

.bx-prev{left: 17px;
          background: url(prev-img.png) no-repeat;/*prev用画像*/}
		  
.bx-next{right: 17px;
         background: url(next-img.png) no-repeat;/*next用画像*/} 

.bx-controls-direction a {position: absolute; 
                          margin-top: -16px; 
                          width: 35px;/*使用画像に応じて指定*/ 
                          height: 35px;/*使用画像に応じて指定*/ 
                          text-indent: -9999px;/*画像置換のためテキストを押しやる*/ 
						  z-index: 9999;} 


.bx-controls-direction a {position: absolute; 
                          top: 40%; 
                          margin-top: 0; 
                          width: 30px; 
                          height: 30px; 
                          z-index: 9999; 
                          color: #fcfcfc; 
                          text-decoration: none; 
                          font-size: 35px; 
                          font-weight: bold; 
                          -moz-text-shadow: 1px 1px 2px #333333; 
                          -webkit-text-shadow: 1px 1px 2px #333333; 
                          text-shadow: 1px 1px 2px #333333;}
						   
.bx-prev {left: -25px;} 

.bx-next {right: -20px;} 

/*---    ここまで　スライダーの調整    ---*/



















/*---　会社概要ページ　必要　---*/

.company_flexitem {
  width: 49%;
}

.company_table {
  margin:30px 0 50px;
}

.company_table td {
  border-top: solid 2px #CCCCCC;
  border-bottom: solid 2px #CCCCCC;
  border-left:none;
  border-right:none;
  font-size:20px;
  padding:1em 3em;
}

/*---　会社概要　代表挨拶　---*/
.company_vision {
  font-size: 25px;
  line-height: 1.5em;
  padding: 10px 0px 10px 2em;
}

.company_top {
  font-size: 40px;
  padding-top: 1em;
  padding-bottom: 3em;
  text-align: center;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


@media screen and (max-width:750px) {
.company_flexitem {
  width: 100%;}
  
.company_vision {
  font-size: 18px;
  padding: 10px 0px;}
  
.company_top {
  font-size: 30px;
  padding-top: 1em;
  padding-bottom: 1em;}
}

/*---　ここまで　会社概要ページ　---*/


/*---　葬儀プラン　必要　---*/

table{
  border-collapse: collapse;
}

td{
  border-top: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  padding: 0.6em;
  font-size: 18px;
}

.plan_flexitem {
  width: 29%;
  margin: 20px 0;
  padding: 10px;
  background-color: #ffffff;
}

.plan_flexitem_nodisplay {
  width: 29%;
  margin: 20px 0;
  padding: 10px;
  background-color: #afeeee;
}

.plan_h4 {
  font-size: 22px;
  padding-left: 1em;
  margin: 10px 0;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 6px;
  text-underline-offset: 4px;
  text-decoration-color: #387d39;
}

.plan_h5 {
  padding: 10px 15px 0px;
  font-size: 18px;
  color: #54917f;
}

.plan_under_img {
  width: 80%;
  margin: 15px auto 0px;
}

.plan_backcolor_A {
  background-color: #afeeee;
  padding: 10px;
}

.plan_backcolor_B {
  background-color: #c1e4e9;
  margin-top: 15px;
  padding: 10px;
}

.plan_backcolor_C {
  background-color: #ffffdb;
  padding: 10px;
}

.plan_under_title_A {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  background-color: #4169e1;
  color: #ffffff;
  padding: 8px 0;
  border-radius: 10px;
}

.plan_under_title_B {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  background-color: #000080;
  color: #ffffff;
  padding: 8px 0;
  border-radius: 10px;
}

.plan_under_price {
  font-weight: bold;
  text-align: center;
  font-size: 35px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px 0 10px;
}

.plan_under_tax {
  font-size: 13px;
  font-weight: normal;
  color: #000000;
}

.plan_under_price_notax {
  font-weight: bold;
  text-align: center;
  font-size: 23px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 0 15px;
}

.plan_under_hall {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.plan_under_order {
  text-align: center;
  font-size: 20px;
  margin-top: 15px;
  font-weight: bold;
  background-color: #d4d9dc;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  border-radius: 10px;
  padding: 8px 0;
}

.plan_under_order a {
  color: #383c3c;
}

.plan_under_flower_here {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 0.5em;
  background-color: #ffc0cb;
  color: #ff1493;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  border-radius: 5px;
  width: 60%;
  margin: 25px auto 20px;
  letter-spacing: 0.2em;
  1text-shadow: 1px  1px 0 #ffffff,
              -1px -1px 0 #ffffff,
              -1px  1px 0 #ffffff,
			   1px -1px 0 #ffffff,
                0px 1px 0 #ffffff,
				  0-1px 0 #ffffff,
                 -1px 0 0 #ffffff,
				  1px 0 0 #ffffff;
}

.plan_under_flower_here:hover {
  background-color: #ff1493;
  color: #ffc0cb;
}

.plan_table table  {
  margin: 0 auto 40px;
}

.plan_table td {
  text-align: center;
}

.plan_table_width {
  width: 160px;}
	
.plan_money_font {
  text-align: center;
  font-size: 22px;
  padding: 10px;
}

.plan_room_flexitem {
  width: 29%;
  padding: 10px;
  border: solid 5px #009854;
}

.plan_room {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  padding: 5px 0px;
}

.plan_symbol_font {
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  transform: rotate(90deg);
}

.plan_add100_flexitem {
  width: 70%;
  margin: 20px auto;
  padding: 15px 0;
  background-color: #66b2ff;
  font-weight: bold;
}

.plan_add_symbol_flexitem {
  1background-color: #ffffff;
  font-size: 30px;
  color: #006400;
}

.plan_add50_flexitem {
  width: 29%;
  margin: 20px 0;
  padding: 10px;
  background-color: #66b2ff;
  font-weight: bold;
}

.plan_add_total_flexitem {
  width: 70%;
  margin: 20px auto;
  padding: 15px;
  background-color: #66b2ff;
  border: solid 3px #4747ff;
  box-sizing: border-box;
  font-weight: bold;
}

.plan_funeral_money {
  margin-top: 50px;
}

.plan_h4 br{
  display: none;
}

@media screen and (max-width:750px) {
td {
  font-size: 17px;}

.plan_flexitem,
.plan_add50_flexitem {
  padding: 10px;
  margin: 10px 0;
  width: 42%;}

.plan_add100_flexitem {
  width: 100%;
  margin: 10px auto;}

.plan_add_total_flexitem {
  width: 100%;
  margin: 15px auto 5px;}

.plan_under_title_A,
.plan_under_title_B,
.plan_under_hall,
.plan_under_order {
  font-size: 15px;}

.plan_under_price {
  font-size: 25px;}

.plan_under_price_notax {
  font-size: 18px;}

.plan_h4 {
  padding-left: 0;
  text-align: center;
  font-size: 20px;
  line-height: 2em;}

.plan_h5 {
  font-size: 15px;
  padding: 3px;}

.plan_room_flexitem {
  width: 42%;
  margin: 7px 0;
  border: solid 2px #54917f;}

.plan_room {
  font-size: 18px;
  font-weight: normal;
  padding: 5px 0px 2px;
}

.plan_under_flower_here {
  font-size: 22px;
  width: 80%;}

.plan_table_plan {
  font-size: 11px;}

.plan_table_title {
  font-size: 14px;}

.plan_table_width {
  width: 40px;}
	
.plan_money_font {
  font-size: 17px;
  padding:0px;}

.plan_symbol_font {
  font-size: 25px;}

.plan_add50_flexitem {
  margin: 7px 0;}

.plan_funeral_money {
  margin-top: 30px;}

.plan_h4 br{
  display: block;}  
}

/*---　葬儀プラン　---*/


/*---　遺品整理　必要　---*/

.organize_inner {
  display: flex;
  flex: 48%;
  align-items: flex-start;
  padding: 0px 10px 40px;
  font-size: 20px;
}

.organize_inner_p {
  font-size: 20px;
  line-height: 1.7em;
}

.organize_under_title {
  font-weight: bold;
  font-size: 20px;
  padding: 10px 1em;
}

.organize_under_p p {
  font-size: 20px;
  line-height: 1.4em;
  padding: 7px 1.5em;
  font-weight: bold;
}

.organize_frame {
  border: solid 2px #00afcc;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 30px 0;
}

.organize_flexitem_A {
  width: 20%;
  text-align: center;
  background-color: #00afcc;
  color: #ffffff;
  border-top-left-radius: 5px;
}

.organize_flexitem_A  p {
  font-size: 30px;
  font-weight: bold;
  padding: 10px;
}

.organize_flexitem_B {
  width: 80%;
  background-color: #00afcc;
  color: #ffffff;
  border-top-right-radius: 5px;
}

.organize_flexitem_B  p {
  font-size: 30px;
  font-weight: bold;
  padding: 10px;
}

.organize_flexitem_C {
  width: 60%;
  padding: 10px 0 10px 2em;
}

.organize_flexitem_C  p {
  font-size: 20px;
  line-height: 1.4em;
  padding: 10px;
}

.organize_flexitem_D {
  width: 30%;
  padding: 10px;
}

.organize_sakura {
  font-size: 23px;
  padding: 20px 10px;
  text-align: center;
  font-weight: bold;
}

.organize_sakura a {
  color: #316745;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 5px;
  text-underline-offset: 5px;
  text-decoration-color: #316745;
}

@media screen and (max-width:750px) {
.organize_under_title {
  padding: 10px 5px;}

.organize_under_p p {
  padding: 5px;
  font-size: 18px;
  font-weight: normal;}

.organize_flexitem_C {
  width: 100%;
  padding: 10px;}

.organize_flexitem_C  p {
  font-size: 18px;}

.organize_flexitem_D {
  width: 100%;}
  
.organize_sakura {
  margin-bottom: 30px;}
}

/*---　遺品整理　---*/



/*---　Q&A　---*/

.qanda_all *,
.qanda_all *:after,
.qanda_all *:before {
  -webkit-box-sizing: border-box;
	      box-sizing: border-box;
}

.qanda_all {
  1border-top: 1px solid #1b2538;
}

.qanda_all 
.qanda_sistem {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom:10px;
}

.qanda_all
.qanda_sistem input {
  position: absolute;
  opacity: 0;
}

/* 質問 */
.qanda_all
.qanda_sistem label {
  font-weight: bold;
  font-size:20px;
  line-height: 1.6;
  position: relative;
  display: block;
  margin: 0 0 0 0;
  padding: 1em 2em 1em 1em;
  cursor: pointer;
  background-color: #bee0ce;
}

.qanda_all
.qanda_sistem label:hover {
  1color: #00838F;
}

/* 答え */
.qanda_all
.qanda_sistem 
.qanda_content {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.5s ease;
          transition: max-height 0.5s ease;
  font-size:20px;
  font-weight: bold;
  background-color: #f7b977;
  1color: #ffffff;
  1background: rgba(0, 131, 143, 0.5);
}

.qanda_all
.qanda_sistem
.qanda_content p {
  margin: 1em;
}

/* 質問を開いた時の仕様 */
/* --アイコン */
.qanda_all
.qanda_sistem input:checked ~ label {
  1color: #00838F;
}

/* --答えの高さ */
.qanda_all
.qanda_sistem input:checked ~ 
.qanda_content {
  max-height: 40em;
}

/* 質問をクリックした時のアイコンの動き */
.qanda_all
.qanda_sistem label::after {
  line-height: 1.6;
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 3em;
  margin-top: -12.5px;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
  text-align: center;
}

.qanda_all
.qanda_sistem input[type=checkbox] + label::after {
  content: '▼';
}

.qanda_all
.qanda_sistem input[type=checkbox]:checked + label::after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

@media screen and (max-width:750px) {
.qanda_all
.qanda_sistem label {
  font-size: 16px;
  line-height: 1.3em;
  padding: 0.7em 2em 0.7em 0.7em;}

.qanda_all
.qanda_sistem 
.qanda_content {
  font-size:16px;
  line-height: 1.3em;}
}

/*---　Q&A　---*/











































/*---　横並び関連　

.box30_sistem {
  width:33%;
  list-style:none;
  display:inline-block;
  vertical-align:top;
  background-color:#ffffff;
  border-radius:10px;
  box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}

.box30_inner {
  padding:10px;
}

.box30_title {
 font-size:28px;
 text-align:center;
 font-weight:bold;
 padding:10px;
 border-radius:10px 10px 0 0;
}

.box30_title_color1 {
 background-color:#eebbcb;
}

.box30_title_color2 {
 background-color:#93ca76;
}

.box30_title_color3 {
 background-color:#c0a2c7;
}

.box30_title_color4 {
 background-color:#f8e58c;
}

.box30_title_color5 {
 background-color:#5383c3;
}

.box30_title_color6 {
 background-color:#884898;
}

.box30_price {
  font-weight:bold;
  text-align:center;
  font-size:35px;
  font-family:Arial, Helvetica, sans-serif;
  padding:10px 0;
}

.box30_tax {
  font-size:13px;
  font-weight:normal;
  color:#000000;
}

.box30_in_price {
  font-weight:bold;
  text-align:center;
  font-size:23px;
  font-family:Arial, Helvetica, sans-serif;
  padding:0 0 15px;
}

.box30_sistem li {
  display:inline-block;
  padding:7px;
  margin:0 5px;
  text-align:center;
  width:24.5%;
}

.box30_gray {
  background-color:#dddddd;
  color:#aaaaaa;
}

.box30_boder {
  padding:16px 10px 4px 10px;
  text-align:center;
}

.box30_inquiry {
  text-align:center;
  padding:10px;
  margin-top:10px;
  border-radius:10px;
  box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}

.box50_sistem {
  width:49.7%;
  list-style:none;
  display:inline-block;
  vertical-align:top;
  background-color:#ffffff;
  border-radius:10px;
  box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}/*---　角丸で影あり

.box51_sistem {
  width:49.7%;
  list-style:none;
  display:inline-block;
  vertical-align:top;
  background-color:#ffffff;
}/*---　影なし

.box50_inner {
  padding:10px;
}

.box25_sistem {
  width:24.6%;
  list-style:none;
  display:inline-block;
  vertical-align:top;
  background-color:#ffffff;
}

.box25_inner {
  padding:10px;
}

.box25_L {
  float:left;
  padding:0 10px;
  background-color:#f6bfbc;
}

.box25_LL {
  float:left;
  padding:0 10px;
  height:70px;
  color:#ffffff;
  background:linear-gradient(to right,#ffc3a0,#ffafbd);
}

.box25_L p {
  font-size:4em;
}

.box25_LL p {
  font-size:4em;
}

.box25_R {
  float:left;
  padding:10px;
}

.box25_RR {
  float:left;
  padding:10px;
}

.box25_R p {
  text-align:left;
}

.box25_RR p {
  text-align:left;
}

.sistem_font {
  text-align:center;
  font-size:1.2em;
  padding:10px;
}/*---写真上下の文字

@media screen and (max-width:750px) {
.box50_sistem {
  width:100%;
  display:block;}
  
.box51_sistem {
  width:100%;
  display:block;}
  
.box30_sistem {
  width:100%;
  display:block;}
  
.box25_sistem {
  width:49%;}

.box25_inner {
  padding:3px;
}
}


/*---　ここまで　横並び関連　---*/


/*---　葬儀プランの補足・病院から直接・供花の補足
#exterior {
  font-size:20px;
  text-align:center;
  max-width:1080px;
  width:80%;
  margin:10px auto 15px;
  background-color:#ffffff;
  box-shadow:3px 3px 3px rgba(0,0,0,0.4);
  border:2px ridge #FFF;
  border-radius: 10px;/* CSS3草案 
  -webkit-border-radius: 10px;/* Safari,Google Chrome用 
  -moz-border-radius: 10px;/* Firefox用
}/*追加必要についての外枠

.text_left{
  display:inline-block;
  text-align:left;
  padding:20px;
}

@media screen and (max-width:750px) {
#exterior {
  width:90%;}
}

@media screen and (max-width:750px) {
#exterior p {
  font-size:17px;}
}

/*---　ここまで　儀プランの補足・病院から直接・供花の補足　---*/



/*---　友人葬について分からない事が　

.family_funeral_h4 {
  background-color:#192f60;
  color:#ffffff;
  padding:10px;
  font-size:18px;
  text-align:center;
}

.sgi p {
  padding:10px;
  margin-left:20px;
}

.family_funeral_h5 {
  font-size:18px;
  color:#192f60;
  font-weight:bold;
  padding:10px;
  text-align:center;
}

.h5 {
  border: solid 2px #192f60;
}

@media screen and (max-width:750px) {
.sgi p {
  font-size:17px;
  margin-left:0px;}
}

　ここまで　友人葬について分からない事が　---*/



/*---　施設案内・けんしょう堂・会社概要・供物供花のタイトル　
.undertitle{
  margin:20px 10px;
  background-color:#ffffff;
  padding:10px;
  color:#2D8C3C;
  font-size:30px;
  font-family:"ＭＳ ゴシック";
  text-align:center;
}

/*---　ここまで　施設案内・けんしょう堂・会社概要・供物供花のタイトル　---*/



/*--- 　施設案内　
#information_k {
  background-color:#F0F0EE;
}

.1map_gg {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 80px;
  overflow: hidden;
}
 
.1map_gg iframe,
.1map_gg object,
.1map_gg embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.1address {
  font-size:20px;
  text-align:center;
  margin-top:20px;
  margin-bottom:15px;
  padding:10px 10px;
  font-weight:bold;
  background-color:#c7a5cc;
  color:#000000;
  border:solid 2px #c7a5cc;
  padding:10px 50px;
}

@media screen and (max-width:750px) {
.1address {
  font-size:18px;
  font-weight:normal;}
}


/*---　ここまで　施設案内　---*/



/*--- 　けんしょう堂について　-
#about_k {
  background-color:#F0F0EE;
}

.about_p {
  font-size:24px;
  font-weight:bold;
}

.about_p p {
  padding:10px;
}

.about_self {
  background-color:#89c3eb;
}

.about_telephone {
  color:#001e43;
  font-size:1.5em;
  font-weight:bold; 
  font-family:"Arial";
}

.about_sidebox {
  font-size:30px;
  text-align:center;
  background-color:#ffffff;
  color:#2D8C3C;
  box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}

.about_sidebox p {
  padding:10px;
  margin:10px;
}

.about_sidebox_c {
  font-size:30px;
  background-color:#f5deb3;
  text-align:center;
}

.about_sidebox_c p {
  padding:5px;
}

.about_story{
  width:100%;
  height:100px;
  background-color:#f8f8ff;
  border:solid 1px #a9a9a9;
  list-style:none;
  display:inline-block;
}

.about_story p {
  padding:8px;
}

.about_order {
  background-color:#CF6;
  font-weight:bold;
  text-align:center;
}

.about_space {
  height:350px;
}

.about_bold {
  font-weight:bold;
}

.about_height_L {
  height:230px;
}

.about_height_R {
  height:250px;
}

.about_familyhall img {
  cursor: pointer; 
  border-radius: 50%; 
  transition-duration: 0.3s; 
} 

.about_familyhall img:hover {
  border-radius: 0; 
  transition-duration: 0.3s; 
} 

@media screen and (max-width:750px) {
.about_car {
  text-align:center;}
}

@media screen and (max-width:750px) {
.about_space p {
  font-size:17px;}
}

/*---　ここまで　けんしょう堂について　---*/



/*---　遺品整理　
.over img:hover {
  box-shadow: 6px 6px 6px rgba(0,0,0,0.5); 
  transform: translateY(-5px); 
  transition-duration: 0.5s; 
  opacity: 0.6; 
  transition-duration: 0.3s; 
}

/*---　ここまで　遺品整理　---*/




/*---　事前相談・式場見学　随時承り中　

#consultation {
  background-attachment:fixed;
  background-size:cover;
  background-position:center;
  background-image:url(https://www.kenshodo-sougi.com/work/images/bg_hall.jpg);
}

@media screen and (max-width:750px) {
#consultation {
  background-attachment:scroll;}
}

#consultation img {
  margin:60px 0;
}

@media screen and (max-width:750px) {
#consultation img {
  margin:30px 0;}
}

/*---　ここまで　事前相談・式場見学　随時承り中　---*/



/*---　会社概要　

.bgcolor_container {
  background-color:#e8ece9;
}

.adjust_container {
  width:100%;
  max-width:1100px;
  margin:0 auto;
  padding:10px 0;
}

/*---　ここまで　会社概要　---*/



/*---　供物供花　

#offerings_k {
  background-color:#F0F0EE;
}

.text_tac{
  display:inline-block;
  text-align:center;
  padding:20px;
}

.name_tag {
 background-color:#fef263;
 border-radius:10px 10px 0 0;
}

.name_tag p {
 padding:5px;
}

.name_tag2 {
 background-color:#e6b422;
 border-radius:10px 10px 0 0;
}

/*---　ここまで　供物供花　---*/

/*---  テーブル※使っていない※プランの所へ移動した  ---*/
/*会社概要の枠の調整*/
/*なぜかこの位置ではないといけない*/

/*---<style>
table{
  border-collapse: collapse;
  width:530px;
}

td{
  border-top: solid 1px #CCCCCC;
  border-bottom:solid 1px #CCCCCC;
  padding:0.6em;
  font-size:18px;
}

@media screen and (max-width:750px) {
td {
  font-size:17px;}
}
</style>
/*---  テーブル※使っていない※プランの所へ移動した  ---*/


/*---　店舗
.h3_title_I br {
  display: none;
}

.1store_h3 {
  border-left: 7px solid #600;
  border-bottom: 3px solid #600;
  font-size: 20px;
  padding: 10px;
  margin-bottom: 20px;
}

.store_inner {
  display: flex;
  align-items: flex-start;
  flex: 50%;
  padding: 15px 0;
}

.store_challenge {
  font-size: 18px;
  font-weight: bold;
  color: #330099;
  margin-bottom: 15px;
  text-align: center;
}

.store_challenge br {
  display: none;
}

.store_product_p {
  font-size: 20px;
  padding: 10px 5px;
}

.store_p {
  font-size: 20px;
  padding: 10px 10px 5px;
}

.store_inner_face {
  padding: 0 25px;
}

.store_flexitem {
  width: 29%;
  padding: 0px 10px;
  text-align: center;
}

.store_map {
  width: 100%;
  height: 400px;
}

.store_order {
  color: #1414ff;
  font-size: 18px;
  font-weight: bold;
  background-color: #7fffff;
  text-align: center;
  width: 80%;
  margin: 15px auto;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all 1s;
}

.store_order:hover {
  color: #7fffff;
  background-color: #1414ff;
  cursor: pointer;
}

.store_detail {
  padding: 30px;
}

@media screen and (max-width:750px) {
.h3_title_I br {
  display: block;}

.store_challenge br {
  display: block;}

.store_product_p {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0px;}

.store_flexitem {
  padding: 0px;
  width: 30%;}

.store_inner_face {
  padding: 0px;}

.store_map {
  height: auto;}
}

/*---　店舗　---*/





/*---　供物供花

.offerings_flexitem {
  width: 27%;
  margin:20px 0;
  padding:20px;
  background-color:#ffffff;
  border:solid 2px #e8ece9;
}

.offerings_sistem_font {
  text-align:center;
  font-size:1.2em;
  padding:10px;
}/*---写真上下の文字
.offerings_order {
  background-color:#dcdcdc;
  border-radius:10px;
  border:solid 1px #c0c0c0;
  padding:7px 50px;
  text-align:center;
  display:inline-block;
  margin:10px auto 5px;
  box-shadow:2px 2px 2px rgba(0,0,0,0.5);
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all 1s;
}

.offerings_order:hover {
  background-color:#808080;
  border:solid 1px #808080;
  cursor: pointer;
}

.offerings_order a:hover {
  color:#ffffff;
  font-weight:bold;
}

.offerings_font {
  text-align:center;
  font-size:22px;
  padding:10px;
}/*---写真下の文字

.offerings_tax{
  font-size:15px;
}

@media screen and (max-width:750px) {
.offerings_flexitem {
  padding:10px;
  margin:10px 0;
  width: 43%;}

.offerings_font {
  padding:10px 15px;}

.1offerings_sistem_font {
  font-size:16px;}   
}

/*---　供物供花　---*/





/*---　施設案内

.information_flexitem_cover {
  width: 47%;
  padding: 10px;
}

.information_flexitem {
  width: 47%;
  margin-bottom: 15px;
  color: #ffffff;
  1text-shadow: 1px 1px 2px #000000;
  font-weight: bold;
  text-shadow: 2px 2px 4px #4e454a;
  background-color: #0582ff;
}

.information_font {
  text-align: center;
  font-size: 1.2em;
  padding: 10px;
}

.information_flexitem_hall {
  width: 23%;
  padding: 8px;
  background-color: #ffffff;
  margin: 10px 0;
}

.information_care {
  font-size: 20px;
  width: 80%;
  margin: 1em auto;
  line-height: 1.4em;
}

.information_care br {
  display: none;
}

.information_features_title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 20px;
  color: #000000;
  background-color: #b266ff;
  padding: 10px 0;
}

.information_flexitem_features {
  width: 27%;
  margin:10px 0 20px;
  padding:20px;
  background-color:#ffffff;
  border:solid 2px #e8ece9;
}

.map_gg {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 80px;
  overflow: hidden;
}
 
.map_gg iframe,
.map_gg object,
.map_gg embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.address {
  font-size: 20px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px;
  padding: 10px 10px;
  font-weight: bold;
  background-color: #0582ff;
  color: #000000;
  padding: 10px 50px;
}

@media screen and (max-width:750px) {
.information_flexitem_cover {
  width: 100%;
  padding: 10px 10px 0;}	
	
.information_flexitem {
  padding: 0px 10px;
  font-size: 14px;
  width: 42%;}	

.information_font {
  padding: 7px;}

.information_care {
  font-size: 16px;
  width: 95%;
  margin: 10px;
  line-height: 1.4em;}

.information_care br {
  display: block;}

.information_flexitem_hall {
  width: 44%;}

.information_features_title {
  margin-bottom: 5px;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
  text-decoration-color: #b266ff;
  font-size: 12px;}
  
.information_flexitem_features {
  padding: 5px;
  margin: 0 0 10px 0 ; 
  width: 43%;}
}

@media screen and (max-width:750px) {
.1address {
  font-size: 18px;
  font-weight: normal;}
}

/*---　施設案内　---*/


/*---　友人葬

.sgi_funeral_inner {
  display: flex;
  flex: 48%;
  padding:15px 10px;
  font-size:18px;
}

.sgi_funeral_inner p {
  line-height:1.5em;
}

.sgi_funeral_inner_withus {
  display: flex;
  flex: 28.5%;
  border:solid 1px #d3d3d3;
  padding:10px;
  margin:15px;
}

.sgi_funeral_number_title {
  text-align:center;
  font-weight:bold;
  margin-bottom:20px;
  font-size:20px;
  color:#ffffff;
  background-color:#0075c2;
  text-shadow:1px 2px 2px #223a70;
  padding:10px 0;
}

.sgi_funeral_number_main {
  line-height:1.3em;
  font-size:18px;
  margin-bottom:30px;
}


@media screen and (max-width:750px) {
.sgi_funeral_inner {
  font-size:18px;}

.sgi_funeral_number {
  font-size:40px;
  background-color:#ffa500;
  text-shadow: 1px 2px 2px #dcdcdc;
  padding:5px 10px;}
}

/*---　友人葬　---*/

/*---　SGI仏壇販売

.butudan_half_and_half {
  width: 50%;
  display: table;
  padding: 20px 0;
}

.butudan_half_A{
  color: #ffffff;
  font-size: 45px;
  line-height: 1em;
  font-weight: bold;
  height: 200px;
  width: 100%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  background-color: #ed6d46;
  1text-stroke: 1px #000000;
  1-webkit-text-stroke: 1px #000000;
  1background-color: #fc693b;
  1background-image: repeating-linear-gradient(-45deg,#fff, #fff 7px,transparent 0, transparent 14px);
}

.butudan_half_B{
  color: #ffffff;
  font-size: 50px;
  line-height: 1em;
  font-weight: bold;
  height: 200px;
  width: 100%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  background-color: #ed6d46;
}

.mokuji {
  display: none;
}

.butudan_flexitem{
  width: 20%;
  margin: 20px 0;
  padding: 10px 20px;
  border: solid 2px #c8c2c6;;
  background-color: #ffffff;
}

.butudan_flexitem p {
  text-align: center;
  font-size: 15px;
  padding: 0.4em 0.3em 0.3em;
}

.butudan_name {
  font-weight: bold;
  font-size: 22px;
}

.butudan_price {
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 10px;
  color: #000000;
}

.butudan_price_tax {
  font-size: 11px;
  font-weight: bold;
}

 /*---　二重線で消す　
del {
  position: relative;
  color: #d1d1d1;
}

del::before {
  content: "";
  position: absolute;
  border-top: 2px solid #d1d1d1;
  width: 112px;
  top: 20%;
}
 /*---　二重線で消す　---*/

 /*---　下向き矢印　
.triangle {
  position: relative;
  display: inline-block;
  top: -4px;
  width: 48px;
  height: 20px;
  background-color: #ff3838;
  clip-path: polygon(0 60%, 23% 61%, 25% 0, 75% 0, 75% 60%, 100% 60%, 50% 100%);
}
 /*---　下向き矢印　

.butudan_price_down {
  color: #ff3838;
  font-weight: bold;
  padding-top: 5px;
  font-size: 18px;
}

.butudan_price_color {
  background-color: #e29676;
  margin-bottom: 5px;
}

.butudan_caution {
  text-align: center;
  font-size: 18px;
  padding-bottom: 1em;
}



@media screen and (max-width:750px) {
.butudan_half_and_half {
  width: 100%;
  padding: 0px;}

.butudan_half_A{
  font-size: 35px;
  height: 150px;}

.butudan_half_B{
  font-size: 40px;
  height: 150px;
  background-color: #ea5550;
}

.mokuji {
  display: block;
  border: solid 2px #c9c9c2;
  border-radius:10px;
  padding: 10px 20px;
  line-height: 1.7em;
  font-size: 20px;
  text-align: center;
}

#butudan_A,
#butudan_B,
#butudan_C {
  padding-top: 110px;
  margin-top: -110px;
}

.butudan_flexitem {
  width: 44%;
  padding: 20px 5px;}

.butudan_flexitem p {
  font-size: 13px;}

.butudan_name {
  font-size: 19px;}
  
.butudan_price {
  font-size: 18px;}

.triangle {
  top: 2px;}
}

/*---　SGI仏壇販売　---*/


/*---　お客様の声
.voice_space {
  margin-top:60px;
  margin-bottom:60px;
}

.voice_face {
  float:left;
  padding-left:50px;
}

.voice_body {
  padding-left:70px;
  display:table-cell;
}

.voice_h4 {
  font-size:20px;
  font-weight:bolder;
  padding-top:1em;
  margin-bottom:1em;
}

@media screen and (max-width:750px) {
.voice_face {
  float:none;
  padding:0;
  text-align:center;}

.voice_body {
  padding:0 10px;}

.voice_h4 {
  text-align:center;}
}

/*---　お客様の声　---*/


/*---　火葬場一覧

.crematorium_flexitem {
  width: 32%;
  margin:20px 0;
}

.crematorium_p {
  font-size:20px;
  margin-left:2em;
}

.h3_title_I_crema {
  margin:1em;
  border-left:10px solid #600;
  padding-left:1em;
  font-size:23px;
}

.h3_title_I_top {
  margin:0.6em;
  border-left:7px solid #600;
  padding-left:1em;
  font-size:23px;
}

@media screen and (max-width:750px) {
.crematorium_flexitem {
  width: 48%;
}

.crematorium_p {
  margin-left: 0.3em;
  font-size: 15px;}
  
.h3_title_I_crema {
  margin: 1em;
  border-left: none;
  padding-left: 0em;
  font-size: 14px;
  text-align: center;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
  text-decoration-color: #600;}

.h3_title_I_top {
  font-size: 15px;}

.h3_title_I_top br {
  display: none;}
}

/*---　火葬場一覧　---*/


/*---　無宗教

.nothing_religion_flexitem_A {
  width: 40%;
  margin:20px 30px;
  padding:10px;
  background-color:#ffffff;
  border:solid 2px #915da3;
}

.nothing_religion_flexitem_B {
  width: 40%;
  margin:20px 30px;
  padding:10px;
  background-color:#ffffff;
  border:solid 2px #2cb4ad;
}

.nothing_religion_under_title_A {
  text-align:center;
  font-size:24px;
  font-weight:bold;
  background-color:#915da3;
  padding:8px 0;
}

.nothing_religion_under_title_B {
  text-align:center;
  font-size:24px;
  font-weight:bold;
  background-color:#2cb4ad;
  padding:8px 0;
}

.nothing_religion_inner {
  display: flex;
  flex: 48%;
  padding:15px 10px;
  font-size:18px;
}

.nothing_religion_inner p {
  line-height:1.7em;
}

.nothing_religion_flow {
  margin-top:5px;
}

.nothing_religion_flow_flexitem {
  width:100%;
  background-color:#d8bfd8;
  font-weight:bold;
  border:solid 3px #a25768;
}

.nothing_religion_flow_font {
  text-align:center;
  font-size:22px;
  padding:8px;
}

.nothing_religion_flow50_flexitem {
  width: 40%;
  background-color:#d8bfd8;
  font-weight:bold;
  border:solid 3px #a25768;
}

 /*---くの字の矢印 (下向き)のアイコン
.dli-chevron-down_nothing_religion {
  vertical-align: middle;
  color:#db7093;
  line-height: 1;
  width: 1.5em;
  height: 1.5em;
  border: 0.3em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  margin-left:47%;
  margin-top:5px;
  margin-bottom:5px;
}
 /*---くの字の矢印 (下向き)のアイコン

.nothing_religion_flexitem {
  width: 29%;
  margin:20px 0;
  padding:10px;
  border:solid 2px #e6cde3;
  background-color:#ffffff;
}

.nothing_religion_title {
  text-align:center;
  font-size:24px;
  font-weight:bold;
  background-color:#db7093;
  color:#ffffff;
  padding:8px 0;
  border-radius:10px;
}

@media screen and (max-width:750px) {
.nothing_religion_flexitem_A,
.nothing_religion_flexitem_B {
  margin:20px 0;
  padding:10px;}

.nothing_religion_under_title_A,
.nothing_religion_under_title_B,
.nothing_religion_under_title_C {
  font-size:15px;}

.nothing_religion_flow_font {
  font-size:20px;
  padding:5px;}

.nothing_religion_title {
  font-size:15px;}

.nothing_religion_flexitem {
  width: 38%;
  margin:10px;}
}

/*---　無宗教　---*/


/*---　宗派に対応

.flow_flexitem{
  width: 22%;
  padding:10px;
  margin:10px 0;
  border:solid 2px #e8ece9;
}

.flow_under_title {
  text-align:center;
  font-size:22px;
  font-weight:bold;
  background-color:#043c78;
  color:#ffffff;
  padding:8px 0;
}

.flow_flexitem p {
  margin:5px 0 15px;
  line-height:1.5;
}

@media screen and (max-width:750px) {
.flow_flexitem{
  width: 100%;
  font-size:14px;}

.flow_under_title {
  padding:4px 0;}
  
.flow_flexitem p {
  margin:10px 0 10px;}
}

/*---　宗派に対応　---*/


/*---　お迎え（バナー）

.pick_up_inner {
  display: flex;
  flex: 50%;
  padding: 15px 0;
}

.pick_up_inner_face {
  padding: 0 15px;
}

.pick_up_inner_face_p {
  font-size: 20px;
  padding: 5px 10px;
  line-height: 1.2em;
}


@media screen and (max-width:750px) {
.pick_up_flowing_light{
  font-size: 34px;}
}

/*---　お迎え（バナー）　---*/


/*---　ご安置（バナー）

.return_inner {
  display: flex;
  flex: 50%;
  padding: 15px 0;
}

.return_inner_room {
  padding: 0 15px;
}

.return_inner_p {
  font-size: 20px;
  padding: 5px 10px;
  line-height: 1.8em;
}

.return_inner_p_info {
  font-size: 23px;
  padding: 20px 10px;
  text-align: center;
  font-weight: bold;
}

.return_inner_p_info a {
  color: #316745;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 5px;
  text-underline-offset: 5px;
  text-decoration-color: #316745;  
}

/*---　ご安置（バナー）　---*/


/*---　お葬式の流れ

.flow_inner {
  display: flex;
  flex: 48%;
  align-items: flex-start;
  padding: 0px 10px 40px;
  font-size: 20px;
}

.flow_inner_p {
  font-size: 20px;
  line-height: 1.7em;
}

.flow_frame {
  border: solid 2px #00008b;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 10px 0px 30px;
}

.flow_flexitem_A {
  width: 20%;
  text-align: center;
  background-color: #00008b;
  color: #ffffff;
  border-top-left-radius: 5px;
}

.flow_flexitem_A  p {
  font-size: 27px;
  font-weight: bold;
  padding: 10px;
}

.flow_flexitem_B {
  width: 80%;
  background-color: #00008b;
  color: #ffffff;
  border-top-right-radius: 5px;
}

.flow_flexitem_B  p {
  font-size: 27px;
  font-weight: bold;
  padding: 10px;
}

.flow_flexitem_C {
  width: 60%;
  padding: 10px 0 10px 2em;
}

.flow_flexitem_C  p {
  font-size: 18px;
  line-height: 1.5em;
  padding: 10px;
}

.flow_toK {
  color: #9900cc;
  font-weight: bold;
}

.flow_flexitem_D {
  width: 30%;
  padding: 10px;
}

@media screen and (max-width:750px) {
.flow_flexitem_C {
  width: 100%;
  padding: 10px;}

.flow_flexitem_D {
  width: 100%;}
}

/*---　お葬式の流れ　---*/


/*---　プラン20～83　
.underplan_main_inner_L {
  flex: 65%;
}

.underplan_main_inner_R {
  flex: 35%;
}

.underplan_price_no-tax {
  font-weight:bold;
  text-align:center;
  font-size:55px;
  font-family:Arial, Helvetica, sans-serif;
  padding:10px 0;
}

.underplan_price_tax-in {
  font-weight:bold;
  text-align:center;
  font-size:35px;
  font-family:Arial, Helvetica, sans-serif;
  padding:0 0 15px;
}

.underplan_price_tax-only {
  font-size:25px;
}

.underplan_spplement {
  padding:15px 20px;
  line-height:1.7em;
  font-size:16px;
}

.underplan_set_inner {
  width: 10%;
  margin:10px 5px;
  padding:5px;
  border:solid 2px #eaf4fc;
}

 /*---　右へ移動・複数の場合　between使わず　
.flex_sistem_many_underplan {
  display: flex;
  flex-wrap: wrap;
}

.underplan_set_inner_underplan {
  width: 10%;
  margin:10px 9px 10px 5px;
  padding:5px;
  border:solid 2px #eaf4fc;
}
 /*---　右へ移動・複数の場合　between使わず　

.underplan_set_inner p,
.underplan_set_inner_underplan p {
  text-align:center;
  margin-top:0.3em;
}

.underplan_set_inner_plus {
  width: 10%;
  margin:10px;
  padding:15px 10px;
  text-align:center;
  line-height:1.5em;
  border:solid 2px #a8c97f;
  background-color:#f0ffff;
}/*---返礼品追加費用

.underplan_hall_inner_L {
  flex: 35%;
  padding:20px;
}

.underplan_hall_inner_R {
  flex: 65%;
}

.underplan_backcolor_A {
  background-color:#bee0ce;
  padding:10px 0;
  margin-bottom:20px;
}

.underplan_backcolor_B {
  background-color:#dbebc4;
  padding:10px 0;
  margin-top:15px;
  margin-bottom:40px;
}

.underplan_hall_explain {
  margin:1.5em;
  font-size:22px;
  line-height:1.3em;
}

.underplan_flexitem_yes{
  width: 13%;
  padding:20px 14px;
  margin:10px 0;
  text-align:center;
  font-size:22px;
  font-weight:bold;
  border:solid 5px #6495ed;
}

.underplan_flexitem_no{
  width: 13%;
  padding:20px 14px;
  margin:10px 0;
  text-align:center;
  font-size:22px;
  font-weight:bold;
  border:solid 5px #dcdcdc;
  background-color:#dcdcdc;
  color:#ffffff;
}

.underplan_flexitem_symbol{
  width: 2%;
  padding:20px 2px;
  margin:10px 0;
  text-align:center;
  font-size:22px;
  font-weight:bold;
  color:#000000;
  border:solid 5px #ffffff;
}

.underplan_plan_flexsistem {
  width:47%;
  padding:15px 7px;
  margin:10px 5px;
  text-align:center;
  border-radius: 10px;
  box-shadow:3px 3px 2px rgba(0,0,0,0.5);
  background-color:#a0d8ef;
}

.underplan_plan_A {
  font-size:16px;
}

.underplan_plan_B {
  font-size:22px;
  font-weight:bold;
  margin-top:10px;
}

.underplan_plan_B_tax {
  font-size:16px;
  font-weight:normal;
}

.underplan_plan_flexsistem:hover {
  background-color:#00a1e9;
}

.underplan_under_flexitem {
  width: 22%;
  padding:10px;
  margin:10px 0;
  border:solid 2px #e8ece9;
}

.underplan_under_title {
  text-align:center;
  font-size:20px;
  font-weight:bold;
  background-color:#043c78;
  color:#ffffff;
  padding:8px 0;
  margin-bottom:10px;
}

.underplan_under_p {
  margin:10px 0 10px;
  line-height:1.5;
}

@media screen and (max-width:750px) {
.underplan_price_no-tax {
  font-size:45px;}

.underplan_price_tax-in {
  font-size:30px;}

.underplan_price_tax-only {
  font-size:20px;}

.underplan_set_inner {
  width: 26%;
  margin:10px 5px 5px;
}

.underplan_set_inner_plus {
  width: 21%;
  padding:10px;
  font-size:13px;
}/*---返礼品追加費用---*/

 /*---　右へ移動・複数の場合　between使わず　
.flex_sistem_many_underplan {
  justify-content: space-between;
}

.underplan_set_inner_underplan {
  width: 26%;
  margin:10px 5px 5px;
}
 /*---　右へ移動・複数の場合　between使わず　

.underplan_set_inner p {
  font-size:15px;
}

.underplan_flexitem_yes,
.underplan_flexitem_no{
  width: 8%;
  padding: 40px 5px;
  font-size: 20px;}

.underplan_flexitem_symbol{
  width: 2%;
  padding: 60px 2px;
  font-size: 20px;}

.underplan_hall_explain {
  margin: 0 1em;
  font-size: 18px;
  line-height: 1.5em;}

.underplan_plan_flexsistem {
  width: 100%;}

.underplan_under_flexitem {
  width: 42%;}

.underplan_under_title {
  font-size: 18px;
  padding: 0 0 5px 0;
  background-color: transparent;
  color: #000000;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
  text-decoration-color: #b266ff;}
  
.underplan_under_p {
  display: none;}
}

/*---　プラン20～83　---*/


/*---　事前相談
.consultant_frame {
  border: solid 2px #2e8b57;
  border-radius: 10px;
  box-sizing: border-box;
}

.consultant_flexitem_A {
  width: 20%;
  text-align: center;
  background-color: #2e8b57;
  color: #ffffff;
  border-top-left-radius: 5px;
}

.consultant_flexitem_A  p {
  font-size: 27px;
  font-weight: bold;
  padding: 10px;
}

.consultant_flexitem_B {
  width: 80%;
  background-color: #2e8b57;
  color: #ffffff;
  border-top-right-radius: 5px;
}

.consultant_flexitem_B  p {
  font-size: 27px;
  font-weight: bold;
  padding: 10px;
}

.consultant_flexitem_C {
  width: 60%;
  padding: 10px 0 10px 2em;
}

.consultant_flexitem_C  p {
  font-size: 20px;
  padding: 10px;
  line-height: 1.5em;
}

.consultant_flexitem_D {
  width: 30%;
  padding: 10px;
}

.consultant_flexitem_E {
  width: 65%;
  padding-left: 2em;
}

.consultant_flexitem_E  p {
  font-size: 20px;
  line-height: 1.7em;
}

.consultant_flexitem_F {
  width: 30%;
  padding: 10px;
}

.consultant_graph {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 250px;
  height: 250px;
  background-image: conic-gradient(#00B36B 0% 73%, #a8d9a5 73% 100%);
  border-radius: 50%;
  text-align:center;
  text-shadow:2px 2px 3px #000000;
}

.consultant_graph_A {
  position: absolute;
  top: 73%;
  right: 32px;
  transform: translateY(-50%);
  color: #fff;
  font-size: 26px;
  font-weight: 700;
}

.consultant_graph_B {
  position: absolute;
  top: 33%;
  right: 130px;
  transform: translateY(-50%);
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.consultant_h4 {
  text-align:center;
  font-size:18px;
  padding:10px;
  margin-bottom:30px;
  position: relative;
  background: #a4f1a0;
}

.consultant_h4:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 40%;
  border: 20px solid transparent;
  border-top: 20px solid #a4f1a0;
  width: 0;
  height: 0;
}

.consultant_h4 br {
  display: block;
  content: "";
  margin: 6px 0;
}


@media screen and (max-width:750px) {
.consultant_flexitem_A,
.consultant_flexitem_B {
  width: 50%;}
  
.consultant_flexitem_A  p,
.consultant_flexitem_B  p {
  font-size: 23px;}

.consultant_flexitem_C {
  width: 100%;
  padding: 10px;}

.consultant_flexitem_C  p {
  font-size: 18px;}

.consultant_flexitem_D {
  width: 100%;}

.consultant_flexitem_E {
  width: 100%;
  padding: 0px 10px 10px;}

.1consultant_flexitem_E  p {
  line-height: 1.6em;}

.consultant_flexitem_F {
  width: 100%;}

}

/*---　事前相談　---*/


/*---　バナー 事前相談

.banner_flame {
  margin-top:70px;
}

.banner_call {
  background:linear-gradient(to top,#31990b, #adfb52);
  width: 60%;
  margin: 10px auto;
  padding: 20px;
  border-radius: 5px;
  display: block;
  position: relative;
}

.banner_comment {
  color: #ffcc66;
  font-weight: bold;
  font-size: 35px;
  text-shadow: 1px 1px 3px #56256e;
  margin-left: 1.2em;
}

.banner_phone {
  background-image: linear-gradient(
  	70deg,
	#ffffff 45%, 
	#ffff05 50%,
	#ffffff 55% 
  );
  background-size: 500% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  animation: shine 2s infinite;
  font-size: 45px;
  font-weight: bold;
  margin-top:0.2em;
  margin-left:1.8em;
}

.banner_call::after{
  position: absolute;
  content: "";
  background: url(../images/banner/person.png) no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  width: 190px;
  height: 190px;
  bottom: -8px;
  right: 20px;
}

@media screen and (max-width:750px) {
.banner_flame {
  margin-top: 30px;}

.banner_call {
  padding: 20px 5px;
  width: 90%;}

.banner_comment {
  margin-top:0.1em;
  margin-left:0.2em;
  font-size: 18px;}

.banner_phone {
  margin-top: 0.3em;
  margin-left: 0.2em;
  font-size: 27px;}

.banner_call::after{
  width: 130px;
  height: 130px;
  bottom: -5px;
  right: 5px;}
}

/*---　バナー 事前相談　---*/


/*---　花祭壇
.h2_title_flower_altar {
  background-color: #ff0582;
  max-width: 1100px;
  text-align: center;
  padding: 20px;
  font-size: 28px;
  margin-top: 120px;
  color: #ffffff;
}

.flower_altar_flexitem {
  width: 23%;
  margin: 15px 0 20px;
}

.flower_altar_inner {
  display: flex;
  flex: 48%;
  padding: 15px 10px;
  font-size: 18px;
}

.flower_altar_inner p {
  line-height: 1.7em;
}

.flower_altar_p {
  font-size: 20px;
  text-align: center;
  padding: 0.5em 0;
  background-color: #ffc0cb;
  width: 60%;
  margin: 0 auto 20px;
  border-radius: 5px;
  color: #ff1493;
  font-weight: bold;
}

@media screen and (max-width:750px) {
.h2_title_flower_altar {
  margin-top: 103px;
}

.flower_altar_flexitem {
  width: 48%;}

.flower_altar_inner {
  padding: 0px 10px 15px;
}

.flower_altar_p {
  font-size: 14px;
  padding: 1em 0;
  width: 90%;
  margin: 0 auto 10px;}
}

/*---　花祭壇　---*/


/*---　念珠
.rosary_flexitem {
  width: 16%;
  margin: 15px 0 20px;
}

.rosary_title_A {
  text-align: center;
  padding: 5px 0px;
  font-size: 19px;
  font-weight: bold;
  border-bottom: solid 5px #6495ed;
}

.rosary_title_B {
  text-align: center;
  padding: 5px 0px;
  font-size: 19px;
  font-weight: bold;
  border-bottom: solid 5px #fa8072;
}

.rosary_size {
  text-align: center;
  padding: 5px 0px;
  font-size: 17px;
}

.rosary_price {
  text-align: center;
  padding: 5px 0px;
  font-size: 18px;
}

.rosary_tax {
  font-size: 12px;
}

.contact_us {
  text-align: center;
  font-size: 20px;
  color: #696969;
  font-weight: bold;
  margin-bottom: 30px;
}

.contact_us br {
  display: none;
}

@media screen and (max-width:750px) {
.rosary_flexitem {
  width: 22%;}

.rosary_title_A,
.rosary_title_B {
  font-size: 13px;}
  
.rosary_size,
.rosary_price {
  font-size: 12px;}
  
.rosary_tax {
  font-size: 8px;}

.rosary_look br {
  display: block;}

}

/*---　念珠　---*/


/*---　仏具　---*/
.others_flexitem {
  width: 49%;
  margin: 15px 0 20px;
}

.others_title_A {
  text-align: center;
  padding: 5px 0px;
  font-size: 19px;
  font-weight: bold;
  border-bottom: solid 5px #6495ed;
}

.others_title_B {
  text-align: center;
  padding: 5px 0px;
  font-size: 19px;
  font-weight: bold;
  border-bottom: solid 5px #fa8072;
}

.others_title_C {
  text-align: center;
  padding: 5px 0px;
  font-size: 19px;
  font-weight: bold;
  border-bottom: solid 5px #008b8b;
}

.others_price {
  text-align: center;
  padding: 5px 0px;
  font-size: 18px;
}

.others_tax {
  font-size: 12px;
}

@media screen and (max-width:750px) {
.others_flexitem {
  width: 49%;}

.others_title_A,
.others_title_B,
.others_title_C {
  font-size: 13px;}
  
.others_price {
  font-size: 12px;}
  
.others_tax {
  font-size: 8px;}

}
/*---　仏具　---*/