@charset	"UTF-8";
/* ボックス */
.scenario-title{
text-align: center;
font-weight: bolder;
 padding: 5px;
 display: inline-block;
 background-color:  #f4fcd9;
}
.dl{
 border-radius: 10px;
 padding: 5px;
 display: inline-block;
 background-color:  #f4fcd9;
}

.text{
 background-color:  #f4fcd9;
}

.hako{
 background-color:  #ace6bb;
 margin-bottom: 1em;
 padding: 50px;
 border-radius: 10px;
 }
div{
	width: 500px;
	margin: auto;
	position: absolute
	text-align:center
}
.thumbnail img{
	width: 100%;
}

/* 文字設定 */

.page-title
,h1{
 text-align: center;
 border-radius: 10px;

 }

/* H4目次用 */
h4.mokuzi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0.5em;
    font-size: 1.4em;
    text-align: left;
    text-transform: uppercase;
	border-bottom: #a3a3a3 solid 2px;
	}
h4.mokuzi::before {
    border-top: none;
}

h3{
text-align: right;
}


p{
 border-radius: 10px;
 padding: 10px;
}
/* スマホ用 */
@media screen and (max-width: 900px){
/* ボックス */
.scenario-title{
text-align: center;
font-weight: bolder;
 padding: 5px;
 display: inline-block;
 background-color:  #f4fcd9;
}
.dl{
 border-radius: 10px;
 padding: 5px;
 display: inline-block;
 background-color:  #f4fcd9;
}

.text{
 background-color:  #f4fcd9;
}

.hako{
 background-color:  #ace6bb;
 margin-bottom: 1em;
 padding: 50px;
 border-radius: 10px;
 }
.thumbnail img{
	width: 100%;
}

/* 文字設定 */

.page-title
,h1{
 text-align: center;
 border-radius: 10px;

 }


h3{
text-align: right;
}

p{
 border-radius: 10px;
 padding: 10px;
}
	@media screen and (max-width: 900px){
.scenario-title{
text-align: center;
font-weight: bolder;
 padding: 5px;
 display: inline-block;
 background-color:  #f4fcd9;
}
.Download{
text-align: center;
font-weight: bolder;
 padding: 5px;
 display: inline-block;
 background-color:  #f4fcd9;
}
.dl{
 width: 90%;
 display: inline-block;
 background-color:  #f4fcd9;
 margin-left: 5%;
}
.text{
 width: 90%;
 background-color:  #f4fcd9;
}

.hako{
 width: 73%;
 margin-left: 2%;
 margin-right: 2%;
 margin-bottom: 1em;
 background-color:  #ace6bb;
 display: flex;
 flex-direction: column;
 }
.thumbnail img{
	width: 100%;
}
/* 文字設定 */
.page-title
,h1{
 text-align: center;
 border-radius: 10px;

 }

/* H4目次用 */
h4.mokuzi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0.5em;
    font-size: 1.4em;
    text-align: left;
    text-transform: uppercase;
	border-bottom: #a3a3a3 solid 2px;
	}
h4.mokuzi::before {
    border-top: none;
}

h3{
width:70%;
}
p{
 border-radius: 10px;
 padding: 20px;
}
	}

}