@charset "UTF-8";

/* RESPONSIVE 
--------------------------------------------- */

/* KYOUTSU END // PC BASE ==================== */
@media only screen and (min-width: 1080px){	


/* base
============================================== */
body {
padding-top: 70px!important;
font-size: 16px!important;
}
.pcNon {
display: none!important;
}
h1 {
font-size: 34px;
}

/* moreLink
============================================== */
.moreLink {
display: inline-block;
text-align: center;
border: 2px solid #0e3e98;
}
.moreLink a {
padding: 1em 1.5em;
width: 100%;
color: #0e3e98;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}


/* header
============================================== */
#Header {
width: 100%;
background-color: #002666;
position: fixed;
top: 0;
transition: all .3s;
}
#Header .contentsWrap {
margin-right: auto;
margin-left: auto;
width: 100%;
min-height: 70px;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
#Header .logo {
max-width: 277px;
min-width: 150px;
}


/* globalnavi
============================================== */
.navUnshown {
display:none;
}
#gnav { 
margin-top: 0px;
text-align: right;
vertical-align: middle;
}
#gnav #nav {
margin-left: auto;
display: flex;
flex: none;
justify-content: flex-end;
}
#gnav a,
#gnav p,
#gnav #nav details summary {
padding-right: 2.3em;
padding-left: 2.3em;
color: #ffffff;
display: flex;
align-items: center;
}
#gnav a:hover,
#gnav p:hover,
#gnav #nav details:hover summary {
background-color: #ffffff;
color: #0e3e98;
text-decoration: none;
}
#gnav li.navItem_5 a {
color: #0e3e98;
background-color: rgba(255,255,255,1);
}
#gnav li.navItem_5 a:hover {
color: #ffffff;
background-color: rgba(255,255,255,0);
background-color: #2c74d8;
}
#gnav #nav > .nav > a,
#gnav #nav details summary {
display: flex;
align-items: center;
min-height: 70px;
cursor: pointer;
justify-content: center;
}
#gnav #nav > li {
color: #ffffff;
width: 180px;
text-align: center;
justify-content: center;
display: flex;
}
#gnav #nav details summary {
border-bottom: 5px solid transparent;
transition: all 0.3s;
position: relative;
}
#gnav #nav details[open] summary {
border-bottom: 5px solid #ffffff;
transition: all 0.3s;
}
#gnav #nav details summary:hover {
cursor: pointer;
}
#gnav #nav details summary::after {
content: '';
width: 10px;
height: 10px;
display: inline-block;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
transform: rotate(135deg);
position: absolute;
top: 40%;
right: 8%;
transition: all .3s;
}
#gnav #nav details summary:hover::after {
border-color: #ffffff;
}
#gnav #nav details .menu {
min-width: 15.3%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: absolute;
top: 70px;
text-align: left;
z-index: 99999;
white-space: nowrap;
}
#gnav #nav details .menu li {
display: block;
width: 100%;
}
#gnav #nav details .menu li a {
padding: 1em 1.5em 1em 1.5em;
width: 100%;
background-color: #002666;
display: flex;
align-items: center;
white-space: nowrap;
}
#gnav #nav details .menu li a:hover {
background-color: #ffffff;
color: #0e3e98;
}


/* ContactFoot
============================================== */
#ContactFoot {
padding-top: 100px;
padding-bottom: 100px;
}
#ContactFoot h1 {
margin-bottom: min(6vw,50px);
font-size: 42px;
}
#ContactFoot  .caption {
margin-bottom: min(6vw,66px);
font-size: 16px;
}
#ContactFoot .contentsWrap {
margin-right: auto;
margin-left: auto;
width: 1080px;
}
#ContactFoot .contactList {
margin-bottom: min(6vw,100px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
}
#ContactFoot .contactList::before {
content: '';
margin: auto;
width: 1px;
height: 100%;
display: block;
background-color: #0e3e98;
position: absolute;
top: 0;
right: 0;
left: 0;
}
#ContactFoot .contactList li {
padding: 1em;
width: 48%;
min-height: 300px;
font-size: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
transition: all .3s;
}
#ContactFoot .contactList li:hover  {
background-color: rgba(255,255,255,0.7);
}
#ContactFoot .contactList li.line figure {
margin-bottom: 30px;
}
#ContactFoot .contactList li.mail figure {
margin-bottom: 57px;
}
#ContactFoot dl {
margin-bottom: min(6vw,40px);
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
#ContactFoot dt {
width: 40%;
font-size: 32px;
}
#ContactFoot dd {
text-align: left;
}
#ContactFoot dd .tel small {
font-size: 22px;
}
#ContactFoot dd .tel strong {
font-size: 30px;
}
#ContactFoot dd .add {
font-size: 16px;
}
#ContactFoot dd .tel small,
#ContactFoot dd .code {
margin-right: 0.5em;
}
#ContactFoot .map iframe {
aspect-ratio: 16 / 9;
}

/* pageTop
============================================== */
#pageTop {
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
width: 1080px;
font-family: "Josefin Sans";
font-style: italic;
text-align: right;
}


/* footer
============================================== */
#Footer {
/* padding-top: 95px; */
/* display: inline-block; */
}

#Footer .footer_inner{
background-image: url("images/awa_footer_logo.png");
background-position: top left;
background-repeat: no-repeat;
/* background-size: cover; */
padding-top: 150px;
padding-bottom: 40px;
}


#Footer .contents {
display: block;
}
#Footer .contentsWrap {
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
width: 1180px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#Footer .logo {
margin-bottom: 40px;
max-width: 200px;
min-width: 160px;
}
#Footer address .tel small {
margin-right: 0.5em;
font-size: 22px;
}
#Footer address .tel strong {
font-size: 30px;
}
#Footer .add {
margin-bottom: 15px;
font-size: 16px;
}
#Footer address .code {
margin-right: 0.8em;
display: inline-block;
}
#Footer .mail {
font-size: 16px;
}
#Footer #footNavi > ul {
display: flex;
flex-wrap: wrap;
font-size: 16px;
}
#Footer #footNavi > ul > li {
padding-right: 1em;
padding-left: 1em;
display: inline-block;
}
#Footer #footNavi li > ul {
/* margin-top: 1.5em; */
}
#Footer #footNavi li > a {
margin-bottom: 1.5em;
display: inline-block;
transition: all .3s;
}
#Footer #footNavi li:hover > a {
transform: scale(1.1);
}

/* slideImages
============================================== */
.slideImages figure {
margin-right: 15px;
margin-left: 15px;
}



}/* PC END // SP BASE |||||||||||||||||||||||||||||| */
@media only screen and (max-width: 1079px){

/* base
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
body {
display: inherit;
font-size: max(3vw,16px);
}
.spNon {
display: none!important;
}
h1 {
font-size: max(3vw,20px);
}

/* moreLink
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.moreLink {
display: inline-block;
text-align: center;
}
.moreLink a {
padding: 1em 1.5em;
width: 100%;
background-color: #0e3e98;
color: #ffffff!important;
display: flex;
justify-content: center;
align-items: center;
position: relative;
border: 2px solid #0e3e98;
}

/* header
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#Header {
position: fixed;
width: 100%;
height: clamp(60px, 30vw, 70px);
background-color: #002666;
transition: all .3s;
top: 0;
}
#Header .contentsWrap {
margin-right: auto;
margin-left: 0;
width: 97%;
height: clamp(60px, 30vw, 70px);
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
#Header .logo {
width: clamp(275px, 30vw, 325px);
}
#Header .logo a {
width: 100%;
}

/* globalnavi
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#navDrawer {
position: relative;
}
.navUnshown {
display:none;
}
#navOpen {
width: min(10vw,60px);
height: min(10vw,40px);
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
z-index: 999;
}
#navOpen span, #navOpen span:before, #navOpen span:after {
content: '';
margin: auto;
width: 100%;
height: 2px;
position: absolute;
border-radius: 3px;
background-color: #ffffff;
display: block;
z-index: 999;
right: 0;
left: 0;
}
#navOpen span:before {
top: 650%;
}
#navOpen span:after {
top: 1300%;
}
#navClose {
width: 100%;
height: 100%;
display: none;
position: fixed;
z-index: 99;
top: 0;
right: 0;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}
#navContent {
padding-top: 3em;
width: 90%;
max-width: 320px;
height: 100%;
position: fixed;
top: 0;
right: 0;
z-index: 100;
background-color: #002666;
overflow: auto;
transition: .3s ease-in-out;
-webkit-transform: translateX(105%);
transform: translateX(105%);
}
#navInput:checked ~ #navClose {
display: block;
opacity: .5;
}
#navInput:checked ~ #navContent {
-webkit-transform: translateX(0%);
transform: translateX(0%);
box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#navInput:checked ~ #navOpen span, #navInput:checked ~ #navOpen span:before, #navInput:checked ~ #navOpen span:after {
height: 3px;
background-color: #ffffff;
}
#navInput:checked ~ #navOpen {
}
#navInput:checked ~ #navOpen::after {
opacity: 0;
}
#navInput:checked ~ #navOpen span {
width: 50px;
bottom: 16px;
transform: translateY(0) rotate(45deg);
transition: all .15s linear;
}
#navInput:checked ~ #navOpen span:before {
visibility: hidden;
}
#navInput:checked ~ #navOpen span:after {
width: 50px;
top: 0;
transform: translateY(0) rotate(95deg);
}
#gnav #nav {
margin-top: 1.5em;
margin-right: auto;
margin-left: auto;
display: block;
width: 80%;
height: auto;
position: inherit;
top: 0;
right: 0;
left: 0;
}
#gnav .subNav {
margin-right: 0;
margin-left: auto;
width: 90%;
}
#gnav li {
margin-bottom: 1em;
}
#gnav li summary,
#gnav li a {
line-height: 3;
display: block;
color: #ffffff;
font-size: min(3.5vw,18px);
border-bottom: 1px solid #ffffff;
cursor: pointer;
}
#gnav li summary:hover,
#gnav li a:hover {
border-bottom: 1px solid #aad9d1;
text-decoration: none;
}
#gnav li summary {
position: relative;
}
#gnav li summary::after {
content: '';
width: 17px;
height: 17px;
display: inline-block;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
transform: rotate(135deg);
position: absolute;
top: 0.3em;
right: 10%;
transition: all .3s;
}
#gnav ul.subMenu {
padding-top: 1em;
}
#gnav ul.subMenu li a {
padding-left: 1em;
}



/* ContactFoot
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#ContactFoot {
padding-top: min(10vw,100px);
padding-bottom: min(10vw,100px);
}
#ContactFoot h1 {
margin-bottom: min(10vw,40px);
font-size: min(8vw,42px);
}
#ContactFoot .caption {
margin-right: auto;
margin-left: auto;
margin-bottom: min(10vw,100px);
width: 90%;
font-size: min(3.5vw,24px);
word-break: auto-phrase;
}
#ContactFoot .contentsWrap {
margin-right: auto;
margin-left: auto;
width: 90%;
}
#ContactFoot .contactList li {
margin-bottom: min(10vw,120px);
padding: 10% 3%;
background-color: #0e3e99;
font-size: min(4vw,22px);
transition: all .3s;
}
#ContactFoot .contactList li:hover  {
background-color: rgba(255,255,255,0.7);
}
#ContactFoot .contactList li:hover a {
color: #0e3e99;
}
#ContactFoot .contactList figure {
margin-bottom: 25px;
background-color: #ffffff;
}
#ContactFoot .contactList .line figure {
border-radius: 25px;
}
#ContactFoot .contactList li a {
color: #ffffff;
}
#ContactFoot dl {
margin-bottom: min(8vw,75px);
text-align: center;
}
#ContactFoot dt {
margin-bottom: min(2vw,47px);
font-size: min(7vw,30px);
}
#ContactFoot dd .tel small {
font-size: min(5vw,20px);
}
#ContactFoot dd .tel strong {
font-size: min(8vw,28px);
}
#ContactFoot dd .add {
font-size: min(5vw,16px);
}
#ContactFoot dd .tel small,
#ContactFoot dd .code {
margin-right: 0.5em;
}
#ContactFoot .map iframe {
aspect-ratio: 16 / 9;
}

/* Footer
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#Footer {
padding-top: min(10vw,200px);
display: inline-block;
}
#Footer .contents {
display: block;
}
#Footer .contentsWrap {
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
width: 90%;
}
#Footer .logo {
margin-bottom: 0.5em;
max-width: 180px;
min-width: 160px;
}
#Footer address {
margin-bottom: min(10vw,128px);
}
#Footer address .tel small {
margin-right: 0.5em;
font-size: min(4vw,30px);
}
#Footer address .tel strong {
font-size: min(10vw,30px);
}
#Footer .add {
margin-bottom: 15px;
font-size: min(4vw,24px);
word-break: auto-phrase;
}
#Footer address .code {
margin-right: 0.8em;
display: block;
}
#Footer .mail {
font-size: min(4vw,24px);
}
#Footer .mail img {
width: auto!important;
height: 1em!important;
}
#Footer #footNavi > ul {
font-size: min(16px,24px);
}
#Footer #footNavi > ul > li {
padding-right: 1em;
padding-left: 1em;
display: block;
/* text-align: center; */
flex-wrap: nowrap;
justify-content: space-between;
}

#Footer #footNavi > ul > li:last-child {
    border-top: 4rem;
    }

#Footer #footNavi li > ul,
#Footer #footNavi li > ul li {
/* display: inline-block; */
}
#Footer #footNavi li > ul {
/* width: 70%; */
/* display: flex; */
flex-wrap: nowrap;
justify-content: space-between;
}
#Footer #footNavi li > ul li {
/* width: 50%; */
position: relative;
/* text-align: center; */
}
#Footer #footNavi li > ul li a {
display: block;
/* border-left: 1px solid #ffffff; */
}
#Footer #footNavi li > a {
margin-bottom: 1.5em;
display: inline-block;
transition: all .3s;
}
#Footer #footNavi li:hover > a {
transform: scale(1.1);
}


}/* SP END |||||||||||||||||||||||||||||||||||||||| */