@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
* {
margin: 0;
padding: 0;
}

/* link */

section:before {
    content: " ";
    margin-top: -120px;
    height: 120px;
    display: block;
    visibility: hidden;
}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
font-size:16px;
color:#333;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;	text-decoration:none;line-height:1.6;
letter-spacing:1px;
background:#fff;
}

p {
font-size: 35px;
}

a {
	color:#ff8000;
	text-decoration:none;
}
a:hover {
	color:#008C00;
	text-decoration:none;
	transition:0.5s;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: opacity 0.3s ease-out;
}

h2 {
text-align:center;
margin:0 0 30px; 
}

h3 {
padding: 10px;
text-align: center;
width: 520px;
font-size: 35px;
background: #00331A;
color: #fff;
}

h4 {
color:#FF0000;
font-size: 60px;
}

h5{
font-size: 70px;
text-align: center;
}

main {
	box-sizing:border-box;
	text-align:left;
	margin:0; 
}
main:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
				}
				
article {
margin:0 auto;

}
section {
	width:100%;
	margin: 0 0 0px 0;
	padding:20px 10px; 
	word-wrap:break-word;
	box-sizing:border-box;
}

section.bg_1 {
	background:url("../img/top/bg_1.png") ;
	background-size:100%;
}
section.bg_2 {
	background:#F2EDDA;
}
section:after {
  content: "";
  clear: both;
  display: block;
}
section img { width:100%; }

.tolist {
text-align:center; 
}

footer {
	box-sizing:border-box;
	width:100%;
}

.spbr { display: none; }

@media screen and (max-width: 800px) {

.spbr { display:inherit; }

article {
padding:0px 0px 0px;
box-sizing:border-box; 
}
article img {
max-width:100%;
height:auto; 
}

section {
	width:100%;
	margin: 0 0 0px 0;
	padding:20px 10px 20px 15px; 
}
	
p {
font-size: 25px;
}

h2 {
margin:0; 
}

h3 {
padding: 5px 5px;
text-align: center;
width: 100%;
font-size: 20px;
}

h4 {
font-size: 25px;
}

h5{
font-size: 25px;
text-align: center;
}


}

/* ------------------------------------------------------------
    header
------------------------------------------------------------ */

header {
width:100%;
}

header h1 {
width:700px ;
text-align:left;
margin:20px 0 20px; 
font-size: 80px;
color: #fff;
text-shadow: 0 10px 25px #000;
}

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

.main div{
padding: 10px 0;
}

.main div:first-child h3 {
font-size: 35px;
text-align: center;
}

.main div:nth-of-type(1) {
display:flex; 
justify-content: space-around;
}

.main div:nth-of-type(1) img {
width: 610px;
display:block; 
}

.main div:nth-of-type(2) img {
width: 335px;
height: 335px;
display:block; 
}

.main_pic {
width: 100%;
text-align: center;
padding:300px 0;
margin: 0;
background: url("/img/top/main.png") no-repeat;
background-size: 100% auto;
background-position:bottom;
align-items: center;
}

.main_pic div:nth-of-type(2) {
display: flex;
justify-content: space-around;
}

.main_pic p{
width: 930px;
margin: 20px auto;
color: #000;
background:linear-gradient(-90deg, #DCA015, #F4E74C,#DCA015);
font-size: 45px;
}

.main_pic div:nth-of-type(3) p{
font-size: 45px;
background:none;
color: #FFF;
text-shadow: 0 5px 10px #000;
}


@media screen and (max-width:800px) {

header h1 {
width: 100% ;
text-align:left;
margin:0; 
font-size: 23px;
text-shadow: 0 5px 10px #000;
}

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

.main div{
padding: 5px;
}

.main div h3:first-child {
font-size: 15px;
}

.main div:nth-of-type(1) {
display:flex; 
justify-content: space-around;
}

.main div:nth-of-type(1) img {
width: 200px;
height: 45px ;
display:block; 
}

.main div:nth-of-type(2) img {
width: 100px;
height: 100px;
display:block; 
}

.main_pic {
width: 100%;
text-align: center;
padding:0;
margin: 0 auto;
background: url("/img/top/main.png") no-repeat;
background-size: 100% auto;
background-position:bottom;
align-items: center;
}
	
.main_pic div:nth-of-type(2) {
display: flex;
justify-content: space-around;
}
	
.main_pic div:nth-of-type(2) {
display: flex;
justify-content: space-around;
}

.main_pic p{
width: 100%;
margin: 10px auto 0;
font-size: 20px;
}

.main_pic div:nth-of-type(3) p{
padding: 0 0 20px;
font-size: 18px;
text-shadow: 0 5px 10px #000;
font-weight: bold;
}

}


/*================================================
 *  フッター
 ================================================*/
	
footer {
	clear:both;
}
.foot_1 {
width:1100px;
margin:0 auto;
background:#E6E6E6;
padding:10px;
box-sizing:border-box;
text-align:center; 
}
.foot_1 img {
width:90%;
}
.copyright {
	clear:both;
	padding:7px 0;
	font-size:8px;
	text-align:center;
	color:#ccc;
	box-sizing:border-box; 
}

.foot_bnr {
display:none;
}

@media screen and (max-width:800px) {

footer {
	clear:both;
	margin-bottom:50px; 
}
.foot_1 {
width:100%;
margin:0;
padding:10px 0;
}
	
.foot_1 p{
font-size: 18px;
}

.foot_1 img {
width:90%;
}
	
.copyright {
	padding:7px 0 50px;
}

.foot_bnr {
position:fixed;
bottom:0;
width:100%;
background:rgba(255,255,255,0.7); 
display:flex;
padding:10px;
justify-content:space-around; 
box-sizing:border-box; 
}
.foot_bnr img {
height:50px; 
}

}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
	z-index:9999; 
}
.totop a {
	display:block;
}
.totop img {
width:70px;
height: auto;
}
.totop img:hover {
opacity: 0.7;
transition: 0.5s;
}
@media screen and (max-width:800px) {
.totop {
	position:fixed;
	bottom:10px;
	right:10px;
}
.totop img {
		width: 60px;
		height: 60px;
}

}

/*-------------------------------------------------------------------------
								Positioning
-------------------------------------------------------------------------*/

/* visual */
.block	{ display:block;}
.inline { display:inline;}
.dn		{ display:none;}
.vh		{ visibility:hidden;}
.spbr { display: none;}
@media screen and (max-width:800px) {
.spbr { display:inherit;}
}

/* position */
.ab		{ position:absolute;}
.rel	{ position:relative;}
.kind	{ text-align:center;}

/* clear,float */
.cb	{ clear:both;}
.cl	{ clear:left;}
.cr	{ clear:right;}

.fl	{ float:left;}
.fr	{ float:right;}

/* align */
.center	{ text-align:center;}
.top	{ vertical-align:top;}
.right	{ text-align:right;}
.left	{ text-align:left;}

/*-------------------------------------------------------------------------
								Font-Style
-------------------------------------------------------------------------*/

.f20	{ font-size:0.2em;}
.f60	{ font-size:0.6em;}
.f70	{ font-size:0.7em;}
.f75	{ font-size:0.75em;}
.f80	{ font-size:0.8em;}
.f90	{ font-size:0.9em;}
.f110	{ font-size:1.1em;}
.f120	{ font-size:1.2em;}
.f125	{ font-size:1.25em;}
.f130	{ font-size:1.3em;}
.f140	{ font-size:1.4em;}
.f150	{ font-size:1.5em;}

.lh125	{ line-height:1.25;}
.lh135	{ line-height:1.35;}
.lh150	{ line-height:1.5;}

.ls_0 { letter-spacing:0;}

.normal	{ font-weight:normal;}
.bold	{ font-weight:bold;}

.indent	{ text-indent:1em; margin:0;}
.strike	{ text-decoration:line-through;}
.italic	{ font-style:italic;}
.ENfont	{ font-family:Arial, Verdana, sans-serif; letter-spacing:0;}
.boader { color:#ED6D10; text-decoration:underline;}

/* color settings */
.red	{ color:#FF0000;}
.blue	{ color:#09f;}
.blue2	{ color:#086CCF;}
.orange	{ color:#ff8800;}
.pink   { color:#FF6666;}
.green  { color:#66CC00;}

/*-------------------------------------------------------------------------
								Margin
-------------------------------------------------------------------------*/

.m1{ margin-bottom:1em;}
.m5{ margin-bottom:5px;}
.m10{ margin-bottom:10px;}
.m15{ margin-bottom:15px;}
.m20{ margin-bottom:20px;}
.m30{ margin-bottom:30px;}
.m50{ margin-bottom:50px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}

.center {text-align: center;}
/*-------------------------------------------------------------------------
							image-Style
-------------------------------------------------------------------------*/

.img_fr { float:right; margin:0 0 20px 20px; width: 40%;}
.img_fr img {max-width: 100%;}

.img_fl { float:left; margin:0 20px 20px 0px; width: 40%; }
.img_fl img {max-width: 100%; }


@media screen and (max-width: 800px) {

.img_fr { float:none; margin:0 0 20px 0px; width:100%;}
.img_fl { float:none; margin:0 0px 20px 0; width:100%;}

}

/*================================================
 *  menu
 ================================================*/

/*pcnav*/
.pcnav {
width:100%;
background:#C0A447; 
}
.pcnav ul {
display:flex;
justify-content:space-between;
width:1100px;
margin:0 auto;
padding:10px 0; 
}
.pcnav li {
list-style:none;
text-align:center;
width:16.6%; 
}
.pcnav li:hover {
background:#fff;
transition:0.5s; 
}
.pcnav a {
color:#fff;
text-decoration:none;
padding:10px 0px;
display:block;
font-size:0.9em;
}
.pcnav a:hover {
color:#C0A447;
}

.menu{ display:none; }
.gnav{ display:none; }

/* floatクリア */
.pcnav:before,
.pcnav:after {
    content: " ";
    display: table;
}

.pcnav:after {
    clear: both;
}

.pcnav {
    *zoom: 1;
}


@media screen and (max-width: 800px) {

.pcnav {
display:none;
}

/*menu*/
.menu{
display:inherit; 
    height: 20px;
    position:fixed;
    right: 20px;
    top: 20px;
    width: 30px;
    z-index: 99;
}
.menu__line{
    background: #ccc;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}

/*gnav*/
.gnav{
    background: rgba(255,255,255,0.9);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
				list-style:none;
}
.gnav li {
list-style:none;
}
.gnav__menu__item{
    margin:30px 0;
}
.gnav__menu__item a{
    color:#C0A447;
    font-size:1.0em;
    font-weight: bold;
    padding:30px;
    text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
}

}