@charset "utf-8";
/*
Theme Name: 福利厚生ゼロプラス－申し込み（2）クーポン設定
							
*/

/*　***********************
　　　　BACE
**********************　*/
html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-x: hidden;font-size: 62.5%}

body {margin: 0;font-weight: 400;letter-spacing: 0.02em;color:rgba(13,13,13,1.00);font-family: 'Noto Sans JP', sans-serif;font-style: normal;overflow: hidden;}

article,
aside,
footer,
header,
nav,
section {display: block;width: 100%}

.gothic {font-family: 'Noto Sans JP', sans-serif;}
.ryumin {font-family: 'Noto Serif JP', serif}

h1{font-size:4.76vw;}
h2{font-size: 4.5vw;}
h3{font-size: 4.2vw;}
h4,h5{font-size:4.1vw;}
p{font-size:3.8vw;line-height: 1.65em;margin-bottom: 0;}
h1,h2,h3,h4,h5{line-height: 1.45em;}
h1,h2,h3,h4,h5,p{margin: 0;letter-spacing: 0.05em;}

@media (min-width: 490px){
h1{font-size:2.8rem;}
h2{font-size: 2.7rem;}
h3{font-size: 2.5rem;} 
h4,h5{font-size: 2rem;}
p{font-size: 1.6rem;}
}

@media (min-width: 991px){
h1{font-size:3.5rem;}
h2{font-size: 2.4rem;}
h3{font-size: 2.3rem;} 
h4,h5{font-size: 2.2rem;}
}

h1,h2,h3,h4,h5,h6{font-weight: 500}

a {background-color: transparent; -webkit-text-decoration-skip: objects;touch-action: manipulation;text-decoration: none;color: rgba(39,39,39,1.00);}

a:active,
a:hover {outline-width: 0;opacity: .8;}

ol, ul {list-style: none;padding-left: 0;margin-top: 0;margin-bottom: 0;}
ul {list-style-position: inside;}

dl {margin-top: 0;margin-bottom: 0;}
dl dd{margin-left: 0;;}
iframe {border: none}

img {max-width: 100%; height: auto;display: block;}
a,a:hover,a:active,a:visited {outline: none; }
button{outline: none;}
a:hover img{opacity: 0.8}
a img{border-style:none;}
table {border-collapse: collapse;border-spacing: 0;}

td, th {padding: 0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-break: break-word;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.clearfix:before, .clearfix:after, .container:before, .container:after,.colums:before, .colums:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after
{content: " ";display: table;}

.clearfix:after, .container:after, .colums:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after
{clear: both;}

.zoom{overflow: hidden;display: block}
.zoom img {transform: scale(1,1);transition: .2s ease-out;}
.zoom:hover img {transform: scale(1.1,1.1)}


/*　***********************
　　　　header
**********************　*/
header{padding: 4vw 0;}
header #header_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
header h1 span{display: block}
header #logo{width: 40vw;}
@media (min-width: 576px){
header{padding: 20px 0;}
header #logo{width: 120px;}
}
@media (min-width: 768px){
header{padding: 20px 0;}
header h1 span{display:inline-block}
header #logo{width: 150px;}
}
@media (min-width: 991px){
header{padding: 25px 0;}
header #logo{width: 170px;}
}

/*****************************
 pagetop
****************************/

#page_scroll{ position: fixed;bottom:10px;right: 10px;z-index: 60}
#page_scroll a{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center; background:rgba(138,138,138,.5);border-radius: 50%;font-size: 1.4rem;color: rgba(255,255,255,1.00);}
#page_scroll.last_scl{}



/*　***********************
　　　　contents
**********************　*/
/*#wrap{overflow: hidden}*/
#wrap,#contents{width: 100%}
#wrap,#contents{position: relative;}

#contents{margin-top: 10vw; margin-bottom: 8vw;}
@media (min-width: 991px){
#contents{margin-top: 120px; margin-bottom: 80px;}
}

/*　***********************
　　　　container
**********************　*/

.container{width:100%;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto}

@media (min-width: 991px){
.container{width: 920px;padding-left: 0;padding-right: 0;}
}

@media (min-width: 1280px){
.container{width: 1200px;}
}



/*　***********************
　　　　section
**********************　*/
.default__area:not(:first-of-type){margin-top: 40px; }

@media (min-width: 991px){
.default__area:not(:first-of-type){margin-top: 60px; }
}



/*　***********************
　　　　footer
**********************　*/
footer{padding: 5vw 1vw;text-align: center;}
footer p{font-size: 3vw;}
@media (min-width: 490px){
footer{padding: 15px;}
footer p{font-size: 1.4rem;}
}

@media (min-width: 991px){
footer{padding: 25px;}
footer p{font-size: 1.6rem;}
}