@font-face {
  	font-family: "Telugu MN";
  	src: url("/font/TeluguMN.ttc") format("ttc");
}
body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	-webkit-text-size-adjust: 100%; /* iphone横向き 文字拡大防止 */
}
img {
	display: block;
	width: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a {
	text-decoration: none;
	color: #000;
	transition: all .3s;
}
a:hover {
	opacity: 0.7;
}
p {
	font-size: 14px;
	line-height: 1.6;
}
s{
	text-decoration: line-through;
}

/* デフォルトの装飾を削除 */



input, textarea {
	-webkit-appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
:focus {
    outline: -webkit-focus-ring-color none;
}

/* select を div で囲む */
.select {
	width: 100%;
	position: relative;
}
.select::before {
	content: "";
	display: block;
    width: 0;
    height: 0;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    border-bottom: 5px solid transparent;
    border-top: 5px solid #000;
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -3px;
}
select {
	-webkit-appearance: none;
	width: 30%;
	height: 36px;
	background: transparent;
	padding: 0 10px;
	font-size: 16px;
	cursor: pointer;
}
select::-ms-expand {
    display: none;
}


/*--
追加：0221.0215
*/
.green_bg{
background: #1E7B0F;
color: #FFFFFF;
}

#parentframe { 
width: 100%;
height: 770px;
}

/*==================================================================================
ヘッダー
==================================================================================*/
header {
	border-bottom: 6px #799657 solid!important;
	background: #fff;
	position: relative;
}
header .logo_group {
	padding-top: 10px;
}
header .logo {
	width: 395px;
	margin-right: 20px;
}
header .logo_group p {
	line-height: 1.4;
}
header .btn_tel {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	padding: 0 10px 0 70px;
	background: #6CA543 url("../img/btn_tel.png") left bottom / 60px no-repeat;
	pointer-events: none;
}
header .btn_tel p {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
}
header .btn_tel span {
	display: block;
	font-size: 24px;
}
header .btn_tel span.pc {
	display: inline;
	font-size: 12px;
}

header .btn_request {
	display: none;
}

header .btn_contact1 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	width: 100px;
	padding: 0 5px;
	background: #EC6D65;
}

header .btn_contact1 p {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	padding-left: 30px;
	width: 60px;
	background: url("../img/btn_contact.png") left 6px center / 16px no-repeat;
}

header .btn_contact1:hover {
	opacity: 1;
	background: #E84747;
}

header .btn_contact2 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	width: 88px;
	padding: 0 5px;
	background: #ecbd65;
}

header .btn_contact2 p {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	padding-left: 30px;
	width: 60px;
	background: url("../img/btn_contact.png") left 6px center / 16px no-repeat;
}

header .btn_contact2:hover {
	opacity: 1;
	background: #da8c28;
}



/* サイド 資料請求ボタン */
.side_fix {
	position: fixed;
	top: 25%;
	right: 0;
	z-index: 9999;
}
.btn_request_pc {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(50px - 22px);
	height: 160px;
	padding: 0 10px;
	border: 2px #EC6D65 solid;
	border-right: none;
	background: #FAD9D6;
}
.btn_request_pc p {
	color: #EC6D65;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
}
.btn_request_pc:hover {
	opacity: 1;
	background: #EC6D65;
}
.btn_request_pc:hover p {
	color: #fff;
}

/* PC版 メニュー --------------------------*/
nav.head_nav {
	margin-top: 30px;
}
nav.head_nav ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-bottom: 10px;
}
nav.head_nav ul li a {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #799657;
}


/* スマホ版 メニュー -----------------------*/
nav.globalMenuSp {
    z-index: 9;
    width: 100%;
    transform: translateY(-100%);
    transition: all 0.6s;
	list-style-type: none;
    position: fixed;
    top: 0;
    left: 0;
}
nav.globalMenuSp ul {
    width: 100%;
    background: #e9f5e5;
	text-align: center;
}
nav.globalMenuSp ul li {
    width: 100%;
    border-bottom: 1px dotted #ccc;
}
nav.globalMenuSp ul li:last-child {
    border-bottom: none;
}
nav.globalMenuSp ul li a {
    display: block;
	padding: 25px 0;
	font-size: 14px;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0);
}
.navToggle {
    z-index: 10;
    display: block;
    width: 38px;
    height: 38px;
    background: #6CA543;
	border-radius: 5px;
    text-align: center;
    cursor: pointer;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    top: 14px;
    right: 20px;
}
.navToggle span {
    display: block;
    width: 24px;
    border-bottom: solid 3px #FFF;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    position: absolute;    /* .navToggleに対して */
    left: 7px;
}
.navToggle span:nth-child(1) {
    top: 9px;
}
.navToggle span:nth-child(2) {
    top: 17px;
}
.navToggle span:nth-child(3) {
    top: 25px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 17px;
    left: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 17px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*==================================================================================
共通
==================================================================================*/
/* レイアウト */
.container {
	width: calc(100% - 40px);
	max-width: calc(1200px - 40px);
	padding: 0 20px;
	margin: auto;
}
.max540 {
	max-width: 540px;
	margin: auto;
}
.max840 {
	max-width: 840px;
	margin: auto;
}
.max980 {
	max-width: 980px;
	margin: auto;
}
.max1400 {
	max-width: 1400px;
	margin: auto;
}
.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.row.align_center {
	align-items: center;
}
.row.just_center {
	justify-content: center;
}
.row.just_start {
	justify-content: flex-start;
}

.col2 {
	width: calc(100% / 2 - 15px);
}
.col3 {
	width: calc(100% / 3 - 20px);
}
.col4 {
	width: calc(100% / 4 - 15px);
}

.mb_10 {
	margin-bottom: 10px;
}
.mb_30 {
	margin-bottom: 30px;
}
.mb_60 {
	margin-bottom: 60px;
}
.mb_120 {
	margin-bottom: 120px;
}
.mr_10 {
	margin-right: 10px;
}

/* フォント */
.font_18 {
	font-size: 18px;
}
.font_24 {
	font-size: 24px;
}
.font_28 {
	font-size: 28px;
}
.bold {
	font-weight: bold;
}
.mincyo {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
.gray {
	color: #707070;
}
.txt_center {
	text-align: center;
}

h1 img {
	display: block;
	width: auto;
	height: 80px;
	margin: 0 auto 15px;
}
h1 span {
	display: block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 46px;
	text-align: center;
	color: #000;
	line-height: 1.2;
	text-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
h2 img {
	display: block;
	width: 540px;
	margin: 0 auto 15px;
}
h2 span {
	display: block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 34px;
	text-align: center;
	line-height: 1.2;
	text-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
h3 {
	background: #000;
	padding: 15px!important;
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 26px;
	text-align: center;
	text-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
h4 {
	background: #DFE0DF;
	padding: 8px 10px!important;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}

.form_title1{
	padding: 15px!important;
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
.form_title2{
	padding: 15px!important;
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 3px rgba(0,0,0,0.30);
}

section {
	padding: 30px 0!important;
	position: relative;
}
section.top_2nd {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 80px 0!important;
}
section.top_2nd .container {
	max-width: 680px;
}
section.top_2nd p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 3px rgba(0,0,0,0.30);
	position: relative;
}
section.top_2nd p::before {
	content: "";
	display: block;
	width: 100%;
	height: 100px;
	background: radial-gradient(#fff 0, rgba(255,255,255,0.80) 35%, rgba(255,255,255,0.00) 100%);
	border-radius: 48%;
	box-shadow: 0 0 30px rgba(255,255,255,0.70);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -340px;
}
section.top_2nd p::after {
	content: "";
	display: block;
	width: 160px;
	height: 160px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -70px;
	z-index: 2;
}
section.top_2nd p span {
	position: relative;
}

.bg_gray_shadow {
	width: calc(100% - 60px - 100px);
	max-width: calc(1680px - 60px);
	margin: auto;
	padding: 30px;
	background: #F4F4F4;
	box-shadow: 6px 6px 10px rgba(0,0,0,0.15);
}
.btn_detail {
	display: block;
	padding: 15px;
	border: 1px #707070 solid;
	background: #fff;
	text-align: center;
}
.anker {
	padding-top: 120px;
	margin-top: -120px;
}


/*==================================================================================
INDEX
==================================================================================*/

section#main {
	background: url("../img/main_bg.jpg") center center / cover no-repeat;
	padding: 120px 0 200px!important;
}
section#main .main_logo {
	width: 640px;
	margin: -60px 40px 40px 0;
}
section#main .main_nagoya {
	width: 470px;
	position: relative;
}
section#main .main_nagoya .map {
	width: 340px;
	margin: 0 40px 0 auto;
}
section#main .btn_ngy {
	display: block;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	box-shadow: 3px 3px 15px rgba(0,0,0,0.60);
	position: absolute;
}
section#main .btn_ngy::after {
	content: "";
	display: block;
	width: calc(130px - 8px);
	height: calc(130px - 8px);
	border: 4px #ec6d65 solid;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s;
	opacity: 0;
}
section#main .btn_ngy:hover {
	opacity: 1;
}
section#main .btn_ngy:hover::after {
	opacity: 1;
}
section#main .btn_ngy.heiwa {
	top: 30px;
	right: -30px;
}
section#main .btn_ngy.hirabari {
	top: 310px;
	right: -30px;
}
section#main .btn_ngy.odaka {
	top: 310px;
	left: 230px;
}
section#main .btn_ngy.toyokawa {
	top: 170px;
	right: -30px;
}
section#main .btn_ngy.nonami {
	top: 25px;
	left: 0;
}
section#main .btn_ngy.chita {
	top: 310px;
	left: 90px;
}
section#main .btn_ngy.higashi {
	top: 190px;
	left: 0;
}
section#main .btn_ngy .new {
	display: block;
	width: 80px;
	position: absolute;
	top: 0;
	left: -10px;
	z-index: 3;
}

/* スライド ----------------------------------------------------*/
section#top_slide .top_slide {
	padding: 20px 0;
	background: #C3D3A5;
}

/* グランジュール平針 --------------------------------------------
section#top_hirabari .photo {
	width: 50%;
	background: url("../img/top_hirabari.jpg") center center / cover no-repeat;
}
section#top_hirabari .bg_green {
	width: calc(50% - 60px);
	padding: 30px;
	background: #B3D572;
	color: #fff;
}
*/
/* グランジュール豊川 --------------------------------------------*/
section#top_toyokawa .row {
	flex-wrap: nowrap;
}
section#top_toyokawa .row .col3:nth-child(1),
section#top_toyokawa .row .col3:nth-child(3) {
	overflow: hidden;
}
section#top_toyokawa .row .col3:nth-child(1) img,
section#top_toyokawa .row .col3:nth-child(3) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
section#top_toyokawa .col3.bg_beige {
	width: calc(100% / 3 - 40px - 20px);
	min-width: 340px;
	padding: 40px 20px 20px;
	background: #D5D09D;
	position: relative;
}
section#top_toyokawa .col3.bg_beige .new {
	width: 120px;
	position: absolute;
	top: -10px;
	right: -10px;
}
section#top_toyokawa .col3.bg_beige .font_28 {
	color: #fff;
}

/* グランジュール見学 --------------------------------------------*/
section#top_tour .row .col3:nth-child(1),
section#top_tour .row .col3:nth-child(3) {
	overflow: hidden;
}
section#top_tour .row .col3:nth-child(1) img,
section#top_tour .row .col3:nth-child(3) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
section#top_tour_reserve h1 {
	width: calc(100% - 20px + 60px);
	padding: 10px;
	background: #FA9A88;
	position: relative;
	top: -30px;
	left: -30px;
}
section#top_tour_reserve h1 span {
	color: #fff;
}
section#top_tour_reserve .tel {
	display: inline-block;
	font-family: "Telugu MN";
	font-size: 56px;
	line-height: 1;
	margin-right: 10px;
}
section#top_tour_reserve .btn {
	display: inline-flex;
	align-items: center;
	max-width: 960px;
	padding: 15px 20px;
	border: 1px #fff solid;
	background: #FA9A88;
	color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
section#top_tour_reserve .btn:hover {
	opacity: 1;
	border: 1px #FF3657 solid;
}
section#top_tour_reserve .btn p {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
}
section#top_tour_reserve .btn span {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0 1px 3px rgba(0,0,0,0.30);
	margin-right: 20px;
	white-space: nowrap;
	position: relative;
}
section#top_tour_reserve .btn span::after {
	content: "\025b6";
	display: inline-block;
	position: relative;
	right: -10px;
}

/* 愛知に4箇所 --------------------------------------------*/
section#top_aichi .bg_white {
	width: calc(100% - 30px);
	padding: 15px;
	background: #fff;
}
section#top_aichi .bg_gray_shadow {
	padding: 50px 30px 30px;
}
section#top_aichi .col3 {
	width: calc(100% / 3 - 15px);
	position: relative;
}
section#top_aichi .col3 .new {
	width: 120px;
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 10;
}
section#top_aichi .img {
	height: 200px;
	overflow: hidden;
	position: relative;
}
section#top_aichi .img img {
	height: 100%;
	object-fit: cover;
}
section#top_aichi .aichi_ttl {
	padding-left: 70px;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
}
section#top_aichi .aichi_ttl::before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url("../img/h1_01.png") center center / contain no-repeat;
	position: absolute;
	top: 10%;
	left: 0;
}
section#top_aichi .col2 {
	min-width: 120px;
}
section#top_aichi .col3 .col3 {
	width: calc(100% / 3 - 13px);
}
section#top_aichi .col3 .dummy720 {
	display: none;
}
section#top_aichi .kukaku {
	display: block;
	padding: 20px 0;
	margin: 0 10px 20px;
	border-radius: 15px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
	background: #DCF0CD;
	color: #000;
	text-align: center;
	white-space: nowrap;
	position: relative;
}
section#top_aichi .col3 .col3 .kukaku {
	margin: 0 5px 20px;
}

section#top_aichi .kukaku.soldout {
	position: relative;
}
section#top_aichi .kukaku.soldout::after {
	content: "";
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	background: #B40003;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
}
section#top_aichi .kukaku.soldout span {
	display: block;
	background: #e60012;
	color: #FFFFFF;
	padding: 2px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	bottom: 1px;
	transform: translateX(-50%);
}
section#top_aichi .btn_detail {
	border: none;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.15);
}

/* 名古屋の特徴 --------------------------------------------*/
section#top_points .bg_flower {
	width: calc(100% - 100px);
	max-width: 1680px;
	margin: auto;
	padding: 60px 0 30px!important;
	background: url("../img/top_points_bg.jpg") center center / cover no-repeat;
}
section#top_points .round {
	background: #fff;
	padding: 20px;
	border-radius: 15px;
}
section#top_points .number {
	display: block;
	color: #D5D09D;
	font-size: 56px;
	font-weight: bold;
	text-align: center;
}


/*==================================================================================
グランジュールとは
==================================================================================*/
section#about_top {
	padding: 60px 0 100px!important;
	background: url("../img/about_top.jpg") center bottom / cover no-repeat;
	color: #fff;
}
section#about_aichi .about_map {
	background: url("../img/about_map3.jpg") left 50% top 30px / 380px no-repeat;
	padding-bottom: 40px;
	position: relative;
}
section#about_aichi .about_map a {
	display: block;
	width: calc(410px - 34px);
	background: #ef857d;
	border: 2px #9fa0a0 solid;
	border-radius: 15px;
	padding: 8px 15px;
	margin: 0 0 15px auto;
	box-shadow: 2px 2px 8px #ccc;
	color: #fff;
	font-size: 14px;
	line-height: 1.2;
	position: relative;
	transition: none;
}
section#about_aichi .about_map a.nonami {
	position: absolute;
	top: 20px;
	left: 0;
}
section#about_aichi .about_map a.hirabari {
	position: absolute;
	top: 100px;
	left: 0;
}
section#about_aichi .about_map a.higashi {
	position: absolute;
	top: 210px;
	left: 0;
}
section#about_aichi .about_map a:hover {
	opacity: 1;
	box-shadow: none;
	transform: translateY(3px);
}
section#about_aichi .about_map a span {
	font-size: 24px;
	font-weight: bold;
}
section#about_aichi .about_map a span.temple {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
}
section#about_aichi .about_map a img {
	width: 80px;
	position: absolute;
	top: -20px;
	right: 20px;
}

.access a{
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #799657;
}

/* 愛知県内4箇所のグランジュール ----------------------------------*/
section#about_aichi_4places .row {
	flex-wrap: nowrap;
	position: relative;
}
section#about_aichi_4places .col2.image {
	width: calc(50% - 2px);
	border: 1px #707070 solid;
}
section#about_aichi_4places .col2.image img {
	height: 100%;
	object-fit: cover;
}
section#about_aichi_4places .col2.txt {
	width: calc(50% - 41px);
	min-width: calc(480px - 41px);
	border: 1px #707070 solid;
	border-left: none;
	padding: 20px;
	background: #fff;
}
section#about_aichi_4places .col2.txt img,
section#about_aichi_4places .col2.txt p {
	position: relative;
}
section#about_aichi_4places img.new,
section#about_aichi_4places .col2.txt img.new {
	width: 120px;
	position: absolute;
	top: -20px;
	right: -30px;
	z-index: 10;
}
section#about_aichi_4places .kukaku {
	display: block;
	background: #B3D572;
	padding: 20px;
	border-radius: 15px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
	color: #000;
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
}
section#about_aichi_4places .kukaku.soldout {
	position: relative;
}
section#about_aichi_4places .kukaku.soldout::before,
section#about_aichi_4places .kukaku.soldout::after {
	content: "";
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	background: #B40003;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translateX(-50%);
}
section#about_aichi_4places .kukaku.soldout::after {
	top: 61%;
}
section#about_aichi_4places .kukaku.soldout span {
	display: block;
	background: #e60012;
	padding: 2px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	bottom: 1px;
	transform: translateX(-50%);
}
section#about_aichi_4places .col5 {
	width: calc(100% / 5 - 8px);
}
section#about_aichi_4places .col5 .kukaku {
	padding: 20px 10px;
}

/* アクセス -------------------------------------------------------*/
section#about_access .frame {
	border: 1px #707070 solid;
}
section#about_access .ttl {
	padding: 10px 20px;
	background: #fff;
}
section#about_access .ttl img {
	max-width: 460px;
}

/* グランジュールの特徴 ---------------------------------------------*/
section#about_points .bg_gray_shadow {
	width: calc(100% - 100px);
	max-width: 1680px;
	padding: 30px 0 20px!important;
}
section#about_points .round {
	background: #fff;
	padding: 20px;
	border-radius: 15px;
}
section#about_points .number {
	display: block;
	color: #D5D09D;
	font-size: 56px;
	font-weight: bold;
	text-align: center;
}

/* グランジュールの仕組み --------------------------------------------*/
section#about_flow .bg_gray_shadow {
	width: calc(100% - 100px);
	max-width: 1680px;
	padding: 30px 0!important;
}
section#about_flow .col4 {
	width: calc(100% / 4 - 20px - 15px);
	padding: 10px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
section#about_flow .ttl {
	padding: 10px;
	background: #C4BCA0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
section#about_flow .bg_white{
	padding: 20px 0;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}


/*==================================================================================
樹木葬の選び方
==================================================================================*/
section#choose_top {
	background: url("../img/choose_top.jpg") center center / cover no-repeat;
}
section#choose_top.top_2nd p::after {
	background-image: url("../img/choose_top_flower.png");
}

/* 樹木葬霊園を選ぶときのポイント ------------------------------------*/
section#choose_points .choose_points {
	padding-top: 120px;
	background-position: center top -60px;
	background-size: cover;
	background-repeat: no-repeat;
}
section#choose_points .choose_points.p01 {
	background-image: url("../img/choose_points01_bg.jpg");
}
section#choose_points .choose_points.p02 {
	background-image: url("../img/choose_points02_bg.jpg");
}
section#choose_points .choose_points.p03 {
	background-image: url("../img/choose_points03_bg.jpg");
}
section#choose_points .choose_points.p04 {
	background-image: url("../img/choose_points04_bg.jpg");
}
section#choose_points .choose_points .bg_white {
	padding: 20px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
section#choose_points .choose_points .photo {
	width: calc(360px - 2px);
	border: 1px #707070 solid;
}
section#choose_points .choose_points .txt {
	width: calc(100% - 360px - 40px);
	padding: 20px;
}

/* 樹木葬とその他の供養方法の違い ------------------------------------*/
section#choose_comparison::before {
	content: "";
	display: block;
	width: 100%;
	height: 70%;
	background: #ECF8D4;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
section#choose_comparison table {
	width: 100%;
	border: 1px #707070 solid;
	font-size: 14px;
}
section#choose_comparison table tr {
	background: #eaebeb;
	border-bottom: 1px #707070 solid;
}
section#choose_comparison table tr:first-child {
	background: #bfc0c0;
	color: #fff;
}
section#choose_comparison table tr:nth-child(2) {
	background: #fadeeb;
}
section#choose_comparison table th {
	border-right: 1px #707070 solid;
	padding: 20px;
	font-size: 16px;
}
section#choose_comparison table td {
	border-right: 1px #707070 solid;
	padding: 20px;
	text-align: center;
}
section#choose_comparison table td:first-child {
	text-align: left;
}
section#choose_comparison .col2 {
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
section#choose_comparison .col2 img {
	width: calc(100% - 2px);
	border: 1px #707070 solid;
	border-bottom: none;
}
section#choose_comparison .col2 .txt {
	width: calc(100% - 42px);
	padding: 20px;
	border: 1px #707070 solid;
}


/*==================================================================================
料金とご契約の流れ
==================================================================================*/
main .flow_bg {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/flow_bg.jpg") center center / cover no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	animation-delay: .5s;
}

section#flow_top {
	background: url("../img/flow_top.jpg") center center / cover no-repeat;
}
section#flow_top.top_2nd p::after {
	background-image: url("../img/flow_top_flower.png");
}

/* 料金 -----------------------------------------------------------------*/
section#flow_fee {
	background: #fff;
}
section#flow_fee .flow_fee {
	padding: 30px 0 20px;
	background: url("../img/flow_fee.jpg") center center / cover no-repeat;
}
section#flow_fee .col4 {
	background: #E4EFD0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
section#flow_fee .kukaku {
	width: 270px;
	background: #E4EFD0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
	margin: 0 5px 10px;
}
section#flow_fee .ttl {
	background: #9DC356;
	padding: 20px 0;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 1;
}
section#flow_fee .note {
	background: #6DB28A;
	padding: 10px 0;
	color: #fff;
	text-align: center;
	line-height: 1;
}
section#flow_fee .detail {
	padding: 10px;
	position: relative;
}
section#flow_fee .detail .col2 {
	width: calc(100% / 2 - 5px - 22px);
	background: #B3D572;
	padding: 10px;
	border: 1px #fff solid;
	border-radius: 15px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
section#flow_fee .detail .col2.dummy {
	width: calc(100% / 2 - 5px);
	background: none;
	padding: 10px 0;
	border: none;
	box-shadow: none;
}
section#flow_fee .detail .option {
	font-size: 13px;
}

/* お問い合わせからご契約の流れ ---------------------------------------*/
section#flow_step {
	background: linear-gradient(to top, #B8D195, #fff 80%, #fff 100%);
}
section#flow_step .round {
	min-height: calc(190px - 42px);
	background: #fff;
	border: 1px #B3D572 solid;
	border-radius: 20px;
	padding: 20px 400px 20px 30px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
	position: relative;
}
section#flow_step .round .ttl {
	padding: 0 0 10px 30px;
	border-bottom: 2px #B3D572 dashed;
	font-size: 18px;
	line-height: 1;
	position: relative;
}
section#flow_step .round .ttl span {
	display: block;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	top: -5px;
	left: 0;
}
section#flow_step .round .photo {
	width: calc(340px - 2px);
	border: 1px #707070 solid;
	position: absolute;
	right: 30px;
	bottom: 20px;
}
section#flow_step .arrow img {
	width: 30px;
	margin: auto;
}
.bg_fix .bg_space {
	padding: 180px 0;
}
.bg_fix .bg_white {
	padding-bottom: 60px;
	background: #fff;
}

/* お客さまの声 -------------------------------------------------------*/
section#voice {
	padding: 60px 0!important;
	background: #fff;
}
section#voice .col2 {
	width: calc(100% / 2 - 15px - 22px);
	padding: 10px;
	border: 1px #707070 solid;
}
section#voice .col2 .font_24 {
	line-height: 1.4;
}

.btn_blue{
    display: block;
    background: #4dadff;
    padding: 10px;
    margin: 30px;
    border-radius: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.30);
    color: #FFFFFF;
    text-align: center;
}
.btn_blue:hover{
    background: #3393e4;
    filter:alpha(opacity=70);
    opacity: 0.8;
}


/*==================================================================================
お墓のお引越し
==================================================================================*/
section#moving_top {
	background: url("../img/moving_top.jpg") center center / cover no-repeat;
}
section#moving_top.top_2nd p::after {
	background-image: url("../img/moving_top_flower.png");
}
/* お墓のお引越し・墓じまいとは？ -------------------------------------*/
section#moving .moving {
	padding: 60px 0;
	background: url("../img/moving_about01.jpg") center center / cover no-repeat;
}
section#moving .moving .col2 {
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
section#moving .moving .ttl {
	background: #72ABD5;
	padding: 10px;
	color: #fff;
	line-height: 1;
}
section#moving .moving .txt {
	background: #D0EEEF;
	padding: 10px;
}
/* お墓のお引越しを考えるのはどんな人？ */
section#moving .howto {
	background: url("../img/moving_about02.jpg") left center / cover no-repeat;
	padding: 60px 0;
}
section#moving .howto .round {
	display: inline-block;
	background: #FCB4A6;
	padding: 20px;
	border-radius: 20px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
section#moving .howto .round ul {
	padding-left: 100px;
	background: url("../img/reserve_ilst02.png") left center / 80px no-repeat;
}
section#moving .howto .round ul li p {
	padding-left: 1em;
	text-indent: -1em;
}

/* グランジュールのお墓のお引越しプラン -------------------------------*/
section#moving_plan .moving_plan {
	padding: 0 0 30px;
	background: url("../img/moving_plan_bg.jpg") center bottom / cover no-repeat;
}
section#moving_plan .moving_plan .plan {
	padding: 10px 3px 3px;
	border-radius: 20px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
section#moving_plan .moving_plan .plan:nth-child(1) {
	background: #B3D572;
}
section#moving_plan .moving_plan .plan:nth-child(2) {
	background: #87C978;
}
section#moving_plan .moving_plan .plan:nth-child(3) {
	background: #98D4D9;
}
section#moving_plan .moving_plan .plan:nth-child(4) {
	background: #98B8D9;
}
section#moving_plan .moving_plan .plan .ttl {
	color: #fff;
	line-height: 1;
	padding-left: 20px;
}
section#moving_plan .moving_plan .plan .bg_white {
	padding: 10px 20px 20px;
	background: #fff;
	border-radius: 20px;
}
section#moving_plan .moving_plan .plan .col_l {
	width: calc(100% - 280px - 20px);
}
section#moving_plan .moving_plan .plan .service {
	padding: 10px 10px 0;
}
section#moving_plan .moving_plan .plan:nth-child(1) .service:first-child {
	background: #B3D572;
}
section#moving_plan .moving_plan .plan:nth-child(1) .service:last-child {
	background: #98D4D9;
}
section#moving_plan .moving_plan .plan:nth-child(2) .service:first-child {
	background: #98D4D9;
}
section#moving_plan .moving_plan .plan:nth-child(2) .service:last-child {
	background: #98D9B9;
}
section#moving_plan .moving_plan .plan:nth-child(3) .service {
	background: #98D4D9;
}
section#moving_plan .moving_plan .plan:nth-child(4) .service {
	background: #98BED9;
}
section#moving_plan .moving_plan .plan .service .font_24 {
	color: #fff;
}
section#moving_plan .moving_plan .plan .service .col4 {
	width: calc(100% / 4 - 5px - 12px);
	padding: 10px 5px;
	background: #CDF0E9;
	border: 1px #fff solid;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.30);
	margin: 0 0 10px;
	color: #000;
	font-size: 16px;
	text-align: center;
}
section#moving_plan .moving_plan .plan .service .col4.dummy {
	width: calc(100% / 4 - 5px);
	padding: 10px 0;
	background: none;
	border: none;
	box-shadow: none;
}
section#moving_plan .moving_plan .plan .service .col4 span {
	font-size: 14px;
}
section#moving_plan .moving_plan .plan .photo {
	width: calc(280px - 2px);
	border: 1px #707070 solid;
}
section#moving_plan .moving_plan .plan .photo img {
	height: 100%;
	object-fit: cover;
}


/*==================================================================================
会社案内
==================================================================================*/
section#company_top {
	background: url("../img/company_top.jpg") center center / cover no-repeat;
}
section#company_top.top_2nd p::after {
	background-image: url("../img/company_top_flower.png");
}
/* 会社概要 -----------------------------------------*/
section#company {
	padding: 60px 0!important;
}
section#company table {
	width: 100%;
	border-top: 2px #BABABA solid;
	color: #707070;
}
section#company table tr {
	border-bottom: 2px #BABABA solid;
}
section#company table th {
	background: #EEFADA;
	padding: 20px 30px;
	text-align: left;
}
section#company table td {
	background: #EBEBEB;
	padding: 20px 30px;
}

/* ボタン -----------------------------------------*/
section#btn {
	padding: 30px 0 0!important;
	z-index: 0;
}
section#btn .row a {
	display: block;
	width: calc(50% - 60px);
	padding: 40px 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,0.30);
}
section#btn .row a.reserve {
	background: #ABCC6B;
	text-align: right;
}
section#btn .row a.request {
	background: #6BC5CC;
}
section#btn .row a span {
	display: inline-block;
	padding-left: 80px;
	position: relative;
}
section#btn .row a span::before {
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -40px;
}
section#btn .row a.reserve span::before {
	background-image: url("../img/reserve_ilst01.png");
}
section#btn .row a.request span::before {
	background-image: url("../img/request_ilst01.png");
}
section#btn .row a:hover {
	opacity: 1;
}
section#btn .row a.reserve:hover {
	background: #8BB43E;
}
section#btn .row a.request:hover {
	background: #3BA4AC;
}


/*==================================================================================
個人情報の取り扱いについて
==================================================================================*/
section#privacy {
	padding: 60px 0!important;
}
section#privacy .max360 {
	max-width: 360px;
	margin: auto;
}


/*==================================================================================
予約はこちらから
==================================================================================*/
section#reserve {
	background: url("../img/reserve_bg.jpg") center center / cover no-repeat;
}
section#reserve .bg_green {
	background: rgba(171,204,107,0.90);
	padding: 20px 0;
	position: relative;
}
section#reserve .bg_green::before {
	content: "";
	display: block;
	width: 70%;
	height: 68%;
	background: rgba(108,149,28,0.85);
	position: absolute;
	top: -8%;
	left: 0;
}
section#reserve .container {
	position: relative;
}
section#reserve .container::before,
section#reserve .container::after {
	content: "";
	display: block;
	width: 80px;
	height: 168px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -84px;
}
section#reserve .container::before {
	background-image: url("../img/reserve_ilst01.png");
	left: 10px;
}
section#reserve .container::after {
	background-image: url("../img/reserve_ilst02.png");
	right: 10px;
}
section#reserve .bg_green img {
	width: 360px;
	margin: 0 auto 30px;
}
section#reserve .bg_green a {
	display: inline-block;
	color: #fff;
}
section#reserve .bg_green a:hover {
	opacity: 1;
	color: #EC6D65;
}
section#reserve .bg_green a p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 34px;
	font-weight: bold;
	text-shadow: 0 1px 3px rgba(0,0,0,0.30);
	position: relative;
}
section#reserve .bg_green a p::after {
	content: "\025b6";
	display: inline-block;
	position: relative;
	right: -10px;
}



/*==================================================================================
ご請求はこちらから
==================================================================================*/
section#request {
	background: url("../img/request_bg.jpg") center center / cover no-repeat;
}
section#request .bg_blue {
	background: rgba(107,197,204,0.80);
	padding: 20px 0;
	position: relative;
}
section#request .bg_blue::before {
	content: "";
	display: block;
	width: 70%;
	height: 68%;
	background: rgba(28,130,149,0.85);
	position: absolute;
	top: -8%;
	left: 0;
}
section#request .container {
	position: relative;
}
section#request .container::before,
section#request .container::after {
	content: "";
	display: block;
	width: 80px;
	height: 168px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -84px;
}
section#request .container::before {
	background-image: url("../img/request_ilst01.png");
	left: 10px;
}
section#request .container::after {
	background-image: url("../img/request_ilst02.png");
	right: 10px;
}
section#request .bg_blue img {
	width: 360px;
	margin: 0 auto 30px;
}
section#request .bg_blue a {
	display: inline-block;
	color: #fff;
}
section#request .bg_blue a:hover {
	opacity: 1;
	color: #EC6D65;
}
section#request .bg_blue a p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 34px;
	font-weight: bold;
	text-shadow: 0 1px 3px rgba(0,0,0,0.30);
	position: relative;
}
section#request .bg_blue a p::after {
	content: "\025b6";
	display: inline-block;
	position: relative;
	right: -10px;
}


/*==================================================================================
現地見学会ご予約フォーム、資料請求フォーム
==================================================================================*/
section#reserve_top {
	background: url("../img/reserve_top.jpg") center center / cover no-repeat;
}
section#reserve_form {
	padding: 60px 0!important;
}
section#request_top {
	background: url("../img/request_top.jpg") center center / cover no-repeat;
}
section#request_form {
	padding: 60px 0!important;
}
section#reserve_form .bana,
section#request_form .bana {
	padding: 15px 30px 15px 140px;
	background-image: url("../img/tel_icon.png");
	background-position: left 30px center;
	background-size: 80px;
	background-repeat: no-repeat;
	color: #fff;
	position: relative;
}
section#reserve_form .bana {
	background-color: #a0ba65;
}
section#request_form .bana {
	background-color: #7dbbc3;
}
section#reserve_form .bana p,
section#request_form .bana p {
	line-height: 1;
}
section#reserve_form .bana p:nth-child(1),
section#request_form .bana p:nth-child(1) {
	border-bottom: 1px #fff solid;
	padding-bottom: 10px;
	font-size: 18px;
	margin-bottom: 10px;
}
section#reserve_form .bana p:nth-child(2),
section#request_form .bana p:nth-child(2) {
	font-size: 18px;
	font-weight: bold;
}
section#reserve_form .bana p:nth-child(2) span,
section#request_form .bana p:nth-child(2) span {
	display: inline-block;
	margin-right: 20px;
	font-size: 46px;
}
section#reserve_form .bana p a,
section#request_form .bana p a {
	color: #fff;
}

section#reserve_form .guide {
    display: none;
	background-color: #a0ba65;
}
section#request_form .guide {
    display: none;
	background-color: #7dbbc3;
}
section#reserve_form .guide p,
section#request_form .guide p {
	color: #fff;
	text-align: center;
}

form {
	padding: 30px!important;
	background: #F5F5F5;
}
form .item {
	width: 200px;
	font-weight: bold;
	position: relative;
}
form .item::after {
	content: "任意";
	display: inline-block;
	padding: 0 5px;
	background: #999999;
	color: #fff;
	font-weight: normal;
	position: absolute;
	top: 0;
	right: 0;
}
form .item.required::after {
	content: "必須";
	background: #D16046;
}
form .form_wrap {
	width: calc(100% - 230px);
	padding-left: 30px;
}
form .separation {
	border-bottom: 1px #BABABA solid;
	margin: 30px 0;
}
form .separation2 {
	border-bottom: 1px #CDCDCD dotted;
	margin: 30px 0;
}
form input,
form button,
form textarea {
	width: calc(100% - 22px);
	padding: 10px;
	background: #fff;
	border: 1px #BABABA solid;
}

/* ラジオボタン */
label.btn_radio {
	margin-right: 20px;
	cursor: pointer;
}
label.btn_radio input {
	display: none;
}
label.btn_radio p {
	padding-left: 20px;
	position: relative;
}
label.btn_radio p::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: #fff;
	border: 1px #BABABA solid;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
}
label.btn_radio p::after {
	content: "";
	display: none;
	width: 6px;
	height: 6px;
	background: #333;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -3px;
}
label.btn_radio input:checked + p::after {
	display: block;
}
/* 年月日、時間 */
form input.date,
form input.time {
	width: auto;
}
/* 郵便番号 */
form input[name="zip1"] {
	width: 60px;
}
form input[name="zip2"] {
	width: 100px;
}

/* 確認ボタン */
input[type="submit"] {
	width: auto;
	padding: 10px 60px;
	background: #6CA543;
	color: #fff;
	cursor: pointer;
	transition: all .3s;
}
input[type="submit"]:hover {
	background: #285507;
}

/* 確認ボタン */
input[type="button"] {
	width: auto;
	padding: 10px 60px;
	background: #6CA543;
	color: #fff;
	cursor: pointer;
	transition: all .3s;
}
input[type="button"]:hover {
	background: #285507;
}

/*==================================================================================
フッター
==================================================================================*/
footer {
	background: #E0E0E0;
	padding: 30px 0 0!important;
}
footer nav a {
	display: inline-block;
}
footer nav a:hover {
	opacity: 1;
	color: #799657;
}
footer nav ul {
	display: flex;
	flex-wrap: wrap;
}
footer nav ul li a {
	font-size: 14px;
	font-weight: bold;
	margin: 0 60px 15px 0;
}
footer .copy {
	padding: 15px;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}



.tb {
	display: none;
}
.sp {
	display: none;
}
.pc {
	display: inline;
}

@media screen and (max-width : 1200px) {
#parentframe { 
width: 100%;
height: 800px;
}
	header .logo {
		width: 220px;
	}
	header .btn_tel {
		padding: 0 10px 0;
		background-image: none;
		pointer-events: all;
	}
	
	/*==================================================================================
	INDEX
	==================================================================================*/
	/* 名古屋に3箇所 --------------------------------------------*/
	section#top_aichi .col4 {
		width: calc(100% / 2 - 15px);
	}
	section#top_aichi .col3 {
		width: calc(100% / 2 - 10px);
	}
	/*==================================================================================
	グランジュールとは
	==================================================================================*/
	section#about_aichi .about_map {
		max-width: 740px;
		margin: auto;
		padding: 40px 0;
		background: url("../img/about_map_sp3.jpg") left top 70px / 320px no-repeat;
		position: relative;
	}
	section#about_aichi .about_map a {
		width: calc(100% - 300px - 44px);
		animation: none;
	}
	section#about_aichi .about_map a.nonami,
	section#about_aichi .about_map a.hirabari,
	section#about_aichi .about_map a.higashi {
		position: relative;
		top: 0;
		left: 0;
	}
	section#about_aichi .about_map a img {
		width: 60px;
		position: absolute;
		top: -20px;
		right: 10px;
	}
}


@media screen and (max-width : 980px) {
#parentframe { 
width: 100%;
height: 1200px;
}

	.pc {
		display: none;
	}
	.tb {
		display: inline;
	}
	
		
	/*==================================================================================
	ヘッダー
	==================================================================================*/
	header {
		z-index: 9999;
	}
	header .container {
		max-width: calc(100% - 40px);
		padding-bottom: 10px!important;
		background: #fff;
		position: relative;
	}
	header .logo {
		width: 240px;
	}
	header .logo_group p {
		font-size: 12px;
	}
	header .btn_goup {
		flex-wrap: nowrap;
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 9999;
	}
	header .btn_goup a:hover {
		opacity: 1;
	}
	header .btn_tel {
		width: calc(100% - 20px);
		height: 70px;
		padding: 0 10px;
		background-image: none;
		pointer-events: all;
		white-space: nowrap;
	}
	header .btn_tel span.pc {
		display: none;
	}
	header .btn_tel span {
		font-size: 20px;
	}
	header .btn_request {
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(100% - 20px);
		height: 60px;
		padding: 0 10px;
		background: #FAD9D6;
	}

	header .btn_request p {
		color: #EC6D65;
		font-size: 16px;
		font-weight: bold;
	}

	header .btn_contact {
		width: calc(100% - 20px);
		height: 60px;
		width:90px;
		white-space: nowrap;
	}
	header .btn_contact p {
		padding-left: 28px;
		background: url("../img/btn_contact.png") left center / 20px no-repeat;
		font-size: 16px;
	}


	/* サイド 資料請求ボタン */
	.side_fix {
		display: none;
	}
	
	/* PC版 メニュー --------------------------*/
	nav.head_nav {
		display: none
	}
	
	/*==================================================================================
	共通
	==================================================================================*/
	/* レイアウト */
	.container {
		max-width: calc(680px - 40px);
	}
	.max540 {
		max-width: 460px;
	}
	.col2 {
		width: 100%;
	}
	.col3 {
		width: 100%;
	}
	.col4 {
		width: calc(100% / 2 - 10px);
	}

	.mb_30 {
		margin-bottom: 20px;
	}
	.mb_60 {
		margin-bottom: 40px;
	}
	.mb_120 {
		margin-bottom: 80px;
	}

	/* フォント */
	.font_18 {
		font-size: 16px;
	}
	.font_24 {
		font-size: 20px;
	}
	.font_28 {
		font-size: 24px;
	}
	h1 img {
		height: 50px;
	}
	h1 span {
		font-size: 28px;
	}
	h2 img {
		width: 100%;
		max-width: 340px;
	}
	h2 span {
		font-size: 20px;
	}
	h3 {
		padding: 10px!important;
		font-size: 20px;
	}
	h4 {
		font-size: 16px;
	}
	
	section {
		padding: 20px 0!important;
	}
	
	section.top_2nd {
		padding: 40px 0!important;
	}
	section.top_2nd .container {
		max-width: 380px;
	}
	section.top_2nd p {
		font-size: 20px;
	}
	section.top_2nd p::before {
		height: 60px;
		left: 0;
		margin: -30px 0 0 0;
	}
	section.top_2nd p::after {
		width: 100px;
		height: 100px;
		margin-top: -40px;
	}
	
	.bg_gray_shadow {
		width: calc(100% - 40px - 40px);
		padding: 20px;
		box-shadow: 3px 3px 6px rgba(0,0,0,0.15);
	}
	.btn_detail {
		padding: 10px;
	}

	/*==================================================================================
	INDEX
	==================================================================================*/
	section#main {
		padding: 80px 0 120px!important;
	}
	section#main .main_logo {
		width: 100%;
		max-width: calc(680px - 40px);
		margin: -60px 0 40px 0;
	}
	section#main .main_nagoya {
		width: 340px;
	}
	section#main .main_nagoya .map {
		width: 230px;
		margin: auto;
	}
	section#main .btn_ngy {
		width: 100px;
		height: 100px;
	}
	section#main .btn_ngy::after {
		width: calc(100px - 8px);
		height: calc(100px - 8px);
	}
	section#main .btn_ngy.heiwa {
		top: 10px;
		right: -10px;
	}
	section#main .btn_ngy.hirabari {
		top: 225px;
		right: -10px;
	}
	section#main .btn_ngy.odaka {
		top: 225px;
		left: 146px;
	}
	section#main .btn_ngy.toyokawa {
		top: 112px;
		right: -10px;
	}
	section#main .btn_ngy.chita {
		top: 225px;
		left: 42px;
	}
	section#main .btn_ngy.higashi {
		top: 130px;
		left: 0;
	}
	section#main .btn_ngy .new {
		width: 50px;
	}
	
	/* グランジュール平針 --------------------------------------------
	section#top_hirabari .photo {
		width: 100%;
		height: 380px;
		background: url("../img/top_hirabari.jpg") center center / cover no-repeat;
	}
	section#top_hirabari .bg_green {
		width: calc(100% - 40px);
		padding: 20px;
	}
	section#top_hirabari .bg_green .col2 {
		width: calc(100% / 2 - 10px);
	}
	*/
	/* グランジュール豊川 --------------------------------------------*/
	section#top_toyokawa .row .col3 {
		width: calc(100% / 3 - 5px);
	}
	section#top_toyokawa .row .col3.bg_beige {
		max-width: calc(460px - 20px);
		min-width: 300px;
		padding: 40px 10px 20px;
	}
	section#top_toyokawa .col3.bg_beige .new {
		width: 80px;
		top: -5px;
		right: -5px;
	}

	/* グランジュール見学 --------------------------------------------*/
	section#top_tour .row .col3 {
		width: calc(100% / 3 - 5px);
	}
	section#top_tour_reserve .tel {
		display: block;
		font-size: 36px;
		margin-right: 0;
	}
	section#top_tour_reserve h1 {
	    width: calc(100% - 20px + 40px);
	    top: -20px;
	    left: -20px;
	}
	section#top_tour_reserve .btn {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: calc(100% - 42px);
		max-width: calc(100% - 42px);
		padding: 10px 20px 0;
	}
	section#top_tour_reserve .btn p {
		line-height: 1.4;
		margin-bottom: 10px;
	}
	section#top_tour_reserve .btn span {
		font-size: 20px;
		margin-bottom: 10px;
	}

	/* 愛知に4箇所 --------------------------------------------*/
	section#top_aichi .bg_white {
		width: calc(100% - 30px);
		padding: 15px;
	}
	section#top_aichi .aichi_ttl {
		padding-left: 40px;
	}
	section#top_aichi .aichi_ttl::before {
		width: 30px;
		height: 30px;
	}
	section#top_aichi .col2 {
		width: calc(100% / 2 - 5px);
		max-width: calc(100% / 2 - 5px);
		min-width: 0;
	}
	section#top_aichi .col2.tb_100 {
		width: 100%;
		max-width: 460px;
		margin: auto;
	}
	section#top_aichi .col3 .col3 {
		width: calc(100% / 3 - 5px);
	}
	section#top_aichi .kukaku {
		min-width: 0;
		padding: 15px;
		margin: 0 10px 10px;
		border-radius: 10px;
		font-size: 14px;
		white-space: inherit;
	}
	section#top_aichi .col3 .col3 .kukaku {
		margin: 0 5px 10px;
	}
	section#top_aichi .kukaku.soldout span {
		bottom: -2px;

	}
	section#top_aichi .btn_detail {
		margin-bottom: 20px;
	}
	
	/* 名古屋の特徴 --------------------------------------------*/
	section#top_points .bg_flower {
		width: calc(100% - 40px);
		padding: 40px 0 20px!important;
	}
	section#top_points .col3 {
		width: calc(100% / 2 - 10px);
	}
	section#top_points .round {
		padding: 15px;
		border-radius: 10px;
	}
	section#top_points .number {
		font-size: 46px;
	}

	/*==================================================================================
	グランジュールとは
	==================================================================================*/
	section#about_top {
		padding: 40px 0 80px!important;
	}

	section#about_aichi .about_map {
		background-position: left top 80px;
		background-size: 280px;
	}
	section#about_aichi .about_map a {
		width: calc(100% - 250px - 24px);
		min-width: calc(280px - 24px);
		margin: 0 0 10px auto;
		border-radius: 10px;
		padding: 8px 10px;
		font-size: 14px;
	}
	section#about_aichi .about_map a span {
		font-size: 20px;
	}

	/* 愛知県内4箇所のグランジュール ----------------------------------*/
	section#about_aichi_4places .bg_gray_shadow {
		width: calc(100% - 40px);
		padding: 20px 0;
	}
	section#about_aichi_4places .row {
		flex-wrap: wrap;
	}
	section#about_aichi_4places .col2.image {
		width: calc(100% - 2px);
	}
	section#about_aichi_4places .col2.txt {
		width: calc(100% - 42px);
		min-width: 0;
		border-left: 1px #707070 solid;
		border-top: none;
		position: relative;
	}
	section#about_aichi_4places img.new,
	section#about_aichi_4places .col2.txt img.new {
		width: 80px;
		right: -20px;
	}
	section#about_aichi_4places .col4 {
		width: calc(100% / 4 - 10px);
	}
	section#about_aichi_4places .kukaku {
		padding: 10px;
		border-radius: 10px;
		font-size: 14px;
	}
	section#about_aichi_4places .kukaku.soldout span {
		bottom: -6px;
	}
	section#about_aichi_4places .col5 .kukaku {
		padding: 10px 5px;
	}

	/* アクセス -------------------------------------------------------*/
	section#about_access .bg_gray_shadow {
		width: calc(100% - 40px);
		padding: 20px 0;
	}
	section#about_access .col2 {
		width: calc(100% / 2 - 10px);
	}

	/* グランジュールの特徴 ---------------------------------------------*/
	section#about_points .bg_gray_shadow {
		width: calc(100% - 40px);
		padding: 30px 0 0!important;
	}
	section#about_points .col3 {
		width: calc(100% / 2 - 10px);
	}
	section#about_points .round {
		padding: 15px;
		border-radius: 10px;
	}
	section#about_points .number {
		font-size: 46px;
	}

	/* グランジュールの仕組み --------------------------------------------*/
	section#about_flow .bg_gray_shadow {
		width: calc(100% - 40px);
	}
	section#about_flow .col4 {
		width: calc(100% / 2 - 20px - 10px);
		margin-bottom: 20px;
	}
	section#about_flow .ttl {
		padding: 5px;
		font-size: 16px;
	}
	
	/*==================================================================================
	樹木葬の選び方
	==================================================================================*/
	/* 樹木葬霊園を選ぶときのポイント ------------------------------------*/
	section#choose_points .choose_points {
		padding-top: 20px;
		background-position: center top -40px;
	}
	section#choose_points .choose_points .photo {
		width: calc(100% - 2px);
		margin-bottom: 20px;
	}
	section#choose_points .choose_points .txt {
		width: 100%;
		padding: 0;
	}

	/* 樹木葬とその他の供養方法の違い ------------------------------------*/
	section#choose_comparison::before {
		height: 80%;
	}
	section#choose_comparison table th {
		padding: 10px;
	}
	section#choose_comparison table td {
		padding: 10px;
	}
	/* スクロール */
	.scroll {
		display: block;
	  	overflow-x: scroll;
	  	white-space: nowrap;
	  	-webkit-overflow-scrolling: touch;
		padding: 0 0 10px;
		margin-bottom: 40px;
	}
	.scroll::-webkit-scrollbar {
	  height: 8px;
	}
	.scroll::-webkit-scrollbar-track {
	  margin: 0 2px;
	  background: #ccc;
	  border-radius: 5px;
	}
	.scroll::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background: #666;
	}
	.scroll table {
		min-width: 460px;
	}

	/*==================================================================================
	料金とご契約の流れ
	==================================================================================*/
	/* 料金とご契約の流れ -------------------------------------------------*/
	section#flow_fee .flow_fee {
		padding: 40px 0 20px;
	}
	section#flow_fee .col4 {
		margin-bottom: 20px;
	}
	section#flow_fee .container.max1400 {
		max-width: 680px;
	}
	section#flow_fee .row {
		justify-content: space-between;
	}
	section#flow_fee .kukaku {
		width: calc(100% / 2 - 10px);
		margin: 0 0 20px;
	}
	section#flow_fee .ttl {
		padding: 10px 0;
		font-size: 20px;
	}
	section#flow_fee .note {
		padding: 10px 0;
	}
	section#flow_fee .detail .col2 {
		width: calc(100% / 2 - 5px - 12px);
		padding: 5px;
		border-radius: 10px;
	}
	section#flow_fee .detail .col2.dummy {
		width: calc(100% / 2 - 5px);
		padding: 5px 0;
	}

	/* お問い合わせからご契約の流れ ---------------------------------------*/
	section#flow_step .round {
		border-radius: 15px;
		padding: 20px;
	}
	section#flow_step .round .ttl {
		padding: 0 0 10px 30px;
		font-size: 16px;
	}
	section#flow_step .round .ttl span {
		font-size: 24px;
		top: -2px;
	}
	section#flow_step .round .photo {
		width: calc(100% - 2px);
		position: relative;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		margin-top: 20px;
	}
	section#flow_step .arrow img {
		width: 20px;
	}
	.bg_fix .bg_space {
		padding: 60px 0;
	}
	.bg_fix .bg_white {
		padding-bottom: 40px;
	}

	/* お客さまの声 -------------------------------------------------------*/
	section#voice {
		padding: 40px 0!important;
	}
	section#voice .col2 {
		width: calc(100% / 2 - 5px - 22px);
	}

	/*==================================================================================
	お墓のお引越し
	==================================================================================*/
	/* お墓のお引越し・墓じまいとは？ -------------------------------------*/
	section#moving .moving .col2:first-child {
		margin-bottom: 20px;
	}
	/* お墓のお引越しを考えるのはどんな人？ */
	section#moving .howto {
		padding: 40px 0;
	}
	section#moving .howto .round {
		display: block;
	}
	section#moving .howto .round ul {
		padding-left: 80px;
		background-size: 60px;
	}

	/* グランジュールのお墓のお引越しプラン -------------------------------*/
	section#moving_plan .moving_plan {
		padding: 0 0 20px;
	}
	section#moving_plan .moving_plan .plan .ttl {
		line-height: 1.2;
	}
	section#moving_plan .moving_plan .plan .col_l {
		width: 100%;
		margin-bottom: 10px;
	}
	section#moving_plan .moving_plan .plan .photo {
		width: calc(100% - 2px);
	}

	/*==================================================================================
	会社案内
	==================================================================================*/
	/* 会社概要 -----------------------------------------*/
	section#company {
		padding: 40px 0!important;
	}
	section#company table {
		border-top: 1px #BABABA solid;
	}
	section#company table tr {
		border-bottom: 1px #BABABA solid;
	}
	section#company table th {
		padding: 8px 20px;
		white-space: nowrap;
	}
	section#company table td {
		padding: 8px 20px;
	}
	section#company table td span {
		font-weight: bold;
	}

	/* ボタン -----------------------------------------*/
	section#btn {
		padding: 20px 0 0!important;
	}
	section#btn .row a {
		width: calc(50% - 40px);
		padding: 30px 20px;
		font-size: 24px;
	}
	section#btn .row a.reserve {
		text-align: left;
	}
	section#btn .row a span {
		padding-left: 40px;
	}
	section#btn .row a span::before {
		width: 40px;
		height: 40px;
		left: -10px;
		margin-top: -20px;
	}
	
	/*==================================================================================
	個人情報の取り扱いについて
	==================================================================================*/
	section#privacy {
		padding: 40px 0!important;
	}
	section#privacy .max360 {
		max-width: 240px;
	}

	/*==================================================================================
	予約はこちらから
	==================================================================================*/
	section#reserve .container::before,
	section#reserve .container::after {
		width: 60px;
		height: 126px;
		margin-top: -63px;
	}
	section#reserve .bg_green img {
		width: 240px;
		margin: 0 auto 20px;
	}
	section#reserve .bg_green a p {
		font-size: 24px;
		line-height: 1.2;
	}

	/*==================================================================================
	ご請求はこちらから
	==================================================================================*/
	section#request .container::before,
	section#request .container::after {
		width: 60px;
		height: 126px;
		margin-top: -63px;
	}
	section#request .bg_blue img {
		width: 240px;
		margin: 0 auto 20px;
	}
	section#request .bg_blue a p {
		font-size: 24px;
		line-height: 1.2;
	}

	/*==================================================================================
	現地見学会ご予約フォーム、資料請求フォーム
	==================================================================================*/
	section#reserve_form,
	section#request_form {
		padding: 40px 0!important;
	}
	section#reserve_form .bana,
	section#request_form .bana {
		padding: 15px 20px 15px 110px;
		background-size: 70px;
		background-position: left 20px center;
	}
	section#reserve_form .bana p,
	section#request_form .bana p {
		line-height: 1.2;
	}
	section#reserve_form .bana p:nth-child(1),
	section#request_form .bana p:nth-child(1) {
		padding-bottom: 8px;
		font-size: 16px;
		margin-bottom: 8px;
	}
	section#reserve_form .bana p:nth-child(2),
	section#request_form .bana p:nth-child(2) {
		font-size: 14px;
	}
	section#reserve_form .bana p:nth-child(2) span,
	section#request_form .bana p:nth-child(2) span {
		margin-right: 10px;
		font-size: 34px;
	}

	form {
		padding: 20px!important;
	}
	form p {
		font-size: 14px;
	}
	form .item {
		width: auto;
		margin-bottom: 10px;
	}
	form .item::after {
		right: -50px;
	}
	form .form_wrap {
		width: 100%;
		padding-left: 0;
	}
	form .separation {
		margin: 20px 0;
	}
	form .separation2 {
		margin: 20px 0;
	}
	form input,
	form textarea {
		font-size: 16px;
	}
	/* ラジオボタン */
	label.btn_radio {
		margin-bottom: 5px;
	}

/* 確認ボタン */
input[type="submit"] {
	width: auto;
	padding: 10px 60px;
	background: #6CA543;
	color: #fff;
	cursor: pointer;
	transition: all .3s;
}
input[type="submit"]:hover {
	background: #285507;
}

	/*==================================================================================
	フッター
	==================================================================================*/
	footer {
		margin-bottom: 60px!important;
	}
	footer nav ul li a {
		margin: 0 30px 10px 0;
	}
	footer .copy {
		padding: 10px;
		font-size: 10px;	
	}

}


@media screen and (max-width : 720px) {
#parentframe { 
width: 100%;
height: 1200px;
}

	/*==================================================================================
	INDEX
	==================================================================================*/
	/* グランジュール豊川 --------------------------------------------*/
	section#top_toyokawa .row {
		flex-wrap: wrap;
	}
	section#top_toyokawa .row .col3 {
		width: 100%;
		max-width: 460px;
		margin: auto;
	}
	section#top_toyokawa .row .col3:nth-child(1),
	section#top_toyokawa .row .col3:nth-child(3) {
		height: 300px;
	}
	/* グランジュール見学 --------------------------------------------*/
	section#top_tour .row .col3 {
		width: 100%;
		max-width: 460px;
		margin: auto;
	}
	/* 愛知に4箇所 --------------------------------------------*/
	section#top_aichi .col4 {
		width: 100%;
	}
	section#top_aichi .col3 {
		width: 100%;
	}
	section#top_aichi .col3 .new {
		width: 90px;
	}
	section#top_aichi .col3 .col3 {
		width: calc(100% / 2 - 5px);
	}
	section#top_aichi .col3 .col3 .kukaku {
		margin: 0 10px 10px;
	}
	section#top_aichi .col3 .dummy720 {
		display: block;
	}
	/*==================================================================================
	会社案内
	==================================================================================*/
	/* ボタン -----------------------------------------*/
	section#btn .row a {
		width: calc(100% - 40px);
		padding: 20px;
		text-align: center;
	}
	section#btn .row a.reserve {
		text-align: center;
	}
}


@media screen and (max-width : 580px) {
#parentframe { 
width: 100%;
height: 1600px;
}
	header .logo_group p {
		display: none;
	}
	/*==================================================================================
	INDEX
	==================================================================================*/
	/* グランジュール豊川 --------------------------------------------*/
	section#top_toyokawa .row .col3.bg_beige {
		min-width: 0;
	}
	/* 愛知に4箇所 --------------------------------------------*/
	section#top_aichi .aichi_ttl {
		padding-left: 30px;
	}
	section#top_aichi .aichi_ttl::before {
		width: 20px;
		height: 20px;
	}
	/* TOP 名古屋の特徴 --------------------------------------------*/
	section#top_points .col3 {
		width: 100%;
	}
	
	/*==================================================================================
	グランジュールとは
	==================================================================================*/
	section#about_top {
		padding: 20px 0 60px!important;
	}
	section#about_top .max540 {
		width: 80%;
		max-width: 380px;
	}

	section#about_aichi .about_map {
		display: flex;
		flex-wrap: wrap;
		background: none;
	}
	section#about_aichi .about_map a {
		width: calc(100% - 24px);
		max-width: calc(360px - 24px);
		min-width: 0;
		margin: 0 auto 15px;
	}
	section#about_aichi .about_map a.nonami,
	section#about_aichi .about_map a.hirabari,
	section#about_aichi .about_map a.heiwa,
	section#about_aichi .about_map a.odaka,
	section#about_aichi .about_map a.toyokawa,
	section#about_aichi .about_map a.chita {
		order: 2;
	}
	/* アクセス -------------------------------------------------------*/
	section#about_access .col2 {
		width: 100%;
	}

	/* グランジュールの特徴 ---------------------------------------------*/
	section#about_points .col3 {
		width: 100%;
	}
	
	/* グランジュールの仕組み --------------------------------------------*/
	section#about_flow .ttl {
		font-size: 14px;
	}
	section#about_flow .col4 {
		width: 100%;
	}
	
	/*==================================================================================
	料金とご契約の流れ
	==================================================================================*/
	/* 料金 -------------------------------------------------*/
	section#flow_fee .col4 {
		width:  100%;
		max-width: 380px;
		margin: 0 auto 20px;
	}
	section#flow_fee .kukaku {
		width:  100%;
		max-width: 380px;
		margin: 0 auto 20px;
	}
	section#flow_fee .detail .col2.dummy {
		display: none;
	}

	/* お客さまの声 -------------------------------------------------------*/
	section#voice {
		padding: 40px 0!important;
	}
	section#voice .col2 {
		width: calc(100% - 22px);
		margin-bottom: 20px;
	}

	/*==================================================================================
	お墓のお引越し
	==================================================================================*/
	/* お墓のお引越しを考えるのはどんな人？ */
	section#moving .howto .round ul {
		padding-left: 40px;
		background-size: 30px;
	}
	/* グランジュールのお墓のお引越しプラン -------------------------------*/
	section#moving_plan .moving_plan .plan .service .col4 {
		width: calc(100% / 2 - 5px - 12px);
		padding: 10px 5px;
		font-size: 14px;
	}
	section#moving_plan .moving_plan .plan .service .col4.dummy {
		width: calc(100% / 2 - 5px);
	}

	/*==================================================================================
	予約はこちらから
	==================================================================================*/
	section#reserve .bg_green::before {
		width: 80%;
		height: 65%;
		top: -5%;
	}
	section#reserve .container::before,
	section#reserve .container::after {
		width: 40px;
		height: 84px;
		top: 0;
		margin-top: 0;
	}

	/*==================================================================================
	ご請求はこちらから
	==================================================================================*/
	section#request .bg_blue::before {
		width: 80%;
		height: 65%;
		top: -5%;
	}
	section#request .container::before,
	section#request .container::after {
		width: 60px;
		height: 126px;
		top: 0;
		margin-top: 0;
	}

	/*==================================================================================
	現地見学会ご予約フォーム、資料請求フォーム
	==================================================================================*/
	section#reserve_form .bana,
	section#request_form .bana {
		padding: 15px 20px;
		background-image: none;
	}
	section#reserve_form .bana p,
	section#request_form .bana p {
		line-height: 1.3;
	}
	section#reserve_form .bana p:nth-child(1),
	section#request_form .bana p:nth-child(1) {
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	section#reserve_form .bana p:nth-child(2) span,
	section#request_form .bana p:nth-child(2) span {
		display: block;
		margin-right: 0;
		padding-left: 35px;
		font-size: 32px;
		background: url("../img/tel_icon.png") left center / 30px no-repeat;
	}
}

@media screen and (max-width : 460px) {
	.tb {
		display: none;
	}
	.sp {
		display: inline;
	}
	p {
		font-size: 12px;
	}

#parentframe { 
width: 100%;
height: 1600px;
}
	/*==================================================================================
	共通
	==================================================================================*/
	/* フォント */
	.font_18 {
		font-size: 14px;
	}
	
	section.top_2nd {
		padding: 30px 0!important;
	}
	section.top_2nd .container {
		max-width: 300px;
	}
	section.top_2nd p {
		font-size: 20px;
	}
	section.top_2nd p::before {
		height: 46px;
    	background: radial-gradient(#fff 0, rgba(255,255,255,0.90) 35%, rgba(255,255,255,0.10) 100%);
    	box-shadow: 0 0 30px rgba(255,255,255,0.90);
		margin: -23px 0 0 0;
	}
	section.top_2nd p::after {
		width: 60px;
		height: 60px;
		margin-top: -25px;
	}

	/*==================================================================================
	INDEX
	==================================================================================*/
	section#main {
		padding: 60px 0 80px!important;
	}
	section#main .container {
		width: 100%;
		padding: 0;
	}
	/* TOP グランジュール平針 --------------------------------------------*/
	section#top_hirabari .photo {
		height: 240px;
	}
	/* TOP グランジュール見学 --------------------------------------------*/
	section#top_tour .photo {
		height: 240px;
	}
	section#top_tour .bg_green .col3 {
		width: calc(100% / 3 - 5px);
	}


	/*==================================================================================
	グランジュールとは
	==================================================================================*/
	/* 愛知県内4箇所のグランジュール ----------------------------------*/
	section#about_aichi_4places .col2.txt {
		padding-bottom: 10px;
	}
	section#about_aichi_4places .col4 {
		width: calc(100% / 2 - 5px);
		margin-bottom: 10px;
	}
	section#about_aichi_4places .col5 {
		width: calc(100% / 2 - 5px);
		margin-bottom: 10px;
	}

	/*==================================================================================
	樹木葬の選び方
	==================================================================================*/
	/* 樹木葬とその他の供養方法の違い ------------------------------------*/
	section#choose_comparison table {
		font-size: 12px;
	}
	section#choose_comparison table th {
		font-size: 14px;
	}
	
	/*==================================================================================
	料金とご契約の流れ
	==================================================================================*/
	main.flow::before {
		background: url("../img/flow_bg_sp.jpg") right center / cover no-repeat;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
	}
	section#flow_fee .detail .option {
		font-size: 12px;
	}

	/*==================================================================================
	予約はこちらから
	==================================================================================*/
	section#reserve .bg_green::before {
		width: 85%;
		height: 55%;
	}
	
	/*==================================================================================
	ご請求はこちらから
	==================================================================================*/
	section#request .bg_blue::before {
		width: 85%;
		height: 55%;
	}
	section#request .container::before,
	section#request .container::after {
		width: 40px;
		height: 58px;
	}
	
	/*==================================================================================
	フッター
	==================================================================================*/
	footer nav ul li a {
		font-size: 12px;
		font-weight: normal;
		margin: 0 20px 10px 0;
	}
	footer nav ul:last-child li:nth-child(3) a {
		margin: 0 0 10px 0;
	}
	footer .copy {
		font-weight: normal;
	}

}