@charset "UTF-8";

/* 共通部分
------------------------------- */
html {
    font-size: 100%;
}
body{
    background-color: rgb(255,255,228);
    font-family:"M PLUS Rounded 1c", sans-serif;

line-height: 1.7;
    color: maroon;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}



/* HEADER
------------------------------- */
.title{
	display: flex;
}

.logo {
    width: 525px;
    margin-top: 35px;
	margin-left: 20px;
	margin-right: 100px;
}
.logo2 {
    width: 400px;
    margin-top: 60px;
}

}
.line1 {
    width: 80%;
    margin: 50px;
	align: center;
}

.banner {
    width: 640px;
    margin-bottom: 20px;
}



.main-nav {
    display: flex;
    flex-direction:row-reverse;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    list-style: none;
}
.main-nav li {
    margin-right: 36px;
}
.main-nav a {
    color: gray;
}
.main-nav a:hover {
    color: #0bd;
}

.time-stamp{
	    font-size: 50%;
}

.main-visual2{
	width:35%;
}

.main-visual{
	width:30%;
}

.section-cover{
	width: 80％;
	margin: 50px;
	padding: 30px 30px 100px 30px;
}

.section-content{
	width: 80％;
	margin: 10px 50px 90px 50px;
	padding: 50px 30px 10px 30px;
}

.section-content2{
	width: 80％;
	margin: 10px 50px 10px 50px;
	padding: 10px 30px 10px 30px;
}

.section-toppage{
	width: 80%;
	margin: 20px 30px 20px 30px;
	padding: 20px 30px 20px 30px;
}

.news{
	width: 80%;
	margin: 2% 0% 5% 0%;
}

.news a:hover {
    color: #0bd;
}

.news a:link {
    color: gray;
}

.news a:visited {
    color: gray;
}

.icon-suppo1{
	width:35%;
}

.icon-suppo2{
	width:70%;
}


.section-form{
	width: 80％;
	margin: 50px;
	padding: 30px 30px 100px 30px;
}

.footer{
	align: center;
	display: grid;
	grid-template-columns:33% 33% 33%;
	margin: 0px 30px 50px 30px;
}

.item{
	font-size: 100%;
}