@charset “utf-8”;
/*
Theme Name:飛鳥会館(株式会社飛鳥)
Description:飛鳥会館(株式会社飛鳥)様用テンプレート
Vertion:1.0
Author:ThreadLink Co., Ltd
*/

html {
	font-size: 62.5%;
	color: #222222;
}

p, div img {
	max-width: 100%;
}


header {
	width: 100%;
	position: fixed;
	background-color: #ffffff;
	z-index: 999;
}

main {
	width: 100%;
	padding-top: 110px;
}

footer {
	width: 100%;
}

.container {
	max-width: 1400px;
	margin: 0 auto;
}

.mincho {
  font-family: "Shippori Mincho", serif;
  font-style: normal;
 }

/* レスポンシブ表示/非表示切り替え */

.pc { display:block; }
.pc-i { display:inline; }
.sp { display:none; }

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

	main {
		padding-top: 65px;
	}

	.container {
		max-width: 1400px;
		padding: 0 10px;
	}

	.pc { display:none; }
	.pc-i { display:none; }
	.sp { display:block; }

}




/* header CSS */

#header-main-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 15px 0;
}

#logo-area {
	width: 50%;
}

#tel-area {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

#simuLink_txt {
	display: block;
	width: 200px;
	margin-right: 20px;
	padding: 6px;
	border: 1px solid #273d7e;
	color: #273d7e;
	text-align: center;
	font-size: 1.4rem;
}

#tel-Box {
	width: 210px;
	text-align: center;
	color: #273d7e;
}

#tel-Txt {
	font-size: 1.4rem;
}

#tel-Txt_no {
	color: #273d7e;
	font-size: 2.6rem;
	font-weight: 600;
}

#logo {
	width: 350px;
}

/* メニューボタン */

.menubtn{
    position: relative;
    background:#FFFFFF;
    cursor: pointer;
    width: 50px;
    height: 40px;
    border-radius: 0px;
}

/*ボタン内側*/
.menubtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 2px;
    border-radius: 5px;
    background: #007ad7;
    width: 45%;
}

.menubtn span:nth-of-type(1) {
    top:14px; 
    left: 17px;
}

.menubtn span:nth-of-type(2) {
    top:21px;
    left: 17px;
}

.menubtn span:nth-of-type(3) {
    top:28px;
    left: 17px;
}

.menubtn span:nth-of-type(3)::after {
    /*content:"Menu";3つ目の要素のafterにMenu表示を指定*/
    position: absolute;
    top:10px;
    left:-1px;
    color: #222;
    font-size: 0.6rem;
    text-transform: uppercase;
}

#btn_box {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}

.menubtn.active span:nth-of-type(1) {
    top: 14px;
    left: 22px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.menubtn.active span:nth-of-type(2) {
    opacity: 0;
}

.menubtn.active span:nth-of-type(3){
    top: 26px;
    left: 22px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

.menubtn.active span:nth-of-type(3)::after {
    content:"Close";/*3つ目の要素のafterにClose表示を指定*/
    transform: translateY(0) rotate(-45deg);
    top:10px;
    left:7px;
}

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

	#logo-area {
		width: 100%;
	}

	#logo {
		width: 75%;
	}

	#tel-area {
		display: none;
		/*
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
		*/
	}

    #btn_box {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 999;
    }

    .blackbg {
      position: fixed;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      z-index: 100;
      background-color: #000;
      opacity: 0;
      visibility: hidden;
      transition: all .6s;
      cursor: pointer;
    }

    #btn_box {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 999;
    }

}



#menu-area {
	width: 100%;
	height: 36px;
	background-color: #273d7e;
}

nav#GlobalNavi {
	display: block;
}

/* グローバルナビゲーション（第１階層） */
nav#GlobalNavi ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

/* 第２階層以下は縦並び */
nav#GlobalNavi ul ul{
    display: block;
}

/* 第１階層１項目の幅 */
nav#GlobalNavi ul li{
    position: relative;
    /*width: 20%;*/
    width: calc(100% / 7);
    background-color: #273d7e;
    border-left: 1px solid #ffffff;
}

nav#GlobalNavi ul li:last-child {
    border-right: 1px solid #ffffff;
}

/* 第２階層めを持つ第１階層のposition */
nav#GlobalNavi ul li.has-child{
    position: relative;
}

/* 第１階層の項目リンク */
nav#GlobalNavi ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 36px;
    background-color: #273d7e;
    font-size: 1.6rem;
    color: #ffffff;
    text-align: center;
    transition: 0.3s;
}

/* 第１階層の項目リンクhover時 */
nav#GlobalNavi ul li a:hover{
    background-color: #ffffff;
    color: #273d7e;
}

/* 第２階層めを持つ第１階層の矢印 */
nav#GlobalNavi ul li.has-child::after{
    content:'';
    position: absolute;
    top: 14px;
    right: 10px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right:2px solid #ffffff;
    transform: rotate(135deg);
}

/*荳九�髫主ｱ､繧呈戟縺｣縺ｦ縺�ｋul縺ｮ謖�ｮ�*/
nav#GlobalNavi li.has-child ul{
    /*邨ｶ蟇ｾ驟咲ｽｮ縺ｧ菴咲ｽｮ繧呈欠螳�*/
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 20;
    /*蠖｢迥ｶ繧呈欠螳�*/
    background: rgba(255,255,255,0.9);
    width: 200px;
    height: 42px;
    /*縺ｯ縺倥ａ縺ｯ髱櫁｡ｨ遉ｺ*/
    visibility: hidden;
    opacity: 0;
    /*繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ險ｭ螳�*/
    transition: all .3s;
}

nav#GlobalNavi li.has-child ul li {
    width: 200px;
    height: 42px;
    border-left: 0px;
    border-right: 0px;
}

/*hover縺励◆繧芽｡ｨ遉ｺ*/
nav#GlobalNavi li.has-child:hover > ul,
nav#GlobalNavi li.has-child ul li:hover > ul,
nav#GlobalNavi li.has-child:active > ul,
nav#GlobalNavi li.has-child ul li:active > ul{
    visibility: visible;
    opacity: 1;
}

/*繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳa繧ｿ繧ｰ縺ｮ蠖｢迥ｶ*/
nav#GlobalNavi li.has-child ul li a{
	width: 100%;
    height: 42px;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    text-align: left;
}

nav#GlobalNavi li.has-child ul li:last-child a{
    border-bottom:none;
}

nav#GlobalNavi li.has-child ul li a:hover,
nav#GlobalNavi li.has-child ul li a:active{
   background:#ffffff;
   color: #273d7e;
}

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

    #menu-area {
        position: fixed;
        display: block;
        right: -580px; /* これで隠れる */
        top: 0px;
        width: 300px; /* スマホに収まるくらい */
        height: 100%;
        padding-top: 65px;
        background-color: #ffffff;
        transition: all 0.5s;
        z-index: 200;
        overflow-y: scroll; /* メニューが多くなったらスクロールできるように */
        -webkit-overflow-scrolling: touch;
    }

    .nav-open #menu-area {
        overflow-y: scroll;
        top: 0px;
        right: 0;
        width: auto;
        /* IE, Edge 対応 */
        -ms-overflow-style: none;
        /* Firefox 対応 */
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    /* Chrome, Safari 対応 */
    #menu-area::-webkit-scrollbar {
        display:none;
    }

    .nav-open .blackbg {
        opacity: .7;
        visibility: visible;
    }

    nav#GlobalNavi{
        padding: 0;
    }
  
    nav#GlobalNavi ul{
        display: block;
    }
  
    nav#GlobalNavi ul li{
        position: relative;
        display: block;
        width: 300px;
        text-align: left;
        font-size: 1.6rem;
        border-bottom: 1px solid #ffffff;
    }

    nav#GlobalNavi ul li.has-child{
        width: 300px;
        text-align: left;
        font-size: 1.6rem;
    }

    nav#GlobalNavi ul li a{
        display: block;
        height: 50px;
        padding: 14px 22px;
        text-decoration: none;
        color: #ffffff;
        transition:all .3s;
    }

    nav#GlobalNavi ul li:last-child{
        border-bottom: 0px dotted #666666;
    }

    #li-online {
        padding: 7px 22px;
    }

    nav#GlobalNavi li.has-child ul,
    nav#GlobalNavi li.has-child ul ul{
        margin-top: 0px;/*ナビゲーションの上部位置調整・スマホ*/
        position: relative;
        top: 0;
        left: 0;
        width:100%;
        visibility:visible;/*JSで制御するため一旦表示*/
        opacity:1;/*JSで制御するため一旦表示*/
        display: none;/*JSのslidetoggleで表示させるため非表示に*/
        transition:none;/*JSで制御するためCSSのアニメーションを切る*/
    }

    nav#GlobalNavi li.has-child ul li {
        width: 300px;
    }
  
    /*矢印の位置と向き*/

    nav#GlobalNavi ul li.has-child::after{
        right:40px;
        top: 18px;
    }

    nav#GlobalNavi ul ul li.has-child::after{
        transform: rotate(135deg);
        right:40px;
        top: 25px;
    }
    
    nav#GlobalNavi ul li.has-child.active::after{
        transform: rotate(-45deg);
    }

}








/* メインビジュアル */

#mv-area {
	width: 100%;
	background-color: #ebf0f4;
}

#MainVisual {
	height: 400px;
	background-image: url(./img/top-mv.png);
	background-position: 0% 50%;
	background-size: auto 150%;
	background-repeat: no-repeat;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

#copy-area {
	width: 50%;
	margin-right: 30px;
	text-align: center;
}

#copy-txt_01 {
	width: 100%;
	font-size: 2.0rem;
	margin-bottom: 5px;
}

#copy-txt_02 {
	width: 100%;
	border-bottom: 1px solid #222222;
	font-size: 3.6rem;
	font-weight: 500;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#copy-txt_03 {
	width: 100%;
	margin-top: 15px;
	font-size: 1.8rem;
	line-height: 1.5;
}

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

	#mv-area {
		padding-top: 0px;
	}

	#MainVisual {
		height: 250px;
		background-position: 10% 50%;
		background-size: auto 150%;
		justify-content: center;
	}

	#copy-area {
		width: 100%;
		padding: 15px;
		background: rgba(255, 255, 255, 0.75);
		margin-right: 00px;
		text-align: center;
	}

	#copy-txt_01 {
		width: 100%;
		font-size: 1.4rem;
		margin-bottom: 5px;
	}

	#copy-txt_02 {
		width: 100%;
		border-bottom: 1px solid #222222;
		font-size: 2.1rem;
	}

	#copy-txt_03 {
		width: 100%;
		margin-top: 15px;
		font-size: 1.2rem;
		line-height: 1.25;
	}

}



/* Top */

#topMidashi {
	width: 100%;
	margin: 120px auto;
	font-size: 2.8rem;
	font-weight: 500;
	letter-spacing: 0.8rem;
	text-align: center;
}

#topPlanArea {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 120px auto;
}

.topPlan_Box {
	width: 23%;
}

.topPlan_title {
	width: 100%;
	padding: 8px;
	border-radius: 100vh;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 600;
	color: #ffffff;
}

#bg-basic {
	background-color: #649563;
}

#bg-simple {
	background-color: #58778f;
}

#bg-miokuri {
	background-color: #695e85;
}

#bg-fukushi {
	background-color: #d7bf5e;
}

.topPlan_titleTxt {
	width: 100%;
	margin-top: 15px;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.5;
}

.topPlan_priceBox {
	width: 160px;
	height: 160px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 20px auto 0 auto;
	padding: 8px 8px 10px 8px;
	border-radius: 50%;
	text-align: center;
	font-size: 6.5rem;
	font-weight: 600;
}

#line-basic {
	border: 3px solid #649563;
}

#line-simple {
	border: 3px solid #58778f;
}

#line-miokuri {
	border: 3px solid #695e85;
}

#line-fukushi {
	border: 3px solid #d7bf5e;
}

.topPlan_priceBox span {
	font-size: 1.8rem;
}

.topPlan_taxTxt {
	width: 100%;
	margin-top: -40px;
	text-align: center;
	font-size: 1.6rem;
}

#topFacilityArea {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: strech;
	margin: 0 auto 120px auto;
}

.topFacility_Box {
	display: block;
	width: 15.5%;
}

.topFacility_Box:hover {
	transition: 0.3s;
	opacity: 0.75;
}

#topFacilityArea_ceremoll {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	margin: 0 auto 120px auto;
}

.topFacility_Box_ceremoll {
	display: block;
	width: 15.5%;
	margin-right: 1.5%;
}

.topFacility_Box_ceremoll:hover {
	transition: 0.3s;
	opacity: 0.75;
}

.topFacility_Box_ceremoll:last-child {
	margin-right: 0%;
}

.topFacility_Img {
	width: 100%;
}

#facilityimg01 {
	padding-bottom: 160px;
	background-image: url(img/top-facilityimg01.jpg);
	background-size: cover;

}

#facilityimg02 {
	padding-bottom: 160px;
	background-image: url(img/top-facilityimg02.jpg);
	background-size: cover;

}

#facilityimg03 {
	padding-bottom: 160px;
	background-image: url(img/top-facilityimg03.jpg);
	background-size: cover;

}

#facilityimg04 {
	padding-bottom: 160px;
	background-image: url(img/top-facilityimg04.jpg);
	background-size: cover;

}

#facilityimg05 {
	padding-bottom: 160px;
	background-image: url(img/top-facilityimg05.jpg);
	background-size: cover;

}


#facilityimg06 {
	padding-bottom: 160px;
	background-image: url(img/top-facilityimg06.jpg);
	background-size: cover;

}

#facilityimg07 {
	padding-bottom: 160px;
	background-image: url(img/top-facilityimg07.jpg);
	background-size: cover;

}

#facilityimg08 {
	padding-bottom: 160px;
	background-image: url(img/top-facilityimg08.jpg);
	background-size: cover;

}

#facilityimg09 {
	padding-bottom: 160px;
	background-image: url(img/top-facilityimg06.jpg);
	background-size: cover;

}

.topFacility_inrBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
	padding: 8px;
	background-color: #273d7e;
	color: #ffffff;
}

.topFacility_inrBox_ceremoll {
	width: 100%;
	padding: 8px;
	background-color: #9062aa;
	color: #ffffff;
}

.topFacility_Txt_name {
	width: 100%;
	margin-top: 12px;
	margin-bottom: 20px;
	font-size: 1.6rem;
	font-family: "Shippori Mincho", serif;
	text-align: center;
}

.topFacility_Txt_name span {
	font-size: 2.2rem;
}

.topFacility_Txt_add {
	width: 100%;
	margin-bottom: 10px;
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.2;
}

.topFacility_Txt_add .zip {
	font-size: 1.3rem;
}

.topFacility_Txt_tel {
	width: 100%;
	margin-bottom: 5px;
	font-size: 1.5rem;
	text-align: center;
}

#topLinkArea {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 120px auto;
}

.topLink_Box {
	display: block;
	width: 45%;
	height: 200px;
	border: 1px solid #aaaaaa;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

#Link_flower {
	background-image: url(./img/top-linkbgimg01.png);
	background-size: 100%;
	background-position: -300px 60%;
	background-repeat: no-repeat;
}

#Link_qa {
	background-image: url(./img/top-linkbgimg02.png);
	background-size: 75%;
	background-position: -50px 50%;
	background-repeat: no-repeat;
}

.topLink_txt {
	position: relative;
	padding-right: 40px;
	font-family: "Shippori Mincho", serif;
	font-size: 2.6rem;
}

.topLink_txt::after {
    content:'';
    position: absolute;
    top: 3px;
    right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 14px solid #222222;
	border-right: 0;
}

#topAngelFlightArea {
	width: 100%;
	background-image: url(./img/top-angelflightbgimg.png);
	background-size: 100% 100%;
	background-position: cover;
	background-repeat: no-repeat;
	margin: 0 auto 120px auto;
	padding: 20px;
	text-align: center;
}

#topAngelFlight_Txt_m {
	width: 100%;
	margin: 100px auto 50px auto;
	font-size: 2.4rem;
}

#topAngelFlight_Txt {
	width: 100%;
	margin: 30px auto 100px;
	font-size: 1.8rem;
	line-height: 2.0;
}

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

	#topMidashi {
		margin: 80px auto;
		font-size: 2.2rem;
	}

	#topPlanArea {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto 120px auto;
	}

	.topPlan_Box {
		width: 100%;
		margin-bottom: 60px;
	}

	.topPlan_Box:last-child {
		margin-bottom: 0px;
	}

	.topPlan_title {
		width: 100%;
		padding: 8px;
		border-radius: 100vh;
		text-align: center;
		font-size: 2.4rem;
		font-weight: 600;
		color: #ffffff;
	}

	#bg-basic {
		background-color: #333333;
	}

	#bg-simple {
		background-color: #666666;
	}

	#bg-miokuri {
		background-color: #999999;
	}

	.topPlan_titleTxt {
		width: 100%;
		margin-top: 15px;
		text-align: center;
		font-size: 1.8rem;
		line-height: 1.5;
	}

	.topPlan_priceBox {
		width: 180px;
		height: 180px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: 20px auto 0 auto;
		padding: 8px 8px 10px 8px;
		border-radius: 50%;
		text-align: center;
		font-size: 8.0rem;
		font-weight: 600;
	}

	#line-basic {
		border: 3px solid #333333;
	}

	#line-simple {
		border: 3px solid #666666;
	}

	#line-miokuri {
		border: 3px solid #999999;
	}

	.topPlan_priceBox span {
		font-size: 1.8rem;
	}

	.topPlan_taxTxt {
		width: 100%;
		margin-top: -40px;
		text-align: center;
		font-size: 1.6rem;
	}

	#topFacilityArea,#topFacilityArea_ceremoll {
		justify-content: center;
		align-items: stretch;
		margin: 0 auto 80px auto;
	}

	.topFacility_Box,.topFacility_Box_ceremoll {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		margin-bottom: 20px;
	}

	.topFacility_Box_ceremoll {
		margin-right: 0%;
	}
	.topFacility_Img {
		width: 50%;
	}

	#facilityimg01 #facilityimg02, #facilityimg03, #facilityimg04, #facilityimg05, #facilityimg06, #facilityimg07, #facilityimg08 {
		height: 100%;
		padding-bottom: 0px;
		background-position: 50% 50%;
	}

	.topFacility_inrBox,.topFacility_inrBox_ceremoll {
		width: 50%;
		padding: 5px;
	}

	.topFacility_Txt_name {
		margin-top: 5px;
		margin-bottom: 10px;
		font-size: 1.4rem;
	}

	.topFacility_Txt_name span {
		font-size: 1.8rem;
	}

	.topFacility_Txt_add {
		font-size: 1.4rem;
	}

	.topFacility_Txt_add .zip {
		font-size: 1.2rem;
	}

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

	#topLinkArea {
		justify-content: space-between;
		align-items: center;
		margin: 0 auto 80px auto;
	}

	.topLink_Box {
		width: 90%;
		margin: 10px auto;
		height: 100px;
		padding: 10px;
	}

	#Link_flower {
		background-image: url(./img/top-linkbgimg01.png);
		background-size: 50%;
		background-position: -30px 60%;
		background-repeat: no-repeat;
	}

	#Link_qa {
		background-image: url(./img/top-linkbgimg02.png);
		background-size: 75%;
		background-position: -50px 50%;
		background-repeat: no-repeat;
	}

	.topLink_txt {
		padding-right: 30px;
		font-size: 2.2rem;
	}

	.topLink_txt::after {
	    top: 3px;
	    right: 5px;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 12px solid #222222;
	}

	#topAngelFlightArea {
		width: 100%;
		background-size: 100% 100%;
		background-position: cover;
		background-repeat: no-repeat;
		background-image: url(./img/top-angelflightbgimg_sp.png);
		margin: 0px auto 80px auto;
		padding: 40px 15px 60px 15px;
		text-align: center;
	}

	#topAngelFlight_Txt_m {
		width: 100%;
		margin: 20px auto 10px auto;
		font-size: 1.6rem;
	}

	#topAngelFlight_Txt {
		width: 100%;
		margin: 30px auto 0px auto;
		font-size: 1.4rem;
		line-height: 1.5;
	}

}




/* 下層ページ */

.cmn-TitleArea {
	width: 100%;
	height: 300px;
	margin-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding-top: 110px;
}

.cmn-subTitleTxt {
	width: 100%;
	font-size: 2.4rem;
	margin-bottom: 20px;
	text-align: center;
}

.cmn-TitleTxt {
	width: 100%;
	font-size: 3.6rem;
	font-weight: 500;
	letter-spacing: 0.8rem;
	text-align: center;
}

.cmn-TitleLeadTxt {
	width: 100%;
	margin-bottom: 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 2.0rem;
	line-height: 1.5;
}

#cmn-TitlebgImg {
	background-image: url(./img/other-titlebg.png);
	background-size: cover;
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

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

	.cmn-TitleArea {
		height: 150px;
		padding-top: 65px;
		margin-bottom: 60px;
	}

	.cmn-subTitleTxt {
		width: 100%;
		font-size: 2.4rem;
		margin-bottom: 20px;
		text-align: center;
	}

	.cmn-TitleTxt {
		font-size: 2.8rem;
	}

	.cmn-TitleLeadTxt {
		margin-bottom: 80px;
		font-size: 1.6rem;
		line-height: 1.5;
	}

}


/* 本日のご葬儀案内 */

.funeral-Area {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.funeral-linkBox {
	display: block;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 120px;
	background-color: rgba(255,255,255,0.2);
}

.funeral-linkBox:nth-child(3n) {
	margin-right: 0%;
}


.funeral-frameBox {
	width: 100%;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	padding: 5px 0px;
}

.funeral-inrBox {
	width: 100%;
	border-top: 3px solid #222222;
	border-bottom: 3px solid #222222;
	padding: 30px 10px;
	text-align: center;
}

.funeral-familyTxt {
	width: 100%;
	margin-bottom: 30px;
	font-size: 3.2rem;
	font-weight: 600;
	letter-spacing: 2.0;
}

.funeral-hallTxt {
	width: 100%;
	margin-bottom: 30px;
	font-size: 2.4rem;
	letter-spacing: 1.2;
}

.funeral-linkTxt {
	width: 80%;
	margin: 0 auto;
	background-color: #f0f0f0;
	border-radius: 5px;
	font-size: 1.6rem;
	padding: 8px;
}

.funeral-noentryTxt {
	width: 100%;
	margin: 120px auto;
	font-size: 1.8rem;
	text-align: center;
}

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

	.funeral-Area {
		width: 75%;
	}

	.funeral-linkBox {
		display: block;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 60px;
	}

	.funeral-linkBox:nth-child(3n) {
		margin-right: 0%;
	}

}


/* 本日のご葬儀案内 詳細 */

.funeral_d-infoArea {
	width: 70%;
	margin: 0 auto 120px auto;
}

.funeral_d-lineBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 10px;
	padding: 15px;
	border-bottom: 1px solid #222222;
}

.funeral_d-lineMidashiTxt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 250px;
	font-size: 2.2rem;
}

.funeral_d-lineTxt {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: calc(100% - 270px);
	font-size: 2.8rem;
	line-height: 1.5;
}

.funeral_d-lineTxt span {
	font-size: 1.8rem;
	padding-left: 30px;
}

.funeral_d-lineTxt span.etc {
	font-size: 1.8rem;
	padding-left: 0px;
}

.funeral_d-lineTxt a {
	display: inline-block;
	margin-left: 30px;
	font-size: 1.6rem;
	padding: 10px;
	border-radius: 5px;
	background-color: #f0f0f0;
}

.funeral_d-hallArea {
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 80px auto 120px auto;
}

.funeral_d-hall_accessBox {
	width: 47.5%;
	margin-bottom: 30px;
}

.funeral_d-hall_accessinrBox {
	width: 100%;
	font-size: 1.6rem;
	line-height: 1.5;
}

.funeral_d-hall_link {
	display: block;
	width: 70%;
	margin: 20px auto 0 auto;
	padding: 8px;
	background-color: #f0f0f0;
	font-size: 1.6rem;
	text-align: center;
}

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

	.funeral_d-infoArea {
		width: 100%;
		margin: 0 auto 80px auto;
	}

	.funeral_d-lineBox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		margin-bottom: 10px;
		padding: 10px;
		border-bottom: 1px solid #222222;
	}

	.funeral_d-lineMidashiTxt {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin-bottom: 15px;
		font-size: 1.6rem;
	}

	.funeral_d-lineTxt {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		font-size: 1.8rem;
		line-height: 1.5;
	}

	.funeral_d-lineTxt span {
		width: 100%;
		display: block;
		font-size: 1.4rem;
		padding-left: 0px;
		text-align: center;
	}

	.funeral_d-lineTxt span.etc {
		font-size: 1.8rem;
		padding-left: 0px;
	}

	.funeral_d-lineTxt a {
		width: 50%;
		display: inline-block;
		margin-top: 10px;	
		margin-left: 0px;
		font-size: 1.4rem;
		padding: 5px;
		border-radius: 5px;
		background-color: #f0f0f0;
		text-align: center;
	}

	.funeral_d-hallArea {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin: 80px auto 120px auto;
	}

	.funeral_d-hall_accessBox {
		width: 100%;
		margin-bottom: 30px;
	}

	.funeral_d-hall_accessinrBox {
		width: 100%;
		font-size: 1.6rem;
		line-height: 1.5;
	}

	.funeral_d-hall_link {
		display: block;
		width: 70%;
		margin: 20px auto 0 auto;
		padding: 8px;
		background-color: #f0f0f0;
		font-size: 1.6rem;
		text-align: center;
	}

}



/* 供花 */

#of-TitlebgImg {
	background-image: url(./img/of-titlebg.png);
	background-size: cover;
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

#of-LineupBox {
	width: 100%;
	margin-bottom: 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	text-align: center;
}

.of-LineupinrBox {
	width: 23.5%;
}

.of-LineupImg {
	width: 100%;
	margin-bottom: 20px;
}

.of-LineupTxt_Price {
	width: 100%;
	font-size: 2.0rem;
	margin-bottom: 10px;
}

.of-LineupTxt_Price span {
	width: 100%;
	font-size: 1.2rem;
}

.of-LineupTxt_cap {
	width: 100%;
	font-size: 1.4rem;
}

.of-midashiTxt {
	width: 100%;
	margin-bottom: 30px;
	font-size: 3.6rem;
	font-weight: 500;
	letter-spacing: 0.8rem;
	text-align: center;
}

.of-midashiTXT_under {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 80px;
	font-size: 2.2rem;
	text-align: center;
	border-bottom: 3px solid #d7bf5e;
}

.of-midashiTXT_under span {
	font-size: 2.6rem;
	font-weight: 600;
}

.of-orderArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;

}

.of-orderBox {
	width: 45%;
	padding: 5px 5px 20px 5px;
	transition: 0.5s;
}

.of-orderBox:hover {
	background-color: #ecf0f3;
}

.of-orderBox:nth-child(2) {
	border-right: 0px solid #222222;
}

.of-orderMidashi {
	width: 80%;
	margin: 0 auto;
	padding: 8px 0;
	border-bottom: 2px solid #263d7e;
	font-size: 2.4rem;
	text-align: center;
}

.of-orderTxt {
	width: 94%;
	margin: 20px auto 0 auto;
	font-size: 1.8rem;
	text-align: center;
}

.of-orderLink_dl {
	display: block;
	width: 80%;
	margin: 20px auto 0 auto;
	padding: 10px;
	border-radius: 30px;
	background-color: #639bbe;
	font-size: 2.0rem;
	text-align: center;
	color: #ffffff;
}

.of-ordernoBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	margin: 20px auto 0 auto;
}

.of-ordernoinrBox {
	width: 47.5%;
	text-align: center;
	font-size: 1.8rem;
}

.of-ordernocap {
	width: 100%;
	margin-top: 20px;
	margin-left: 15px;
	list-style-type: square;
	font-size: 2.0rem;
	line-height: 1.5;
}

.of-orderLink_pay {
	display: block;
	width: 80%;
	margin: 20px auto 0 auto;
	padding: 10px;
	border-radius: 30px;
	background-color: #639bbe;
	font-size: 2.0rem;
	text-align: center;
	color: #ffffff;
}

.of-Txt_formMidashi {
	width: 80%;
	margin: 0 auto 40px auto;
	font-size: 2.4rem;
	text-align: center;
}

.of-Txt_formTitle {
	width: 70%;
	margin: 80px auto 40px auto;
	padding: 10px;
	border-radius: 30px;
	background-color: #659cbd;
	font-size: 2.8rem;
	font-weight: 600;
	text-align: center;
	color: #ffffff;
}

.of-cautionArea {
	width: 80%;
	margin: 80px auto 0px auto;
	padding: 15px;
	border: 2px solid #222222;
}

.of-TXT_cautionMidashi {
	width: 20%;
	margin: -30px auto 0px auto;
	background-color: #ffffff;
	text-align: center;
	font-size: 2.4rem;
}

.of-ordercaution {
	width: 100%;
	margin-top: 20px;
	margin-left: 20px;
	list-style-type: square;
	font-size: 1.8rem;
	line-height: 1.5;
}

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

	#of-LineupBox {
		margin-bottom: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		text-align: center;
	}

	.of-LineupinrBox {
		width: 47.5%;
	}

	.of-LineupinrBox:nth-child(n+3) {
		width: 47.5%;
		margin-top: 40px;
	}

	.of-orderBox {
		width: 100%;
		margin-bottom: 40px;
	}

	.of-orderMidashi {
		width: 100%;
		font-size: 2.2rem;
	}

	.of-midashiTxt {
		margin-top: 120px;
		margin-bottom: 20px;
	}

	.of-ordernoinrBox {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
		font-size: 2.4rem;
	}

	.of-midashiTXT_under {
		width: 100%;
		margin-bottom: 80px;
		font-size: 1.8rem;
		border-bottom: 3px solid #d7bf5e;
	}

	.of-midashiTXT_under span {
		font-size: 2.0rem;
		font-weight: 600;
	}

	.of-orderLink_dl {
		width: 100%;
		padding: 10px;
		font-size: 1.8rem;
	}

	.of-orderLink_pay {
		width: 100%;
		padding: 10px;
		border-radius: 30px;
		font-size: 1.6rem;
	}

	.of-cautionArea {
		width: 100%;
		margin: 20px auto 0px auto;
		padding: 15px;
		border: 2px solid #222222;
	}

	.of-TXT_cautionMidashi {
		width: 70%;
		margin: -30px auto 0px auto;
		font-size: 2.0rem;
	}

	.of-ordercaution {
		width: 94%;
		font-size: 1.6rem;
	}

}



/* 会員 */

#mem-TitlebgImg {
	background-image: url(./img/mem-titlebg.png);
	background-size: cover;
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

#mem-MemtypeBox {
	width: 100%;
	margin-bottom: 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.mem-MemtypeinrBox {
	width: 90%;
	margin: 0 auto 120px auto;
}

#mem-MemType_if {
	background-image: url(./img/mem-bg01.png);
	background-size: 30% auto;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#mem-MemType_gojo {
	background-image: url(./img/mem-bg02.png);
	background-size: 30% auto;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#mem-MemTypeinrBox_if {
	width: 65%;
	margin-left: 35%;
	margin-bottom: 60px;
}

#mem-MemTypeinrBox_if_02 {
	width: 60%;
	margin-left: 40%;
}

#mem-MemTypeinrBox_gojo {
	width: 65%;
	margin-left: 0%;
	margin-bottom: 60px;
}

#mem-MemTypeinrBox_gojo_02 {
	width: 60%;
	margin-left: 5%;
}

.mem-midashiTxt {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #222222;
	font-size: 2.8rem;
}

.mem-Txt {
	width: 100%;
	margin-top: 10px;
	font-size: 1.8rem;
	line-height: 1.5;

}

.mem-TxtList {
	width: 100%;
	font-size: 1.6rem;
	margin: 0 auto 40px auto;
}

.mem-TxtList li {
	margin-left: 15px;
	text-indent: -30px;
	margin-bottom: 15px;
	line-height: 1.5;
}

.mem-TxtList li::before {
	content: '◆';
	margin-right: 15px;
}

.mem-Txt_cap {
	width: 100%;
	margin: 0 auto 30px auto;
	font-size: 1.4rem;
}

.mem-Txt_if {
	width: 100%;
	margin: 0 auto 0 auto;
	font-size: 1.8rem;
	line-height: 1.5;
}

.mem-Txt_if_link {
	padding: 5px;
	font-weight: 600;
	background-color: #e5cba3;
}

.mem-TxtList_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	font-size: 1.6rem;
	margin: 0 auto 40px auto;
}

.mem-TxtList_flex li {
	margin-left: 15px;
	text-indent: -30px;
	margin-right: 50px;
	margin-bottom: 15px;
	line-height: 1.5;
}

.mem-TxtList_flex li::before {
	content: '◆';
	margin-right: 15px;
}

.mem-TxtList_flex.full {
	width: 100%;
}

.mem-Txt_gojo {
	width: 100%;
	margin: 0 auto 0 auto;
	font-size: 1.6rem;
	line-height: 1.5;
}

.mem-Txt_formTitle {
	width: 70%;
	margin: 80px auto 40px auto;
	padding: 10px;
	border-radius: 30px;
	background-color: #e5cba3;
	font-size: 2.8rem;
	font-weight: 600;
	text-align: center;
}

.formArea {
	width: 70%;
	margin: 0 auto;
}

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

	#mem-MemtypeBox {
		width: 100%;
		margin-bottom: 80px;
	}

	.mem-MemtypeinrBox {
		width: 100%;
		margin: 0 auto 80px auto;
	}

	#mem-MemType_if {
		background-size: 100% auto;
	}

	#mem-MemType_gojo {
		background-image: url(./img/mem-bg02.png);
		background-size: 100% auto;
	}

	#mem-MemTypeinrBox_if {
		width: 90%;
		margin-left: 10%;
		margin-bottom: 60px;
	}

	#mem-MemTypeinrBox_if_02 {
		width: 90%;
		margin-left: 10%;
	}

	#mem-MemTypeinrBox_gojo {
		width: 90%;
		margin-left: 0%;
		margin-bottom: 60px;
	}

	#mem-MemTypeinrBox_gojo_02 {
		width: 95%;
		margin-left: 5%;
	}

	.mem-midashiTxt {
		width: 100%;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #222222;
		font-size: 2.8rem;
	}

	.mem-Txt {
		width: 100%;
		margin-top: 10px;
		font-size: 1.8rem;
		line-height: 1.5;

	}

	.mem-TxtList {
		width: 100%;
		font-size: 1.6rem;
		margin: 0 auto 40px auto;
	}

	.mem-TxtList li {
		margin-left: 15px;
		text-indent: -30px;
		margin-bottom: 15px;
		line-height: 1.5;
	}

	.mem-TxtList li::before {
		content: '◆';
		margin-right: 15px;
	}

	.mem-Txt_cap {
		width: 100%;
		font-size: 1.4rem;
	}

	.mem-TxtList_flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		font-size: 1.6rem;
		margin: 0 auto 40px auto;
	}

	.mem-TxtList_flex li {
		margin-left: 15px;
		text-indent: -30px;
		margin-right: 50px;
		margin-bottom: 15px;
		line-height: 1.5;
	}

	.mem-TxtList_flex li::before {
		content: '◆';
		margin-right: 15px;
	}

	.mem-TxtList_flex.full {
		width: 100%;
	}

	.mem-Txt_gojo {
		width: 100%;
		margin: 0 auto 0 auto;
		font-size: 1.6rem;
		line-height: 1.5;
	}

	.formArea {
		width: 90%;
		margin: 0 auto;
	}

}

/* QA */

#qa-TitlebgImg {
	background-image: url(./img/qa-titlebg.png);
	background-size: cover;
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

.qa-quoteBox {
	width: 90%;
	background-color: #f0f0f0;
	padding: 20px;
	margin: 0 auto 60px auto;
}

.qa-questionTxt {
	width: 100%;
	font-size: 2.0rem;
	margin-bottom: 20px;
}

.qa-questionTxt::before {
	content: 'Q.';
	font-weight: 600;
	margin-right: 10px;
}

.qa-answerBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	background-color: #ffffff;
	padding: 30px;
	margin: 0 auto;
	font-size: 2.0rem;
}

.qa-answerTxt_a {
	width: 30px;
	font-weight: 600;
	padding-right: 10px;
}

.qa-answerTxt {
	width: calc(100% - 40px);
	margin-left: 10px;
	border-left: 3px solid #222222;
	padding-left: 20px;
	font-size: 1.6rem;
	line-height: 1.5;
}


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

	.qa-quoteBox {
		width: 100%;
		background-color: #f0f0f0;
		padding: 15px;
		margin: 0 auto 60px auto;
	}

	.qa-questionTxt {
		width: 100%;
		font-size: 1.6rem;
		margin-bottom: 20px;
	}

	.qa-questionTxt::before {
		content: 'Q.';
		font-weight: 600;
		margin-right: 10px;
	}

	.qa-answerBox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		background-color: #ffffff;
		padding: 15px;
		margin: 0 auto;
		font-size: 1.6rem;
	}

	.qa-answerTxt_a {
		width: 20px;
		font-weight: 600;
		padding-right: 10px;
	}

	.qa-answerTxt {
		width: calc(100% - 30px);
		margin-left: 10px;
		border-left: 3px solid #222222;
		padding-left: 10px;
		font-size: 1.4rem;
		line-height: 1.5;
	}

}



/* Hall */

#hall-TitlebgImg {
	background-image: url(./img/hall-titlebg.png);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.hall-mainImg {
	width: 90%;
	margin: 0 auto 80px auto;
}

.hall-addressBox {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 60px auto 180px auto;
}

.hall-addressinrBox_add {
	width: 42.5%;
}

.hall-addressinrBox_map {
    width: 57.5%;
    aspect-ratio: 3 / 1;
}

.hall-addressinrBox_map iframe {
	width: 100%;
	height: 100%;
}

.hall-addressTxt {
	font-size: 1.6rem;
	line-height: 1.5;
}

.hall-addressTxt span {
	display: inline-block;
	font-size: 1.4rem;
	padding-top: 10px;
	line-height: 1.8;
}

.hall-midashiTxt {
	width: 100%;
	margin-bottom: 120px;
	font-size: 3.6rem;
	font-weight: 500;
	letter-spacing: 0.8rem;
	text-align: center;
}

.hall-midashiSubTxt {
	width: 100%;
	margin-bottom: 50px;
	padding: 15px 0px 10px 10px;
	border-left: 3px solid #222222;
	background-color: #f0f0f0;
	font-size: 2.4rem;
}

.hall-angleBox {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto 120px auto;
}

.hall-angleinrBox {
	width: 47.5%;
	margin-bottom: 30px;
}

.hall-angleCapTxt {
	display: none;
	width: 100%;
	margin-bottom: 10px;
	padding: 5px 0px 5px 10px;
	border-left: 3px solid #222222;
	font-size: 1.8rem;
}

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

.hall-ImgBox {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 auto 120px auto;
}

.hall-ImginrBox {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 50px;
}

.hall-ImginrBox:nth-child(3n) {
	margin-right: 0%;
}


.hall-ImgCapTxt {
	display: none;
	width: 100%;
	margin-bottom: 10px;
	padding: 5px 0px 5px 10px;
	border-left: 3px solid #222222;
	font-size: 1.8rem;
}

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

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

	.hall-mainImg {
		width: 100%;
		margin: 0 auto 80px auto;
	}

	.hall-addressBox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto 80px auto;
	}

	.hall-addressinrBox_add {
		width: 100%;
	}

	.hall-addressinrBox_map {
		width: 100%;
	}

	.hall-addressinrBox_map {
    	width: 100%;
    	aspect-ratio: 4 / 3;
	}
	.hall-midashiTxt {
		margin-bottom: 80px;
		font-size: 2.8rem;
	}

	.hall-midashiSubTxt {
		margin-bottom: 50px;
		padding: 15px 0px 10px 10px;
		border-left: 3px solid #222222;
		font-size: 1.8rem;
	}

	.hall-angleBox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		margin: 0 auto 80px auto;
	}

	.hall-angleinrBox {
		width: 90%;
		margin-bottom: 30px;
	}

	.hall-angleCapTxt {
		font-size: 1.6rem;
	}

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

	.hall-ImgBox {
		width: 100%;
		justify-content: center;
		margin: 0 auto 80px auto;
	}

	.hall-ImginrBox {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 50px;
	}

	.hall-ImginrBox:nth-child(3n) {
		margin-right: 0%;
	}


	.hall-ImgCapTxt {
		width: 100%;
		margin-bottom: 10px;
		padding: 5px 0px 5px 10px;
		border-left: 3px solid #222222;
		font-size: 1.8rem;
	}

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


}



/* 特商法 */


.law-infoArea {
	width: 60%;
	margin: 0 auto 120px auto;
}

.law-lineBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 0px;
	padding: 20px 10px;
	border-bottom: 1px solid #222222;
}

.law-lineMidashiTxt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 250px;
	font-size: 1.6rem;
}

.law-lineTxt {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: calc(100% - 270px);
	font-size: 1.4rem;
	line-height: 1.5;
}



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

	.law-infoArea {
		width: 100%;
		margin: 0 auto 80px auto;
	}

	.law-lineBox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		margin-bottom: 10px;
		padding: 10px;
		border-bottom: 1px solid #222222;
	}

	.law-lineMidashiTxt {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin-bottom: 15px;
		font-size: 1.6rem;
	}

	.law-lineTxt {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		font-size: 1.8rem;
		line-height: 1.5;
	}

}

/* プライバシーポリシー */


.pp_infoArea {
	width: 60%;
	margin: 0 auto 120px auto;
	font-size: 1.6rem;
	line-height: 1.5;
}


.pp_leadTxt {
	width: 100%;
	margin-bottom: 80px;
}

.pp_section {
	width: 100%;
	margin-bottom: 60px;
	counter-reset: number 0;
}

ol.pp_section .midashi {
	width: 100%;
	margin-bottom: 15px;
	border-left: 3px solid #333333;
	padding: 3px 0 3px 15px;
	font-size: 1.8rem;
	font-weight: 600;
}

ol.pp_section .midashi::before {
	counter-increment: number 1;
	content: counter(number,decimal) ". ";
}

ol.pp_section li 	{
	margin-bottom: 60px;
}

.pp_subsection {
	width: 100%;
	counter-reset: number 0;
}

ol.pp_subsection li::before {
	counter-increment: number 1;
	content: "(" counter(number,decimal) ")";
}

ol.pp_subsection li 	{
	margin-left: 20px;
	margin-bottom: 10px;
}

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

	.pp_infoArea {
		width: 100%;
		margin: 0 auto 120px auto;
		font-size: 1.4rem;
	}

	.pp_leadTxt {
		margin-bottom: 60px;
	}

	.pp_section {
		margin-bottom: 40px;
		counter-reset: number 0;
	}

	ol.pp_section .midashi {
		font-size: 1.6rem;
	}

	ol.pp_section li 	{
		margin-bottom: 40px;
	}

	ol.pp_subsection li 	{
		margin-left: 20px;
		margin-bottom: 10px;
	}


}

/* 404 */

#pnf-txt {
	width: 80%;
	margin: 0 auto;
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: center;
}


/* Footer */

#footer-area {
	width: 100%;
	text-align: center;
}

hr#footer-hr {
	display: block;
	width: 25%;
	border-top: 1px solid #222222;
	margin: 120px auto 50px auto;
}

#Payment-txt {
	font-size: 1.6rem;
	margin-bottom: 10px;
}

#PaymentImg {
	width: 40%;
	margin: 0px auto 80px auto;
}

#copyright {
	font-size: 1.2rem;
	padding-bottom: 150px;
}

#fixFooter-Area {
	position: fixed;
	bottom: 0;
  	width: 100%;
	padding: 20px 0px;
	background-color: #273d7e;
}

#fixFooter-Box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.fixFooter-inrBox {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#fixFooter-telTxt {
	font-weight: 600;
	font-size: 2.0rem;
	color: #ffffff;
}

#fixFooter-telLink {
	margin-left: 15px;
	padding: 3px 0 3px 15px;
	border-left: 1px solid #ffffff;
	font-weight: 600;
	font-size: 3.2rem;
	color: #ffffff;
}

.fixFooter-inrBox_l {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.fixFooter-corpBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-top: 10px;
	color: #ffffff;
	font-size: 1.4rem;
}

.fixFooter-corpLink{
	display: block;
	margin-right: 30px;
}

.triangle {
  width: 0;
  height: 0;
  margin-right: 10px;
  border-style: solid;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 9px solid #ffffff;
  border-right: 0;
}

#fixFooter-odrMateBox {
	width: 80%;
	border: 0px solid #ffffff;
	padding: 5px;
	background-color: #639bbe;
}

#fixFooter-odrMateinrBox {
	display: inline-block;
	width: 100%;
	border: 3px solid #273d7e;
	padding: 10px;
	background-color: #639bbe;
	font-size: 2.4rem;
	font-weight: 400;
	text-align: center;
	color: #ffffff
}

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

	#Payment-txt {
		font-size: 1.2rem;
		margin-bottom: 10px;
	}

	#PaymentImg {
		width: 75%;
		margin: 0px auto 40px auto;
	}

	#copyright {
		font-size: 1.2rem;
		padding-bottom: 170px;
	}

	#fixFooter-Area {
		position: fixed;
		bottom: 0;
	  	width: 100%;
		padding: 20px 0px;
		background-color: #273d7e;
	}

	#fixFooter-Box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.fixFooter-inrBox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	#fixFooter-telTxt {
		width: 47.5%;
		font-weight: 600;
		font-size: 1.2rem;
		color: #ffffff;
	}

	#fixFooter-telLink {
		width: 47.5%;
		margin-left: 5px;
		padding: 3px 0 3px 10px;
		border-left: 1px solid #ffffff;
		font-weight: 600;
		font-size: 1.8rem;
		color: #ffffff;
	}

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

	.fixFooter-corpBox {
		font-size: 1.2rem;
		justify-content: center;
	}

	.fixFooter-corpLink{
		display: block;
		margin-right: 15px;
	}

	.fixFooter-corpLink:last-child {
		margin-right: 0px;
	}
	
	#fixFooter-odrMateBox {
		width: 80%;
		margin-top: 10px;
		border: 0px solid #ffffff;
		padding: 3px;
		background-color: #639bbe;
	}

	#fixFooter-odrMateinrBox {
		display: inline-block;
		width: 100%;
		border: 3px solid #273d7e;
		padding: 10px;
		background-color: #639bbe;
		font-size: 1.6rem;
		font-weight: 400;
		text-align: center;
		color:#ffffff;
	}
}