/*

 ________  ________  ________  ________  ________         ___  ___     
|\   ____\|\   __  \|\_____  \|\   __  \|\   ___  \      |\  \|\  \    
\ \  \___|\ \  \|\  \\|___/  /\ \  \|\  \ \  \\ \  \     \ \  \ \  \   
 \ \  \  __\ \  \\\  \   /  / /\ \  \\\  \ \  \\ \  \  __ \ \  \ \  \  
  \ \  \|\  \ \  \\\  \ /  /_/__\ \  \\\  \ \  \\ \  \|\  \\_\  \ \  \ 
   \ \_______\ \_______\\________\ \_______\ \__\\ \__\ \________\ \__\
    \|_______|\|_______|\|_______|\|_______|\|__| \|__|\|________|\|__|

 http://gozonji.net/

 */                                                                      

/* --------------------------- 
    [1] リセット
    [2] PC用
    [3] SP用
 --------------------------- */

/* **************************
  [1] リセット
************************** */
@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

a {transition: all .5s;}

.sp {display: none;}

body {
	font-size: 12px;
    letter-spacing: 0.05em;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    *font-size: small;
    *font: x-small;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    position: relative;
}

/* **************************
  [2] PC用
************************** */

#wrap {}

header {background: #45b035;overflow: hidden;height: 100vh;min-height: 600px;
display: flex;
justify-content: center;
align-items: center;
}
.header_inner{width: 100%;}
h1{width: 80%;max-width: 953px;margin: 165px auto 50px;}
h1 img{width: 100%;height: auto;}
nav {text-align: center;margin-bottom: 164px;}
nav h2 {margin-bottom: 20px;}
nav ul {width: 377px;font-size: 0;margin: 0 auto 25px;overflow: hidden;}
nav ul li {font-size: 14px;}
nav ul li:nth-child(1) {float: left;}
nav ul li:nth-child(2) {float: right;}
nav ul li img.notlink {opacity: .3;}
nav ul li a {display: block;}
nav ul li a:hover {opacity: .3;}
nav p {font-size: 12px;line-height: 1.58;}
nav p a {color: #fff600;}
nav p a:hover {text-decoration: none;}


.footer_inner {margin: 60px 0 150px 30px;}
.footer_inner p {font-size: 14px;}
.footer_inner .footer_logo {line-height: 1;margin-bottom: 25px;}
.footer_inner .footer_address {line-height: 1.71;margin-bottom: 10px;}
.footer_inner .footer_contact a {color: #45b035;text-decoration: none;}
.footer_inner .footer_contact a:hover {opacity: .5;}



/* **************************
  [3] SP用
************************** */
@media only screen and (max-width: 640px) {

.sp {display: block;}

h1 {margin: 60px auto 50px;}
nav {width: 90%;margin: 0 auto 30px;}
nav ul {width: 100%;}
nav ul li:nth-child(1),
nav ul li:nth-child(2) {float: none;}
nav ul li:nth-child(1) {margin-bottom: 10px;}
iframe {height: 300px;}
.footer_inner {margin: 30px 0 40px 30px;}

}