@charset "UTF-8";
/* CSS Document */

/* スマホナビ切り替えサイズ 769px */
body {
	min-width: 100%;
}

.pc_off {
	display: inherit !important;
}

br.pc_off {
	display: inherit;
}

.smt_off {
	display: none !important;
}

br.smt_off {
	display: none;
}

.smt-on {
	display: block;
}


.menu {
	right: 70px;
	top: 16px;
}

.menu__line--top.active {
	left: 10px;
}

.menu__line--bottom.active {
	right: -4px;
}

.gnav__menu__item a {
	font-size: 4.5vw;
}

input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}

img {
	max-width: 100% !important;
	height: auto;
}

ul.event_list li {
	width: 100%;
	margin-bottom: 30px;
}

.line1,
.line2 {
	display: none;
}

.main_parts1-1 img {
	max-width: 280px !important;
	width: 100%;
}

.main_parts1-2 img {
	width: 100%;
	max-width: 222px !important;
}

.main_parts3 img {
	width: 120px;
}

.main_parts4 img {
	width: 40px;
}

.main_parts5 img {
	width: 120px;
}

.main_parts6 img {
	width: 30px;
}

.main_parts1-1 {
	top: 40px;
	left: 20px;
}

.main_parts1-2 {
	top: 100px;
	left: 20px;
}

.main_parts3 {
	top: 325px;
	left: 20px;
}

.main_parts4 {
	top: 210px;
	right: 210px;
}

.main_parts5 {
	top: 178px;
	right: 65px;
}

.main_parts6 {
	top: 136px;
	right: 28px;
}

.mainImage {
	height: 520px;
	overflow: hidden;
	margin-bottom: 0;
}
.mainImage01 {
	background: url("../images/mainBg01.png") repeat-x 100%/cover;
	height: 900px;
}





#header {
	height: 60px;
	max-width: 100%;
	z-index: 9999;
	background: #fff;
}

.logo img {
	width: 190px;
}

.logo {
	left: 10px;
	top: 6px;
}

.menu {
	right: 20px;
	top: 9px;
	width: 35px;
}

.menu__line--bottom {
	bottom: 18px;
	width: 35px;
}

.menu__line--bottom.active {
	width: 30px;
}

.menu__line--top.active {
	width: 30px;
}

.gnav__menu li {
	margin-right: 0;
	width: 100%;
}

.gnav__menu {
	width: 90%;
}

.gnav__wrap {
	height: 80%;
}

h3.ttl {
	max-width: 250px;
}

.message_area h3 {
	margin: 0 auto 30px;
}

.message_area {
	max-width: 90%;
	margin: -180px auto 50px;
	text-align: center;
}

.message_area p {
	font-size: 14px;
	line-height: 2;
	letter-spacing: 0;
}

.message_area h2 {
	font-size: 17px;
	margin-top: 30px;
}

.contents_main {
	max-width: 90%;
	margin: auto;
	padding: 40px 0 50px;
}

.contents_ttl_main img {
	max-width: 80% !important;
}

.contents_story img {
	max-width: 60% !important;
}

.contents_ttl_main {
	text-align: center;
	margin: 0 auto 25px;
}

.contents_story {
	text-align: center;
	margin: 0 auto 25px;
}

.contents_main_character_area {
	margin-top: 0;
}

.contents_box {
	padding: 15px 20px 20px;
	width: 100%;
}

.contents_main_character1 img {
	max-width: 150px !important;
	margin: 0 auto -14px auto;
	position: relative;
	left: 50%;
	margin-left: -110px;
}

.contents_txt {
	text-align: center;
	margin-bottom: 35px;
}

.contents_txt p {
	font-size: 14px;
}

.contents_txt p:first-child {
	margin-bottom: 20px;
}

.contents_main_character1 {
	margin-bottom: 40px;
}

.contents_main_character2 img {
	max-width: 174px !important;
	margin: 0 auto -14px auto;
	position: relative;
	left: 50%;
	margin-left: -60px;
}

.archive_contents {
	max-width: 90%;
	margin: auto;
	padding-bottom: 110px;
}

.archive_contents ul {
	justify-content: space-between;
}

.archive_contents ul li {
	width: 46%;
	margin-bottom: 30px;
}

.bottom_character {
	left: auto;
	margin-left: 0px;
	right: 0;
}

.bottom_character img {
	max-width: 160px !important;
}

.archive_contents ul li h5 a {
	font-size: 16px;
	padding: 10px 0 12px;
}

.contents_box h3 {
	font-size: 22px;
	margin-bottom: 5px;
}

.logo_footer img {
	max-width: 220px !important;
}

.logo_footer {
	text-align: center;
	margin: 10px auto 10px;
}

.copyright {
	font-size: 11px;
	letter-spacing: 0;
}

.archive_area {
	padding-top: 30px;
	margin-bottom: 20px;
}

.archive_area .ttl {
	padding-bottom: 35px;
}

.contents_area_txt {
	width: 100%;
	max-width: 100%;
	margin: auto;
	text-align: center;
}

.contents_area_txt h3 {
	font-size: 20px;
	margin-bottom: 10px;
}

.contents_area_txt p {
	display: inline-block;
	text-align: left;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 1.7;
}

.more_contents {
	text-align: center;
	width: 80%;
	margin: auto;
}

.more_contents a {
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 500;
	padding: 3px 0 6px;
}

.contents_area_inner {
	max-width: 90%;
	padding: 45px 0 30px;
	margin: auto;
}

.contents_area {
	background: url("../images/smt_contentsBg.png") no-repeat 0 0/100%;
	max-width: 94%;
	height: auto;
	margin: 0 auto 35px;
	position: relative;
}

.contents_area_img {
	max-width: 350px;
	margin: 25px auto 0;
}

.contents_area h3.ttl_contents img {
	max-width: 110px !important;
}

.contents_area h3.ttl_contents {
	max-width: 125px !important;
	top: -25px;
}

.contents_character1 {
	max-width: 70px;
}

.contents_character2 {
	max-width: 115px;
}

.papers_area h3.ttl {
	margin-bottom: 25px;
}

.papers_area h4 {
	font-size: 23px;
	margin-bottom: 15px;
	letter-spacing: 2px;
}

.papers_area p.apers_txt {
	font-size: 16px;
	line-height: 1.9;
	max-width: 90%;
	margin: 0 auto 30px;
}

.contents_areaBg {
	background: url("../images/waveBg1-2.png") repeat-x top 340px left 100%/cover;
}

.papers_area ul li {
	font-weight: 600;
	width: 48.5%;
	padding: 24px 15px 20px;
	border-radius: 50px 50px 50px 0;
}

.papers_area ul {
	max-width: 94%;
}

.papers_area ul li p {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1;
}

.papers_area ul li h5 {
	font-size: 16px;
	font-weight: 600;
}

.papers_area {
	margin-bottom: 50px;
}

.project {
	padding: 70px 0 0px;
	background: url("../images/waveBg2.png") repeat-x top 0 left 100%/cover;
	margin-bottom: 70px;
}

.glass_img img {
	max-width: 150px !important;
}

.glass_img {
	text-align: center;
	margin: 20px auto 20px;
}

.project_txt {
	font-size: 14px;
	line-height: 1.9;
	text-align: left;
	max-width: 90%;
	margin: 0 auto 30px;
	letter-spacing: 0;
}

.more_project {
	text-align: center;
	width: 80%;
	margin: auto;
}

.more_project a {
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: 500;
	padding: 5px 0 9px;
}

.more_project_bottom {
	font-size: 14px;
}

.project {
	margin-bottom: 90px;
}

.event_character {
	width: 90px;
	top: -60px;
	right: 50px;
}

.events_areaBg {
	padding: 50px 0 50px;
}

h4.event_copy {
	font-size: 26px;
	margin: 25px 0 30px;
	line-height: 1.4;
}

ul.event_list {
	margin: 0 auto 35px;
	width: 90%;
}

ul.event_list li {
	width: 100%;
	margin-bottom: 50px;
}

.event_img {
	border-radius: 20px 20px 20px 0;
}

.event_img img {
	width: 100%;
	height: 270px;
}

.more_event {
	width: 100%;
	margin: 10px auto 0px;
}

.event_img {
	margin-bottom: 20px;
}

.event_txt h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	min-height: auto;
	letter-spacing: 0;
}

.event_txt {
	text-align: center;
}

.event_txt p {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.8;
	text-align: center;
	display: inline-block;
}

.more_event a {
	font-size: 15px;
	padding: 8px 0 11px;
	max-width: 80%;
	letter-spacing: 0;
	margin: auto;
}

.more-btn img {
	width: 80px;
}

.events_contents {
	max-width: 100%;
	margin: auto;
}

.events_contents {
	padding-top: 60px;
}

.contents_mainBg {
	padding-top: 60px;
}

.mainImage {
	padding-top: 60px;
}

.events_areaBg {
	margin-bottom: 0;
}

.glass {
	margin: 0 auto 15px;
	padding: 10px 0;
	max-width: 90%;
}

.glass p {
	font-size: 15px;
	text-align: left;
	line-height: 1.5;
	letter-spacing: 0;
}
.mainImage01 {
	background: url("../images/mainBg01.png") repeat-x 100%/cover;
	height: 900px;
	padding-top: 80px;
}

.main_parts01 {
	top: 5px;
	left: 22px;
}

.main_parts02 {
	top: 37px;
	left: 70px;
}

.main_parts03 {
	top: 100px;
	left: 70px;
}
.main_parts04 {
	top: 95px;
	left: 185px;
}

.main_parts05 {
	position: absolute;
	top: 175px;
	right: 90px;
}

.main_parts06 {
	top: 160px;
	right: 36px;
}

.main_parts07 {
	position: absolute;
	top: 380px;
	right: 25px;
}

.main_parts01 img {
	max-width: 60px !important;
    width: 14vw !important 
}

.main_parts02 img {
	max-width: 300px !important;
	width: 66vw !important;
}

.main_parts03 img {
	max-width: 140px !important;
	width: 38vw !important;
}

.main_parts04 img {
	max-width: 55px !important;
    width: 14vw !important;
}

.main_parts05 img {
	max-width: 220px !important;
    width: 59vw !important;
}

.main_parts06 img {
	max-width: 55px !important;
    width: 15vw !important;
}

.main_parts07 img {
	max-width: 65px !important;
    width: 17vw !important;
}

.mainImage01 {
	background: url("../images/smt_mainBg02.png") repeat-x 0 100%/cover;
	height: 670px;
	padding-top: 80px;
}

.ttl_bg1 img{
    height: 26px;
    width: auto;
    max-width: 100%;
}
.pdfdl a{
    float: right;
    width: auto;
    text-align: center;
    font-size: 13px;
    color: #03B9EF;
    background: #fff;
    margin-bottom: 16px;
    font-weight: 500;
    padding: 3px 30px 3px 20px;
    border-radius: 60px;
    border: solid 1px #03B9EF;
    text-decoration: none;
}
.pdfdl a{
    background: url("../images/pdficon.png") no-repeat right 10px bottom 50%;
    background-size: 14px;
}
.pdfdl a span{
    font-size: 13px;
}
.pdfdl a:hover{
    background: url("../images/pdficon_on.png") no-repeat right 10px bottom 50% #03B9EF;
    background-size: 14px;
    color: #fff;
}