

@font-face {
    font-family: 'BIZ UDPMincho';
    src: url('../../common/fonts/BIZ_UDPMincho_Shippori_Mincho/BIZ_UDPMincho/BIZUDPMincho-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BIZ UDPMincho';
    src: url('../../common/fonts/BIZ_UDPMincho_Shippori_Mincho/BIZ_UDPMincho/BIZUDPMincho-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Shippori Mincho';
    src: url('../../common/fonts/BIZ_UDPMincho_Shippori_Mincho/Shippori_Mincho/ShipporiMincho-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Shippori Mincho';
    src: url('../../common/fonts/BIZ_UDPMincho_Shippori_Mincho/Shippori_Mincho/ShipporiMincho-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Shippori Mincho';
    src: url('../../common/fonts/BIZ_UDPMincho_Shippori_Mincho/Shippori_Mincho/ShipporiMincho-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Shippori Mincho';
    src: url('../../common/fonts/BIZ_UDPMincho_Shippori_Mincho/Shippori_Mincho/ShipporiMincho-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Shippori Mincho';
    src: url('../../common/fonts/BIZ_UDPMincho_Shippori_Mincho/Shippori_Mincho/ShipporiMincho-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}


:root{
	--ececec:#ececec;
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*{
    margin: 0;
    padding: 0;
}
html{
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
*, ::after, ::before{
    box-sizing: border-box;
}
body {
    margin: 0;
    /*font-family: "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    
    /* font-family:var(--font-family-monospace),var(--font-family-sans-serif); */
	/*-apple-system-subset, Helvetica, "Hiragino Kaku Gothic ProN", sans-serif*/
	/* font-family:-apple-system-subset,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", -apple-system, BlinkMacSystemFont, sans-serif; */
	font-family:-apple-system-subset, Helvetica, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
a{
    text-decoration: none;
    color: #000;
}
.navbar{
    max-width:1000px;
    margin: auto;
}

.navbar a{
    width: 200px;
    display: block;
    padding: 25px 0;
}
.navbar a img{
    width: 100%;
    display: inline-block;
	transition: all 0.5s ease-in-out;
}
.navbar a:hover img{
	filter: drop-shadow(2px 2px 10px #feffd8);	
}
.nav-breadcrumb{
    width: 100%;
    padding: 10px 0;
}
ol.breadcrumb {
    display: flex; /* リストを横並びに */
    flex-wrap: wrap; /* リストが折り返すように */
    list-style: none; /* リストスタイルを無しに */
    padding: 0;

  }
ol.breadcrumb li{
	font-size: .9em;
    color: #6f6f6f;	
}
ol.breadcrumb li a{
	font-size: inherit;
	color: inherit;
	position:relative;
    border-bottom: 1px rgb(135 135 135 / 0%) solid;
	transition: all 0.5s ease-in-out;
    padding: 0 2px;	
}
/**/
ol.breadcrumb li a:hover{
    border-bottom: 1px rgb(135 135 135 / 100%) solid;	
}


ol.breadcrumb>li:not(:last-of-type)::after {
  content: "/"; /* 区切り文字 */
  margin: 0 .6em; /* 区切り文字の左右の余白 */
}
.container{
    max-width: 1000px;
    margin: auto;;
}
.row{
    padding-left: 15px;
    padding-right: 15px;
}
.main{
	margin-left:-15px;
	margin-right:-15px;
}
.main800{
    padding-left: 100px;
    padding-right: 100px;
}
.main800-2{
    padding-left: 100px;
    padding-right: 100px;
	margin-top:50px;
}

.image-container img{width: 80%;margin: auto;display: block;}
.image-container.img-full img{width: 100%;}
.image-container.spe_2409_01{
	width:96%;
	margin:0 auto;
}

.img_pc{display:block;}
.img_mb{display:none;}

.image-container .title_bar{
    text-align: right;
    top: 30%;
    right: 106px;
    font-family:'BIZ UDPMincho', 'Shippori Mincho', serif;
	width:100%;
    font-size: 1rem;
}
.image-container .title_bar .fontstyle{
    font-weight: 400;
    line-height: 1.2;	
}
.image-container .title_bar .h-1{
	font-size: 3rem;
}
.image-container .title_bar .h-4{
	font-size: 1.5rem;
}


.section{
    text-align: justify;
}
.section-title{
    color: #000;
    font-size: 28px;
    line-height: 1.8em;
    letter-spacing: 0.05em;
    border-left: 10px solid #80b288;
    padding-left: 10px;
}
.section-title::before{
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background: #80b288;
    left: -10px;
}
.section p{
    color: #333;
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 0.05em;
}
p .p_underline{
	border-bottom:2px #cc0000 solid;
}
footer{
    width: 100%;
    display: inline-block;
    padding: 50px 0;
    color: #fff;
    background: #333;
    text-align: center;

}
.footer-logo{
    width: 200px;
    margin: auto;
}
.footer-logo a{
    display: block;
}
.footer-logo a img{
    width: 100%;
    display: inline-block;
	filter: drop-shadow(0px 0px 2px #333);
	transition: all 0.5s ease-in-out;
}
.footer-logo a:hover img{
	filter: drop-shadow(0px 0px 4px #999);
}
.copyright{
	font-size: .9em;
    color: #b9b9b9;
}

.main-border-lr{border-left:1px var(--ececec) solid;border-right:1px var(--ececec) solid;}
#commonlinkbtn{display:block;width:100%;}
#commonlinkbtn img{width:100%;display:inline-block;}

.pos_rel{position:relative;}
.pos_abs{position:absolute;}

/*---------------スマホ------------------*/
@media (max-width: 820px) {
}
@media (max-width: 768px) {
	.padeHeader{
    padding: 0;
	}
	footer{
    padding: 20px 0;
	}
    .navbar a{
        margin: auto;
		width:150px;
		padding:15px 0 0;
    }    
    .main800{
        padding-left: 10px;
        padding-right: 10px;
    }
	.main800-2{
		padding-left: 0;
		padding-right: 0;	
		margin-left:-15px;
		margin-right:-15px;
		margin-top:0;
	}

.img_pc{display:none;}
.img_mb{display:block;}
    .section p {
		font-size:1.1em;
    }
	.main-border-lr{border-left:none;border-right:none;}
	#ismBottomMenu .col_items .col{width:50%;}
	.image-container img{
		width:100%;
	}
	.image-container .title_bar{top:25%;right:30px;}
	.image-container .title_bar .h-1{font-size:2.6rem;}
	.image-container .title_bar .h-4{font-size:1.3rem;}	
}
@media (max-width: 540px) {
	.image-container.spe_2409_02{
        height: 300px;
        width: 100%;
        overflow: hidden;
	}
	.image-container.spe_2409_02 img{
		height:100%;
		width:auto;
	}
	.image-container .title_bar{
		text-align:center;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		width:100%;
	}
	.image-container .title_bar .h-1{font-size:2.5rem;}
	.image-container .title_bar .h-4{font-size:1.4rem;}
		#AddEvent>#msgTopBOX>.text-center.top_msg_01{
			font-size: 1rem;
			line-height: 1.5;
		}
}

@media (max-width: 450px) {
	.section .section-title{font-size: 1.25em;}
    .section p {
        overflow: hidden;
        font-size: 1.0625rem;
        line-height: 1.5;
        word-break: normal;
        white-space: pre-wrap;		
	}
    
}
@media (max-width: 414px) {
}
@media (max-width: 375px) {
	.section .section-title{font-size: 1.2em;}

	.image-container .title_bar .h-1{font-size:1.8rem;}
	.image-container .title_bar .h-4{font-size:1.2rem;}	

}
@media (max-width: 280px) {
	.image-container .title_bar .h-1{font-size:1.5rem;}
	.image-container .title_bar .h-4{font-size:1rem;}	
}
/*---------------スマホ------------------*/

.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pt-50{padding-top: 50px;}

.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}


.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-56{margin-top: 56px;}

.mb-10{margin-bottom: 10px;}
.mb-16{margin-bottom: 16px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-32{margin-bottom: 32px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-56{margin-bottom: 56px;}