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;}
ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{text-decoration:none;color:#000;}

body{font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
.inner{width:1000px;margin:0 auto;}
.side{float:left;}
.main{float:right;width:73%;}

#header{}
#header .inner{position:relative;}
#header .logo{font-size:35px;font-weight:bold;line-height:1.2;}
#header .logo-text{font-size:13px;}
#header .logo span{display:block;font-size:13px;margin-top:10px;}
#header .head-right{position:absolute;right:40px;top:5px;font-size:13px;}
#header .head-right .tel{font-size:33px;font-weight:bold;}
#header{margin-bottom:5px;}
.head-toiawase{position:absolute;top:3px;right:27%;}
.head-toiawase li a{display:block;padding:7px 15px;border-radius:20px;text-align:center;color:#fff;font-weight:bold;}
.head-toiawase li:nth-child(1) a{margin-bottom:5px;background:#0f4c81;}
.head-toiawase li:nth-child(2) a{background:#60c913;}

div.nav{clear:both;background:#12335f;}
div.nav ul{width:1000px;text-align:center;margin:0 auto;padding:1% 0;}
div.nav ul li{display:inline-block;margin:0 1%;}
div.nav ul li a{display:block;padding:5px;color:#fff;}
div.nav ul li a:hover{color:#ccc;}

#footer{clear:both;}
#footer .footer-link{margin-bottom:20px;text-align:center;}
#footer .footer-link li{display:inline;font-size:14px;}
#footer .footer-link li a{text-decoration:underline;color:blue;padding-right:2px;}
#footer .footer-link li:after{content:"/";}
#footer .footer-link li:last-child:after{display:none;}
p.copyright{padding:10px 0;background:#2A2A2A;color:fff;text-align:center;font-size:15px;}

#content h2{text-align:center;font-size:40px;font-weight:bold;margin:20px 0;}
#content .box2{display:flex;justify-content: space-between;}
#content .box2 li{width:47%;}
#content .box3{display:flex;justify-content: space-between;}
#content .box3 li{width:31%;}

#content .top-image{position: relative;text-align:center;}
#content .top-image p{position: absolute;bottom:0;left:0;font-size:40px;font-weight:bold;width:100%;background:#fff;opacity: 0.8;text-align:center;padding:10px;}

.swiper-container {max-width:;height: 350px;}
.swiper-slide {text-align:center;position:relative;}
.swiper-slide div{position:absolute;bottom:2%;left:0;padding:5px 10px;font-size:30px;font-weight:bold;text-align:left;background-color:rgba(255,255,255,0.8);}


#content p.nayami1{margin:20px 0;font-size:22px;text-align:center;}
#content p.nayami1 span{background: linear-gradient(transparent 0%, yellow 0%);}
#content .plan{margin-bottom:50px;}
#content .plan li{border:1px solid #000;}
#content .plan li p.title{background:#0F4C81;color:#fff;font-size:25px;padding:5px 10px;}
#content .plan li p.price{color:#0F4C81;font-weight:bold;font-size:20px;padding:10px;}
#content .plan li div{padding:10px;line-height:1.8;}
#content p.onayami-text{margin:30px 0 70px 0;font-size:20px;font-weight:bold;text-align:center;}
#content .reason{margin-bottom:50px;}
#content .reason li{padding:10px 5px;border:1px solid #000;line-height:1.8;}
#content .reason li p{margin-bottom:10px;font-size:30px;font-weight:bold;}
#content .customer p{color:#000;font-weight:normal;}
#content .customer div{margin-bottom:20px;}
#content .customer-title{background:#eee;margin-bottom:5px;padding:5px;}

.side{max-width:250px;}
.side li{text-align:center;font-size:15px;margin:1px;width:200px;}
.side li a{display:block;padding:10px 0;background:#0F4C81;color:#fff;}
.side li a:hover{color:#0F4C81;background:#fff;border:1px solid #0F4C81;font-weight:bold;}
.side li.side-title{}
.side .bn{margin-top:10px;max-width:200px;}
.side .bn img{display:block;margin-bottom:3px;border:1px solid #0F4C81;width:100%;}

.main{font-size:16px;line-height:1.8;}
.main .section{}
.main h3{padding:1% 2%;font-size:25px;background:#0F4C81;color:#fff;margin-bottom:10px;}

.main .section{margin:10px 0 30px 0;}
.main .section div p{font-size:20px;color:#ff0000;font-weight:bold;}

ul.list{display:flex;flex-wrap: wrap;justify-content: space-between;margin-bottom:20px;}
ul.list li{width:32%;position: relative;margin-bottom:10px;}
ul.list li img{width:100%;opacity: 0.6;}
ul.list li p{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-weight:bold;}
ul.list li a{display:block;}
ul.list li a:hover{opacity: 0.3;}

.toiawase{margin:20px 0;background:#eee;text-align:center;clear:both;}
.toiawase .text1{font-size:30px;}
.toiawase .text2{}
.toiawase div{display:inline-block;margin-top:30px;width:30%;font-size:95%;}
.toiawase div p{margin:10px 0;font-size:25px;font-weight:bold;}
.toiawase div a{display:block;padding:1.5% 0;border-radius:20px;background:#0f4c81;color:#fff;font-size:20px;}
.more{margin:30px auto 70px auto;width:60%;text-align:center;}
.more a{display:block;padding:5px;border:2px solid #0f4c81;border-radius:30px;font-size:20px;background:#0f4c81;color:#fff;}
.more a:hover{background:#fff;color:#0f4c81;font-weight:bold;}

@media screen and (max-width:800px) {
.inner{width:100%;}
div.nav ul{width:100%;}
}