@charset "UTF-8";
img{
border:none;
max-width: 100%;
height: auto;
width:auto;
margin:0;
padding:0;
vertical-align:bottom;
}
html {
height:100%;
width: 100%;
overflow-y:scroll;
background:#ffffff;
}
body {
margin:0;
padding:0;
height:auto !important;
height: 100%;
min-height: 100%;
width: 100%;
-webkit-text-size-adjust: 100%;
background:#c7e8fa;
overflow:hidden;
}


body,td,th {
font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-style: normal;
font-weight: 400;
color:#000000;
}
@media all and (-ms-high-contrast:none) {
body,td,th {
font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
color:#000000;
}
}
.webfont {
font-family: 'Zen Kaku Gothic New', sans-serif;
}


div {
margin:0;
padding:0;
}
.slow * {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
*{
margin: 0;
padding: 0;
}
img {
border:none;
outline: none;
max-width: 100%;
height: auto;
margin:0;
padding:0;
}
a img {
border:none;
}
a:link { 
color:#0068b7;
text-decoration: underline;
text-underline-offset:0.3em;
}
a:visited { 
color:#0068b7;
text-decoration: none;
}
a:hover { 
color:#0068b7;
text-decoration: none;
}
a:active { 
color:#0068b7;
text-decoration: none;
}
#container {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
overflow:hidden;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight:500;
font-size: 100%;
}
.footer {
position:relative;
z-index:10;
width:100%;
background:#FFF;
overflow:hidden;
vertical-align:bottom;
font-family: 'Zen Kaku Gothic New', sans-serif;
}
.hanbargericon {
z-index:9999;
position: fixed;
top: 0;
right:0;
width: 70px;
height: 70px;
background:rgba(4, 125, 198, 1);
border-radius: 0 0 0 20px;
}
.fullscreenmenu {
position:relative;
z-index:999;
}
.hanbarger span {
display: inline-block;
-webkit-transition:all .4s;
transition: all .4s;
box-sizing: border-box;
}
.hanbarger {
z-index:9999;
position: fixed;
top: 12px;
right:  15px;
width: 40px;
height: 45px;
background:none;
border:none;
color:#ffffff;
font-weight:700;
font-size:80%;
line-height:100%;
}
.hanbarger span:nth-of-type(1) {
top:0px;
position: absolute;
left: 0;
width: 100%;
z-index: 10;
}
.hanbarger span:nth-of-type(2) {
top:17px;
position: absolute;
left: 0;
width: 100%;
height: 3px;
background:#ffffff;
z-index: 10;
}
.hanbarger span:nth-of-type(3) {
top: 28px;
position: absolute;
left: 0;
width: 100%;
height: 3px;
background:#ffffff;
z-index: 10;
}
.hanbarger span:nth-of-type(4) {
top: 39px;
position: absolute;
left: 0;
width: 100%;
height: 3px;
background:#ffffff;
z-index: 10;
}
.hanbarger.active span:nth-of-type(1) {
color:#ffffff;
}
.hanbarger.active span:nth-of-type(2) {
-webkit-transform: translateY(10px) rotate(45deg);
transform: translateY(11px) rotate(45deg);
background:#ffffff;
}
.hanbarger.active span:nth-of-type(3) {
opacity: 0;
}
.hanbarger.active span:nth-of-type(4) {
-webkit-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-11px) rotate(-45deg);
background:#ffffff;
}
#nav ul{
position: relative;
z-index:9999;
overflow-y:scroll; 
max-height:100vh;
display: flex;
align-items: center;
justify-content: left;
flex-wrap: wrap;
scrollbar-width: none;
-ms-overflow-style: none;
font-family: 'Zen Kaku Gothic New', sans-serif;
}
#nav ul::-webkit-scrollbar {
display: none
}
#nav ul li{
width:100%;
list-style-type: none;
display:block;
margin:0 auto;
}
#nav ul li a{
padding:7% 0;
display: block;
transition: all 0.2s ease-in-out;
margin:0 auto;
text-decoration: none;
color:#ffffff;
text-align:center;
border-bottom:1px solid #ffffff;
font-size:120%;
font-weight:500;
line-height:120%;
}
#nav ul li a:hover {
color:#ffffff;
background:#005da9;
text-decoration:none;
}
#nav ul li a:active {
text-decoration:none;
}
#nav ul li a:link {
text-decoration:none;
}
#nav ul li a:visited {
text-decoration:none;
}
.hanbargermenu {
width:100%;
padding:5px 0;
display:block;
}
.hanbargerspace {
margin-bottom:40px;
}
#page-top a:link { 
text-decoration: none;
}
#page-top {
display:block;
width:80px;
height:80px;
z-index: 99;
position: fixed;
right:0;
padding:0;
margin:0;
}
#page-top a {
display:block;
vertical-align: bottom;
width:80px;
height:80px;
padding:0;
margin:0;
}
.marker {
background:linear-gradient(transparent 80%, #fff156 00%);
}
.markerwhite {
background:linear-gradient(transparent 80%, #ffffff 00%);
}


.coming {
background:#cccccc;
display:block;
padding:5% 10%;
box-sizing:border-box;
text-align:center;
font-size:30px;
font-weight:500;
}
/*PC & Tablet--------------------------------*/
@media print, screen and (min-width: 961px) {
#container {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
overflow:hidden;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight:500;
font-size: 100%;
}
img{
pointer-events: none;
}
.pc {
display:block;
}
.sp {
display:none;
}
.cloud {
position: relative;
width: 100%;
background-image:url("../images/cloud1.png");
background-repeat: repeat;
background-size: 150%;
background-position: center right; 
z-index:1;
}
.cloudd {
position: relative;
width: 100%;
background-image:url("../images/cloud2.png");
background-repeat: repeat;
background-size: 150%;
background-position: center right; 
z-index:1;
}
.menutop {
position:fixed;
background:#ffffff;
z-index:9999;
width:100%;
height:55px;
margin:0;
display:block;

}
.toplogo {
position:absolute;
width:125px;
height:35px;
top:0;
left:3%;
bottom:0;
margin:auto;
z-index:99999;
}
.toplogo img {
width:100%;
vertical-align: top;
}
.menu {
position:relative;
background:#ffffff;
z-index:999;
width:80%;
max-width:960px;
height:55px;
margin-left:auto;
display:block;
}
.menu ul {
z-index:9999;
height:55px;
display: flex;
flex-wrap:wrap;
justify-content:center;
align-items: center;
padding: 0;
margin: 0;
list-style: none;
}
.menu1 {
z-index:99;
width:16.666%;
height:55px;
display: block;
border-left:1px solid #0075c1;
box-sizing:border-box;
}

.menu ul li a{
display: flex;
flex-wrap:wrap;
justify-content:center;
align-items: center;
height:55px;
margin:0 auto;
text-align:center;
color:#0075c1;
font-weight:400;
line-height:120%;
text-decoration: none;
font-size:min(1.3vw,14px);
}
.menu ul li a:hover{
color:#fff;
font-weight:400;
background:#0075c1;
}


/* -----ドロップダウンメニュー-----*/
/* ナビゲーションメニュー */
.nav-menu {
background-color: #333; /* メニューの背景色 */
color: #fff; /* メニューテキストの色 */
}

.menu-item {
position: relative;

}


/* メニューアイテムのホバースタイル */
.menu-item:hover .drop-menu-list {
opacity: 1; /* 不透明度を最大に */
transition: opacity .3s, visibility .3s; /* アニメーション設定 */
visibility: visible; /* 下層メニューを表示 */
}

.menu-item-link {
display: flex;
height: 55px;
justify-content: center;
text-decoration: none;
}

/* ドロップダウンメニュー */
.drop-menu {
position: relative;
}
.drop-menu-list {
background-color: #ffffff;
left: 0;
opacity: 0;
position: absolute;
top: 55px;
transition: opacity .3s, visibility .3s;
visibility: hidden;
z-index: 1;
width:100%;
border-bottom:1px solid #0075c1;
}
.drop-menu-item {
width:100%;
height:55px;
background-color: #ffffff;
border-left:1px solid #0075c1;
border-bottom:1px solid #0075c1;
box-sizing:border-box;
}

.drop-menu-item-border {
border-top:1px solid #0075c1;
}

/* -----ドロップダウンメニュー ここまで-----*/

.title_back {
position:absolute;
width:100%;
top:0;
left:0;
}
.title {
position:relative;
padding:0;
width:100%;
margin:55px auto 0 auto;
display:block;
z-index:5;
}


/* -----丸画像-----*/
.maru_top {
position:absolute;
top:0;
left:0;
width:100%;
display:block;
transform: scale(1.06, 1.06);
margin-top:-1%;
}
.maru {
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
display:block;
}
.maru img {
width:100%;
vertical-align:top;
}

.title_copy {
position:relative;
padding:0;
width:30%;
max-width:400px;
margin:30px auto 0 auto;
display:block;
z-index:1;
}
h1 {
position:relative;
width:40%;
max-width:600px;
z-index:8;
margin:0 auto;
display:block;
padding-top:40px;
}
h1 img {
width:100%;
vertical-align: bottom;
}


.copy {
width:100%;
max-width:900px;
line-height:230%;
font-weight:400;
padding:00;
font-size:min(1.5vw,16px);
margin:0 auto;
font-family: 'Zen Kaku Gothic New', sans-serif;
}
.main {
z-index: 2;
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto;
padding:0%;
text-align:center;
font-family: 'Zen Kaku Gothic New', sans-serif;
overflow:hidden;
}
h2 {
width:50%;
max-width:540px;
margin:0 auto;
}
h3 {
width:50%;
max-width:200px;
margin:0 auto;
}

.thema {
width:80%;
max-width:540px;
margin:20px auto 40px auto;
}
.example {
width:20%;
max-width:100px;
margin:0 auto 40px auto;
display:block;
}

.example_flex {
width:70%;
max-width:860px;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-content: center;
justify-content:center;
}
.example_col {
width:33.333%;
margin-bottom:30px;
display:block;
}
.example_col img {
width:76%;
margin:0 auto;
display:block;
}
.awardgold {
position:relative;
width:70%;
max-width:740px;
box-sizing: border-box;
border:1.5px solid #000000;
border-radius: 25px;
padding:30px 0 25px 0;
display: block;
margin:0 auto;
}
.awardgold::before {
content: "";
position: absolute;
top:5px;
bottom: -10px;
right: -10px;
left: 5px;
box-sizing: border-box;
border-radius: 22px;
background:#fff799;
z-index:-1;
}


.awardsilver {
position:relative;
width:70%;
max-width:740px;
box-sizing: border-box;
border:1.5px solid #000000;
border-radius: 25px;
padding:30px 0 25px 0;
display: block;
margin:0 auto;
}
.awardsilver::before {
content: "";
position: absolute;
top:5px;
bottom: -10px;
right: -10px;
left: 5px;
box-sizing: border-box;
border-radius: 22px;
background:#ffffff;
z-index:-1;
}


.award_header {
position:relative;
margin:-70px auto 0 auto;
width:30%;
max-width:170px;
}

.award_text {
text-align:center;
font-size:min(2.8vw,18px);
}
.award_title {
position:relative;
text-align:center;
font-size:min(3.0vw,30px);
}
.award_mini {
position:relative;
text-align:center;
font-size:min(3.0vw,16px);
font-weight:400;
}
.award_more {
position:relative;
width:80%;
max-width:400px;
margin:0 auto;
}
.award_more_back {
position:relative;
width:100%;
}
.award_more_back img {
width:100%;
vertical-align:top;
}
.award_more_text {
position:absolute;
width:90%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding-bottom:7%;
font-size:min(2vw,16px);
}
.award_flex {
width:90%;
max-width:640px;
display:flex;
justify-content: space-around;
margin:0 auto;
}



.award_img {
position:relative;
width:100%;
}
.award_img_left {
position:absolute;
width:20%;
top:23%;
left:4%;
display:block;
}
.award_img_right {
position:absolute;
width:20%;
top:23%;
right:4%;
display:block;
}



.boshu_text {
text-align:center;
font-size:min(3vw,22px);
font-weight:500;
}



.fukidashiline {
position: relative;
width:80%;
max-width:400px;
padding:0;
margin:10px auto 10px auto;
border-bottom: 1.5px solid #000000;
background-color: #ffffff;
}
.fukidashiline::before {
content: "";
position: absolute;
bottom: -6px;
left: 50%;
width: 15px;
height: 15px;
box-sizing: border-box;
background-color: #ffffff; /* 背景色と同じ色を指定 */
rotate: 135deg;
translate: -50%;
}
.fukidashiline::after {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
z-index: -1;
width: 15px;
height: 15px;
box-sizing: border-box;
border: 1.5px solid;
border-color: #000000 #000000 transparent transparent;
background-color: #ffffff;
rotate: 135deg;
translate: -50%;
}



.number {
width:50px;
height:50px;
border-radius: 25px;
background:#ffffff;
color:#000000;
text-align:center;
vertical-align:middle;
margin:0 auto;
display:flex;
font-size:24px;
font-weight:500;
justify-content:center;
align-items: center;
padding-bottom:5px;
box-sizing:border-box;
filter: drop-shadow(0 0px 5px rgba(147, 183, 200, .7));
}
.numberspace {
width:50px;
height:50px;
border-radius: 25px;
color:#000000;
text-align:center;
vertical-align:middle;
margin:0 auto;
display:flex;
font-size:24px;
font-weight:500;
justify-content:center;
align-items: center;
}
.oboform {
position: relative;
width:100%;
max-width:300px;
font-size:min(4.0vw,20px);
font-weight:500;
text-align:center;
display:block;
}

.oboform a,.oboform100 a {
text-decoration: none;
color:#000000;
display:block;
padding:10px 0;
background:#fff000;
filter: drop-shadow(0 7px 0px rgba(147, 183, 200, .5));
}
.oboform a:hover,.oboform100 a:hover {
filter: drop-shadow(0 2px 0px rgba(147, 183, 200, .5));
}
.oboform::after,.oboform100::after{
position: absolute;
top: 50%;
right: 1em;
width: 0.3em;
height: 0.3em;
transform: translateY(-50%) rotate(45deg);
border-right: 2px solid #000000;
border-top: 2px solid #000000;
content: "";
}

.award_link_flex {
position:relative;
display:flex;
width:80%;
max-width:640px;
justify-content: space-between;
margin:0 auto;
}

.award_link {
position:relative;
width:48%;
font-size:20px;
font-weight:500;
text-align:center;
display:block;
}

.award_link a {
text-decoration: none;
color:#000000;
display:block;
padding:10px 0;
background:#a1d1f2;
filter: drop-shadow(0 7px 0px rgba(147, 183, 200, .2));
}
.award_link a:hover{
filter: drop-shadow(0 2px 0px rgba(147, 183, 200, .2));
}
.award_link:after{
contents:"";
position: absolute;
top: 50%;
right: 1em;
width: 0.3em;
height: 0.3em;
transform: translateY(-50%) rotate(45deg);
border-right: 2px solid #000000;
border-top: 2px solid #000000;
content: "";
}


.obo_text {
text-align:left;
font-size:min(3vw,18px);
font-weight:500;
}

.obo_text_mini {
text-align:left;
font-size:min(3vw,14px);
font-weight:400;
}


.flex {
position:relative;
width:90%;
max-width:740px;
margin:0 auto;
display: flex;
justify-content:space-between;
align-items: center;
}



.flexcenter{
width:25%;
padding-right:5%;
display:block;
}
.flexright {
width:70%;
margin:0;
display:block;
text-align:left;
}
.flexright2 {
width:88%;
margin:0;
display:block;
text-align:left;
}
.flexright2border {
width:88%;
margin:0;
display:block;
text-align:left;
box-sizing:border-box;
border-top:2px solid #000000;
border-left:2px solid #000000;
border-right:2px solid #000000;
padding-top:30px;
padding-left:35px;
padding-right:35px;
border-radius: 30px 30px 0 0;
}
.attention {
text-align:left;
width:90%;
max-width:960px;
margin:0 auto;
font-size:min(1.25vw,13.3px);
line-height:200%;
font-weight:300;
}
.logo {
position:relative;
width:70%;
max-width:360px;
display:block;
margin:0 auto;	
padding:0;
z-index:999;
}
.logo img{
width:100%;
vertical-align:bottom;
display:block;
}
.access {
text-align:center;
color:#000;
font-size:16px;
font-weight:700;
}
#copyright {
position:relative;
top:0;
width:90%;
max-width:640px;
display:block;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto;
padding-bottom:10%;
text-align:left;
font-weight:300;
}
.andcity{
position:relative;
width:100%;
background:url("../images/yellow_back.png")repeat;
}
.andcityflex {
width:90%;
max-width:960px;
display: flex;
justify-content:space-between;
align-items: center;
padding:3% 0;
margin:0 auto;
}
.andcityflex_left {
width:48%;
line-height:200%;
font-weight:300;
font-size:16px;
display:block;
font-family: 'Zen Kaku Gothic New', sans-serif;
padding:0;
margin:0;
text-align:left;
}
.andcityflex_left img {
width:100%;
}
.andcityflex_right {
width:48%;
line-height:200%;
font-weight:300;
font-size:16px;
display:block;
font-family: 'Zen Kaku Gothic New', sans-serif;
padding:0;
margin:0;
text-align:left;
}
.andcityflex_right img {
width:100%;
}
.aboutandcitycopy {
width:60%;
}
.endtop {
position:relative;
width:100%;
background:#fff156;
z-index:2;
padding:2% 0;
}
.end {
position:relative;
width:100%;
background:#fff156;
z-index:2;
margin:3% auto;
padding:2% 0;
}
.endin {
position:relative;
z-index:3;
width:80%;
max-width:860px;
margin:0 auto;
font-weight:500;
font-size:20px;
padding:0;
text-align:center;
color:#DC143C;
line-height:1.9;
font-family: 'Zen Kaku Gothic New', sans-serif;
}
.endin a {
color:#DC143C;
}






}
/*SP
------------------------------------------*/
@media only screen and (max-width: 960px) {
#container {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
overflow:hidden;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight:500;
font-size: 90%;
}
img{
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
user-select:none;
pointer-events: none;
}
.pc {
display:none;
}
.sp {
display:block;
}
.cloud {
position: relative;
width: 100%;
background-image:url("../images/cloud1_sp.png");
background-repeat: repeat;
background-size: 150%;
background-position: top right; 
z-index:1;
}
.cloudd {
position: relative;
width: 100%;
background-image:url("../images/cloud2_sp.png");
background-repeat: repeat;
background-size: 150%;
background-position: top right; 
z-index:1;
}
.toplogo {
position:absolute;
width:25%;
max-width:150px;
top:10px;
left:20px;
z-index:5;
display:block;
filter: drop-shadow(0 0px 3px rgba(0, 0, 0, 1.0));
}
.toplogo img {
width:100%;
display:block;
vertical-align:bottom;
}
#nav {
position: fixed;
top:0px;
right: 0;
z-index: 10;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
overflow-y:scroll;
transition: .3s;
font-family: 'Zen Kaku Gothic New', sans-serif;
text-decoration:none;
-webkit-transform: translateX(110%);
-ms-transform: translateX(110%);
transform: translateX(110%);
-webkit-transform: translateX(110%) translateZ(0);
-webkit-transition: -webkit-transform 500ms 0s ease;
transition: -webkit-transform 500ms 0s ease;
transition: transform 500ms 0s ease;
transition: transform 500ms 0s ease, -webkit-transform 500ms 0s ease;
-webkit-overflow-scrolling: touch;
background:#0075c1;
}
#nav.active{
right: 0;
opacity: 1;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
.menutop {
display:none;
}


.title_back {
position:absolute;
top:0;
left:0;
width:100%;
}
.title {
position:relative;
padding:0;
width:100%;
margin:0 auto 0 auto;
display:block;
z-index:5;
}


/* -----丸画像-----*/
.maru_top {
position:absolute;
top:0;
left:0;
width:100%;
display:block;
transform: scale(1.06, 1.06);
margin-top:2.5%;
}
.maru {
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
display:block;
}
.maru img {
width:100%;
vertical-align:top;
}

.title_copy {
position:relative;
padding:0;
width:50%;
max-width:400px;
margin:8% auto 0 auto;
display:block;
z-index:1;
}
h1 {
position:relative;
width:74%;
max-width:640px;
z-index:8;
margin:0 auto;
display:block;
padding-top:55px;
}
h1 img {
width:100%;
vertical-align: bottom;
}




.copy {
width:100%;
max-width:900px;
line-height:230%;
font-weight:400;
padding:00;
font-size:min(3.3vw,16px);
margin:0 auto;
font-family: 'Zen Kaku Gothic New', sans-serif;
}
.main {
z-index: 2;
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto;
padding:0%;
text-align:center;
font-family: 'Zen Kaku Gothic New', sans-serif;
overflow:hidden;
}
h2 {
width:90%;
max-width:400px;
margin:0 auto;
}
h3 {
width:40%;
max-width:170px;
margin:0 auto;
}

.thema {
width:90%;
max-width:400px;
margin:20px auto 40px auto;
}
.example {
width:20%;
max-width:100px;
margin:0 auto 40px auto;
display:block;
}

.example_flex {
width:80%;
max-width:400px;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-content: center;
justify-content:center;
}
.example_col {
width:50%;
margin-bottom:30px;
display:block;
}
.example_col img {
width:80%;
margin:0 auto;
display:block;
}
.awardgold {
position:relative;
width:80%;
max-width:480px;
box-sizing: border-box;
border:1.5px solid #000000;
border-radius: 25px;
padding:30px 0 25px 0;
display: block;
margin:0 auto;
}
.awardgold::before {
content: "";
position: absolute;
top:5px;
bottom: -10px;
right: -10px;
left: 5px;
box-sizing: border-box;
border-radius: 22px;
background:#fff799;
z-index:-1;
}


.awardsilver {
position:relative;
width:80%;
max-width:480px;
box-sizing: border-box;
border:1.5px solid #000000;
border-radius: 25px;
padding:30px 0 25px 0;
display: block;
margin:0 auto;
}
.awardsilver::before {
content: "";
position: absolute;
top:5px;
bottom: -10px;
right: -10px;
left: 5px;
box-sizing: border-box;
border-radius: 22px;
background:#ffffff;
z-index:-1;
}
.award_header {
position:relative;
margin:-50px auto 0 auto;
width:30%;
max-width:170px;
}

.award_text {
text-align:center;
font-size:min(3vw,16px);
}
.award_title {
position:relative;
text-align:center;
font-size:min(5vw,26px);
}
.award_mini {
position:relative;
text-align:center;
font-size:min(3.0vw,16px);
font-weight:400;
}
.award_more {
position:relative;
width:76%;
max-width:300px;
margin:0 auto;
}
.award_more_back {
position:relative;
width:100%;
}
.award_more_back img {
width:100%;
vertical-align:top;
}
.award_more_text {
position:absolute;
width:90%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding-bottom:4.5%;
font-size:min(3vw,16px);
}
.award_flex {
width:90%;
max-width:640px;
display:flex;
justify-content: space-around;
margin:0 auto;
}


.award_img {
position:relative;
width:70%;
max-width:300px;
display:flex;
justify-content: space-around;
margin:3% auto 0 auto;
}
.award_img_left {
width:45%;
display:block;
}
.award_img_right {
width:45%;
display:block;
}

.boshu_text {
text-align:center;
font-size:min(4.2vw,22px);
font-weight:500;
}



.fukidashiline {
position: relative;
width:80%;
max-width:400px;
padding:0;
margin:10px auto 10px auto;
border-bottom: 1.5px solid #000000;
background-color: #ffffff;
}
.fukidashiline::before {
content: "";
position: absolute;
bottom: -6px;
left: 50%;
width: 15px;
height: 15px;
box-sizing: border-box;
background-color: #ffffff; /* 背景色と同じ色を指定 */
rotate: 135deg;
translate: -50%;
}
.fukidashiline::after {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
z-index: -1;
width: 15px;
height: 15px;
box-sizing: border-box;
border: 1.5px solid;
border-color: #000000 #000000 transparent transparent;
background-color: #ffffff;
rotate: 135deg;
translate: -50%;
}



.number {
width:40px;
height:40px;
border-radius:99px;
background:#ffffff;
color:#000000;
text-align:center;
vertical-align:middle;
margin:0 auto;
display:flex;
font-size:18px;
font-weight:500;
justify-content:center;
align-items: center;
padding-bottom:5px;
box-sizing:border-box;
filter: drop-shadow(0 0px 5px rgba(147, 183, 200, .7));
}
.numberspace {
width:50px;
height:50px;
border-radius: 25px;
color:#000000;
text-align:center;
vertical-align:middle;
margin:0 auto;
display:flex;
font-size:24px;
font-weight:500;
justify-content:center;
align-items: center;
}
.oboform {
position: relative;
width:100%;
font-size:min(4.0vw,20px);
font-weight:500;
text-align:center;
display:block;
}

.oboform a,.oboform100 a {
text-decoration: none;
color:#000000;
display:block;
padding:10px 0;
background:#fff000;
filter: drop-shadow(0 7px 0px rgba(147, 183, 200, .5));
}
.oboform a:hover,.oboform100 a:hover {
filter: drop-shadow(0 2px 0px rgba(147, 183, 200, .5));
}
.oboform::after,.oboform100::after{
position: absolute;
top: 50%;
right: 1em;
width: 0.3em;
height: 0.3em;
transform: translateY(-50%) rotate(45deg);
border-right: 2px solid #000000;
border-top: 2px solid #000000;
content: "";
}

.award_link_flex {
position:relative;
display:flex;
width:84%;
max-width:640px;
justify-content: space-between;
margin:0 auto;
}

.award_link {
position:relative;
width:48%;
font-size:min(4.0vw,18px);
font-weight:500;
text-align:center;
display:block;
}

.award_link a {
text-decoration: none;
color:#000000;
display:block;
padding:10px 0;
background:#a1d1f2;
filter: drop-shadow(0 7px 0px rgba(147, 183, 200, .2));
}
.award_link a:hover{
filter: drop-shadow(0 2px 0px rgba(147, 183, 200, .2));
}
.award_link:after{
contents:"";
position: absolute;
top: 50%;
right: 1em;
width: 0.3em;
height: 0.3em;
transform: translateY(-50%) rotate(45deg);
border-right: 2px solid #000000;
border-top: 2px solid #000000;
content: "";
}


.obo_text {
text-align:center;
font-size:min(4.0vw,18px);
font-weight:500;
}

.obo_text_mini {
text-align:left;
font-size:min(4vw,14px);
font-weight:400;
}


.flex {
position:relative;
width:80%;
max-width:640px;
margin:0 auto;
display:block;
}


.flexcenter{
width:40%;
max-width:200px;
margin:0 auto 2% auto;
display:block;
}
.flexright {
width:90%;
max-width:400px;
margin:0 auto;
display:block;
}
.flexright2 {
width:88%;
margin:0;
display:block;
text-align:left;
}
.flexright2border {
width:88%;
margin:0;
display:block;
text-align:left;
box-sizing:border-box;
border-top:2px solid #000000;
border-left:2px solid #000000;
border-right:2px solid #000000;
padding-top:30px;
padding-left:35px;
padding-right:35px;
border-radius: 30px 30px 0 0;
}
.attention {
text-align:left;
width:80%;
max-width:640px;
margin:0 auto;
font-size:min(3vw,14px);
line-height:200%;
font-weight:300;
}
.logo {
position:relative;
width:70%;
max-width:360px;
display:block;
margin:0 auto;	
padding:0;
z-index:999;
}
.logo img{
width:100%;
vertical-align:bottom;
display:block;
}
.access {
text-align:center;
color:#000;
font-size:16px;
font-weight:700;
}
#copyright {
position:relative;
top:0;
width:80%;
max-width:400px;
display:block;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0 auto;
padding-bottom:10%;
text-align:left;
font-weight:300;
}
.andcity{
position:relative;
width:100%;
background:url("../images/yellow_back.png")repeat;
}
.andcityflex {
width:90%;
max-width:960px;
display: block;
padding:10% 0;
margin:0 auto;
}
.andcityflex_left {
width:60%;
max-width:340px;
line-height:200%;
font-weight:300;
font-size:16px;
display:block;
font-family: 'Zen Kaku Gothic New', sans-serif;
padding:0;
margin:0 auto 5% auto;
text-align:left;
}
.andcityflex_left img {
width:100%;
}

.andcityflex_right {
width:90%;
max-width:400px;
line-height:200%;
font-weight:300;
font-size:min(2.8vw,16px);
display:block;
font-family: 'Zen Kaku Gothic New', sans-serif;
padding:0;
margin:0 auto;
text-align:left;
}
.andcityflex_right img {
width:100%;
}
.aboutandcitycopy {
width:60%;
}
.endtop {
position:relative;
width:100%;
background:#fff156;
z-index:2;
padding:2% 0;
}
.end {
position:relative;
width:100%;
background:#fff156;
z-index:2;
margin:3% auto;
padding:2% 0;
}
.endin {
position:relative;
z-index:3;
width:80%;
max-width:860px;
margin:0 auto;
font-weight:500;
font-size:20px;
padding:0;
text-align:center;
color:#DC143C;
line-height:1.9;
font-family: 'Zen Kaku Gothic New', sans-serif;
}
.endin a {
color:#DC143C;
}









}













.indent {
text-indent: -0.5em;
}


.att {
padding-left: 1.3em;
text-indent: -1.3em;
}
.clear {
clear:both;
}
.clearfix:after {
visibility: hidden;
display: block;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             
{ zoom: 1; 
} 
*:first-child+html .clearfix 
{ zoom: 1; 
} 
.alpha a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}
.animeslow {
-webkit-animation-duration: 0.1s;
animation-delay:0.1s;
}
.space5px {
padding:5px 0 0 0;
margin:0;
display:block;
}
.space10px {
padding:10px 0 0 0;
margin:0;
display:block;
}
.space15px {
padding:15px 0 0 0;
margin:0;
display:block;
}
.space20px {
padding:20px 0 0 0;
margin:0;
display:block;
}
.space30px {
padding:30px 0 0 0;
margin:0;
display:block;
}
.space50px {
padding:50px 0 0 0;
margin:0;
display:block;
}
.space70px {
padding:70px 0 0 0;
margin:0;
display:block;
}
.space100px {
padding:100px 0 0 0;
margin:0;
display:block;
}
.font70 {
font-size:70%;
line-height:140%;
}
.font90 {
font-size:90%;
line-height:170%;
}
.font95{
font-size:95%;
line-height:160%;
}
.font100 {
font-size:100%;
line-height:170%;
}
.font110 {
font-size:110%;
line-height:170%;
}
.font120 {
font-size:120%;
line-height:170%;
}
.font130 {
font-size:130%;
line-height:160%;
}
.font150 {
font-size:150%;
line-height:150%;
}
.font200 {
font-size:200%;
line-height:150%;
}
.light {
font-weight:300;	
}
.nomal {
font-weight:400;	
}
.medium {
font-weight:500;	
}
.bold {
font-weight:700;	
}
.border000 {
width:100%;
border-top:1px solid #000000;
}
.animeslow1 {
-webkit-animation-duration: 0.1s;
animation-delay:0.1s;
}
.animeslow2 {
-webkit-animation-duration: 0.2s;
animation-delay:0.2s;
}
.animeslow3 {
-webkit-animation-duration: 0.3s;
animation-delay:0.3s;
}
.animeslow4 {
-webkit-animation-duration:0.4s;
animation-delay:0.4s;
}
.titleslow1 {
-webkit-animation-duration: 1.4s;
animation-delay:1.4s;
}
.titleslow2 {
-webkit-animation-duration: 1.7s;
animation-delay:1.7s;
}
.titleslow3 {
-webkit-animation-duration: 2.0s;
animation-delay:2.0s;
}
.titleslow4 {
-webkit-animation-duration: 2.3s;
animation-delay:2.3s;
}
.titleslow5 {
-webkit-animation-duration: 2.6s;
animation-delay:2.6s;
}
.titleslow6 {
-webkit-animation-duration: 2.7s;
animation-delay:2.7s;
}
.titleslow7 {
-webkit-animation-duration: 0.7s;
animation-delay:0.7s;
}
.titleslow8 {
-webkit-animation-duration: 1.0s;
animation-delay:1.0s;
}
.titleslow9 {
-webkit-animation-duration: 1.3s;
animation-delay:1.3s;
}
.titleslow10 {
-webkit-animation-duration: 1.6s;
animation-delay:1.6s;
}
.titleslow11 {
-webkit-animation-duration: 1.9s;
animation-delay:1.9s;
}
.iv {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
}
.hidden {
display:none;
}
.center {
text-align:center;
}
.bluefont {
color:#0068b7;
}
.borderccc {
box-sizing:border-box;
border:1px solid #cccccc;
}

.border1 {
box-sizing:border-box;
margin:3% auto;
width:80%;
border-bottom:1px solid #000000;
}

.arrow {
width:10%;
max-width:20px;
margin:0 auto;
}

/*印刷不可-------------*/
@media print {
body { display: none }
}

#overview,
#flow,
#caution,
#contact{
display: block;
padding-top:100px;
margin-top:-100px;
}