/*-----------------------------------------------------------------------------------
	TsukubamiraiFurusatoTax
	About: A shiny new Blocs website.
	Version: 1.0
	Built with Blocs
-----------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap');

html{scroll-behavior: smooth;}
body{
	margin:0;
	padding:0;
    background:#FFFFFF;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Noto Sans JP', sans-serif;
    color:#000;
}

.gothic{
	font-family: 'Noto Sans JP', sans-serif!important;
}
.page-container{/*overflow: hidden;*/} /* Prevents unwanted scroll space when scroll FX used. */
a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;}

h1, h2, h3 {
    font-family: 'Noto Serif JP', serif;
}
/* Preloader */

.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}
.preloader-complete{animation-delay:0.1s;}
@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}

/* = Blocs
-------------------------------------------------------------- */

.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	padding:0 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	display:flex;
	margin-top:100px;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
}

.pc{
	display: block;
}
.sp{
	display: none;
}
/* Sizes */

.bloc-sm{
	padding:2rem;
}

/* = Full Width Blocs 
-------------------------------------------------------------- */

.full-width-bloc{
	padding-left:0;
	padding-right:0;
}
.full-width-bloc .row{
	margin-left:0;
	margin-right:0;
}
.full-width-bloc .container{
	width:100%;
	max-width:100%!important;
}
.full-width-bloc .carousel img{
	width:100%;
	height:auto;
}


/* Edge Dividers */
.navbar{
    padding:0.5rem 0;
}
.bloc-shape-divider{
	position: absolute;
	width:100%;
	text-align:center;
	left:0;
	right:0;
	z-index: 0;
	display: flex;
	pointer-events: none;
}
.svg-divider{
	width:100%;
	height:100px;
	fill:#000000;
}
.bloc-divider-top{
	top:-1px;
	align-items: flex-start;
}
.bloc-divider-bottom{
	bottom:-1px;
	align-items: flex-end;
}
.bloc-divider-flip-x svg{
	transform:scale(-1,1);
}
.bloc-divider-flip-y svg{
	transform:scale(1,-1);
}
.bloc-divider-flip-x.bloc-divider-flip-y svg{
	transform:scale(-1,-1);
}


/* Background Styles */

.bg-center,.bg-l-edge,.bg-r-edge,.bg-t-edge,.bg-b-edge,.bg-tl-edge,.bg-bl-edge,.bg-tr-edge,.bg-br-edge,.bg-repeat{
	-webkit-background-size: auto!important;
	-moz-background-size: auto!important;
	-o-background-size: auto!important;
	background-size: auto!important;
}
.bg-l-edge{
	background-position: left!important;
	background-repeat: no-repeat;
}


/* Background Effects */

.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:-1;
}
.parallax {
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


/* Dark theme */

.d-bloc{
	color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
	color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
	border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
	border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
	color:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
	color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
	background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}
.d-bloc .card{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover{
	color:rgba(0,0,0,.7);
}
.d-bloc .card icon{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover{
	color:rgba(0,0,0,1);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* Light theme */

.d-bloc .card,.l-bloc{
	color:#000;
}
.d-bloc .card button:hover,.l-bloc button:hover{
	color:rgba(0,0,0,.7);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
	color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}

/* Row Margin Offsets */

.voffset{
	margin-top:30px;
}
.voffset-md{
	margin-top:50px;
}


/* = NavBar
-------------------------------------------------------------- */


/* Nav Special Classes */
.nav-special{
	overflow-y:scroll;
}
.nav-special .site-navigation{
	top:0;
	left:0;
	width:100%;
	position: relative!important;
	max-width: 100%!important;
	z-index: 1000;
}
.nav-special .nav > li{
	width:100%;
	background: none!important;
	border:0!important;
}
.nav-special.collapsing{
	-webkit-transition: none;
	transition: none;
	height:100%!important;
	background: none!important;
}
.nav-special .navbar-nav .dropdown-menu.show{
	position: relative!important;
	transform: none!important;
	float: none;
	width: 100%;
	margin-top: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
}
.nav-special .nav .dropdown-menu .nav-link{
	color:#FFF;
}
.blocsapp-special-menu{
	position: absolute;
	z-index:10000;
}
.nav-special.fullscreen-nav .caret,.nav-special.fullscreen-nav .dropdown-menu .dropdown .caret{
	border-width: 8px;
}
.nav-special .navbar-nav .show>.nav-link{
	color:#FFF;
}

/* Animate Menu Symbol */
.navbar-toggle{
	transition: all .1s linear;
}
.selected-nav{
	opacity: 0;
	transform: scale(0.3);
	transition: all .1s linear;
}


/* Special Menu Close Button */
.close-special-menu{
	position: absolute;
	display: block;
	width: 25px;
	height:25px;
	top:16px;
	right:10px;
	z-index: 10000;
}
.nav-invert .sidebar-nav .close-special-menu{
	left:260px;
}
.close-special-menu .close-icon{
	display: block;
	width:100%;
	height:1px;
	transform: rotate(45deg);
	margin-top:12px;
}
.close-special-menu .close-icon:after{
	content:"";
	display:inherit;
	width:inherit;
	height:inherit;
	background: inherit;
	transform: rotate(90deg);
}
.lock-scroll{
	overflow:hidden;
	transition: background .3s linear;
}
.nav-special::-webkit-scrollbar{
	-webkit-appearance: none;
	width:0;
	height:0;
}
.nav-special .dropdown-menu .dropdown .caret{
	border-top-color: rgba(255,255,255,.8);
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	margin: 0 0 0 5px;
	float: none;
}
.blocsapp-special-menu .site-navigation.pull-right{
	float:none!important;
}

/* Nav Special Close Button */
.close-special-menu .close-icon{
	background:#fff;
}
.blocsapp-special-menu blocsnav{
	background: #000;
}

/* Full Screen Navigation */
.nav-special.fullscreen-nav{
	width: 100%;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	z-index: 1000;
	position: fixed;
	transition: all .2s linear;
}
 .nav-special.fullscreen-nav.open-up{
	transform: translateY(1000px);
}
 .nav-special.fullscreen-nav.open-down{
	transform: translateY(-1000px);
}
 .nav-special.fullscreen-nav.open-left{
	transform: translateX(-1000px);
}
 .nav-special.fullscreen-nav.open-right{
	transform: translateX(1000px);
}
 .nav-special.fullscreen-nav .nav > li a,.nav-special.fullscreen-nav .nav .dropdown-menu > li > a{
	color:rgba(255,255,255,.8);
	text-align: center;
	font-size: 28px;
}
 .nav-special.fullscreen-nav .nav > li a:hover{
	color:#FFF;
}
 .open.nav-special.fullscreen-nav{
	opacity: 1;
	transition: all .2s linear;
}
.nav-special.fullscreen-nav .site-navigation{
	text-align:center;
	margin-top:10%!important;
}
.nav-special.fullscreen-nav .close-special-menu{
	right:20px;
}
 .open.nav-special.fullscreen-nav.open-left,  .open.nav-special.fullscreen-nav.open-right,  .open.nav-special.fullscreen-nav.open-down, .open.nav-special.fullscreen-nav.open-up{
	transform: translateY(0);
}

.navbar-light .navbar-nav .nav-link {
    color:#000;
}
@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: calc(0.5rem - 1px );
}
}
.nav-link {
    padding: 0;
}
.nav-item{
    border-right: 1px solid #000;
}

.nav-item:last-child{
    border-right: none;
}

/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
	border:none}
@media (min-width:576px){
	
.navbar-expand-sm .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}

@media (min-width:768px){
	.navbar-expand-md .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}

@media (min-width:992px){
	.navbar-expand-lg .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
	right:100%;
	left:auto}
}
/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-clear{
	margin:0;
}
.mg-sm{
	margin-top:10px;
	margin-bottom:5px;
}
.mg-md{
	margin-top:10px;
	margin-bottom:20px;
}
.mg-lg{
	margin-top:10px;
	margin-bottom:40px;
}
img.mg-sm,img.mg-md,img.mg-lg{
	margin-top: 0;
}
img.mg-sm{
	margin-bottom:10px;
}
img.mg-md{
	margin-bottom:30px;
}
img.mg-lg{
	margin-bottom:50px;
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF;
	background:rgba(0,0,0,.3);
}

/* Prevent ugly blue glow on chrome and safari */
button{
	outline: none!important;
}

.btn-clean{
	border:1px solid rgba(0,0,0,.08);
	border-bottom-color:rgba(0,0,0,.1);
	text-shadow:0 1px 0 rgba(0,0,1,.1);
	box-shadow: 0 1px 3px rgba(0,0,1,.25), inset 0 1px 0 0 rgba(255,255,255,.15);
}
.a-block{
	width:100%;
	text-align:left;
	display: inline-block;
}
.text-center .a-block{
	text-align:center;
}


/* Image Frame */
.img-frame,.img-frame-md,.img-frame-lg,.img-frame-rd,.img-frame-rd-md,.img-frame-rd-lg{
	background:#FFF;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow:0 2px 2px rgba(0,0,0,0.05);
	padding:4px;
}
.img-frame{
	border-radius:3px;
}
.img-frame-md,.img-frame-lg{
	border-radius:6px;
}
.img-frame-md,.img-frame-rd-md{
	padding:8px;
}
.img-frame-lg,.img-frame-rd-lg{
	padding:14px;
}
/*  Image Protection */
.img-protected{
	-webkit-touch-callout: none;
}



.card-sq, .card-sq .card-header, .card-sq .card-footer{
	border-radius:0;
}
.card-rd{
	border-radius:30px;
}
.card-rd .card-header{
	border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
	border-radius:0 0 29px 29px;
}

/* = Dividers
-------------------------------------------------------------- */
.divider-h{
	padding:20px 0;
	width:100%;
	display:inline-block;
}
.divider-h span{
	display: block;
	border-top:1px solid transparent;
}
.divider-half{
	width: 50%;
	margin: 0 auto;
}
.dropdown-menu .divider-h,.dropdown-menu .divider-half{
	padding:0;
}

/* = Forms
-------------------------------------------------------------- */

.form-control{
	border-color:rgba(0,0,0,.1);
	box-shadow:none;
}


.carousel-nav-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}


/* ScrollToTop button */

.scrollToTop{
	width:36px;
	height:36px;
	padding:5px;
	position:fixed;
	bottom:30px;
	right:20px;
	opacity:0;
	z-index:999;
	transition: all .3s ease-in-out;
	pointer-events:none;
	padding:0!important;
}

@media (max-width: 768px) {
	.scrollToTop{
		bottom:60px;
	}
}
.showScrollTop{
	opacity: 1;
	pointer-events:all;
	padding: 0;
}
.scroll-to-top-btn-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{

}

h2{
	line-height: 2;
}
.container{
	max-width:1280px;
}
.navbar-brand img{
	width:250px;
}
.divider-padding{
	padding-top:8px;
	padding-bottom:8px;
}
.p-style{
	width:100%;
}
.row-style{
	width:75.58%;
}
.h3-style{
	width:100%;
}
.btn-padding{
	width:80%;
	padding:20px 20px 20px 20px;
	border-radius:25px 25px 25px 25px;
}
.h3-オーダースーツなどの補助券-style{
	font-size:24px;
	width:100%;
}
.divider-style{
	width:100%;
	padding-top:24px;
	padding-bottom:24px;
	border-color:transparent!important;
}
.p-bloc-3-style{
	width:100%;
	font-size:18px;
}
.h4-style{
	font-size:18px;
	width:100%;
}
.img-img-29-8-style{
	width:516px;
}
.p-bloc-4-style{
	width:100%;
}
.img-img-51-2x-8-style{
	width:444px;
}
.img-img-30-100-style{
	width:449px;
}
.p-7-style{
	width:88.57%;
	font-size:15px;
}
.p-10-style{
	width:88.57%;
}
.divider-0-padding{
	padding-top:4px;
	padding-bottom:4px;
	border-color:#000000!important;
	border-style:none;
	border-width:1px 1px 1px 1px;
}
.h2-style{
	width:100%;
}
.img-img-35-3x-style{
	width:680px;
}
.img-img-61-2x-8-style{
	width:700px;
}
.wh{
	border-style:solid;
	border-color:transparent!important;
	background-color:transparent;
	border-width:1px 1px 1px 1px;
}
.furusato-margin{
	padding:40px 40px 40px 40px;
}
.col-margin{
	width:31%;
	max-width:31%;
	margin:10px 10px 10px 10px;
	padding:30px 30px 30px 30px;
}
.h3-bloc-8-style{
	line-height:34px;
	font-size:34px;
}
.h3-8-style{
	font-size:36px;
	line-height:48px;
	width:100%;
}
.p-bloc-8-style{
	font-size:20px;
	width:100%;
}
.kt-col6{
	margin-bottom:40px;
}
.img-img-64-2x-100-style{
	width:655px;
}
.img-img-69-8-style{
	width:500px;
}
.img-img-46-2x-8-style{
	width:1280px;
}
.img-img-73-100-style{
	width:298px;
}
.img-img-70-100-style{
	width:298px;
}
.img-img-71-100-style{
	width:298px;
}
.img-img-72-100-style{
	width:298px;
}
.h3-返礼品がもらえます-style{
	font-size:20px;
}
.h3-寄付先を自由に選べます-style{
	font-size:20px;
}
.h3-確定申告が不要です-style{
	font-size:20px;
}
.h3-寄付金の使い道が選べます-style{
	font-size:20px;
}
.h3-15-style{
	font-size:18px;
}
.h3-point-2-style{
	font-size:18px;
}
.h3-point-1-style{
	font-size:18px;
}
.h3-point-4-style{
	font-size:18px;
}
.img-img-87-2x-8-style{
	width:400px;
	height:100px;
}
.p-bloc-12-style{
	width:328px;
    text-align: center;
    margin: 0 auto;
    padding: 0 5px;
    margin: 0 auto 20px;
}
.img-img-76-2x-100-style{
	width:328px;
}
.p-bloc-13-style{
	font-size:18px;
}
.use{
	box-shadow:5px 5px 3px rgba(50,50,50,0.56);
	margin-right:20px;
	margin-bottom:3%;
}
.use-img{
	padding:10px 10px 10px 10px;
}
.btn-style{
	width:30.23%;
}
.fv{
	background-color:#000000;
	padding:100px 100px 100px 100px;
}
.img-style{
	opacity:0.7;
	width:350px;
}
.form_margin{
	margin-bottom:1rem;
	margin-top:0
}
.formrow_margin{
	margin-bottom:40px;
}
.answer{
	border-style:solid;
	padding:0.5rem;
	border-width:0px 0px 1px 0px;
}
.btnex{
	padding-bottom:20px;
	padding-top:20px;
	max-width:100%;
}
.bloc-divider-t-fill{
	fill:#E9EAE9;
	height:1000px;
}
.bloc-divider-t-bloc-13-fill{
	fill:#FFFFA9;
	height:1000px;
}
.fv_img1{
    /*
	float:right;
	display:inline-block;
	position:relative;
	z-index:1;
	top:30px;
	left:60px;
	margin:-40px -40px -40px -40px;*/
    z-index: 1;
    top: 30px;
    position: absolute;
    right: 45px;
    
}
.img-img-92-2x-8-style{
	width:220px;
}
.fv_margin{
	margin-top:0px;
}
.fv-img2{
	z-index:1;
	position:relative;
	top:-30px;
	margin-bottom:-20px;
	float:left;
	right:0px;
	display:inline-block;
	clear:left;
	left:-20px;
}
.fv_img3{
	z-index:1;
	position:relative;
	float:left;
	display:inline-block;
	left:10px;
	top:350px;
	margin:-180px -180px -180px -180px;
	padding:0px 0px 0px 0px;
}
.img-img-94-2x-8-style{
	height:450px;
}
.p-bloc-15-style{
	width:100%;
}
.div-color{
	background-size:auto auto;
	border-color:#000000!important;
}
.divider-{
	background-color:#000000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.divider-w{
	background-color:#FEFFFE;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.pointstyle{
	background-color:#00783A;
	background-size:auto auto;
	color:#FEFFFE!important;
	float:none;
	display:inline;
	padding:5px 10px 5px 10px;
}
.p-bloc-10-style{
	font-size:14px;
}
.logo{
	float:left;
	clear:both;
}
.bloc-divider-t-bloc-3-fill{
	fill:#000640;
	height:1000px;
}
.bloc-divider-b-fill{
	fill:#CE1C00;
	height:1190px;
	width:27%;
}
.bloc-divider-b-style{
	width:27%;
	height:1000px;
	fill:#000E68;
}
.bloc-divider-b-bloc-5-fill{
	fill:#CF1C00;
	width:27%;
	height:1080px;
}
.img-img-95-2x-8-style{
	width:489px;
}
.bg-leftimg{
	z-index:0;
	position:relative;
	float:right;
	clear:both;
	top:0;
}
.p-4-style{
	width:100%;
}
.p-5-style{
	width:100%;
}
.img-img-27-8-style{
	width:594px;
}
.img-img-28-8-style{
	width:593px;
}
.img-img-26-8-style{
	width:596px;
}
.img-img-22-100-style{
	width:100%;
}
.img-img-21-8-style{
	width:100%;
}
.bloc-divider-b-bloc-5-style{
	width:27%;
	height:762px;
	fill:#00CB55;
}
.bloc-divider-b-bloc-6-style{
	width:27%;
	height:700px;
	fill:#E52000;
}
.bloc-divider-b-0-style{
	width:27%;
	height:700px;
	fill:#E52000;
}
.img-420-2-style{
	width:149px;
}
.height-adjust{
	height:71px;
	margin:0px 0px 0px 0px;
}
.h1-style{
	font-size:25px;
}
.h1-style{
	font-size:25px;
    font-weight: bold;
}
.row-bloc-3-style{
	width:100%;
	margin:30px 30px 30px 30px;
}
.row-bloc-5-style{
	width:96%;
	margin-bottom:30px;
}
.row-bloc-6-style{
	width:100%;
}
.bnr1_adjust{
	align-items:center;
	margin-top:5px;
	margin-bottom:5px;
	width:0px;
	position:relative;
	float:right;
}
.img-rakuten-b-style{
	width:100px;
}
.img-ふるさとチョイ-style{
	width:100px;
}
.img-bloc-1-style{
	height:350px;
}
.img-5-style{
	width:100px;
}
.img-anaバナーtyp-style{
	width:100px;
}
.img-jremal-style{
	width:100px;
}
.img-9-style{
	width:100px;
}
.img-10-style{
	width:100px;
}
.bnr1_adjust2{
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.bnr1_adjust3{
	z-index:1;
	right:0px;
}
.row-bloc-1-style{
	width:100%;
}
.row-19-style{
	width:92.24%;
}
.row-24-style{
	width:100%;
}
.p-style-pc{
	padding-left:20px;
	padding-right:20px;
}
.row-sp{
	margin:0px 0px 0px 0px;
}
.h4-bloc-15-style{
	font-size:20px;
}
.h4-返礼品について-style{
	font-size:20px;
}
.h4-つくばみらい市について-style{
	font-size:20px;
}
.h4-ふるさと納税とは？-style{
	font-size:20px;
}
.h4-申し込み方法-style{
	font-size:20px;
}
.h4-使いみち-style{
	font-size:20px;
}
.p-39-style{
	font-size:1.2rem!important;
}
.p-27-bloc-7-style{
	font-size:18px;
}
.mt0{
	margin-top:0!important;
}
.mt2{
    margin-top:2rem!important;
}
.mb2{
    margin-bottom:2rem;
}
.mt3{
    margin-top:3rem!important;
}
.mb3{
    margin-bottom:3rem;
}
.mt5{
    margin-top:5rem!important;
}
.mb5{
	margin-bottom:5rem;
}

.pb5{
	padding-bottom:5rem!important;
}
.text-right{
	text-align: right;
}

@media (max-width: 768px){

.spmt2{
	margin-top:2rem;
}

.spmb2{
	margin-bottom:2rem;
}

.spmb3{
	margin-bottom:3rem;
}




}
/* = Colour
-------------------------------------------------------------- */

/* Background colour styles */

.bgc-black{
	background-color:#000000;
}
.bgc-white{
	background-color:#FEFFFF;
}
.bgc-oxford-blue{
	background-color:#000031;
}
.bgc-islamic-green{
	background-color:#00A900;
}
.bgc-rosso-corsa{
	background-color:#DC0000;
}
.bgc-boston-university-red{
	background-color:#C20000;
}
.bgc-apple-green{
	background-color:#87C300;
}
.bgc-gamboge{
	background-color:#E3A700;
}
.bgc-platinum{
	background-color:#E9EAE9;
}
.bgc-cadmium-green{
	background-color:#00682D;
}

/* Text colour styles */

.tc-white{
	color:#FEFFFF!important;
}
.tc-black{
	color:#000000!important;
}

/* Button colour styles */

.btn{
	padding: .7rem 3rem;
}
@media (max-width: 768px){

	.btn {
		padding: .7rem 1.2rem;
	}
}
.btn-boston-university-red{
	background:#C50000;
	color:#FFFFFF!important;
    border-radius: 25px;
    padding: 10px;
}
.btn-boston-university-red:hover{
	background:#9e0000!important;
	color:#FFFFFF!important;
}
.btn-white{
	background:#FEFFFF;
	color:rgba(0,0,0,.5)!important;
}
.btn-white:hover{
	background:#cbcccc!important;
	color:rgba(0,0,0,.5)!important;
}
.btn-dark-pastel-green{
	background:#00C443;
	color:#FFFFFF!important;
}
.btn-dark-pastel-green:hover{
	background:#009d36!important;
	color:#FFFFFF!important;
}

/* Bloc image backgrounds */

.bg-secton2-bg-100{
}

.bg-greenf{
    background-color: #006633;
}

/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
    .bloc-xxl-sm{padding:200px 20px;}
    .bloc-xl-sm{padding:150px 20px;}
    .bloc-lg-sm{padding:100px 20px;}
    .bloc-md-sm{padding:50px 20px;}
    .bloc-sm-sm{padding:20px;}
    .bloc-no-padding-sm{padding:0 20px;}
}
@media (min-width: 768px) {
    .bloc-xxl-md{padding:200px 20px;}
    .bloc-xl-md{padding:150px 20px;}
    .bloc-lg-md{padding:100px 20px;}
    .bloc-md-md{padding:50px 20px;}
    .bloc-sm-md{padding:20px 20px;}
    .bloc-no-padding-md{padding:0 20px;}
}
@media (min-width: 992px) {
    .bloc-xxl-lg{padding:200px 20px;}
    .bloc-xl-lg{padding:150px 20px;}
    .bloc-lg-lg{padding:100px 20px;}
    .bloc-md-lg{padding:0 20px ;}
    .bloc-md-lg2{padding:0 20px 100px 20px;}
    .bloc-sm-lg{padding:20px;}
    .bloc-no-padding-lg{padding:0 20px;}
}


/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0; 
        padding-right: 0;  
    }
}
@media (max-width: 991px)
{
    .container{width:100%;}
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
}
@media (max-width: 767px)
{
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
        padding-left:0;padding-right:0;
    }
    .btn-dwn{
       display:none; 
    }
    .voffset{
        margin-top:5px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .blocsapp-device-iphone5{
	   background-size: 216px 425px;
	   padding-top:60px;
	   width:216px;
	   height:425px;
    }
    .blocsapp-device-iphone5 img{
	   width: 180px;
	   height: 320px;
    }
}

@media (max-width: 991px){
	.h4-bloc-15-style{
		font-size:18px;
	}
	.h4-返礼品について-style{
		font-size:18px;
	}
	.h4-つくばみらい市について-style{
		font-size:18px;
	}
	.h4-ふるさと納税とは？-style{
		font-size:18px;
	}
	.h4-申し込み方法-style{
		font-size:18px;
	}
	.h4-使いみち-style{
		font-size:18px;
	}
	.link-style{
		width:100%;
	}
	.footer-link{
		font-size:12px;
	}
	.p-50-style{
		font-size:14px;
	}
	.h3-bloc-15-style{
		font-size:px;
		line-height:28px;
	}
	.btn-style{
		width:100%;
	}
	.img-img-63-2x-8-style{
		width:350px;
	}
	.h3-8-style{
		font-size:24px;
		line-height:30px;
	}
	.p-bloc-8-style{
		font-size:14px;
	}
	.img-img-87-2x-8-style{
		width:267px;
		height:69px;
		border-radius:0px 0px 0px 0px;
	}
	.p-4-style{
		width:100%;
		font-size:14px;
	}
	.row-style{
		width:100%;
		margin-bottom:0px;
	}
	.row-bloc-5-style{
		width:100%;
	}
	.p-bloc-9-style{
		font-size:14px;
	}
	.p-27-style{
		font-size:14px;
	}
	.p-28-style{
		font-size:14px;
	}
	.p-29-style{
		font-size:14px;
	}
	.h3-返礼品がもらえます-style{
		font-size:18px;
	}
	.h3-寄付先を自由に選べます-style{
		font-size:18px;
	}
	.h3-確定申告が不要です-style{
		font-size:18px;
	}
	.h3-寄付金の使い道が選べます-style{
		font-size:18px;
	}
	.h3-15-style{
		font-size:14px;
	}
	.h3-point-2-style{
		font-size:14px;
	}
	.h3-point-1-style{
		font-size:14px;
	}
	.h3-point-4-style{
		font-size:14px;
	}
	.fv_img1{
		overflow:hidden;
            right: 0;
	}
	.fv-img2{
		overflow:hidden;
	}
	.h3-style{
		font-size:20px;
	}
	.p-bloc-2-style{
		font-size:14px;
	}
	.btn-padding{
		font-size:14px;
		padding:4px 4px 4px 4px;
	}
	.p-style{
		font-size:14px;
		margin-bottom:15px;
	}
	.h3-つくばみらいトマトカレー-style{
		font-size:20px;
	}
	.h3-グリコ商品詰合せ-style{
		font-size:20px;
	}
	.p-3-style{
		font-size:14px;
	}
	.img-img-69-8-style{
		width:350px;
	}
	.row-bloc-3-style{
		width:100%;
		margin:30px 30px 30px 30px;
	}
	.img-img-21-8-style{
		width:303px;
	}
	.btnex{
		width:80%;
	}
	.col-margin{
		width:30%;
		max-width:30%;
	}
	.row-sp{
		margin:0px 0px 0px 0px;
	}
	.container-div-style{
		width:100%;
	}
	.row-19-style{
	}
	.img-img-22-100-style{
		width:449px;
	}
	.portal_margin{
		margin-bottom:20px;
	}
	.furusato-margin{
	}
	.furusato-margin_tb{
		padding:20px 20px 20px 20px;
	}
	.furusato-margin-tb{
	}

	.p-15-style{
		font-size:18px;
	}
	.p-bloc-4-style{
		font-size:14px;
	}
	.p-17-bloc-6-style{
		font-size:18px;
	}
	.p-bloc-5-style{
		font-size:18px;
		width:100%;
	}
	.p-10-style{
		font-size:18px;
		width:100%;
	}
	.p-bloc-3-style{
		font-size:12px;
	}
	.suit-margin-tb{
		margin-bottom:30px;
	}
	.p-7-style{
		font-size:18px;
		width:100%;
	}
	.p-5-style{
		font-size:14px;
	}
	.fuursato-margin-rb{
	}
	.p-bloc-10-style{
		font-size:12px;
	}
	
	/* MD Row Margin Offsets */
	.voffset-clear-md{
		margin-top:0;
	}
		.voffset-md{
		margin-top:30px;
	}
	
}

@media (max-width: 575px){
	.footer-link{
		text-align:center;
	}
	.navbar-brand img{
		width:180px;
	}
	.img-img-9-100-style{
		width:220px;
	}
	.h2-style{
		font-size:18px;
		width:100%;
	}
	.furusato-margin{
		padding:0px 0px 0px 0px;
	}
	.h1-style{
		font-size:18px;
	}
	.img-fv-im-style{
		width:146px;
	}
	.row-bloc-1-style{
		width:50.37%;
	}
	.fv-img2{
		top:-20px;
		left:-10px;
	}
	.img-11-style{
		width:146px;
	}
	.img-img-92-2x-8-style{
		width:106px;
	}
	.img-img-62-2x-8-style{
		width:194px;
	}
	.img-img-63-2x-8-style{
		width:194px;
	}
	.img-img-69-8-style{
		width:194px;
	}
	.img-img-87-2x-8-style{
		width:194px;
		height:50px;
	}
	.img-img-74-8-style{
		width:159px;
	}
	.img-style{
		width:215px;
	}
	.step{
		padding:10px 10px 10px 10px;
	}
	.img-img-78-8-style{
		width:194px;
	}
	.h3-bloc-15-style{
		font-size:14px;
		line-height:20px;
	}
	.col-margin{
		max-width:98%;
		margin:10px 10px 10px 0px;
		padding:20px 20px 20px 20px;
	}
	.btn-padding{
		width:80%;
		min-height:40px;
		line-height:26px;
		margin:10px 10px 10px 10px;
	}
	.p-3-style{
		padding:10px 10px 10px 10px;
	}
	.p-style{
		padding:10px 10px 10px 10px;
	}
	.p-bloc-2-style{
		padding:10px 10px 10px 10px;
	}
	.h3-オーダースーツなどの補助券-style{
		font-size:16px;
	}
	.p-4-style{
		font-size:14px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.btnex{
		width:100%;
		height:50px;
		margin:10px 10px 10px 10px;
		padding:10px 10px 10px 10px;
	}
	.img-img-26-8-style{
		width:168px;
	}
	.p-5-style{
		font-size:14px;
	}
	.h4-style{
		font-size:16px;
		width:100%;
		margin-top:20px;
		margin-bottom:10px;
	}
	.p-bloc-3-style{
		font-size:14px;
		margin:10px 10px 10px 10px;
	}
	.h2-bloc-6-style{
		font-size:20px;
	}
	.p-bloc-6-style{
		font-size:14px;
	}
	.p-16-style{
		font-size:14px;
	}
	.p-17-style{
		font-size:14px;
	}
	.p-18-style{
		font-size:14px;
	}
	.p-19-style{
		font-size:14px;
	}
	.p-20-style{
		font-size:14px;
	}
	.p-21-style{
		font-size:14px;
	}
	.p-22-style{
		font-size:14px;
	}
	.h3-8-style{
		font-size:18px;
	}
	.p-28-bloc-9-style{
		font-size:14px;
	}
	.p-bloc-9-style{
		font-size:14px;
	}
	.p-33-style{
		font-size:14px;
	}
	.p-34-style{
		font-size:14px;
	}
	.p-35-style{
		font-size:14px;
	}
	.p-37-style{
		font-size:14px;
	}
	.p-38-style{
		font-size:14px;
	}
	.p-bloc-10-style{
		font-size:12px;
	}
	.p-bloc-11-style{
		font-size:14px;
	}
	.portal_margin{
		margin-bottom:10px;
		padding-top:10px;
	}
	.h3-返礼品がもらえます-style{
		font-size:16px;
	}
	.h3-寄付先を自由に選べます-style{
		font-size:16px;
	}
	.h3-確定申告が不要です-style{
		font-size:16px;
	}
	.h3-寄付金の使い道が選べます-style{
		font-size:16px;
	}
	.h5-style{
		font-size:18px;
		line-height:25px;
	}
	.p-bloc-12-style{
		font-size:14px;
	}
	.p-43-style{
		font-size:14px;
	}
	.p-bloc-13-style{
		font-size:14px;
	}
	.use{
		max-width:100%;
		margin:10px 10px 10px 10px;
	}
	.row-sp{
		padding:0px 0px 0px 0px;
	}
	.p-51-style{
		font-size:14px;
	}
	.contact-sp{
		font-size:14px;
		line-height:18px;
	}
	.p-bloc-14-style{
		font-size:14px;
	}
	.p-bloc-4-style{
		font-size:12px;
	}
	.btn-英國屋hpリンク-style{
		width:93.36%;
	}
	.h4-bloc-15-style{
		font-size:14px;
	}
	.h4-返礼品について-style{
		font-size:14px;
	}
	.h4-つくばみらい市について-style{
		font-size:14px;
	}
	.h4-ふるさと納税とは？-style{
		font-size:14px;
	}
	.h4-申し込み方法-style{
		font-size:14px;
	}
	.h4-使いみち-style{
		font-size:14px;
	}
	.row-style{
		width:100%;
	}
	.row-19-style{
		opacity:1.0;
		width:100%;
	}
	.suit-margin-sp{
		margin-bottom:10px;
	}
	.divider-sp{
		background-color:#FEFFFE;
		background-size:1px 1px;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
	}
	.furusato-font-sp{
		font-size:18px;
		color:#FFFFFF!important;
		font-weight:bold;
	}
	
	/* Mobile Text Margin Offsets */
	.mg-sm-xs{
		margin-top:10px;
		margin-bottom:5px;
	}
		.mg-md-xs{
		margin-top:10px;
		margin-bottom:20px;
	}
		.mg-lg-xs{
		margin-top: 10px;
		margin-bottom:40px;
	}
		.mg-clear-xs{
		margin:0;
	}
	
}
    .sp{
        display: none!important;
    }
    .pc {
        display:block;
    }
    .pc_inline{
        display: inline-block;
    }
    .sp_flex{
        display: none!important;
    }
#bloc-1{
    display: block; 
    position: relative;
    padding:0;
}
/* = swiper----- */
.swiper{
    width: 100%;
	height: 100%;
	margin: 0 auto;
}
/* スライドの動き等速 */
.swiper-wrapper {
	transition-timing-function: linear;
  }
  /* 画像のサイズ調整 */
  .swiper-slide img {
	height: auto;
	width: 100%;
  }
  /*
.swiper-slide{
    padding: 0 50px;
    width: 80% !important;
    text-align: center;
}
*/
@media (max-width: 767px){
    .swiper-slide{
    width: 60% !important;
    }
}
/*****/

.swiper-slide {
  opacity: 1;/*0.7;*/
  margin-right: 0 !important;
}
.swiper-slide-active {
  opacity: 1;
}
.swiper-button-arrow {
  max-width: 1050px;
  margin: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "";
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "";
}
.swiper-button-next {
  background-image: url(img/arrow_rig.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 50px;
  right: calc(10% - 0px);;
}
.swiper-button-prev {
  background-image: url(img/arrow_lft.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 50px;
  left: calc(10% - 0px);
}
.swiper-pagination-bullets {
  position: unset;
  top: unset;
  bottom: 0px;
  left: 0;
  right: 0;
}
.swiper-pagination-bullet {
  margin: 0 5px;
}
@media (max-width: 767px){
    .swiper-button-next,.swiper-button-prev  {
     display: none;   
    }
}
/******/

.ilivein{
    position: absolute;
    right: 0;
    z-index: 9;
    top: 60%;
    width: 40%;
}
@media (max-width: 768px){
.ilivein{

    width: 55%;
    top:70%;
}    
    
    
}


.ilivein img{
    width:100%;   
    
}
#bloc-1-2{
    display: none;
}

h3.text-title{

    height: 5vw;
    vertical-align: bottom;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;   
}
h3.text-title{
    font-weight: bold;
    font-size: 1.5rem;
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    letter-spacing: -0.1rem;
    margin-bottom: 2rem;
}
#bloc-2 .ninki h3{
    font-size: 1.2rem;
    padding: 2rem 0 1rem;
}
#bloc-2 .divider-padding{
    width:80%;
    display: block;
    margin:0 auto;
}

#bloc-2 p{
    width: 80%;
    margin: 0 auto;
    padding: 0 0 20px!important;
}
#bloc-2 .ninki > div:nth-child(2n+1){
    background:  #CDCDCD; 
}
#bloc-2 .ninki > div:nth-child(2n){
    background: #DCDCDC;    
}
#bloc-2 .n-waku{    
    padding: 0 2rem 2rem;
}
#bloc-2 .n-waku img{
}
#bloc-2 a{
    color:#000;
}
.under-waku{
    margin:0;
    padding:10px;
    text-align: center;
    background-color: #8f0000;
    color:#fff;
    font-weight: bold;
    display: block;
    
}
.btn_01{
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 10px 50px;
    color: #fff;
}

.h-4vw{
    height: 4vw;
    margin: 0 auto 1vw ;
    text-align: center;
}
.sha-10{
    box-shadow: 5px 5px 0px 0 rgb(221 221 221);
}
.p0{
    padding:0!important;
}

.donatehere{
    position: fixed;
    width: 70px;/*190px;*/
    right: 0 ;/*-145px;*/
    top: 25%;
    z-index: 99;
    margin: 0;
}

.donatehere .row{
    margin:0;
}

.donatehere .row .row{
    display:block;
}
.donatehere .col-lg-12{
    padding:0;
}
.donatehere .push_b{
    display: block;
    cursor: pointer;
    padding: 0;
    vertical-align: middle;
    position: relative;
    
}
.push_bf{
    display: flex;
	flex-direction: row;
	flex-wrap: no-wrap; 
	justify-content: center;     
    cursor: pointer;
    padding: 0;
    vertical-align: middle;
    position: relative;
    
}
.pushbf{
	width:50%;
}

.donatehere .donate_tab{
    width:140px;
    display:inline-block;
    background-color: #fff;
    vertical-align: middle;

}
.donatehere a{
    display:block;
}

.side-lmenu{
	position: fixed;
	top:0;
	right:0;
	width:100px;
	z-index:99;
}

.side-lmenu ul{
	list-style: none;
    margin: 0 auto;
    display: block;
    padding: 0;
}
.side-lmenu ul li a {
	display: block;
    text-align: center;
    background-color: #454343;
    color: #fff;
    padding: .5rem;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

@media (max-width: 768px){
 .donatehere{
    width: 50px;
    top:55%;
}
}
a:hover{
    opacity: 0.6
}

.limit{
	position: fixed;
    width: 70px;/*190px;*/
    right: 0 ;/*-145px;*/
    top:calc( 35% + 120px );
    z-index: 99;
    margin: 0;
}

.head-border {
    display: flex;
    align-items: center;
    color:yellow;
}
 
.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: yellow;
}
 
.head-border:before {
    margin-right: 1rem;
}
 
.head-border:after {
    margin-left: 1rem;
}
    .box_k{
        background-color: #fff;
        padding:15px;
    }

#bloc-8 .container,.pd50 {

    padding-left:50px;
}

.pdr50{
    padding-right: 50px;
}

#bloc-13 .container{
    padding-top:50px;
}
.pd-set1{
    padding-right: 0;
    padding-left: 50px;
}

.ml0{
    margin-left:0!important;
    
}
.mr0{
    margin-right:0!important;  
}

#bloc-3{

}
.mapimg{
	width:80%;
	display: block;
	margin:2rem auto;
}
.facilitymap{
	width:80%;
	display: block;
	margin:2rem auto;	
}
.left-block{
    background-position: left top;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-top:5rem;
}

.left-block .item_big{
    margin:8rem 0 3rem auto;
    text-align: left;
    
}

.left-block .item_big h2{
    line-height: 1.5;
    margin-bottom:2rem;
}
.right-block{
    background-position: right top;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-top:5rem;
}
.right-block .item_big{
    margin:3rem auto 3rem 0;
    text-align: center;
    
}



.timg{
    height:35rem;
    position: absolute;
    top:2rem;
}
.left-block .timg{
    right:600px;
}
.right-block .timg{

    left:600px;

}

.rtimg{
	left: auto;
	right: 60pt;
}

.point{
	width: 15%;
    margin: 2%;
}
@media (max-width: 1680px){
.left-block{
    background-position: right top;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-top:5rem;
}
    .right-block{
    background-position: left top;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-top:5rem;
}
    
.left-block .timg{
    right:auto;
    left:0;

}
.right-block .timg{

    left:auto;
    right:0;

}

}
@media (max-width: 768px){
.left-block{
    background-position: center top;
    margin-top:1rem;

}   
 .left-block .timg{
    left: 1rem;
    width: 50%;
    height: auto;
    left: auto;
    top: -10px;
}
.right-block {
    background-position: center top;
    }
    
.right-block .timg{
    left: 1rem;
    width: 50%;
    height: auto;
    right: auto;
    top: -10px;
}
#bloc-4 .timg{
    right: 1rem;
    width: 50%;
    height: auto;
    top: -10px;
}   
.right-block {
	margin-top: 0;
}

.timg2{

    }
}


/*
.bl3-l{
    background-image: linear-gradient( 90deg,rgba(255, 255, 255, 0) 10%,  rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 1) 100%),url(img/bg-bloc3.jpg);
}*/
.bl3-all{
	background-image: linear-gradient( 90deg,rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0) 100%),url(img/bg-bloc3.jpg);
    margin-top:5rem;
	background-size: calc(100% + 20rem);
    background-repeat: no-repeat;
    background-position: right -20rem top;
}

@media (max-width: 768px){
	.bl3-all{
		background-image: linear-gradient( 90deg,rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0) 100%),url(img/bg-bloc3.jpg);
		margin-top:5rem;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: left  top;
	}
.bl3-r{
    margin-top:0;
}    
    
    
}
.left-block .item_big{
    
}
.item_big{
    width:80%;
    max-width:500px
    
}
.item_big img{
    width:50%;
    margin:0 auto 1rem;
    
}
.item_big h5{
    letter-spacing: -0.1rem;
}

.item_big p{
    font-size: 1rem;
    line-height: 1.5;
    display: inline-block;  
    border:1px solid #000;
    padding:0.1rem 1rem;
}
@media (max-width: 991px){
.item_big p {
    font-size: 0.8rem;
    }
}
.bl3-r{
    margin-top:0;
}  
.item_big span{
	font-size: 1rem;
    line-height: 1.5;
    display: block;
    text-align: left;
    line-height: 2;
}


.item{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 3rem auto 3rem 0;
    text-align: center;
    width:100%;
    max-width: 620px;
}

.left-block  .item{
    margin: 3rem 0 3rem auto;
} 
.item li{
    position:relative;
    width:50%;
    padding-bottom: 4rem;

}

@media (max-width: 910px){
.item li{
    padding-bottom: 4rem;
    }
    
}
.item img{
    width:50%;
    margin:0 auto 1rem;
    
}

@media (max-width: 768px){
 .item{
    margin: 3rem auto;
    padding:0;
}
.item li{
    width:100%;

}   
.item img{
   margin:1rem auto; 
    }
}
.item h6{

}

.item p{
    font-size: 1rem;
    line-height: 1.5;
    display: inline-block;  
    border:1px solid #000;
    padding:0.1rem 1rem;
    position: absolute;
    bottom:0;
    width: 70%;
    left: 15%;
}
.item4 {
    max-width: 1280px;
    margin:3rem auto;
    justify-content: center;
}

.item4 li{
    width:25%;  
}
.item4 img{
    width:80%;
    
}

@media (max-width: 1600px){
.item4 {
    max-width: calc(100% - 300px);
}
}
@media (max-width: 1200px){
.item4 {
    max-width: calc(100% - 220px);
    margin-right:220px;
}    
    .item h6{
        font-size: 0.8rem;
    }
    .item p{
        font-size: 0.8rem;
        width:90%;
        left: 5%;
    }
    .item_big{
    padding: 0.1rem 0;
        width:50%;
    }
    .item4 p{
        font-size: 0.8rem;
        padding: 0.1rem 0;
        width:90%;
        left: 5%;
    }    
    
} 
    
@media (max-width: 768px){
 .item4 {
    max-width: unset!important;
}
 .item p{
        width:60%;
        left: 20%;
    }
 .item4 p{
        width:70%;
        left: 15%;
}
    .item_big{

        width:80%;
        margin:100px auto 0!important;
    }
    .item_big h5 {
    font-size:1rem;
}
    .item_big img {
    width: 80%;
    margin: 0 auto 1rem;
}
}
#bloc-4{
  position: relative;
}

#bloc-6{

	color:#fff;
}

#bloc-7{

}

.area_wrap{
	width:80%;
	background-color: #e4f3ff;
	margin:0 auto;
	border: 2px solid #454343;
	border-radius: 10px;
}
@media (max-width: 768px){
	.area_wrap {
		width: 90%;
	}

}
.area_wrap.waon{
	background-color: #ffeec6;
	border: 2px solid #e18a2f;
}
.area{

	display: flex;
    align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:2rem;
	gap: 20px;
}
.area_wrap h2{
	background: #454343;
	color: #FFF;
	text-align: center;
	padding: 1.5rem 0;
	margin:0;
	font-family: 'Noto Sans JP', sans-serif;
  }
  @media (max-width: 768px){
	h2{
		font-size: 1.5rem;
	}
	h3{
		font-size: 1.4rem;
		line-height: 1.5;
	}
}

  .area_wrap.waon h2{
	background: #e18a2f;
  }
.area>* {
	flex: 1 1 30%;
  }

  @media (max-width: 768px){
	.area>* {
		flex:unset;
	  }
}
.area .areaitem{
	display: block;
	text-align: left;
	padding: 0 1rem;
	margin-bottom: 2rem;
	height:33rem;
	position: relative;

}
@media (min-width: 1800px){
	.area .areaitem{
		height:42rem;
	}
	
}

.area .areaitem img{
	margin-bottom:1rem;

}
.area_wrap .areabtn a{
	background-color: #454343;
}
.area_wrap.waon  .areabtn a{
	background-color: #ff8300;
}
.area .itemno{
	width:2.5rem;
	margin-bottom: 5px !important;
}
.category{
	display: inline-block;
	background-color: #fff;
	padding:2px 10px;
	margin-bottom:5px;
}

.category i,.btn i{
	margin-left:10px;
}
.area .content{
	font-size: .8rem;;
	font-weight: bold;

}
.areaitem h5 {
	line-height: 1.2;
	font-size: 1rem;
}
.p0{
	padding:0;
}
.pl0{
	padding-left:0;
}
.pr0{
	padding-right:0;
}
.area .content span{
	margin-top:.5rem;
	margin-bottom:.5rem;
	display: block;
	font-weight: normal;
}
.areabtn{
	position: absolute;
	bottom:0;
	width:100%;
	text-align: center;
}
@media (max-width: 768px){
	.areaitem{
		height:unset!important;
		margin-bottom:4rem!important;
	}
	.areabtn{
		position: relative;
	}

}
.area .content p{
	margin-bottom:.5rem;
}
.sticky-container {
	height: auto;
	width: 100%;
  
  }
  
  section:last-of-type .sticky-container {
	  border-bottom: 5px #00a8be dashed;
	  margin-bottom: 100px;
  }
  
  .sticky-item {
	font-size: 20px;
	margin: 40px 0;
	padding: 24px 0 24px 16px;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 9; 
  }
  .container section:nth-child(2n) .sticky-item {
	border: 6px solid red;
  
  }

  .pointbox{
	margin-left: 10vw;
  }

  .btn--black,
a.btn--black {
  color: #fff;
  background-color: #000;
}

.btn--white,
a.btn--white {
  color: #000;
  background-color: #fff;
}

.btn--blue,
a.btn--blue {
  color: #fff;
  background-color: #56779e;
}

.btn--black:hover,
a.btn--black:hover {
  color: #fff;
  background: #cdcaca;
}

a.btn--radius {
   border-radius: 100vh;
}

.planbox_wrap{
    /*コレ*/display: flex;
    /*コレ*/align-items: stretch;
}

.planbox{
    border: 1px solid #999;
	color: #26497e;
    width: 45%;
	margin:1%;
	padding: 1% 1% 250px 1%;
    background: #cbe6ed;
	position: relative;
    border-top: solid 6px #7a92b6;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}

@media (max-width: 1338px){
	.planbox{
		padding: 1% 1% 240px 1%;
	}

}
@media (max-width: 768px){
	.planbox_wrap{
		display: block;
        width: 100%;
        margin: 0 auto;
    
	}
	.planbox{
		width:92%;
		margin:2rem auto;
	}
	.pointbox{
		margin-left: 0;
	  }
}
.plantitle{
	width:60%;
	font-size:3rem;
	color:#7a92b6;
	font-weight: bold;
	background-color: rgb(255, 255, 255, 0.8);
}


.plantitle span{
	font-size:2rem;
}

@media (max-width: 768px){

	.plantitle{
		width: 100%;
    	font-size: 2rem;
	}

	.plantitle span{
		font-size:1rem;
	}
}
.planbox .title{
	height:6rem;
	color:#26497e;
	text-align: center;
}
.planbox .price{
	text-align: center;
	width:100%;
	position: absolute;
    bottom: 130px;
}

.planbox .btn{
	position: absolute;
    bottom: 50px;
    width: 300px;
    left: calc(50% - 150px);
}
@media (max-width: 988px){
	.planbox .title{
		height:8rem;
	}


}
@media (max-width: 768px){
	.planbox .title{
		height:unset;
		margin-bottom:2rem!important;
	}


}
.attention_wrap{
	width:80%;
	margin:5rem auto;
	margin-top:5rem;
	padding:2rem;
	text-align: center;
	border:3px double #999;
	font-size: 0.8rem;
}
.attention_wrap1{
	font-size: 0.8rem;
}

@media (max-width: 768px){
	.attention_wrap{
		padding: 1rem;

	}

	.attention_wrap1.w80{
		width:90%;
		margin-bottom: 3rem;
	}


}
.attention_wrap1 h6{
	font-size: 0.9rem;
	margin-bottom:3px!important;
}
.attention li{
	text-align: left;
	margin-bottom:.5rem;
}
.likome li{
	list-style: none;
	position: relative;
}
.likome li:before {
    content: "※";
    position: absolute;
    top: 0px;
    left: -1em;

}
.attention h6{
	margin-bottom:0;
}

.bl4-r{
    background-image: linear-gradient( 90deg,rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0) 100%),url(img/bg-bloc4.jpg);
}

.bl5-l{
    background-image: linear-gradient( 90deg,rgba(255, 255, 255, 0) 10%,  rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 1) 100%),url(img/bg-bloc5.jpg);

}

@media (max-width: 768px){
.bl4-r{
    background-image: linear-gradient( 90deg,rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0) 100%),url(img/bg-bloc4sp.jpg);
    background-position: right top;
    background-size:100% auto;
}
.bl5-l{
    background-image: linear-gradient( 90deg,rgba(255, 255, 255, 0) 10%,  rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 1) 100%),url(img/bg-bloc5sp.jpg);
    background-position: left top;
    background-size:100% auto;
}
}
.topbk-r{
    background-position: right top;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-top: 5rem;
}

.topbk-r .timg{
    left:calc( 50% + 640px);
    z-index: 9;
}

.spdummy{
    display: none;   
}

@media (max-width: 1680px){
.topbk-r .timg {
    left:auto;
    right:0;
    }}
@media (max-width: 768px){

.topbk-r .timg{
    left: 1rem;
    width: 50%;
    height: auto;
    right: auto;
    top: -10px;
}    
    .item4 li{
        width:50%;
    } 
    .spdummy{
        display:block;
    }    
    
}
.bl6{

    background-image: linear-gradient( 90deg,rgba(22, 22, 22, 1) 50%, rgba(22, 22, 22, 0.8) 70%, rgba(22, 22, 22, 0.5) 80%, rgba(22, 22, 22, 0) 100%),url(img/bg-bloc6.jpg);
}


@media (max-width: 768px){
    
    .bl6{
        padding-top:0;
        
        }
    #bloc-6 h6{
        width:80%;
        margin:0 auto;
        font-size: 0.9rem;
    }
    
    #bloc-6 .item li{
         padding-bottom:5rem;
    }
    #bloc-6 .item.item_big p{
        display: block;
        width:80%;
        margin:1rem auto;
        position: relative;
        left:unset;
        
    }
    
    #bloc-6 .item.item_big li{
        padding-bottom: 0;
        
        
    }
    
.bl6{

    background-image: linear-gradient( 90deg,rgba(22, 22, 22, 1) 50%, rgba(22, 22, 22,  0.8) 80%, rgba(22, 22, 22,  0) 100%),url(img/bg-bloc6.jpg);
    background-position: right top;
    background-size: cover;
}    
    
}

.item7 {
    max-width: 1280px;
    margin:1rem auto;
    justify-content: center;
    align-items: center;
}

.item7 li{
    width:14.2%;  
    padding-bottom: 2rem;
}

@media (max-width: 768px){
.item7 li{
    width:50%;
    padding-bottom: 1rem;
    }
    
    
}
.item7 img{
    width:80%;
    margin-bottom:0;
    
}
.w30{
    width:30%;
    display: block;
    margin: 0 auto;
}
.w30l{
    width:30%;
    display: block;
    margin: 0 auto 0 0;
}
.w40{
    width:40%;
    display: block;
    margin: 0 auto;
}

.w50{
    width:50%;
    display: block;
    margin: 0 auto;
}
.w60{
    width:60%;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.w70{
    width:70%;
    display: block;
    margin: 0 auto;
}
.w80{
    width:70%;
    display: block;
    margin: 0 auto;
}

.w90{
    margin-right: auto;
    margin-left: auto;
    width:90%;
}

@media (max-width: 768px){

    .spw10{
    margin-right: auto;
    margin-left: auto;
    width:10%;
    }
    
    .spw60{
    margin-right: auto;
    margin-left: auto;
    width:60%;
    }

	.spw80r{
		margin-right: 0!important;
		margin-left: auto;
		width:80%;
		} 

    .spw90{
    margin-right: auto;
    margin-left: auto;
    width:90%;
    }
	.spw90r{
		margin-right: 0!important;
		margin-left: auto;
		width:90%;
		}  
	.img2left{
		margin-left: 0!important;
		margin-right: auto;
		margin-top:-20px!important;
	}
    
}
.mcenter{
    display:block;
    margin:0 auto;
}


#bloc-9{
    background-image: url("img/bl9-bg.jpg");
    background-size: cover;
}
@media (max-width: 768px){
#bloc-9{
    background-image: url("img/bl9-spbg.jpg");
    background-size: cover;
    background-position: center top;
}    
#bloc-9 .fb-page iframe{
    height:450px!important;
    overflow: hidden;
    
}
}
#bloc-10 .tm{
    background-image: url("img/bl10-img2.png");
    background-size: 66% auto;
    background-position: right bottom;    
    background-repeat: no-repeat;
    padding-bottom: 10rem
    
}
#bloc-10 span{
    margin:2rem auto 0;
    display:block;
    line-height: 1.8;
    text-align: left;
}
#bloc-10 p{
    font-size: 0.7rem;
    display:block;
    line-height: 1.4;
    text-align: left;
}
.tmcity{
    position:relative;
    /*top:-10rem;*/
}

@media (max-width: 991px){
    
    
}
@media (max-width: 768px){
    
#bloc-10 .tm{
    background-size: 95% auto;
}
#bloc-10 span{
    margin:0 auto 0;
    }

    
    
    
}
.t-center{
    text-align: center!important;
    
}
.mincho{
    font-family: 'Noto Serif JP', serif;
}

.fw700{
    font-weight: 700;
}
#bloc-11{
    display: block;
}
.bl11-lg{
    background-color: #d5e1cf;
}

.bl11-dg{
    background-color: #c0d9b6;    
}
.np-bloc{
    padding:0;   
}

#bloc-11 .left-bloc{
    width:70%;
    max-width: 600px;
    margin:2rem 2rem 2rem auto;
    display: block;
}

#bloc-11 .right-bloc{
    width:70%;
    max-width: 600px;
    margin:2rem auto 2rem 2rem;
    display: block;
}

@media (max-width: 768px){
#bloc-11 .left-bloc{
    margin:2rem auto;
}

#bloc-11 .right-bloc{
    margin:2rem auto;
}    
.bl11-splg{
    background-color: #d5e1cf;
}

.bl11-spdg{
    background-color: #c0d9b6;    
}    
    
}
#bloc-11 h6{
    margin-top:2rem;
}

#bloc-11 p{
    font-size:0.8rem;
    
}
#bloc-12{
    background-color: #d7d7d7;
    padding-bottom: 4rem;
}

.merit{
  background-color: #C8C8C8;
  padding: 4rem 2rem 2rem;
}

.merit .n-waku{
  padding:0 1rem;   
    
}
.merit-title{
  width:10%;
  margin-bottom:-1.5rem;
}

.h6-style{
    height: 3rem;
}
.merit p{
    font-size: 0.9rem;
}
@media (max-width: 768px){
 .merit-title{
  width:30%;
  margin-bottom:-2rem;
}   
.h6-style{
    height: auto;
}
    
.merit p{
    margin-bottom: 2rem;
}
    
    
    
}

.merit p{
    font-size: 0.9rem;
}

#bloc-13{

}
.step{
    text-align: center;
}
.step p{
    font-size: 0.9rem;
    text-align: center;
}

.step .waku{
    padding:2rem;
    height: 100%;
    background-color: #AAAAAA;
}
.step .waku.lwaku{
    background-color: #C8C8C8;    
}
.step .n-waku{
    background-color:#fff;
    padding:2rem;
    height: 100%;
}

@media (max-width: 768px){
.step .waku{
    height: auto;
    margin-bottom:10px;
    }
.step .n-waku{
    padding: 1rem;
    }

#bloc-13 .mg-lg{
        margin-top: 0;
        margin-bottom: 0;
    }    
}
.itemf4 {
    max-width: 480px;
    margin:1rem auto;
    justify-content:flex-start;
    align-items: center;
    padding-inline-start: 0;
}

.itemf4 li{
    width:25%;  
    padding-bottom: 0;
}
.itemf4 img{
    width:80%;
    margin-bottom:0;
    
}

#bloc-14{

}

.bl14-bg{
    background-image: url("img/bl14-bg.png");
    padding: 5rem 0;
    background-size: cover;
}
.usage{
    width:60%;
    margin:0 auto;
    display: block;
}
.usage > li{

    background-position: left top;
    background-repeat: no-repeat;
    background-size: 15%;
    padding: 2rem 0 0 13%;
    list-style: none;
    margin-bottom: 2rem;
    
}
.usage > li:nth-child(1){
    background-image: url(img/bl14-1.png);
}
.usage > li:nth-child(2){
    background-image: url(img/bl14-2.png);
}
.usage > li:nth-child(3){
    background-image: url(img/bl14-3.png);
}
.usage > li ul{
    border-left:1px solid #000;
    list-style: disc;
    font-size: 0.9rem;
    margin-left: 2rem;

}

.bl14-photo{
    width:70%;
    margin:0 auto;
}
.bl14-photo img{
    box-shadow: 4px 4px #AAAAAA;
}

@media (max-width: 768px){
.bl14-bg{
    
    padding:2rem 0;
    }
.usage{
    width:90%;
    padding:0;
}    
.usage > li{
    background-size: 25%;
    padding: 2rem 0 0 20%;
    }
    
.usage > li h4{    
    font-size: 1.3rem;
}
.usage > li ul{
    margin-left: 1rem;
    padding-left: 1.5rem;
    }
    
}
#bloc-15 {
    background-color: #DCDCDC;
    padding-top:1rem;
}
@media (max-width: 768px){
#bloc-15 p{
    margin-top:1rem;
    font-size: 0.8rem;
    }
    
    
    
}
@media (max-width: 768px){
    .bloc {
		margin-top: 0;
	}
    #bloc-0{
		margin:0;
        top: 0;
        z-index: 9;
		background-color: #d4c260;
		padding: 0;
        text-align: center;
    }
    #bloc-0 ul{
		display: flex;
		list-style:none;
		padding:0.5rem;
		margin:0;
	}
	#bloc-0 li{
		flex: 1;
	}
	#bloc-0 li a{
		display: block;
	}
	#bloc-0 li a:hover{
		background-color: #8a7d33;
	}
    #bloc-1-2{    
        padding-bottom: 40px;
    }
    .henrei{
        background-color: #0d0d58;
        color:#fff;
        border-radius: 10px;
        margin:20px 0 0 0;
        
        background: linear-gradient(60deg, #000055 0%, #000055 40%, #000032 40%, #000032 100%);
        background: linear-gradient(
60deg, #6e231e 0%, #6e231e 30%, #783532 30%, #783532 100%);
        padding: 20px 0;
    }
    .henrei01{
        background-color: #0d0d58;
    }
    .henrei02{
        background-color: #0d0d58;
        background: linear-gradient(60deg, #00BF00 0%, #00BF00 40%, #00A700 40%, #00A700 100%);
    }
    .henrei03{
        background-color: #0d0d58;
        background: linear-gradient(60deg, #DA0000 0%, #DA0000 40%, #C00000 40%, #C00000 100%);
    }
    
    .box_k{
        background-color: #fff;
        padding:15px;
    }
    .sp-sha-0{
        box-shadow: none;
    }
    .sp-tc-black{
        color:#000!important;
        font-weight: bold;
        margin-top: 30px;
    }
    .sp-w80{
        width:80%!important;
        margin:20px 0;
    }
    .sp-p0{
        padding:0;   
    }
    .sp-text-center{
        text-align: center;   
    }
    .sp-mt0{
        margin-top: 0;
    }
    #bloc-2 p {
        width: 60%;
    margin: 0 0 0 auto;
    display: inline-block;
    vertical-align: top;
}
    .footermenu{
        margin:0 auto;
    }
    .footermenu h4{
        float:left;
        padding: 0 10px;
    }

    h4+ h4 {
      border-left: 1px solid #333;
    }
    
    #credit{
        padding: 1rem 0 50px;
    }

    .donatehere_sp{
        position: fixed;
        background-color: #fff;
        z-index: 99;
        margin:0;
        width:100%;
        bottom:0px;
    }
    .donatehere_sp .bottombanner{
        height:20px;
        background-color: #c20000;    
    }
    .pd-set1{
    padding-right: 15px;
    padding-left: 15px;
}
    
  /*  
    .donatehere_sp{
   background: rgba(255,255,255,0.8);
    padding: 20px;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 999;
    }
*/
    .donatehere_sp.hide{
      /*  transform: translateY(-100%);*/
        bottom:-400px;
    }
    
    
    .donatehere_sp .push_b{
        width:100%;
    }
    

    .donatehere_sp .donate_tab{
        letter-spacing: -1em;
        height:300px;
}
    
    .donatehere_sp .col-span{
         display: inline-block;
        width: 50%;
         letter-spacing: 0em;
         vertical-align: middle;   /* 上端を揃える */
        margin: 5px 0px;


    }
    
    .donatehere_sp .donate_tab{
        display: flex;
    flex-wrap: wrap;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    justify-content: center;
    align-items: center;
    }
    .donatehere_sp .donate_tab>div{
    width: calc( 50% - 30px);
    margin: 15px 15px 0;
    }
    .donatehere_sp .col-span div{
        padding: 10px 10px 0 10px;        
    }
    .limit{
        display:none;
    }
    .sp{
        display: block!important;
    }
    .pc {
        display:none!important;
    }
    .pc_inline{
        display: none!important;
    }
    .sp_flex{
        display: flex!important;
    }
    .cirbtn{
      background-color: green;
      color:#fff;
      border-radius: 30px;
      padding:0.5rem 0;
      border:none!important;  
      width:60%!important;
      margin:1rem auto!important;
    }
    
    .b-red{
      background-color: #8f0000;
      color:#fff;
    }
    
    .cirbtn a{
      color:#fff!important;
      font-size:1rem!important;
    }
    .navbar{
      padding:0 1rem!important;
    }
    .logo{
        margin:0 auto;
    }
    
    .p-bloc-8-style {
    font-size: 14px;
    width: 80%;
    margin: 0 auto;
    }
    
/***** nav ***/
    

nav.globalMenuSp {
    position: fixed;
    z-index: 99;
    top:0;
    left: 0;
    background: #fff;
    color: #fff;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
nav.globalMenuSp ul {
    background: #ccc;
    margin: 0 auto;
    padding: 1rem 0;
    width: 100%;
    color:#333;
}
 
nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: calc( 100% - 2rem );
    border-bottom: 1px dotted #e3e3e3;
    margin:1rem 1rem 0 1rem ;
    border:1px solid #333;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #333;
    padding: 0.5em 0;
    font-size: 1.4rem;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(57px);
}
.navToggle {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 99;
    background: inherit;
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #333;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 10px;
}
 
.navToggle span:nth-child(1) {
    top: 14px;
}
 
.navToggle span:nth-child(2) {
    top: 23px;
}
 
.navToggle span:nth-child(3) {
    top: 32px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #333;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}
    
.navToggle span:nth-child(4):before {
    content:'MENU';
}
.navToggle.active span:nth-child(4):before {
    content:'CLOSE';
}   
    
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 23px;
    left: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 23px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
    
    html.is-fixed,
    html.is-fixed body {
    height: 100%;
    overflow: hidden;
  }


#bloc-6 .container {
    padding-right: 0;
}
    
    #bloc-8 .container, .pd50 {
    padding-left: 0;
}
    }

/*
.fadeIn {
  transform: translate3d(0, -100px, 0);
  transition: 1s;
  opacity: 0;
}

.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
*/
.fadeDown{
animation-name:fadeDownAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
  transform: translateY(-200px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 左上へ */
.flipLeftTop{
animation-name:flipLeftTopAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes flipLeftTopAnime{
  from {
   transform: translate(-20px,80px) rotate(-15deg);
  opacity: 0;
  }

  to {
   transform: translate(0,0) rotate(0deg);
  opacity: 1;
  }
}

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}