@charset "utf-8";
/* CSS Document */





/* 共通 */
* { zoom:1; }
html,body { margin: 0; padding: 0; font-size: 16px; line-height: 180%; }
header,footer,div,article,section,p,span,a,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
form,fieldset,input,textarea { margin:0 ; padding: 0; border: 0; outline: none; }
img { margin: 0; padding: 0; height: auto; max-width: 100%; vertical-align: bottom; border: none; }
table,tr,td { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; box-sizing: border-box; }
th { margin: 0; padding: 0; font-weight: normal; text-align: left; box-sizing: border-box; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: underline; }
.alpha { transition: all .5s ease; }
.alpha:hover { opacity: 0.7; }

.ggmap { margin: 15px 0 0 0; padding: 0; vertical-align: bottom; position: relative; padding-top: 60%; height: 0; overflow: hidden; }
.ggmap iframe,
.ggmap object,
.ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: bottom; }

.effect-fade { opacity : 0; transform : translate(0, 100px); transition : all 600ms; }
.effect-fade.effect-scroll { opacity : 1; transform : translate(0, 0); }
.effect_delay > .effect-fade:nth-of-type(2) { -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms; -o-transition-delay: 200ms; -ms-transition-delay: 200ms; }






/* トップ */
@media screen and (min-width: 861px) {
.com_sec { margin-left: auto; margin-right: auto; width: 90%; max-width: 1160px; }
header { display: flex; align-items: center; margin-left: auto; margin-right: auto; width: 90%; max-width: 1160px; }
header p { width: 375px; }
header ul { flex: 1; display: flex; justify-content: center; }
header .button { position: relative; display: inline-block; padding: 40px 25px; color: #000; text-align: center; text-decoration: none; transition: .3s; }
header .button:hover { color: #f39800; }
header li:last-child a { color: #fff; background: #f39800; }
header li:last-child a:hover { color: #000; }

.sec_01 { background: url("images/img_01.jpg") no-repeat center center; background-size: cover; }
.sec_01 h1 { margin-left: auto; margin-right: auto; padding: 250px 5%; max-width: 680px; }

.sec_02 { padding: 60px 0; text-align: center; }
.sec_02 h2 { margin: 0 0 40px 0; font-size: 28px; }

.sec_03 { padding: 60px 0; background: #f6f5f2; }
.sec_03 h3 { margin: 0 0 15px 0; font-size: 24px; }
.sec_03 .box { display: flex; align-items: flex-start; }
.sec_03 .left { padding: 40px; width: 50%; background: #fff; }
.sec_03 .left h3 { color: #f39800; }
.sec_03 .left dl { display: flex; padding: 10px; border-bottom: solid 1px #ccc; }
.sec_03 .left dt { width: 25%; }
.sec_03 .left dd { width: 75%; }
.sec_03 .right { margin: 60px 0 0 0; padding: 40px; width: 50%; color: #fff; background: #f39800; }
.sec_03 .right ul { display: flex; align-items: center; padding: 10px; border-bottom: solid 1px #fff; }
.sec_03 .right .year { width: 75px; }
.sec_03 .right .month { padding: 0 30px 0 0; width: 75px; text-align: right; }
.sec_03 .right .history { flex: 1; }

.sec_04 { padding: 60px 0; }
.sec_04 h2 { color: #f39800; font-size: 24px; text-align: center; }
.sec_04 ul { display: flex; justify-content: space-between; margin: 60px 0 0 0; }
.sec_04 li { width: 31%; }
.sec_04 h3 { margin: 0 0 10px 0; font-size: 18px; }

.sec_05 { padding: 60px 0; background: #f6f5f2; }
.sec_05 h2 { margin: 0 0 20px 0; color: #f39800; font-size: 24px; text-align: center; }
.sec_05 ul { display: flex; flex-wrap: wrap; margin: 0 0 0 -3%; }
.sec_05 li { margin: 30px 0 0 3%; padding: 20px; width: calc(100%/3 - 3%); text-align: center; background: #fff; }
.sec_05 p { margin: 10px 0 0 0; font-size: 20px; }

.sec_06 { padding: 220px 5%; color: #fff; text-align: center; background: url("images/img_08.jpg") no-repeat center center; background-size: cover; }
.sec_06 h3 { font-size: 28px; }
.sec_06 p { padding: 60px 0; font-size: 18px; }
.sec_06 .tel { margin-left: auto; margin-right: auto; width: 515px; }

.sec_07 { padding: 15px 5%; font-size: 18px; text-align: center; }

.sp { display: none; }
}
@media screen and (max-width: 860px) {
.com_sec { margin-left: auto; margin-right: auto; width: 90%; }
header p { padding: 10px 0; text-align: center; }
dl.accordion dt { padding: 10px; text-align: center; background: #f6f5f2; cursor: pointer; }
dl.accordion dt.open { }
dl.accordion dd { display: none; }
dl.accordion li:last-child { border: none; }
dl.accordion li a { display: block; padding: 10px; text-align: center; }
dl.accordion li a:hover { color: #f39800; text-decoration: none; }
dl.accordion li:last-child a { color: #fff; background: #f39800; text-decoration: none; }

.sec_01 { background: url("images/img_01.jpg") no-repeat center center; background-size: cover; }
.sec_01 h1 { margin-left: auto; margin-right: auto; padding: 100px 5%; max-width: 680px; }

.sec_02 { padding: 60px 0; text-align: center; }
.sec_02 h2 { margin: 0 0 40px 0; font-size: 20px; }

.sec_03 { padding: 60px 0; background: #f6f5f2; }
.sec_03 h3 { margin: 0 0 15px 0; font-size: 18px; text-align: center; }
.sec_03 .left { padding: 20px; background: #fff; }
.sec_03 .left h3 { color: #f39800; }
.sec_03 .left dl { padding: 10px; border-bottom: solid 1px #ccc; }
.sec_03 .left dt { font-weight: bold; }
.sec_03 .right { margin: 30px 0 0 0; padding: 20px; color: #fff; background: #f39800; }
.sec_03 .right ul { padding: 10px; border-bottom: solid 1px #fff; }
.sec_03 .right .year { font-weight: bold; }
.sec_03 .right .month { font-weight: bold; }

.sec_04 { padding: 60px 0; }
.sec_04 h2 { color: #f39800; font-size: 18px; text-align: center; }
.sec_04 li { margin: 30px 0 0 0; }
.sec_04 h3 { margin: 0 0 10px 0; font-size: 16px; }

.sec_05 { padding: 60px 0; background: #f6f5f2; }
.sec_05 h2 { color: #f39800; font-size: 18px; text-align: center; }
.sec_05 li { margin: 30px 0 0 0; padding: 20px; text-align: center; background: #fff; }
.sec_05 p { margin: 10px 0 0 0; }

.sec_06 { padding: 100px 5%; color: #fff; text-align: center; background: url("images/img_08.jpg") no-repeat center center; background-size: cover; }
.sec_06 h3 { font-size: 20px; }
.sec_06 p { padding: 30px 0; }
.sec_06 .tel { margin-left: auto; margin-right: auto; }

.sec_07 { padding: 15px 5%; font-size: 14px; text-align: center; }

.pc { display: none; }
}