@charset "UTF-8";

#balloon_wrapper {text-align: center;background-color: #feffe8;}
#balloon_wrapper section {width: 100%;margin: 0;padding: 0;position: relative;overflow: hidden;}
#balloon_wrapper section .inner {max-width: 1080px;width: 100%;margin: 0 auto;padding: 0;position: relative;z-index: 101;}
#balloon_wrapper section h1 {font-size: 34px;line-height: 1.1;margin: 0 0 120px 0;padding: 0 0 20px 0;color: #333;font-weight: 600;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;border-bottom: solid 10px #00bd09;display: inline-block;}
#balloon_wrapper section h2 {font-size: 22px;line-height: 1.1;margin: 0 0 15px 0;padding: 0;color: #333;font-weight: 400;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;}
#balloon_wrapper section h3 {font-size: 24px;line-height: 1.4;margin: 0;padding: 0;color: #333;font-weight: 600;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;}
#balloon_wrapper section h4 {font-size: 22px;line-height: 1.4;margin: 0;padding: 0;color: #333;font-weight: 600;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;}
#balloon_wrapper section p {font-size: 18px;line-height: 1.8;margin: 0;padding: 0;color: #333;font-weight: 400;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;}
#balloon_wrapper section p.cap {font-size: 16px;margin-top: 5px;color: #C00;}

#balloon_wrapper section#gp {padding: 110px 0;position: relative;}
#balloon_wrapper section#gp .navi {width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;border-top: solid 1px #666;border-bottom: solid 1px #666;}
#balloon_wrapper section#gp .navi li {width: 25%;font-size: 36px;line-height: 1.5;margin: 0;padding: 25px 0;color: #333;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.01em;font-weight: 700;position: relative;transition: all .3s;}
#balloon_wrapper section#gp .navi li span {font-size: 22px;display: block;text-decoration: underline;text-underline-offset: 10px;}
#balloon_wrapper section#gp .navi li.select{color: #00bd09;}
#balloon_wrapper section#gp .navi li.select span{text-decoration: none;}
#balloon_wrapper section#gp .navi li a{position:absolute;top:0;left:0;width:100%;height:100%;}
#balloon_wrapper section#gp .navi li:hover {color: #00bd09;transition: all .3s;}
#balloon_wrapper section#gp .navi li .arrow {width: 10px;position: absolute;top: 50%;right: -2%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}

#balloon_wrapper section#gp .title {margin: 50px 0 0 0;display: flex;flex-flow: row wrap;justify-content: flex-start;position: relative;}
#balloon_wrapper section#gp .title p {line-height: 1.7;position: absolute;top: 50%;left: 18%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}
#balloon_wrapper section#gp .title p span {font-size: 46px;font-weight: 600;display: block;}
#balloon_wrapper section#gp .title .rd_img {width: 156px;}
#balloon_wrapper section#gp .image {margin: 40px 0 0 0;}
#balloon_wrapper section#gp .info {margin: 70px 0 0 0;position: relative;}
#balloon_wrapper section#gp .info h3 span {font-size: 26px;display: block;}
#balloon_wrapper section#gp .info h4 {margin-top: 50px;margin-bottom: 10px;}
#balloon_wrapper section#gp .info p span.end {display: block;color: #3399ff;}
#balloon_wrapper section#gp .info p span.link {display: block;margin-top: 50px;}
#balloon_wrapper section#gp .info p a {text-decoration: underline;text-underline-offset: 8px;color: #333;}
#balloon_wrapper section#gp .info p a:hover {color: #f19e38;}
#balloon_wrapper section#gp .info p span.heading {width: 112px;display: inline-block;}
#balloon_wrapper section#gp .info p span.heading_B {display: block;font-weight: 600;}
#balloon_wrapper section#gp .info p span.heading_B.mt50 {margin-top: 50px !important;}
#balloon_wrapper section#gp .info .map {width: 472px;position: absolute;top: 0;right: 0;}
#balloon_wrapper section#gp .foot {max-width: 1344px;width: 90%;margin: 50px auto 0 auto;}	
#balloon_wrapper section#gp .bg {width: 460px;position: absolute;top: -40px;right: -200px;}

#balloon_wrapper section#gp .info p span.link a {text-decoration: none;color: #FFF;background-color: #00bd09;padding:15px 20px;opacity: 1.0;transition: all .3s;}
#balloon_wrapper section#gp .info p span.link a:hover {opacity: 0.7;transition: all .3s;}


ul.result{width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;}
ul.result li.left{width: 48%;}
ul.result li.right{width: 48%;}
ul.result li h5 {font-size: 16px;line-height: 1.8;margin: 0 0 10px 0;padding: 0;color: #333;font-weight: 400;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;}
ul.result li ul{width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;}
ul.result li ul li{width: 20%;border-bottom: solid 1px #feffe8;border-right: solid 1px #feffe8;box-sizing: border-box;}
ul.result li ul li p {font-size: 13px !important;text-align: center !important;padding: 8px 0 !important;}
	
ul.result li ul li:nth-child(1),ul.result li ul li:nth-child(2),ul.result li ul li:nth-child(3),ul.result li ul li:nth-child(4){background-color: #DDD;}
ul.result li ul li:nth-child(5),ul.result li ul li:nth-child(6),ul.result li ul li:nth-child(7),ul.result li ul li:nth-child(8){background-color: #f9f9f9;}
ul.result li ul li:nth-child(9),ul.result li ul li:nth-child(10),ul.result li ul li:nth-child(11),ul.result li ul li:nth-child(12){background-color: #f0f0f0;}
ul.result li ul li:nth-child(13),ul.result li ul li:nth-child(14),ul.result li ul li:nth-child(15),ul.result li ul li:nth-child(16){background-color: #f9f9f9;}
ul.result li ul li:nth-child(17),ul.result li ul li:nth-child(18),ul.result li ul li:nth-child(19),ul.result li ul li:nth-child(20){background-color: #f0f0f0;}
ul.result li ul li:nth-child(21),ul.result li ul li:nth-child(22),ul.result li ul li:nth-child(23),ul.result li ul li:nth-child(24){background-color: #f9f9f9;}
ul.result li ul li:nth-child(25),ul.result li ul li:nth-child(26),ul.result li ul li:nth-child(27),ul.result li ul li:nth-child(28){background-color: #f0f0f0;}

ul.result li ul li:nth-child(4n+1) {width: 13%;}
ul.result li ul li:nth-child(4n+2) {width: 13%;}
ul.result li ul li:nth-child(4n+3) {width: 54%;}
	
ul.result li ul li.crown01 {background-image: url("../images/result-1.png");background-repeat:  no-repeat;background-size: 56%;background-position: center center;}
ul.result li ul li.crown02 {background-image: url("../images/result-2.png");background-repeat:  no-repeat;background-size: 56%;background-position: center center;}
ul.result li ul li.crown03 {background-image: url("../images/result-3.png");background-repeat:  no-repeat;background-size: 56%;background-position: center center;}
ul.result li ul li.crown01 p {position: relative;top: 4px;color: #FFF !important;font-weight: 600 !important;font-size: 13px !important;}
ul.result li ul li.crown02 p {position: relative;top: 4px;color: #FFF !important;font-weight: 600 !important;font-size: 13px !important;}
ul.result li ul li.crown03 p {position: relative;top: 4px;color: #FFF !important;font-weight: 600 !important;font-size: 13px !important;}
ul.result li ul li.crown04 p {position: relative;top: 0px;font-weight: 600 !important;font-size: 13px !important;}
ul.result li ul li.crown05 p {position: relative;top: 0px;font-weight: 600 !important;font-size: 13px !important;}

ul.result li ul.noname {}
ul.result li ul.noname li:nth-child(3n+1) {width: 13%;}
ul.result li ul.noname li:nth-child(3n+2) {width: 13%;}
ul.result li ul.noname li:nth-child(3n+3) {width: 74%;}

ul.result li ul.noname li:nth-child(1),ul.result li ul.noname li:nth-child(2),ul.result li ul.noname li:nth-child(3){background-color: #DDD;}
ul.result li ul.noname li:nth-child(4),ul.result li ul.noname li:nth-child(5),ul.result li ul.noname li:nth-child(6){background-color: #f9f9f9;}
ul.result li ul.noname li:nth-child(7),ul.result li ul.noname li:nth-child(8),ul.result li ul.noname li:nth-child(9){background-color: #f0f0f0;}
ul.result li ul.noname li:nth-child(10),ul.result li ul.noname li:nth-child(11),ul.result li ul.noname li:nth-child(12){background-color: #f9f9f9;}
ul.result li ul.noname li:nth-child(13),ul.result li ul.noname li:nth-child(14),ul.result li ul.noname li:nth-child(15){background-color: #f0f0f0;}
ul.result li ul.noname li:nth-child(16),ul.result li ul.noname li:nth-child(17),ul.result li ul.noname li:nth-child(18){background-color: #f9f9f9;}
ul.result li ul.noname li:nth-child(19),ul.result li ul.noname li:nth-child(20),ul.result li ul.noname li:nth-child(21){background-color: #f0f0f0;}

@media screen and (max-width: 768px) {
#balloon_wrapper section h1 {font-size: 6vw;margin: 0 0 10vw 0;padding: 0 0 4vw 0;border-bottom: solid 8px #00bd09;}
#balloon_wrapper section h2 {font-size: 3.4vw;width: 90%;margin: 0 auto 3vw auto;}
#balloon_wrapper section h3 {font-size: 4.2vw;line-height: 1.5;}
#balloon_wrapper section h4 {font-size: 3.4vw;line-height: 1.5;}
#balloon_wrapper section p {font-size: 3.4vw;line-height: 1.9;}

#balloon_wrapper section#gp {padding: 20vw 0;}
#balloon_wrapper section#gp .navi {width: 90%;margin: 0 auto;}
#balloon_wrapper section#gp .navi li {width: 23%;font-size: 4.0vw;padding: 3vw 0 4vw 0;}
#balloon_wrapper section#gp .navi li:nth-child(4) {width: 31%;}
#balloon_wrapper section#gp .navi li span {font-size: 3.0vw;text-underline-offset: 8px;}
#balloon_wrapper section#gp .navi li:hover {color: #333;}
#balloon_wrapper section#gp .navi li .arrow {width: 6px;}

#balloon_wrapper section#gp .title {width: 90%;margin: 6vw auto 0 auto;}
#balloon_wrapper section#gp .title p {left: 30%;}
#balloon_wrapper section#gp .title p span {font-size: 7vw;}
#balloon_wrapper section#gp .title .rd_img {width: 25%;}
#balloon_wrapper section#gp .image {margin: 6vw 0 0 0;}
#balloon_wrapper section#gp .info {width: 90%;margin: 10vw auto 0 auto;}
#balloon_wrapper section#gp .info h3 span {font-size: 3.4vw;}
#balloon_wrapper section#gp .info h4 {margin-top: 8vw;margin-bottom: 1.4vw;}
#balloon_wrapper section#gp .info p span.link {display: block;margin-top: 8vw;}
#balloon_wrapper section#gp .info p span.heading {width: auto;}
#balloon_wrapper section#gp .info p span.heading_B.mt50 {margin-top: 8vw !important;}
#balloon_wrapper section#gp .info .map {width: 100%;position: relative;margin: 8vw auto 0 auto;}
#balloon_wrapper section#gp .info .img_sp {width: 90%;margin: 8vw auto 0 auto;}
#balloon_wrapper section#gp .foot {margin: 15vw auto 0 auto;}	
#balloon_wrapper section#gp .bg {display: none;}
.pageTOP {right: 5%;}
	
ul.result li.left{width: 100%;margin-bottom: 4vw}
ul.result li.right{width: 100%;}
ul.result li h5 {font-size: 3.2vw;}
ul.result li ul li p {font-size: 2.8vw !important;}
ul.result li ul li.crown01 p,
ul.result li ul li.crown02 p,
ul.result li ul li.crown03 p {top: 1vw;font-size: 2.7vw !important;}
	
}