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;font-size: 100%;font: inherit;font-weight: normal;vertical-align: baseline;
}/*border: 0;*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul ,li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;}
img {max-width: 100%;height: auto;vertical-align: bottom;}
*,*::after,*::before{box-sizing: border-box;word-wrap: break-word;}/*CSS リセット*/
/*{border: solid 1px red;}*/
body{width:100%;font-size:16px;font-family:'Zen Kurenaido','游明朝', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;}
header {width:100%;}
.he-box1 {width: 100%;margin-top: 10px;display: flex;justify-content: center;}
.he-box1-logo {width: 100px;height: 100px;margin: 0 1em;display: inline-block;}
.he-box1R {width: 350px;display: inline-block;}
.he-box1R h2 {width: 100%;font-size: 1em;font-weight: bold;}
.he-box1R h1 {width: 100%;font-size: clamp(2.5rem, calc(3vw + 1.5rem), 3rem);font-weight: bold;}
.he-box2 {width: 100%;margin: 20px 0;display: flex;justify-content: center;font-family:'メイリオ';}
.he-box2L {width: 300px;}
.he-box2L-p1 {width: 100%;font-size: 1em;}
.he-box2L-p2 {width: 100%;font-size: 19px;color: #003300;}
.he-box2L-p2 span {font-size: 13px;}
.he-box2L-p3 {width: 100%;text-align: center;font-size: 0.8em;}
.he-box2R {width: 270px;margin: auto 20px;padding: 10px 5px;background: #cccc99;box-shadow: 3px 3px 4px gray;}
.he-box2R-mailmark {width: 30px;height: 20px;display: inline-block;}
.he-box2R a {width: 220px;font-size: 1.2em;text-decoration: none;text-align: center;color: white;display: inline-block;}
.homebox {width:100%;position: relative;margin: 30px 0;}
.ho-box1 {width:100%;}
.ho-box1 img{width:100%;height: 300px;object-fit: cover;}
/*複数画像を自動差し替え*/
.image {position: absolute;width: 100%;opacity: 0;animation: change-img-anim 15s infinite;}
.image:nth-of-type(1) {animation: change-img-anim 15s infinite;animation-delay: 0s;}
.image:nth-of-type(2) {animation-delay: 5s;}
.image:nth-of-type(3) {animation-delay: 10s;}
@keyframes change-img-anim {0%{ opacity: 0;}30%{ opacity: 0.8;}36%{ opacity: 0.8;}45%{ opacity: 0;}100%{ opacity: 0;}}
/*画像周りにぼかし*/
.shadow-box {position: relative;width: 100%;height: 300px;}
.shadow-box::after {position: absolute;content: '';top: 0;bottom: 0;left: 0;right: 0;box-shadow: inset 0 0 15px 15px white;}
.ho-box2 {width:100%;}
.ho-box2-p1 {width: auto;position: absolute;top: 20%;left: 75%;
transform: translate(-50%,-50%);font-size: 1.5em;color: #5f9ea0;font-weight: bold;white-space: nowrap;}
.ho-box2-p2 {width: 250px;position: absolute;top: 40%;left: 75%;
transform: translate(-50%,-50%);font-size: 2.5em;white-space: nowrap;}
.ho-box2-p3 {width: 250px;position: absolute;top: 80%;right: 20%;font-size: 1.4em;white-space: nowrap;}
.ho-box2-p4 {width: 250px;position: absolute;top: 90%;right: 1%;font-size: 1.3em;white-space: nowrap;}
.arrange1 {width:100%;}
.a1-box1 {width: 100%;height: 130px;margin-top: 30px;position: relative;}
.a1-box1-logo1 {width: 130px;height: 100%;position: absolute;top: 0%;left: 20%;opacity: 0.3;}
.a1-box1-logo2 {position: absolute;top: 45%;left: 29%;}
.a1-box1-logo2 h2{font-size: clamp(1.7rem, calc(1vw + 1.5rem), 2.5rem);color: #2E8B57;font-weight: bold;}
.a1-box3 {width: 85%;margin: 30px auto 0 10%;}
.a1-box3-p1 {font-size: 1.3em;font-weight: bold;}
.arrange1-p1 {width: 90%;margin: 50px auto 0 auto;text-align: center;font-size: 1.5em;font-weight: bold;}
.arrange1-p1 span {color: #cccc99;}
.a1-box2 {width: 100%;margin-top: 30px;display: flex;justify-content: center;}
.a1-box2-img {width: 40%;padding: 1%;display: flex;justify-content: center;}
.a1-box2-img img {width: 100%;max-width: 300px;object-fit: contain;}
.a1-box2-text {width: 40%;padding: 1%;font-size: 1.1em;}
.a1-box2-text-p1 {margin: 10px;text-align: center;font-weight: bold;}
.a1-box2-text-p1 span {color: #cccc99;}
.a1-box2-text table {width: 100%;text-align: center;}
.a1-box2-text table th {width: 30%;padding: 1%;color: #808000;background: #F5DEB3;border:1px solid white;}
.a1-box2-text table td {width: 30%;padding: 1%;border:1px solid #F5DEB3;}
.a1-box2-text-p2 {width: 100%;margin-top: 30px;font-size: 1em;text-align: left;font-weight: normal;}
.a1-box2-textbox {width: auto;margin-top: 30px;}
.a1-box2-textbox p {font-size: 0.8em;font-weight: normal;}
.a1-box2-textbox p span {color: olive;}
.arrange1-p2 {width: 90%;margin: 50px auto 30px auto;text-align: left;font-size: 1.3em;font-weight: bold;}
.arrange1-p2 span {color: #cccc99;}
.a1-box4 {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.a1-box4-img {width: 18%;padding: 2%;}
.a1-box4-img img {width: 100%;max-width: 150px;}
.a1-box5 {width: 270px;margin: 30px auto;padding: 10px 5px;background: #cccc99;box-shadow: 3px 3px 4px gray;}
.a1-box5-mailmark {width: 30px;height: 20px;display: inline-block;}
.a1-box5 a {width: 220px;font-size: 1.2em;text-decoration: none;text-align: center;color: white;display: inline-block;}
.arrange2 {width:100%;}
.a2-box1 {width: 100%;height: 130px;margin-top: 30px;position: relative;}
.a2-box1-logo1 {width: 130px;height: 100%;position: absolute;top: 0%;left: 25%;opacity: 0.3;}
.a2-box1-logo2 {position: absolute;top: 45%;left: 35%;}
.a2-box1-logo2 h2 {font-size: clamp(1.7rem, calc(1vw + 1.5rem), 2.5rem);color: #2E8B57;font-weight: bold;}
.a2-box2 {width: 75%;margin: 2em auto;}
.a2-box2 p{margin: 0.7em auto;}
.arrange3 {width:100%;}
.menu-list{width:100%;margin-top: 30px;font-size: 1em;}
.menu-list ul {text-align: center;margin:0 auto;}
.menu-list li {margin: 3%;display: inline-block;}
.btn1 {color: black;display: block;text-align: center;vertical-align: middle;text-decoration: none;}
.btn1:hover {color: blue;}
.arrange4 {width:100%;}
.a4-box1{width: 100%;height: 300px;margin-top: 30px;position: relative;}
.a4-box1-1 {width: 100%;height: 100%;position: absolute;top: 0%;left: 0%;opacity: 0.1;}
.a4-box1-1 img{width: 100%;height: 100%;object-fit: cover;}
.a4-box1-2 {width: 130px;position: absolute;top: 15%;left: 20%;}
.a4-box1-3 {position: absolute;top: 10%;left: 40%;font-size: 2em;font-weight: bold;}
.a4-box1-4 {position: absolute;top: 28%;left: 40%;font-size: 1.5em;}
.a4-box1-5 {position: absolute;top: 75%;left: 50%;transform: translate(-50%,-50%);}
.a4-box1-5-p1{margin-bottom: 20px;font-size: 1.3em;}
.a4-box1-5-p2{font-size: 1.8em;color: #5f9ea0;}
.a4-box1-5d {width: 270px;margin: auto 20px;padding: 10px 5px;background: #cccc99;box-shadow: 3px 3px 4px gray;}
.a4-box1-5d-mailmark {width: 30px;height: 20px;display: inline-block;}
.a4-box1-5d a {width: 220px;font-size: 1.2em;text-decoration: none;text-align: center;color: white;display: inline-block;}
.f-box p {width:100%;padding: 10px;font-size: 0.9em;text-align: center;color: white;background: #cccc99;}
.shadow-white{text-shadow:1px 1px 0 silver,-1px 1px 0 silver, 1px -1px 0 silver,-1px -1px 0 silver,
2px 2px 5px white,-2px 2px 5px white, 2px -2px 5px white,-2px -2px 5px white;}
.shadow-pink{text-shadow:1px 1px 0 silver,-1px 1px 0 silver, 1px -1px 0 silver,-1px -1px 0 silver,
2px 2px 5px #ffeeff,-2px 2px 5px #ffeeff, 2px -2px 5px #ffeeff,-2px -2px 5px #ffeeff;}
/*opacity: 0.5;透明*/
/*#FFFFCC*/
/* PCとスマホの表示 */
@media (min-width: 430px){
}
/*タブレットの表示 */
@media (max-width: 960px){
}
/*スマホの表示 */
@media (max-width: 650px){
.he-box1-logo {margin: 0;}
.he-box1R h2 {font-size: 0.8em;}
.he-box2 {flex-direction: column;}
.he-box2L {margin: 20px auto;}
.he-box2R {margin: 0 auto;}
.homebox {margin: 50px 0;}
.ho-box2-p1 {top: 0%;left: 40%;}
.ho-box2-p2 {top: 10%;left: 60%;}
.a1-box1-logo2 {top: 45%;left: 10%;}
.a1-box2 {display:block;}
.a1-box2-img {width: 100%;}
.a1-box2-text {width: 100%;}
.a1-box4-img {width: 28%;padding: 2%;}
.a4-box1-2 {left: 10%;}
.a4-box1-3 {top: 15%;font-size: 1.7em;}
.a4-box1-4 {top: 33%;font-size: 1.2em;}
}