@charset "UTF-8";

#contents p {
	padding-bottom: 0 !important;
	font-family: 'メイリオ', 'Meiryo', sans-serif;
	letter-spacing: 0.03em;
}
sup{
	vertical-align: bottom;
	position: relative;
	top: 0.1em;
	font-size: 10px;
}
.kyototachibana p {
	font-size: 16px;
	font-family: 'メイリオ', 'Meiryo', sans-serif;
	letter-spacing: 0.03em;
}




.kyototachibana h1 {
	color: #333333;
	margin-bottom: 40px !important;
	font-family: 'メイリオ', 'Meiryo', sans-serif;
	position: relative;
}
.kyototachibana h1::after{
	content: "";
	position: absolute;
	background-image: url("../img/kyototachibana/icon_01.png");
	background-size: 100%;
	width: 40px;
	height: 105px;
	bottom: -98px;
	left: 0;
	right: 0;
	margin: auto;
}





.kyototachibana a {
	text-decoration: none;
	color: #333333;
	font-family: 'メイリオ', 'Meiryo', sans-serif;
}

.kyototachibana h1,
.kyototachibana h2,
.kyototachibana h3,
.kyototachibana h4,
.kyototachibana h5,
.kyototachibana div {
	font-family: 'メイリオ', 'Meiryo', sans-serif;
	letter-spacing: 0.05em;
}




.kyototachibana .ttl_01{
	font-size: 30px;
	line-height: 1.2em;
	color: #fff;
	padding: 8px 10px 2px;
	text-align: center;
	font-family: 'メイリオ', 'Meiryo', sans-serif;
}

.kyototachibana .ttl_01 small{
	font-size: 22px;
	list-style: 1.4em;
}

.kyototachibana .ttl_01_a{
	background-color: #72BB2B;
}
.kyototachibana .ttl_01_b{
	background-color: #865BA3;
}
.kyototachibana .ttl_01_c{
	background-color: #EF961D;
}


.kyototachibana .ttl_02{
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
.kyototachibana .ttl_03 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-family: 'メイリオ', 'Meiryo', sans-serif;
    background-color: #e961a5;
    line-height: 1em;
	padding-top: 15px;
}

.kyototachibana .ttl_03 span {
    position: relative; /* 子要素の基準を設定 */
    padding-left: 110px;
    line-height: 1em;
    height: 37px; /* 高さを明示的に指定 */
    display: inline-block; /* ブラウザ間で挙動を統一 */
    vertical-align: middle; /* 必要に応じて調整 */
}

.kyototachibana .ttl_03 span:before {
    content: "";
    position: absolute;
    background-image: url("../img/kyototachibana/img_d_03.png");
    background-repeat: no-repeat;
    width: 88px;
    height: 102px;
    left: 0;
    top: -14px; /* 親要素の中央に配置 */
    transform: translateY(-50%); /* 垂直方向の中央揃え */
    box-sizing: border-box;
    background-size: contain; /* 必要に応じて変更 */
}


.kyototachibana .ttl_04{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

.kyototachibana .ttl_05{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 45px;
	text-align: center;
	line-height: 1.4em;
}



.kyototachibana .mb30 {
	margin-bottom: 30px !important;
}

.kyototachibana .mb50 {
	margin-bottom: 50px !important;
}

.kyototachibana .mb60 {
	margin-bottom: 60px !important;
}

.kyototachibana .mt3 {
	margin-top: 3px !important;
}

.kyototachibana .pl20 {
	padding-left: 20px !important;
}

.kyototachibana .pl25 {
	padding-left: 25px !important;
}
.kyototachibana .f12 {
	font-size: 12px !important;
}
.kyototachibana .f13 {
	font-size: 13px !important;
}

.kyototachibana .f14 {
	font-size: 14px !important;
}
.kyototachibana .f18 {
	font-size: 18px !important;
}
.kyototachibana .f19 {
	font-size: 19px !important;
}
.kyototachibana .txt_c {
	text-align: center !important;
}

.kyototachibana .txt_r {
	text-align: right !important;
}






.kyototachibana .f_w{
	font-weight: bold;
}

.kyototachibana img {
	width: 100%;
}


.kyototachibana .img_w560{
	text-align: center;
}
.kyototachibana .img_w560 img {
	max-width: 560px;
	width: 100%;
}
.kyototachibana .img_w440{
	text-align: center;
}
.kyototachibana .img_w440 img {
	max-width: 440px;
	width: 100%;
}


.kyototachibana .ttl_img{
	text-align: center;
	margin-bottom: 20px;
}
.kyototachibana .ttl_img img{
	max-width: 870px;
}






.kyototachibana section {
	padding: 0;
}

.kyototachibana > h1 {
	margin-bottom: 130px !important;
	position: relative;
}

.kyototachibana .box_580{
	max-width: 580px;
	margin: auto;
	width: 100%;
}

.kyototachibana .bg_01{
	background-color: #fff;
	padding: 40px;
}

.kyototachibana .bg_02{
	background-color: #FFFFAA;
	padding: 30px 15px 20px;
	max-width: 600px;
	margin: auto;
	text-align: center;
}

/*******************/


.animation_a a:hover {
	opacity: 1;
}

.animation_a img {
	position: relative;
	top: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.animation_a img:hover {
	top: 7px;
}


/*******************/

.btn_01 a {
	max-width: 390px;
	width: 96%;
	margin: auto;
	background-color: #72BB2B;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 19px 15px 14px;
	font-size: 22px;
	box-shadow: 0 3px 0 rgba(000, 000, 000, 0.1);
	transition: .3s;
	position: relative;
	letter-spacing: -0.04em;
}

.btn_01 a:after {
	content: "";
	position: absolute;
	background-image: url("../img/kyototachibana/icon_02.png");
	background-size: 100%;
	width: 16px;
	height: 28px;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.btn_01 a:hover {
	transform: translateY(3px);
	box-shadow: 0 0 0 rgba(000, 000, 000, 0.1);
}


.btn_b a {
	background-color: #865BA3;
}
.btn_c a {
	background-color: #EF961D;
}
.btn_d a {
	background-color: #e961a5;
}




.btn_02 a {
	min-width: 250px;
	margin: auto;
	background-color: #3C2D9B;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 19px 15px 14px;
	font-size: 20px;
	box-shadow: 0 3px 0 rgba(000, 000, 000, 0.1);
	transition: .3s;
	position: relative;
	letter-spacing: -0.04em;
}

.btn_02 a:after {
	content: "";
	position: absolute;
	background-image: url("../img/kyototachibana/icon_02.png");
	background-size: 100%;
	width: 16px;
	height: 28px;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.btn_02 a:hover {
	transform: translateY(3px);
	box-shadow: 0 0 0 rgba(000, 000, 000, 0.1);
}

/*******************/



/*******************/

.kyototachibana .w970{
	max-width: 970px;
	width: 100%;
	margin: auto;
}
.kyototachibana .w950{
	max-width: 950px;
	width: 100%;
	margin: auto;
}
.kyototachibana .w770{
	max-width: 770px;
	width: 100%;
	margin: auto;
}

.kyototachibana .w870{
	max-width: 870px;
	width: 100%;
	margin: auto;
}

.kyototachibana .w580{
	max-width: 550px;
	width: 100%;
	margin: auto;
}



.float_01,
.float_02,
.float_03,
.float_03_a {
	display: flex;
	justify-content: space-between;
}

.float_01 .l_box {
	max-width: 550px;
	width: 64%;
}

.float_01 .r_box {
	max-width: 285px;
	width: 33%;
}



.float_02 .l_box {
	max-width: 435px;
	width: 47%;

}

.float_02 .r_box {
	max-width: 445px;
	width: 51%;
}


.float_03 {
	align-items: center;
}

.float_03 .l_box {
	max-width: 740px;
	width: 86%;

}

.float_03 .r_box {
	max-width: 100px;
	width: 12%;

}

.float_03_a {
	align-items: center;
}

.float_03_a .l_box {
	max-width: 740px;
	width: 86%;
	order: 2;

}

.float_03_a .r_box {
	max-width: 100px;
	width: 12%;
	order: 1;
}




.icon_01{
	background-image: url(../img/kyototachibana/icon_a.png);
	background-size: 11px;
	background-position: left 9px;
	background-repeat: no-repeat;
	text-indent: 0.9em;
}
.icon_02{
	background-image: url(../img/kyototachibana/icon_b.png);
	background-size: 11px;
	background-position: left 9px;
	background-repeat: no-repeat;
	text-indent: 0.9em;
}
.icon_03{
	background-image: url(../img/kyototachibana/icon_c.png);
	background-size: 11px;
	background-position: left 9px;
	background-repeat: no-repeat;
	text-indent: 0.9em;
}


.marker_a {

}

.marker_a span {
	: -webkit-linear-gradient(transparent 68%, #d4eabf 68%);
	: -o-linear-gradient(transparent 68%, #d4eabf 68%);
	background: linear-gradient(transparent 68%, #d4eabf 68%);
}

.marker_b span {
	: -webkit-linear-gradient(transparent 68%, #dacde3 68%);
	: -o-linear-gradient(transparent 68%, #dacde3 68%);
	background: linear-gradient(transparent 68%, #dacde3 68%);
}


.marker_c span {
	: -webkit-linear-gradient(transparent 68%, #fadfba 68%);
	: -o-linear-gradient(transparent 68%, #fadfba 68%);
	background: linear-gradient(transparent 68%, #fadfba 68%);
}
/*******************/

.kyototachibana .area_01 {
	margin-bottom: 80px;
}

.kyototachibana .area_01 .img_w560{
	margin-bottom: 15px;

}
.kyototachibana .area_01 .w580{
	background-image: url(../img/kyototachibana/bg_01.jpg);
	background-position: center;
	background-size: cover;
	padding: 35px 15px;
	font-size: 28px;
	line-height: 1.6em;
	font-weight: bold;
	text-align: center;
}

/*******************/

.kyototachibana .area_02 {
	margin-bottom: 283px;
}

.kyototachibana .page_link{
	display: flex;
	justify-content: space-between;
}
.kyototachibana .page_link li{
	width: 32.2%;
}
.kyototachibana .page_link li img{
	max-width: 280px;

}



.kyototachibana .area_03 {
	margin-bottom: 310px;
}

.kyototachibana .area_04 {
	margin-bottom: 310px;
}

.kyototachibana .area_05{
	margin-bottom: 80px;
}
.kyototachibana .area_05 .bg_01{
	padding-bottom: 60px;
}
.kyototachibana .area_05 .bg_02{
	margin-top: 30px;
	margin-bottom: 30px;
}
.kyototachibana .commn_box .area_05 .float_01{
	margin-bottom: 10px;
}
.kyototachibana .area_05 .f18{
	letter-spacing: 0 !important;
}

.kyototachibana .area_06{
	margin-bottom: 100px;
}
.kyototachibana .area_06 .inner_a{
	background-image: url(../img/kyototachibana/bg_02.jpg);
	background-position: center;
	background-size: cover;
	padding: 0 15px 50px;
}
.kyototachibana .area_06 .inner_a .w770{
	background-image: url(../img/kyototachibana/img_d_02.png);
	background-position: center 39px;
	background-size: 654px;
	padding: 180px 0 0;
	background-repeat: no-repeat;
}
.kyototachibana .area_06 .list_a>div{
	box-shadow: 2px 2px 2px rgba(000, 000, 000, 0.1);
	background-color: #fff;
	padding: 10px 35px 5px;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.4em;
}
.kyototachibana .area_06 .list_a>div span{
	color: #E6489E;
	font-size: 30px;
	padding-left: 10px;
}
.kyototachibana .area_07{
	margin-bottom: 40px;
}
.kyototachibana .area_07>div{
	display: flex;
	justify-content: center;
}
.kyototachibana .area_07>div .btn_02{
	margin: 0 10px 20px;
}
.kyototachibana .area_07>div .btn_02 a{
	margin: auto;
}
/*******************/
.kyototachibana .commn_box .ttl_img img{
	margin-top: -225px;
}
.kyototachibana .commn_box .float_03,
.kyototachibana .commn_box .float_03_a{
	margin-bottom: 10px;
}






.kyototachibana .commn_box {
	background-image: url(../img/kyototachibana/img_a_bg.jpg);
	background-size: cover;
	background-position: center;
	padding: 0 20px 25px 
}

.kyototachibana .commn_box .l_box p{
	line-height: 1.8em !important;
}
.kyototachibana .commn_box .f12{
	padding-left: 20px;
	margin-top: 10px;
}


.kyototachibana .commn_box .float_01{
	margin-bottom: 25px;
}








/*******************/
.pc_on {
	display: block;
}

.sp_on,
.tl_on {
	display: none;
}

.scroll_txt {
	display: none;
}

#link_03,
#link_02,
#link_01{
	padding-top: 230px;
	margin-top: -230px;
}
.sp_img_06{
	display: none;
}
.tb_on{
	display: none;
}
@media screen and (min-width: 706px) {

	.kyototachibana {
		max-width: 1030px;
		margin: auto;
	}

	#contents {
		max-width: 1030px;
		width: 100%;
	}

	#breadClumb {
		width: 100%;
	}

	#contents.col1 article {
		max-width: 1030px;
		width: 100%;
	}

}


@media screen and (max-width: 1030px) {
	.tb_on{
		display: block;
	}
	.kyototachibana {
		padding-left: 10px;
		padding-right: 10px;
	}
	.kyototachibana .area_06 .list_a>div span{
		font-size: 25px;
	}
	.kyototachibana .area_06 .list_a>div{
		padding: 10px 20px 5px;
	}
	.kyototachibana .area_07{
		padding-left: 20px;
		padding-right: 20px;
	}
	.kyototachibana .area_07>div{
		display: block;
		max-width: 280px;
		margin: auto;
	}
	.kyototachibana .area_07>div .btn_02{
		margin: 0 auto 20px;
	}
	.kyototachibana .area_07>div .btn_02 a{
		padding: 19px 0px 14px;
	}
	.list_a{
		max-width: 400px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 850px) {
	.kyototachibana .commn_box .ttl_img img{
		margin-top: -190px;
	}
}


@media screen and (max-width: 767px) {
	#contents{
		padding-left: 0;
		padding-right: 0;
	}
	.sp_on {
		display: block;
	}

	.pc_on {
		display: none;
	}
	.tb_on{
		display: none;
	}
	.float_01,
	.float_02 {
		display: block;
	}

	.float_01 .l_box {
		width: 100%;
		margin: 0 auto 30px;
	}

	.float_01 .r_box {
		margin: auto;
		width: 100%;
	}

	.float_02 .l_box {
		width: 100%;
		max-width: 520px;
		margin: auto;
	}

	.float_02 .r_box {
		max-width: 520px;
		width: 100%;
		margin: auto;
	}

	.float_03,
	.float_03_a{
		flex-direction: column;
	}
	.float_03 .l_box,
	.float_03 .r_box {
		width: 100%;
		margin: auto;
	}
	.float_03 .l_box{
		order: 2;
		max-width: 300px;
	}
	.float_03 .r_box{
		order: 1;
		margin-bottom: 20px;
	}
	.float_03_a .l_box,
	.float_03_a .r_box {
		width: 100%;
		margin: auto;
	}
	.float_03_a .l_box{
		order: 2;
		max-width: 300px;
	}
	.float_03_a .r_box{
		order: 1;
		margin-bottom: 20px;
	}



	.kyototachibana .bg_01{
		padding: 30px 20px;
	}


	.kyototachibana .ttl_01{
		font-size: 28px;
		padding: 10px 10px 5px;
	}
	.kyototachibana .ttl_02{
		font-size: 20px;
	}

	.kyototachibana .ttl_03{
		font-size: 22px;
		text-align: center;
		margin: auto;
		padding: 15px 10px 31px;
		letter-spacing: 0.01em;

	}
	.kyototachibana .ttl_03 span{
		text-align: left;
		padding-left: 75px;
		line-height: 1.3em;
	}
	.kyototachibana .ttl_03 span:before{
		width: 68px;
		background-image: url("../img/kyototachibana/sp_img_d_03.png");
		background-repeat: no-repeat;
		height: 80px;
		top: 28px;
	}


	.kyototachibana .ttl_04{
		font-size: 18px;
	}
	.kyototachibana .ttl_05{
		font-size: 22px;
	}
	.kyototachibana {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}


	.kyototachibana .commn_box{
		background-image: url(../img/kyototachibana/img_a_bg.jpg);
		padding: 0 20px 25px;
		background-position: bottom center;
	}
	.kyototachibana .commn_box .f12{
		padding-left: 0;
	}

	.btn_01 a {
		max-width: 336px;
		font-size: 22px;
		line-height: 1.4em;
		padding: 15px 20px 9px 10px;
		width: 90%;
	}

	.btn_02 a{
		min-width: 100%;
	}

	.kyototachibana .page_link{
		padding-left: 3%;
		padding-right: 3%;	
		display: block;
		text-align: center;
	}
	.kyototachibana .page_link li{
		margin-bottom: 30px;
		width: 100%;
	}
	.kyototachibana .w580{
		width: 90%;
	}

	.kyototachibana .commn_box .ttl_img img{
		max-width: 335px;
		margin-top: -320px;
	}
	.kyototachibana .commn_box .float_03,
	.kyototachibana .commn_box .float_03_a{
		margin-bottom: 25px;
	}


	.kyototachibana .area_01{
		padding-left: 3%;
		padding-right: 3%;
		width: 94%;
		margin-bottom: 50px;
	}

	.kyototachibana .area_01 .w580{
		font-size: 21px;
		padding: 25px 15px;
	}

	.kyototachibana .area_02{
		margin-bottom: 370px;
	}
	.kyototachibana .area_03{
		margin-bottom: 370px;	
	}
	.kyototachibana .area_04{
		margin-bottom: 370px;	
	}
	.kyototachibana .area_05{
		margin-bottom: 30px;
	}

	.kyototachibana .area_05.commn_box .f12{
		text-align: left;
	}
	.kyototachibana .area_05 .bg_01{
		padding-bottom: 30px;
	}
	.kyototachibana .area_06{
		margin-bottom: 50px;
	}
	.kyototachibana .area_06 .inner_a{
		padding: 0 20px 40px;
	}

	.kyototachibana .area_06 .inner_a .w770{
		background-image: none;
		padding-top: 40px;
	}


	.kyototachibana .area_06 .list_a>div{
		font-size: 18px;
		padding: 13px 10px 8px;
		letter-spacing: 0;
		line-height: 1.5em;
	}
	.kyototachibana .area_06 .list_a>div span{
		font-size: 21px;
		padding-left: 0;
	}
	.kyototachibana .area_06 .btn_01 a{
		max-width: 250px;
		padding: 23px 30px 21px 5px;
	}


	.sp_img_06{
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	.sp_img_06 img{
		max-width: 310px;
		margin: auto;
	}
	#link_03, #link_02, #link_01{
		padding-top: 320px;
		margin-top: -320px;
	}
}

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



}


@media screen and (max-width: 360px) {
	.btn_01 a{
		font-size: 18px;
	}

	.kyototachibana .ttl_03{
		font-size: 19px;
	}
}