@charset "UTF-8";

/*
break point
width:1296px
width:999px
width:768px
*/

/* PRELUDE top */

.atn-prelude-kyotai {
	width: 100%;
	max-width: 400px;
	margin-bottom: 50px;
}

.atn-section-01 {
	margin-top: 1rem;
}

.atn-section-01 h2 {
	font-size: 1.5rem;
	color: #F00;
	margin-bottom: 1rem;
}

.atn-prelude-area p {
	margin-bottom: 1rem;
}

.atn-section-02 {
	margin-top: 3rem;
}

.atn-prelude-area h3 {
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.atn-section-02 table {
	margin-bottom: 30px;
	border: none;
	width: fit-content;
}

.atn-section-02 td {
	padding: 0.5rem;
	border: none;
}

.atn-section-02 td div {
	display: inline-block;
}

.atn-predate {
	font-size: 0.8rem;
	margin-bottom: 1rem;
}

.atn-pre-hairetsu {
	display: none;
}

.atn-sp-hairetsu {
	position: fixed;
	width: 40px;
	height: auto;
	right: 2.5vw;
	top: 90px;
	opacity: 0.7;
}

.atn-section-03,
.atn-section-04 {
	margin-top: 1rem;
	margin-bottom: 50px;
}

.atn-section-03 h1 {
	font-size: 2rem;
}

.atn-section-03 h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.atn-section-03 h3 {
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.atn-section-03 h3.mb0 {
	font-size: 1.2rem;
	margin-bottom: 0;
}

.atn-section-03 h4 {
	font-size: 1rem;
	margin-bottom: 1rem;
}

.atn-section-03 h5 {
	font-size: 0.8rem;
}

.atn-section-03 ul {
	list-style-type: disc;
}

.atn-section-03 ul ul {
	list-style-type: circle;
}

.atn-section-03 ul li {
	margin-left: 2em;
}

.atn-section-03 ol li {
	margin-left: 2em;
}

.atn-section-03 p {
	margin-bottom: 1rem;
}

.atn-section-03 hr {
	border: 1px solid #999;
	margin-bottom: 2rem;
}

.atn-section-02 .atn-red,
.atn-section-03 .atn-red {
	color: #F00;
}

.atn-deme-1 {
	width: 100%;
	max-width: 100px;
	height: auto;
	margin-bottom: 1rem;
}

.atn-deme-3 {
	width: 100%;
	max-width: 300px;
	height: auto;
	margin-bottom: 1rem;
}

.atn-deme-3-mb0 {
	width: 100%;
	max-width: 300px;
	height: auto;
	margin-bottom: 0;
}

.atn-deme-4 {
	max-width: 400px;
	height: auto;
	margin-bottom: 1rem;
}

.atn-deme-1 img,
.atn-deme-3 img,
.atn-deme-3-mb0 img {
	border: 1px solid #999;
	box-shadow: 2px 2px 15px #999;
}

p.atn-mb0 {
	margin-bottom: 0;
}

span.atn-capt {
	font-size: 0.8rem;
}



/* ----------------------------------------------------------------
common(larger-SP)
----------------------------------------------------------------- */
@media screen and (min-width: 481px) {



}



/* ----------------------------------------------------------------
common(tablet)
----------------------------------------------------------------- */

@media screen and (min-width: 600px) {

.atn-pre-hairetsu {
	display: block;
	position: sticky;
	float: right;
	width: 150px;
	top: 100px;
	margin-top: 1rem;
}

.atn-section-03,
.atn-section-04 {
	margin-right: 175px;
}

.atn-sp-hairetsu {
	display: none;
}

}



/* ----------------------------------------------------------------
common(tablet)
----------------------------------------------------------------- */

@media screen and (min-width: 769px) {



}



/* ----------------------------------------------------------------
common(PC)
----------------------------------------------------------------- */

@media screen and (min-width: 1000px) {



}



/* ----------------------------------------------------------------
common(PC)
----------------------------------------------------------------- */

@media screen and (min-width: 1297px) {



}