/*
Theme Name: izumi
Theme URI:
Description:
Author:
Version:
*/

body{background: #fffcee;}

.pc{display: block;}
.sp{display: none;}

a{color:#000;text-decoration: underline;}

.block{max-width: 1200px;margin:0 auto;}
.block800{max-width: 800px;margin:0 auto;}

.flex{display: flex;justify-content: space-between;align-items: center;}
.center{text-align: center;}


.tl{font-size: 35px;font-weight: bold;letter-spacing: 0.15em;margin-bottom: 50px;text-align: center;}
.tl_copy{margin: -35px 0 50px;text-align: center;letter-spacing: 0;line-height: 160%}
.sub_tl{font-size: 30px;padding: 10px 0;text-align: center;border-top: solid 1px #000;border-bottom: solid 1px #000;font-weight: bold;}

.bk{background:rgba(0,163,216,0.06);}

.pa{padding:80px 0}
.pat0{padding:0 0 80px}


.btn {text-align: center;letter-spacing: 0;margin-top: 50px;}
.btn a{margin:0 auto;max-width: 480px;display: block;background: #fff;border-radius: 10px;border: solid 2px #acc83e;padding:25px 0;text-decoration: none;border-radius: 100px;line-height: 100%}
.btn a span{padding-right: 25px;background:url(./img/arw_bla.svg) no-repeat center right;background-size:18px;}
.btn input{background: #ee9200;color:#fff;padding:15px 0;text-align: center;display: block;width: 15em;border-radius: 10px;letter-spacing: 0;transition: 0.5s;border: solid 1px #ee9200;cursor: pointer;outline: none;appearance: none;font-size: 20px;margin:0 auto;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.btn input:hover{background: #ed6500}


table{border-collapse: collapse;border: solid 1px #ccc;width: 100%;background: #fff;}
table th,
table td{border: solid 1px #ccc;padding:15px;vertical-align: top;}
table th{background:rgba(0,163,216,0.15); }

#header{background: #fff;}

#logo{width:425px}
.hd{align-items: flex-start;}
.hd_top{padding: 30px;}
.hd_top dl{margin-left: 30px}
.hd_top dl dt{color:#555;font-size: 90% !important;letter-spacing: 0;margin-bottom: 5px}
.hd_top dl .fonts{display: inline-block;}
.hd_top dl button{outline: none;border: none;background: #fff;line-height: 100%;width: 65px;height: 50px;cursor: pointer;font-size: 90%;border: solid 1px #ccc;border-radius: 5px 0 0 5px ;border-right:none;font-weight: bold;}
.hd_top dl button:last-child{border-left:none; border-radius: 0 5px 5px 0 ;border-right:solid 1px #ccc;}
.hd_top dl button.is_active {background: #e5edc8;}
.hd_top dl.tel dd{font-size: 330%;font-weight: bold !important;}
.hd_top dl.tel dd span{line-height: 0%;}
.hd_top dl.tel dd span{}
.hd_top dl.tel dd img{width: 33px;margin-right: 5px}

#nav{padding-bottom: 30px;}
#nav li {width: 11.11111111%;border-right: dotted 1px #acc83e ;background: #fff;}
#nav li:last-child{border: none;}
#nav li a{display:block; text-align: center;text-decoration: none;font-size: 1.1vw;letter-spacing: 0;transition: 0.5s;}
#nav li a:hover{color:#acc83e;}
#nav li a span{display: block;margin: 0 0 5px;transition: 0.5s}
#nav li a img{width: 30px;height: 30px;transition: 0.5s;}
#nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
  padding:10px 0;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#nav.fixed li span{margin-bottom: 0}
#nav.fixed li a img{width: 24px;height: 24px;}

#mainview{position: relative}
#mainview .mainview_bottom{background: url(./img/mainview_bk.svg) no-repeat center bottom;background-size: 100%;position:absolute;bottom:0;width: 100%;height: 1.6vw}

#mainview .copy{position: absolute;left;bottom:80px;background: #fff;padding:30px 50px;border-radius: 0 30px 30px 0;z-index: 9}
#mainview .copy .catch{font-size: 184%;margin-bottom: 10px;font-weight: bold;}
#mainview .mainview_line{background: url(./img/mainview_line.svg) no-repeat center bottom;background-size: 100%;width: 100%;display: block;height: 8.7vw;position: absolute;bottom: 80px;z-index: 8}

#special{margin: 80px 0 -30px}
#special .flex{border: solid 3px #cc0000;border-radius: 35px;overflow:hidden;font-size: 110%;background: #cc0000}
#special .flex h3{padding:15px 30px;background: #cc0000;color:#fff;width: 25%;text-align: center;}
#special .flex ul{width: 75%}
#special .flex li{background: #fff;padding:15px 30px;}
#special .flex li a{display: block;color:#cc0000;text-decoration: none;background:url(./img/arw_red.svg) no-repeat center right;background-size:18px;}
#special .flex li:not(:first-child){border-top: dotted 1px #ccc;}

.sec01{position: relative;}
.sec01 .block{position: relative;z-index: 9}
.sec01 h2{width:244px;background: #ffebeb;text-align: center;border-radius: 10px;font-size: 180%;font-weight: bold;position: relative;padding: 40px}
.sec01 h2 span{display: block;opacity: 0.5;font-size: 50%;font-weight: normal;}
.sec01 .flex{align-items: stretch;position: relative;z-index: 9;}
.sec01 .flex ul{width: 950px;}
.sec01 .flex ul a{display: block;padding:20px 30px;border-radius: 10px;text-decoration: none;background:url(./img/arw_pin.svg) #fff no-repeat 97% center;background-size:18px;}
.sec01 .flex ul li:not(:first-child){margin-top: 5px;}
.sec01 .flex ul a dt{color:#808080;padding: 0 0 5px }
.sec01 .flex ul a dt span{font-size: 65%;border-radius: 100px;border: solid 1px #000;line-height: 100%;padding: 2px 5px;color:#000;margin: 0 0 0 5px;display: inline-block;position: relative;top:-2px}
.sec01 .images li{position: absolute;top:50px;left: -160px;width: 190px;}
.sec01 .images li:nth-child(2){top:auto;bottom:130px;left: -200px;width: 240px;}
.sec01 .images li:nth-child(3){top:auto;top:50px;left: auto;right:-200px;width: 240px;}
.sec01 .images li:nth-child(4){top:auto;bottom:130px;left: auto;right:-160px;width: 190px;}
.sec01 .btn a{border-color: #df9a97;}