@media(min-width: 1101px) {
/** main **/
    html{height:100%}
    body{font-size:13px;height:100%; width:100%;}
    .mb{ display:none!important;}
    .tab{ display:none!important;}
	#menu{width: 100%;position: relative;padding-bottom: 20px;}
	#menu ul{width: 1100px;margin: 0 auto;display: flex;list-style-type: none;justify-content: flex-end;align-items: flex-end;font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-weight: bold;}
	#menu ul li{margin: 0 0 0 30px;font-size: 14px;}
	#menu ul li:first-child{margin-right: auto!important;margin-left: 0!important;}
	#menu ul li:first-child img{width: 350px;padding: 10px 0 0 ;}
	#menu ul li:first-child img:hover{opacity: .5}
	#menu ul li a{text-decoration: none;color: #17224C;;display: block;position: relative;transition: .3s}
	#menu ul li a::after {position: absolute;bottom: 10px;left: 0;content: '';width: 0;height: 1px;background-color: #213963;transition: .4s;}
	#menu ul li a:hover::after {width: 100%;}
	#menu ul li:first-child a::after{display: none}
	#header{width: 100%;height: 60vh;position: relative;}

	.submenu{width: 1000px;margin: 50px auto 0;padding: 10px 8px;display: flex;justify-content: space-between;border: 2px solid #213963;}
	.submenu .message{width: 55%;padding: 2%;text-align: center;border: 2px solid #ccc;}
	.submenu .message p{margin-top: 10px;line-height: 1.7em;}
	.submenu .message p:first-child{color: #2B3D77;font-weight: bold;font-size: 23px;margin: 0;line-height: 1.4em;}
	.btn-wrap{width: 44%;}
	.btn-wrap .btn{display: inline-block;padding:13px 0;width: 100%;text-align: center;font-size: 14px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 12px;line-height: 1.8em;position: relative;}
	.btn-wrap .btn:nth-child(1) {margin: 0;}
	.btn-wrap .btn:after {position: absolute;top: 10px;right: 20px;content: ">";color: #fff;font-size: 20px;}
	.btn-wrap .btn img{width: 30px;vertical-align:middle;margin: -4px 8px 0 0;}
	.btn-wrap .btn:hover{opacity: .85;box-shadow: none;letter-spacing: .1em;-webkit-transform: translateY(2px);transform: translateY(2px)}
	#primary{width: 950px;margin: 0 auto;position: relative;padding: 50px 0;}
	#map{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
	.ggmap iframe,.ggmap object,.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	p.shop{font-size: 14px;line-height: 1.9em;margin-top: 10px;}
	p.shop span{font-size: 17px;font-weight: bold;}
	
	#shoplist{width: 100%;position: relative;}
	#shoplist ul{width: 100%;border-top: 1px solid #ccc;list-style-type: none;}
	#shoplist ul li{width: 100%;padding: 3vh 0;border-bottom: 1px solid #ccc;display: flex}
	#shoplist ul li .img{width: 28%;margin-right: 2%;}
	#shoplist ul li .img img{width: 100%}
	#shoplist ul li .info{font-size: 14px;line-height: 1.8em;}
	#shoplist ul li .info span{font-size: 19px; font-weight: bold;}
	#shoplist ul li .info span.small{font-size: 15px; font-weight: bold;color: #525252}
	#shoplist .btn{display: inline-block;padding:10px 0 8px;width: 300px;margin-right: 3%;text-align: center;font-size: 13px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 20px;line-height: 1.8em;position: relative;}
	#shoplist .btn:nth-child(3n) {margin-right: 0}
	#shoplist .btn:after {position: absolute;top: 8px;right: 10px;content: ">";color: #fff;font-size: 20px;}
	#shoplist .btn:hover{opacity: .85;border-bottom: solid 3px #fff;-webkit-transform: translateY(2px);transform: translateY(2px)}

	
	
	#section1{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section1 p.title{font-size: 15px;text-align: center;margin-top: 40px;line-height: 1.8em;}
	#section1 p.title span{font-size: 22px;font-weight: bold;color: #17224C;padding-left: 5px;letter-spacing: .1em}
	#section1 ul{width: 100%;list-style-type: none;display: flex;flex-wrap: wrap; margin-top: 20px;}
	#section1 ul li{width: 23.5%;margin-top: 30px;margin-right: 2%;}
	#section1 ul li:nth-child(4n){margin-right: 0;}
	#section1 ul li img{width: 100%;}
	#section1 ul li p.genre{font-weight: bold;font-size: 19px;letter-spacing: .01em;margin: 10px 0 20px;text-align: center;}
	#section1 ul li p.genre img{width: 27px;margin-right: 8px;}
	#section1 ul li p.in{font-size: 14px;padding: 0 0 0 5px;line-height: 1.8em;}
	#section2{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section2 ul{width: 100%;list-style-type: none;display: flex;flex-wrap: wrap; margin-top: 20px;}
	#section2 ul li{width: 15%;margin-top: 20px;margin-right: 2%;}
	#section2 ul li:nth-child(6n){margin-right: 0;}
	#section2 ul li img{width: 100%;}
	#section2 ul li p.genre{font-size: 19px;font-weight: bold;letter-spacing: .01em;margin: 10px 0;text-align: center;}
	#section2 ul li p.in{font-size: 12px;padding: 0 0 0 5px;}
	#section2 p.comment{font-size: 14px;text-align: center;margin: 30px 0 0 0;line-height: 1.8em;}
	#section3{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section3 p.title{font-size: 14px;text-align: center;margin-top: 30px;}
	#section3 .howto{width: 100%;position: relative;display: flex;align-items: flex-end; margin-top: 30px;}
	#section3 .row{flex-direction: row-reverse}
	#section3 .howto .box{width: 60%;padding: 2% 2% 0 2%}
	#section3 .howto .box:first-child{width: 40%;padding: 0;}
	#section3 .howto .box p.howto-title{text-align: center;font-size: 22px;font-weight: bold;margin-bottom: 5px;}
	#section3 .howto .box p.howto-subtitle{text-align: center;font-size: 14px;font-weight: normal;margin-bottom: 15px;border-bottom: 1px dotted #E3E3E3;padding-bottom: 10px;}
	#section3 .howto .box img{width: 100%;}
	#section3 .howto .box dl{width: 100%;display: flex;align-items: center; margin-top: 7px;}
	#section3 .howto .box dl dt{width: 17%}
	#section3 .howto .box dl dt img{width: 100%!important;}
	#section3 .howto .box dl dd{width: 80%;padding-left: 20px;}
	#section3 .howto .box dl dd p.step{font-size: 14px;font-weight: bold;margin-bottom: 5px;}
	#section3 .howto .box dl dd p.in{font-size: 14px;}
	#section3 .howto .box dl dd p.in span{text-align: center;margin: 20px 0;font-size: 14px;color: #f04}
	#section3 p.stepkome{text-align: left;margin: 20px 0 0 130px;font-size: 14px;color: #f04}
	#section3 .btn-consultation-wrap{width: 100%;text-align: center;margin-top: 60px;}
	#section3 .btn-consultation{display: inline-block;padding:15px 0;width: 50%;text-align: center;font-size: 17px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 20px;line-height: 1.8em;position: relative;}
	#section3 .btn-consultation:hover{-webkit-transform: translateY(3px);transform: translateY(3px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);opacity: .9}
	#section3 .btn-consultation img{width: 40px;margin-right: 5px;}
	#section3 p.attention{text-align: center;font-size: 24px;color: red;font-weight: bold;margin: 60px 0 40px;}
	#section3 ul.attention-list{list-style-type: none;width: 600px;margin: 0 auto;position: relative;}
	#section3 ul.attention-list li{background-image: url(../img/check.png);background-size: 20px 20px;background-position: left center;background-repeat: no-repeat;padding-left: 25px;margin-top: 10px;font-size: 15px;}
	#section3 ul.attention-list img{position: absolute;right: 0;bottom: 0;width: 200px;}
	#section3 p.kome{width: 620px;margin: 40px auto 0;font-size: 14px;line-height: 1.8em;}
	#section3 p.kome span{font-size: 15px;font-weight: bold;line-height: 2em;}
	#section4{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section4 ul.blog{width: 100%;margin-top: 40px;display: flex;flex-wrap: wrap;list-style-type: none;}
	#section4 ul.blog li{width: 49%;margin-top: 30px;margin-right: 1%;}
	#section4 ul.blog li:nth-child(2n){margin-left: 1%;margin-right: 0!important;}
	#section4 ul.blog li a{color: #333;text-decoration: none;}
	#section4 ul.blog li dl{width: 100%;display: flex}
	#section4 ul.blog li dl:hover{opacity: .7}
	#section4 ul.blog li dl dt{width: 30%;}
	#section4 ul.blog li dl dt img{width: 100%;}
	#section4 ul.blog li dl dd{width: 70%;padding-left: 10px;}
	#section4 ul.blog li dl dd p.title{font-size: 16px;font-weight: bold;}
	#section4 ul.blog li dl dd p.contents{font-size: 14px;}
	#section4 .btn-consultation-wrap{width: 100%;text-align: center;margin-top: 60px;}
	#section4 .btn-consultation{display: inline-block;padding:15px 0;width: 50%;text-align: center;font-size: 17px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 20px;line-height: 1.8em;position: relative;}
	#section4 .btn-consultation:hover{-webkit-transform: translateY(3px);transform: translateY(3px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);opacity: .9}
	#section4 .btn-consultation-wrap p{text-align: center;margin: 20px 0;font-size: 12px;color: #f04}
	#section5{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section5 .qa{width: 100%;padding-top: 30px;position: relative;background-image: url(../img/qa.png);background-repeat: no-repeat;background-size: 200px;background-position: right 40px bottom 0;}
	#section5 .qa .q{width: 100%;background-color:rgba(243,243,243,0.29);padding: 10px 0 10px 34px;font-size: 14px;position: relative;cursor: pointer;transition: .6s;margin-top: 10px}
	#section5 .qa .q:hover{background-color:rgba(173,173,173,0.40)}
	#section5 .qa .q:before{width: 20px;height: 20px;background-color: #333;color: #FFFFFF;border-radius: 50%;position: absolute;top:10px;left: 7px;content: "?";font-size: 15px;line-height: 21px; text-align: center}
	#section5 .qa .q:after{content: "";position: absolute;border: 9px solid transparent;border-top: 12px solid #333;top:14px;right: 20px;}
	#section5 .qa .a{width: 100%;padding: 12px 0 5px 40px;font-size: 14px;position: relative;line-height: 1.5em;}
	#section5 .qa .a:before{width: 20px;height: 20px;background-color: #6D6D6D;color: #FFFFFF;border-radius: 50%;position: absolute;top:10px;left: 13px;content: "A";font-size: 14px;line-height: 20px; text-align: center}
	#section6{width: 100%;padding-bottom: 60px;}
	#section6 p.title{font-size: 14px;text-align: center;margin-top: 30px;}
	#section6 p.title a{color: #919191;transition: .5s;text-decoration: none;padding: 0 7px}
	#section6 p.title a:hover{color:#E21E6B}
	#section6 .form-wrap{width: 100%;display: flex;margin-top: 30px;}
	#section6 .form-wrap .left{width: 50%}
	#section6 .form-wrap .right{width: 50%}
	#section6 dl.form{width: 100%}
	#section6 dt{font-size:13px;font-weight: bold;margin-top: 10px}
    #section6 input[type="text"]{width:90%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 8px 2%;margin:7px 0;border: 1px solid #EBEBEB}
    #section6 textarea{width:100%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 8px 2%;margin:7px 0;border: 1px solid #EBEBEB}
	#section6 input#submitbtn {display: inline-block;padding:8px 0;width: 40%;text-align: center;font-size: 13px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #17224C));border-bottom: solid 3px #04081B;margin-top: 10px;line-height: 1.8em;}
	#section6 input#submitbtn:active{-ms-transform: translateY(4px);-webkit-transform: translateY(4px);transform: translateY(4px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);border-bottom: none;}
    #section6 input#submitbtn::before,#contact input#submitbtn::after {position: absolute;z-index: -1;display: block;content: '';}
    #section6 input#submitbtn,#contact input#submitbtn::before,#contact input#submitbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #section6 input#submitbtn:hover {top: 4px;box-shadow: 0 0 0 #C17B00;}
	#company{width: 100%;background-color: #F0F0F0;padding: 20px 0; }
	#company .wrap{width: 700px;margin: 0 auto;display: flex;align-items: center}
	#company .wrap .img{width: 25px;}
	#company .wrap .img img{width: 100%;}
	#company .wrap .text{width: 660px;text-align: left;line-height: 2.1em;padding: 0 20px;}
	#company .wrap .text span{font-size: 20px;font-weight: bold;margin-right: 15px;letter-spacing: .03em}
	#company a{color: #333;text-decoration: none;transition: .3s}
	#company a:hover{color: #DD0C4F;text-decoration: underline;}
	#footer{width: 100%;background-color: #17224C;color: #fff;text-align: center;padding: 10px 0;font-size: 11px;}
	#footer p{margin: 5px 0;}
	#footer a{color: #fff;text-decoration: none;}
	#footer a:hover{color: #DD0C4F;text-decoration: underline;}
	
	/*子ページ*/
	#sub-head{width: 100%;padding: 10px 0}
	#sub-head .wrap{width: 1100px;margin: 0 auto;display: flex;justify-content: space-between;align-items:flex-end}
	#sub-head .wrap .logo{width:350px;}
	#sub-head .wrap .logo img{width:100%;}
	#sub-head .wrap .dial{font-size: 12px;}
	#sub-head .wrap .dial .tel{font-size: 17px;font-weight: bold;margin-top: 7px;}
	#sub-head .wrap .dial .tel img{width: 35px;vertical-align: middle;margin-top: -3px;}
	#sub-head .wrap .dial .tel a{color: #374149;text-decoration: none;transition: .5s}
	#sub-head .wrap .dial .tel a:hover{color: #EC0566}
	#sub-menu{width: 100%;background-color: #17224C;padding: 5px 0;}
	#sub-menu ul{width: 1100px;margin: 0 auto;display: flex;list-style-type: none;justify-content: center;font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
	#sub-menu ul li{margin: 0 30px;}
	#sub-menu ul li a{color: #fff;text-decoration: none;transition: .5s}
	#sub-menu ul li a:hover{color: #F00534}
	
	#sub-primary{width: 880px;margin: 0 auto;position: relative;padding: 50px 0;}
	#blog{width: 100%;display: flex;}
	#blog .main{width: 73%;}
	#blog .sub{width: 27%;padding:0 3% 0 2%;}
	#blog ul.blog{width: 100%;display: flex;flex-wrap: wrap;list-style-type: none;border-right: 1px solid rgba(215,215,215,1.00);padding-right: 2%;}
	#blog ul.blog li{width: 100%;margin-top: 20px;margin-right: 1%;}
	#blog ul.blog li:first-child{margin-top: 0;}
	#blog ul.blog li dl{width: 100%;display: flex}
	#blog ul.blog li dl:hover{opacity: .8}
	#blog ul.blog li a {color: #333;text-decoration: none;}
	#blog ul.blog li dl dt{width: 30%;}
	#blog ul.blog li dl dt img{width: 100%;}
	#blog ul.blog li dl dd{width: 70%;padding-left: 10px;}
	#blog ul.blog li dl dd p.title{font-size: 15px;font-weight: bold;}
	#blog ul.blog li dl dd p.contents{font-size: 12px;margin-top: 5px;line-height: 1.8em;}
	#blog .pager {overflow: hidden;margin-top: 30px;}
	#blog .pager ul {list-style: none;position: relative;left: 50%;float: left;}
	#blog .pager ul li {margin: 0 2px;position: relative;left: -50%;float: left;}
	#blog .pager ul li span,
	#blog .pager ul li a {display: block;font-size: 14px;padding: 0.6em 1em;border-radius: 3px;}
	#blog .pager ul li a {background: #EEE;color: #000;text-decoration: none;transition: .5s}
	#blog .pager ul li a:hover {background: #333;color: #FFF;}
	
	#blog #article{width: 100%;position: relative;border-right: 1px solid rgba(228,228,228,1.00);padding-right: 3%;}
	#blog #article .catch{width: 100%;margin: 15px 0 30px}
	#blog #article .catch img{width: 100%;}
	#blog #article p{line-height: 2em;margin-top: 15px;}
	#blog ul.article{width: 100%;display: flex;flex-wrap: wrap;list-style-type: none;margin-bottom: 20px;}
	#blog ul.article li{width: 100%;margin-top: 20px;margin-right: 1%;}
	#blog ul.article li dl{width: 100%;display: flex}
	#blog ul.article li dl:hover{opacity: .8}
	#blog ul.article li a {color: #333;text-decoration: none;}
	#blog ul.article li dl dt{width: 30%;}
	#blog ul.article li dl dt img{width: 100%;}
	#blog ul.article li dl dd{width: 70%;padding-left: 5px;}
	#blog ul.article li dl dd p.title{font-size: 10px;font-weight: bold;}
	#blog ul.article li dl dd p.contents{font-size: 10px;margin-top: 2px;}
	
	#blog .btn-consultation-wrap{width: 100%;text-align: center;margin-top: 60px;}
	#blog .btn-consultation{display: inline-block;padding:15px 0;width: 80%;text-align: center;font-size: 16px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 10px;line-height: 1.8em;}
	#blog .btn-consultation:active{-ms-transform: translateY(4px);-webkit-transform: translateY(4px);transform: translateY(4px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);border-bottom: none;}
	#blog .btn-consultation img{width: 35px;vertical-align: middle;margin-top: -2px;margin-right: 7px;}
	#blog .btn-consultation-wrap p{text-align: center;margin: 20px 0;font-size: 12px;color: #f04}	
	#blog .sub img.bnr{width: 100%;margin-top: 20px;}
	#blog .sub img.bnr:hover{opacity: .6}

}

/** RESPONSIVE BREAKPOINTS==========**/
@media(min-width: 721px) and (max-width: 1100px){
/** base **/
    html{height:100%;}
    body{font-size:85%;line-height:1.5em; width:100%;-webkit-text-size-adjust:100%;height:100%; max-width:100%!important;}
    .mb{ display:none!important;}
	.pc{display: none!important;}
	#menu{width: 100%;position: relative;padding-bottom: 10px;left: 0!important;top: 0!important}
	.drawer--left .drawer-nav{left: 0!important;top:0}
	#menu ul{width: 100%;margin: 0 auto;display: flex;list-style-type: none;justify-content: flex-end;align-items: flex-end;font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-weight: bold;padding: 0 10px}
	#menu ul li{margin: 0 0 0 30px;font-size: 14px;}
	#menu ul li:first-child{margin-right: auto!important;margin-left: 0!important;}
	#menu ul li:first-child img{width: 250px;padding: 10px 0 0 ;}
	#menu ul li:first-child img:hover{opacity: .5}
	#menu ul li a{text-decoration: none;color: #17224C;;display: block;position: relative;transition: .3s}
	#menu ul li a::after {position: absolute;bottom: 10px;left: 0;content: '';width: 0;height: 1px;background-color: #213963;transition: .4s;}
	#menu ul li a:hover::after {width: 100%;}
	#menu ul li:first-child a::after{display: none}
	#header{width: 100%;height: 60vh;position: relative;}

	.submenu{width: 98%;margin: 50px auto 0;padding: 10px 8px;display: flex;justify-content: space-between;border: 2px solid #213963;}
	.submenu .message{width: 55%;padding: 2%;text-align: center;border: 2px solid #ccc;}
	.submenu .message p{margin-top: 10px;line-height: 1.7em;font-size: 12px;}
	.submenu .message p:first-child{color: #2B3D77;font-weight: bold;font-size: 21px;margin: 0;line-height: 1.4em;}
	.btn-wrap{width: 44%;}
	.btn-wrap .btn{display: inline-block;padding:13px 0;width: 100%;text-align: center;font-size: 14px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 12px;line-height: 1.8em;position: relative;}
	.btn-wrap .btn:nth-child(1) {margin: 0;}
	.btn-wrap .btn:after {position: absolute;top: 10px;right: 20px;content: ">";color: #fff;font-size: 20px;}
	.btn-wrap .btn img{width: 30px;vertical-align:middle;margin: -4px 8px 0 0;}
	.btn-wrap .btn:hover{opacity: .85;box-shadow: none;letter-spacing: .1em;-webkit-transform: translateY(2px);transform: translateY(2px)}

	#shoplist{width: 100%;position: relative;}
	#shoplist ul{width: 100%;border-top: 1px solid #ccc;list-style-type: none;}
	#shoplist ul li{width: 100%;padding: 3vh 0;border-bottom: 1px solid #ccc;display: flex}
	#shoplist ul li .img{width: 33%;margin-right: 2%;}
	#shoplist ul li .img img{width: 100%}
	#shoplist ul li .info{font-size: 14px;line-height: 1.8em;}
	#shoplist ul li .info span{font-size: 19px; font-weight: bold;}
	#shoplist ul li .info span.small{font-size: 15px; font-weight: bold;color: #525252}
	#shoplist .btn{display: inline-block;padding:10px 0 8px;width: 300px;margin-right: 3%;text-align: center;font-size: 13px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 20px;line-height: 1.8em;position: relative;}
	#shoplist .btn:nth-child(3n) {margin-right: 0}
	#shoplist .btn:after {position: absolute;top: 8px;right: 10px;content: ">";color: #fff;font-size: 20px;}
	#shoplist .btn:hover{opacity: .85;border-bottom: solid 3px #fff;-webkit-transform: translateY(2px);transform: translateY(2px)}

	
	#primary{width: 100%;margin: 0 auto;position: relative;padding: 50px 2%;}
	#map{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
	.ggmap iframe,.ggmap object,.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	p.shop{font-size: 14px;line-height: 1.9em;margin-top: 10px;}
	p.shop span{font-size: 17px;font-weight: bold;}
	#section1{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section1 p.title{font-size: 15px;text-align: center;margin-top: 40px;line-height: 1.8em;}
	#section1 p.title span{font-size: 22px;font-weight: bold;color: #17224C;padding-left: 5px;letter-spacing: .1em}
	#section1 ul{width: 100%;list-style-type: none;display: flex;flex-wrap: wrap; margin-top: 20px;}
	#section1 ul li{width: 32%;margin-top: 30px;margin-right: 2%;}
	#section1 ul li:nth-child(3n){margin-right: 0;}
	#section1 ul li img{width: 100%;}
	#section1 ul li p.genre{font-weight: bold;font-size: 19px;letter-spacing: .01em;margin: 10px 0 20px;text-align: center;}
	#section1 ul li p.genre img{width: 27px;margin-right: 8px;}
	#section1 ul li p.in{font-size: 14px;padding: 0 0 0 5px;line-height: 1.8em;}
	#section2{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section2 ul{width: 100%;list-style-type: none;display: flex;flex-wrap: wrap; margin-top: 20px;}
	#section2 ul li{width: 23%;margin-top: 20px;margin-right: 2.5%;}
	#section2 ul li:nth-child(4n){margin-right: 0;}
	#section2 ul li img{width: 100%;}
	#section2 ul li p.genre{font-size: 19px;font-weight: bold;letter-spacing: .01em;margin: 10px 0;text-align: center;}
	#section2 ul li p.in{font-size: 12px;padding: 0 0 0 5px;}
	#section2 p.comment{font-size: 14px;text-align: center;margin: 30px 0 0 0;line-height: 1.8em;}
	#section3{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section3 p.title{font-size: 14px;text-align: center;margin-top: 50px;line-height: 2em;}
	#section3 .howto{width: 100%;position: relative;display: flex;align-items: flex-end; margin-top: 50px;}
	#section3 .row{flex-direction: row-reverse}
	#section3 .howto .box{width: 60%;padding: 2% 2% 0 2%}
	#section3 .howto .box:first-child{width: 40%;padding: 0;}
	#section3 .howto .box p.howto-title{text-align: center;font-size: 22px;font-weight: bold;margin-bottom: 10px;}
	#section3 .howto .box p.howto-subtitle{text-align: center;font-size: 14px;font-weight: normal;margin-bottom: 15px;border-bottom: 1px dotted #E3E3E3;padding-bottom: 10px;}
	#section3 .howto .box img{width: 100%;}
	#section3 .howto .box dl{width: 100%;display: flex;align-items: center; margin-top: 7px;}
	#section3 .howto .box dl dt{width: 17%}
	#section3 .howto .box dl dt img{width: 100%!important;}
	#section3 .howto .box dl dd{width: 80%;padding-left: 20px;}
	#section3 .howto .box dl dd p.step{font-size: 14px;font-weight: bold;margin-bottom: 5px;}
	#section3 .howto .box dl dd p.in{font-size: 14px;}
	#section3 .howto .box dl dd p.in span{text-align: center;margin: 20px 0;font-size: 14px;color: #f04}
	#section3 p.stepkome{text-align: left;margin: 20px 0 0 100px;font-size: 14px;color: #f04}
	#section3 .btn-consultation-wrap{width: 100%;text-align: center;margin-top: 60px;}
	#section3 .btn-consultation{display: inline-block;padding:15px 0;width: 50%;text-align: center;font-size: 17px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 20px;line-height: 1.8em;position: relative;}
	#section3 .btn-consultation:hover{-webkit-transform: translateY(3px);transform: translateY(3px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);opacity: .9}
	#section3 .btn-consultation img{width: 40px;margin-right: 5px;}
	#section3 p.attention{text-align: center;font-size: 24px;color: red;font-weight: bold;margin: 60px 0 40px;}
	#section3 ul.attention-list{list-style-type: none;width: 600px;margin: 0 auto;position: relative;}
	#section3 ul.attention-list li{background-image: url(../img/check.png);background-size: 20px 20px;background-position: left center;background-repeat: no-repeat;padding-left: 25px;margin-top: 10px;font-size: 15px;}
	#section3 ul.attention-list img{position: absolute;right: 0;bottom: 0;width: 200px;}
	#section3 p.kome{width: 620px;margin: 40px auto 0;font-size: 14px;line-height: 1.8em;}
	#section3 p.kome span{font-size: 15px;font-weight: bold;line-height: 2em;}
	#section4{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section4 ul.blog{width: 100%;margin-top: 40px;display: flex;flex-wrap: wrap;list-style-type: none;}
	#section4 ul.blog li{width: 49%;margin-top: 30px;margin-right: 1%;}
	#section4 ul.blog li:nth-child(2n){margin-left: 1%;margin-right: 0!important;}
	#section4 ul.blog li a{color: #333;text-decoration: none;}
	#section4 ul.blog li dl{width: 100%;display: flex}
	#section4 ul.blog li dl:hover{opacity: .7}
	#section4 ul.blog li dl dt{width: 30%;}
	#section4 ul.blog li dl dt img{width: 100%;}
	#section4 ul.blog li dl dd{width: 70%;padding-left: 10px;}
	#section4 ul.blog li dl dd p.title{font-size: 16px;font-weight: bold;}
	#section4 ul.blog li dl dd p.contents{font-size: 14px;}
	#section4 .btn-consultation-wrap{width: 100%;text-align: center;margin-top: 60px;}
	#section4 .btn-consultation{display: inline-block;padding:15px 0;width: 50%;text-align: center;font-size: 17px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 20px;line-height: 1.8em;position: relative;}
	#section4 .btn-consultation:hover{-webkit-transform: translateY(3px);transform: translateY(3px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);opacity: .9}
	#section4 .btn-consultation-wrap p{text-align: center;margin: 20px 0;font-size: 12px;color: #f04}
	#section5{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section5 .qa{width: 100%;padding-top: 30px;position: relative;background-image: url(../img/qa.png);background-repeat: no-repeat;background-size: 200px;background-position: right 40px bottom 0;}
	#section5 .qa .q{width: 100%;background-color:rgba(243,243,243,0.29);padding: 10px 0 10px 34px;font-size: 14px;position: relative;cursor: pointer;transition: .6s;margin-top: 10px}
	#section5 .qa .q:hover{background-color:rgba(173,173,173,0.40)}
	#section5 .qa .q:before{width: 20px;height: 20px;background-color: #333;color: #FFFFFF;border-radius: 50%;position: absolute;top:10px;left: 7px;content: "?";font-size: 15px;line-height: 21px; text-align: center}
	#section5 .qa .q:after{content: "";position: absolute;border: 9px solid transparent;border-top: 12px solid #333;top:14px;right: 20px;}
	#section5 .qa .a{width: 100%;padding: 12px 0 5px 40px;font-size: 14px;position: relative;line-height: 1.5em;}
	#section5 .qa .a:before{width: 20px;height: 20px;background-color: #6D6D6D;color: #FFFFFF;border-radius: 50%;position: absolute;top:10px;left: 13px;content: "A";font-size: 14px;line-height: 20px; text-align: center}
	#section6{width: 100%;padding-bottom: 60px;}
	#section6 p.title{font-size: 13px;text-align: center;margin-top: 30px;line-height: 2em;}
	#section6 p.title a{color: #919191;transition: .5s;text-decoration: none;padding: 0 7px}
	#section6 p.title a:hover{color:#E21E6B}
	#section6 .form-wrap{width: 100%;display: flex;margin-top: 30px;}
	#section6 .form-wrap .left{width: 50%}
	#section6 .form-wrap .right{width: 50%}
	#section6 dl.form{width: 100%}
	#section6 dt{font-size:13px;font-weight: bold;margin-top: 10px}
    #section6 input[type="text"]{width:90%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 8px 2%;margin:7px 0;border: 1px solid #EBEBEB}
    #section6 textarea{width:100%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 8px 2%;margin:7px 0;border: 1px solid #EBEBEB}
	#section6 input#submitbtn {display: inline-block;padding:8px 0;width: 40%;text-align: center;font-size: 13px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #17224C));border-bottom: solid 3px #04081B;margin-top: 10px;line-height: 1.8em;}
	#section6 input#submitbtn:active{-ms-transform: translateY(4px);-webkit-transform: translateY(4px);transform: translateY(4px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);border-bottom: none;}
    #section6 input#submitbtn::before,#contact input#submitbtn::after {position: absolute;z-index: -1;display: block;content: '';}
    #section6 input#submitbtn,#contact input#submitbtn::before,#contact input#submitbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #section6 input#submitbtn:hover {top: 4px;box-shadow: 0 0 0 #C17B00;}
	#company{width: 100%;background-color: #F0F0F0;padding: 20px 0; }
	#company .wrap{width: 600px;margin: 0 auto;display: flex;align-items: center}
	#company .wrap .img{width: 25px;}
	#company .wrap .img img{width: 100%;}
	#company .wrap .text{width: auto;text-align: left;line-height: 2.1em;padding: 0 20px;}
	#company .wrap .text span{font-size: 20px;font-weight: bold;margin-right: 15px;letter-spacing: .03em}
	#company a{color: #333;text-decoration: none;transition: .3s}
	#company a:hover{color: #DD0C4F;text-decoration: underline;}
	#footer{width: 100%;background-color: #17224C;color: #fff;text-align: center;padding: 10px 0;font-size: 11px;}
	#footer p{margin: 5px 0;}
	#footer a{color: #fff;text-decoration: none;}
	#footer a:hover{color: #DD0C4F;text-decoration: underline;}
	
	/*子ページ*/
	#sub-head{width: 100%;padding: 10px 0}
	#sub-head .wrap{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items:flex-end;padding: 0 10px}
	#sub-head .wrap .logo{width:250px;}
	#sub-head .wrap .logo img{width:100%;}
	#sub-head .wrap .dial{font-size: 11px;}
	#sub-head .wrap .dial .tel{font-size: 14px;font-weight: bold;margin-top: 7px;}
	#sub-head .wrap .dial .tel img{width: 30px;vertical-align: middle;margin-top: -3px;}
	#sub-head .wrap .dial .tel a{color: #374149;text-decoration: none;transition: .5s}
	#sub-head .wrap .dial .tel a:hover{color: #EC0566}
	#sub-menu{width: 100%;background-color: #17224C;padding: 5px 0;}
	#sub-menu ul{width: 100%;margin: 0 auto;display: flex;list-style-type: none;justify-content: center;font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
	#sub-menu ul li{margin: 0 30px;}
	#sub-menu ul li a{color: #fff;text-decoration: none;transition: .5s}
	#sub-menu ul li a:hover{color: #F00534}
	
	#sub-primary{width: 100%;margin: 0 auto;position: relative;padding: 50px 2%;}
	#blog{width: 100%;display: flex;}
	#blog .main{width: 73%;}
	#blog .sub{width: 27%;padding:0 0 0 2%;}
	#blog ul.blog{width: 100%;display: flex;flex-wrap: wrap;list-style-type: none;border-right: 1px solid rgba(215,215,215,1.00);padding-right: 2%;}
	#blog ul.blog li{width: 100%;margin-top: 20px;margin-right: 1%;}
	#blog ul.blog li:first-child{margin-top: 0;}
	#blog ul.blog li dl{width: 100%;display: flex}
	#blog ul.blog li dl:hover{opacity: .8}
	#blog ul.blog li a {color: #333;text-decoration: none;}
	#blog ul.blog li dl dt{width: 30%;}
	#blog ul.blog li dl dt img{width: 100%;}
	#blog ul.blog li dl dd{width: 70%;padding-left: 10px;}
	#blog ul.blog li dl dd p.title{font-size: 15px;font-weight: bold;}
	#blog ul.blog li dl dd p.contents{font-size: 12px;margin-top: 5px;line-height: 1.8em;}
	#blog .pager {overflow: hidden;margin-top: 30px;}
	#blog .pager ul {list-style: none;position: relative;left: 50%;float: left;}
	#blog .pager ul li {margin: 0 2px;position: relative;left: -50%;float: left;}
	#blog .pager ul li span,
	#blog .pager ul li a {display: block;font-size: 14px;padding: 0.6em 1em;border-radius: 3px;}
	#blog .pager ul li a {background: #EEE;color: #000;text-decoration: none;transition: .5s}
	#blog .pager ul li a:hover {background: #333;color: #FFF;}
	
	#blog #article{width: 100%;position: relative;border-right: 1px solid rgba(228,228,228,1.00);padding-right: 3%;}
	#blog #article .catch{width: 100%;margin: 25px 0 30px}
	#blog #article .catch img{width: 100%;}
	#blog #article p{line-height: 2em;margin-top: 15px;}
	#blog #article p.date{margin-bottom: 10px;}
	#blog ul.article{width: 100%;display: flex;flex-wrap: wrap;list-style-type: none;margin-bottom: 20px;}
	#blog ul.article li{width: 100%;margin-top: 20px;margin-right: 1%;}
	#blog ul.article li dl{width: 100%;display: flex}
	#blog ul.article li dl:hover{opacity: .8}
	#blog ul.article li a {color: #333;text-decoration: none;}
	#blog ul.article li dl dt{width: 30%;}
	#blog ul.article li dl dt img{width: 100%;}
	#blog ul.article li dl dd{width: 70%;padding-left: 5px;}
	#blog ul.article li dl dd p.title{font-size: 10px;font-weight: bold;}
	#blog ul.article li dl dd p.contents{font-size: 10px;margin-top: 2px;}
	
	#blog .btn-consultation-wrap{width: 100%;text-align: center;margin-top: 60px;}
	#blog .btn-consultation{display: inline-block;padding:15px 0;width: 80%;text-align: center;font-size: 16px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 10px;line-height: 1.8em;}
	#blog .btn-consultation:active{-ms-transform: translateY(4px);-webkit-transform: translateY(4px);transform: translateY(4px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);border-bottom: none;}
	#blog .btn-consultation img{width: 35px;vertical-align: middle;margin-top: -2px;margin-right: 7px;}
	#blog .btn-consultation-wrap p{text-align: center;margin: 20px 0;font-size: 12px;color: #f04}	
	#blog .sub img.bnr{width: 100%;margin-top: 20px;}
	#blog .sub img.bnr:hover{opacity: .6}

}

/** RESPONSIVE BREAKPOINTS==========**/
@media(max-width: 720px){
/** base **/
    html{height:100%;}
    body{font-size:85%;line-height:1.5em; width:100%;-webkit-text-size-adjust:100%;height:100%; max-width:100%!important;}
    .tab{ display:none;}
    .mbnone{ display:none!important}
	.pc{display: none;}

	#mbmenu{width: 100%;height: 55px;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 999}
	#mbmenu img{height: 90%;margin-top: 1%;padding-left: 2%;}
	.drawer-hamburger{z-index: 9999}
	.drawer-nav{box-shadow: 2px 0 3px #ccc inset;}
	ul.drawer-menu{width: 100%;list-style-type: none;}
	ul.drawer-menu li{width: 100%;list-style-type: none;padding: 10px 0 10px 10px;font-size: 13px;border-bottom: 1px dotted rgba(236,236,236,1.00);}
	ul.drawer-menu li a{display: block;color: #5D5D5D;text-decoration: none;}
	ul.drawer-menu li img{width: 100%;}
	#header{width: 100%;height: 60vh;position: relative;}

	.submenu{width: 100%;margin: 50px auto 0;padding: 1%;}
	.submenu .message{width: 100%%;border: 2px solid #213963;padding: 2%;text-align: center;}
	.submenu .message p{margin-top: 5px;font-size: 12px;line-height: 1.6em;}
	.submenu .message p:first-child{color: #2B3D77;font-weight: bold;font-size: 19px;margin: 0;line-height: 1.6em;}
	.btn-wrap{width: 100%;margin-top: 20px;}
	.btn-wrap .btn{display: inline-block;padding:8px 0;width: 100%;text-align: center;font-size: 14px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 8px;line-height: 1.8em;position: relative;}
	.btn-wrap .btn:nth-child(1) {margin: 0;}
	.btn-wrap .btn:after {position: absolute;top: 10px;right: 20px;content: ">";color: #fff;font-size: 20px;}
	.btn-wrap .btn img{width: 30px;vertical-align:middle;margin: -4px 8px 0 0;}
	.btn-wrap .btn:hover{opacity: .85;box-shadow: none;letter-spacing: .1em;-webkit-transform: translateY(2px);transform: translateY(2px)}

	#shoplist{width: 100%;position: relative;}
	#shoplist ul{width: 100%;border-top: 1px solid #ccc;list-style-type: none;}
	#shoplist ul li{width: 100%;padding: 3vh 0;border-bottom: 1px solid #ccc;}
	#shoplist ul li .img{width: 100%;margin-right: 2%;}
	#shoplist ul li .img img{width: 100%;margin-bottom: 10px;}
	#shoplist ul li .info{font-size: 14px;line-height: 1.8em;}
	#shoplist ul li .info span{font-size: 19px; font-weight: bold;}
	#shoplist ul li .info span.small{font-size: 15px; font-weight: bold;color: #525252}
	#shoplist .btn{display: inline-block;width: 90%;padding:10px 0 8px;margin-right: 3%;text-align: center;font-size: 13px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 20px;line-height: 1.8em;position: relative;}
	#shoplist .btn:nth-child(3n) {margin-right: 0}
	#shoplist .btn:after {position: absolute;top: 8px;right: 10px;content: ">";color: #fff;font-size: 20px;}
	#shoplist .btn:hover{opacity: .85;border-bottom: solid 3px #fff;-webkit-transform: translateY(2px);transform: translateY(2px)}

	
	
	#primary{width: 100%;margin: 0 auto;position: relative;padding: 50px 2%;}
	#map{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
	.ggmap iframe,.ggmap object,.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	p.shop{font-size: 13px;line-height: 1.9em;margin-top: 10px;}
	p.shop span{font-size: 16px;font-weight: bold;}
	#section1{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section1 p.title{font-size: 15px;text-align: center;margin-top: 40px;line-height: 1.8em;}
	#section1 p.title span{font-size: 19px;font-weight: bold;color: #17224C;padding-left: 5px;letter-spacing: .1em}
	#section1 ul{width: 100%;list-style-type: none;display: flex;flex-wrap: wrap; margin-top: 20px;}
	#section1 ul li{width: 49%;margin-top: 30px;margin-right: 2%;}
	#section1 ul li:nth-child(2n){margin-right: 0;}
	#section1 ul li img{width: 100%;}
	#section1 ul li p.genre{font-weight: bold;font-size: 14px;letter-spacing: .01em;margin: 10px 0 20px;text-align: center;}
	#section1 ul li p.genre img{width: 23px;margin-right: 8px;}
	#section1 ul li p.in{font-size: 14px;padding: 0 0 0 5px;line-height: 1.8em;}
	#section2{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section2 ul{width: 100%;list-style-type: none;display: flex;flex-wrap: wrap; margin-top: 20px;}
	#section2 ul li{width: 32%;margin-top: 20px;margin-right: 2%;}
	#section2 ul li:nth-child(3n){margin-right: 0;}
	#section2 ul li img{width: 100%;}
	#section2 ul li p.genre{font-size: 16px;font-weight: bold;letter-spacing: .01em;margin: 10px 0;text-align: center;}
	#section2 ul li p.in{font-size: 12px;padding: 0 0 0 5px;}
	#section2 p.comment{font-size: 16px;text-align: center;margin: 30px 0 0 0;line-height: 1.8em;}
	#section3{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section3 p.title{font-size: 16px;text-align: center;margin-top: 50px;line-height: 2em;}
	#section3 .howto{width: 100%;position: relative; margin-top: 50px;}
	#section3 .row{flex-direction: row-reverse}
	#section3 .howto .box{width: 100%;padding: 2% 2% 0 2%;text-align: center;margin-top: 20px;}
	#section3 .howto .box:first-child{width: 100%;padding: 0;}
	#section3 .howto .box p.howto-title{text-align: center;font-size: 20px;font-weight: bold;margin-bottom: 10px;}
	#section3 .howto .box p.howto-subtitle{text-align: center;font-size: 15px;font-weight: normal;border-bottom: 1px dotted #E3E3E3;padding-bottom: 10px;}
	#section3 .howto .box img{width: 80%;margin: 0 auto}
	#section3 .howto .box dl{width: 100%;display: flex;align-items: center; margin-top: 20px;text-align: left;}
	#section3 .howto .box dl dt{width: 17%}
	#section3 .howto .box dl dt img{width: 100%!important;}
	#section3 .howto .box dl dd{width: 80%;padding-left: 20px;}
	#section3 .howto .box dl dd p.step{font-size: 15px;font-weight: bold;margin-bottom: 5px;}
	#section3 .howto .box dl dd p.in{font-size: 15px;line-height: 1.6em;}
	#section3 .howto .box dl dd p.in span{text-align: center;margin: 20px 0;font-size: 16px;color: #f04}
	#section3 p.stepkome{text-align: center;margin: 20px 0 0;font-size: 14px;color: #f04;line-height: 1.8em;}
	#section3 .btn-consultation-wrap{width: 100%;text-align: center;margin-top: 30px;}
	#section3 .btn-consultation{display: inline-block;padding:15px 0;width: 90%;text-align: center;font-size: 17px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 20px;line-height: 1.8em;position: relative;}
	#section3 .btn-consultation:hover{-webkit-transform: translateY(3px);transform: translateY(3px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);opacity: .9}
	#section3 .btn-consultation img{width: 40px;margin-right: 5px;}
	#section3 p.attention{text-align: center;font-size: 18px;color: red;font-weight: bold;margin: 60px 0 40px;}
	#section3 ul.attention-list{list-style-type: none;width: 100%;margin: 0 auto;position: relative;}
	#section3 ul.attention-list li{background-image: url(../img/check.png);background-size: 15px 15px;background-position: left center;background-repeat: no-repeat;padding-left: 25px;margin-top: 10px;font-size: 14px;}
	#section3 ul.attention-list img{position: absolute;right: 0;bottom: 0;width: 120px;}
	#section3 p.kome{margin: 40px auto 0;font-size: 12px;line-height: 1.8em;}
	#section3 p.kome span{font-size: 15px;font-weight: bold;line-height: 2em;}
	#section4{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section4 ul.blog{width: 100%;margin-top: 60px;list-style-type: none;}
	#section4 ul.blog li{width: 100%;margin-top: 20px;margin-right: 1%;}
	#section4 ul.blog li:nth-child(2n){margin-left: 1%;margin-right: 0!important;}
	#section4 ul.blog li a{color: #333;text-decoration: none;}
	#section4 ul.blog li dl{width: 100%;display: flex}
	#section4 ul.blog li dl:hover{opacity: .7}
	#section4 ul.blog li dl dt{width: 30%;}
	#section4 ul.blog li dl dt img{width: 100%;}
	#section4 ul.blog li dl dd{width: 70%;padding-left: 10px;}
	#section4 ul.blog li dl dd p.title{font-size: 16px;font-weight: bold;}
	#section4 ul.blog li dl dd p.contents{font-size: 14px;}
	#section4 .btn-consultation-wrap{width: 100%;text-align: center;margin-top: 60px;}
	#section4 .btn-consultation{display: inline-block;padding:15px 0;width: 80%;text-align: center;font-size: 17px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 20px;line-height: 1.8em;position: relative;}
	#section4 .btn-consultation:hover{-webkit-transform: translateY(3px);transform: translateY(3px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);opacity: .9}
	#section4 .btn-consultation-wrap p{text-align: center;margin: 20px 0;font-size: 12px;color: #f04}
	#section5{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #ADADAD}
	#section5 .qa{width: 100%;padding-top: 30px;position: relative;background-image: url(../img/qa.png);background-repeat: no-repeat;background-size: 100px;background-position: right 40px bottom 0;}
	#section5 .qa .q{width: 100%;background-color:rgba(243,243,243,0.29);padding: 10px 30px 10px 34px;font-size: 14px;position: relative;cursor: pointer;transition: .6s;margin-top: 10px;line-height: 1.7em;	}
	#section5 .qa .q:hover{background-color:rgba(173,173,173,0.40)}
	#section5 .qa .q:before{width: 20px;height: 20px;background-color: #333;color: #FFFFFF;border-radius: 50%;position: absolute;top:10px;left: 7px;content: "?";font-size: 15px;line-height: 21px; text-align: center}
	#section5 .qa .q:after{content: "";position: absolute;border: 9px solid transparent;border-top: 12px solid #333;top:14px;right: 10px;}
	#section5 .qa .a{width: 100%;padding: 12px 0 5px 40px;font-size: 14px;position: relative;line-height: 1.5em;}
	#section5 .qa .a:before{width: 20px;height: 20px;background-color: #6D6D6D;color: #FFFFFF;border-radius: 50%;position: absolute;top:10px;left: 13px;content: "A";font-size: 14px;line-height: 20px; text-align: center}
	#section6{width: 100%;padding-bottom: 60px;}
	#section6 p.title{font-size: 14px;text-align: center;margin-top: 40px;line-height: 2em;}
	#section6 p.title a{color: #919191;transition: .5s;text-decoration: none;padding: 0 7px}
	#section6 p.title a:hover{color:#E21E6B}
	#section6 .form-wrap{width: 100%;margin-top: 30px;}
	#section6 .form-wrap .left{width: 100%}
	#section6 .form-wrap .right{width: 100%}
	#section6 dl.form{width: 100%}
	#section6 dt{font-size:15px;font-weight: bold;margin-top: 10px}
    #section6 input[type="text"]{width:90%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 8px 2%;margin:7px 0;border: 1px solid #EBEBEB}
    #section6 textarea{width:100%;min-width:150px;background-color: #fff;color: #000;padding:7px 0 8px 2%;margin:7px 0;border: 1px solid #EBEBEB}
	#section6 input#submitbtn {display: inline-block;padding:8px 0;width: 40%;text-align: center;font-size: 13px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #17224C));border-bottom: solid 3px #04081B;margin-top: 10px;line-height: 1.8em;}
	#section6 input#submitbtn:active{-ms-transform: translateY(4px);-webkit-transform: translateY(4px);transform: translateY(4px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);border-bottom: none;}
    #section6 input#submitbtn::before,#contact input#submitbtn::after {position: absolute;z-index: -1;display: block;content: '';}
    #section6 input#submitbtn,#contact input#submitbtn::before,#contact input#submitbtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #section6 input#submitbtn:hover {top: 4px;box-shadow: 0 0 0 #C17B00;}
	#company{width: 100%;background-color: #F0F0F0;padding: 20px 0; }
	#company .wrap{width: 100%;margin: 0 auto;display: flex;align-items: center}
	#company .wrap .img{width: 20%;padding: 0 15px 0 10px}
	#company .wrap .img img{width: 100%;}
	#company .wrap .text{width: 80%;text-align: left;line-height: 2em;}
	#company .wrap .text span{font-size: 14px;font-weight: bold;}
	#company a{color: #333;text-decoration: none;transition: .3s}
	#company a:hover{color: #DD0C4F;text-decoration: underline;}
	#footer{width: 100%;background-color: #17224C;color: #fff;text-align: center;padding: 10px 0;font-size: 11px;}
	#footer p{margin: 5px 0;}
	#footer a{color: #fff;text-decoration: none;}
	#footer a:hover{color: #DD0C4F;text-decoration: underline;}
	
	/*子ページ*/
	#sub-head{width: 100%;padding: 10px 0}
	#sub-head .wrap{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items:flex-end;padding: 0 10px}
	#sub-head .wrap .logo{width:250px;}
	#sub-head .wrap .logo img{width:100%;}
	#sub-head .wrap .dial{font-size: 11px;}
	#sub-head .wrap .dial .tel{font-size: 14px;font-weight: bold;margin-top: 7px;}
	#sub-head .wrap .dial .tel img{width: 30px;vertical-align: middle;margin-top: -3px;}
	#sub-head .wrap .dial .tel a{color: #374149;text-decoration: none;transition: .5s}
	#sub-head .wrap .dial .tel a:hover{color: #EC0566}
	
	#sub-primary{width: 100%;margin: 0 auto;position: relative;padding: 80px 2%;}
	#blog{width: 100%;}
	#blog .main{width: 100%;}
	#blog .sub{width: 100%;}
	#blog ul.blog{width: 100%;display: flex;flex-wrap: wrap;list-style-type: none;}
	#blog ul.blog li{width: 100%;margin-top: 20px;margin-right: 1%;}
	#blog ul.blog li:first-child{margin-top: 0;}
	#blog ul.blog li dl{width: 100%;display: flex}
	#blog ul.blog li dl:hover{opacity: .8}
	#blog ul.blog li a {color: #333;text-decoration: none;}
	#blog ul.blog li dl dt{width: 30%;}
	#blog ul.blog li dl dt img{width: 100%;}
	#blog ul.blog li dl dd{width: 70%;padding-left: 10px;}
	#blog ul.blog li dl dd p.title{font-size: 13px;font-weight: bold;}
	#blog ul.blog li dl dd p.contents{font-size: 10px;margin-top: 5px;line-height: 1.4em;}
	#blog .pager {overflow: hidden;margin-top: 30px;}
	#blog .pager ul {list-style: none;position: relative;left: 50%;float: left;}
	#blog .pager ul li {margin: 0 2px;position: relative;left: -50%;float: left;}
	#blog .pager ul li span,
	#blog .pager ul li a {display: block;font-size: 13px;padding: 0.5em 0.7em;border-radius: 3px;}
	#blog .pager ul li a {background: #EEE;color: #000;text-decoration: none;transition: .5s}
	#blog .pager ul li a:hover {background: #333;color: #FFF;}
	
	#blog #article{width: 100%;position: relative;}
	#blog #article .catch{width: 100%;margin: 25px 0 30px}
	#blog #article .catch img{width: 100%;}
	#blog #article p{line-height: 2em;margin-top: 15px;}
	#blog #article p.date{margin-bottom: 10px;}
	#blog ul.article{width: 100%;display: flex;flex-wrap: wrap;list-style-type: none;margin-bottom: 20px;}
	#blog ul.article li{width: 100%;margin-top: 20px;margin-right: 1%;}
	#blog ul.article li dl{width: 100%;display: flex}
	#blog ul.article li dl:hover{opacity: .8}
	#blog ul.article li a {color: #333;text-decoration: none;}
	#blog ul.article li dl dt{width: 30%;}
	#blog ul.article li dl dt img{width: 100%;}
	#blog ul.article li dl dd{width: 70%;padding-left: 5px;}
	#blog ul.article li dl dd p.title{font-size: 10px;font-weight: bold;}
	#blog ul.article li dl dd p.contents{font-size: 10px;margin-top: 2px;}
	
	#blog .btn-consultation-wrap{width: 100%;text-align: center;margin-top: 60px;}
	#blog .btn-consultation{display: inline-block;padding:15px 0;width: 90%;text-align: center;font-size: 15px;text-decoration: none;border-radius: 4px;color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;margin-top: 10px;line-height: 1.8em;}
	#blog .btn-consultation:active{-ms-transform: translateY(4px);-webkit-transform: translateY(4px);transform: translateY(4px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);border-bottom: none;}
	#blog .btn-consultation img{width: 35px;vertical-align: middle;margin-top: -2px;margin-right: 7px;}
	#blog .btn-consultation-wrap p{text-align: center;margin: 20px 0;font-size: 12px;color: #f04}	
	#blog .sub img.bnr{width: 100%;margin-top: 20px;}
	#blog .sub img.bnr:hover{opacity: .6}
}


div.wpcf7{
    width: 100%;
    position: relative;
}
.wpcf7-form{
    width: 100%;
    display: flex;
}

div.wpcf7 .screen-reader-response{
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 50% !important;
    clip: auto !important;
    height: auto !important;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 720px){
    .wpcf7-form{
        display: block;
    }
    div.wpcf7 .screen-reader-response{
        left: 0;
        bottom: -50px;
        width: 100% !important;
    }
}

#section6 input[type="email"]{
    width: 90%;
    min-width: 150px;
    background-color: #fff;
    color: #000;
    padding: 7px 0 8px 2%;
    margin: 7px 0;
    border: 1px solid #EBEBEB;
}

.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors,
.screen-reader-response ul{
    display: none !important;
}
#blog .pager {overflow: hidden;margin-top: 30px;}
#blog .pager .wp-pagenavi {list-style: none;position: relative;left: 50%;float: left;}

#blog .pager .wp-pagenavi a, #blog .pager .wp-pagenavi span {display: block; margin: 0 2px;position: relative;left: -50%;float: left;}
#blog .pager .wp-pagenavi a, #blog .pager .wp-pagenavi span {font-size: 14px;padding: 0.6em 1em;border-radius: 3px;}
#blog .pager .wp-pagenavi a {background: #EEE;color: #000;text-decoration: none;transition: .5s}
#blog .pager .wp-pagenavi a:hover {background: #333;color: #FFF;}

@media(min-width: 721px) and (max-width: 1100px){
	#blog .pager {overflow: hidden;margin-top: 30px;}
	#blog .pager .wp-pagenavi {list-style: none;position: relative;left: 50%;float: left;}
	#blog .pager .wp-pagenavi a, #blog .pager .wp-pagenavi span {margin: 0 2px;position: relative;left: -50%;float: left;}
	#blog .pager .wp-pagenavi span,
	#blog .pager .wp-pagenavi a {display: block;font-size: 14px;padding: 0.6em 1em;border-radius: 3px;}
	#blog .pager .wp-pagenavi a {background: #EEE;color: #000;text-decoration: none;transition: .5s}
	#blog .pager .wp-pagenavi a:hover {background: #333;color: #FFF;}
}
@media(max-width: 720px){
	#blog .pager {overflow: hidden;margin-top: 30px;}
	#blog .pager .wp-pagenavi {list-style: none;position: relative;left: 50%;float: left;}
	#blog .pager .wp-pagenavi a, #blog .pager .wp-pagenavi span {display: block;  margin: 0 2px;position: relative;left: -50%;float: left;}
	#blog .pager .wp-pagenavi span,
	#blog .pager .wp-pagenavi a {display: block;font-size: 13px;padding: 0.5em 0.7em;border-radius: 3px;}
	#blog .pager .wp-pagenavi a {background: #EEE;color: #000;text-decoration: none;transition: .5s}
	#blog .pager .wp-pagenavi a:hover {background: #333;color: #FFF;}
}
@media(min-width: 1101px) {
	#blog .sub p.tag{width: 100%;border-bottom: 2px solid #2B3D77;font-size: 17px;font-weight: bold;color:#2B3D77;padding-bottom: 10px;}
	#blog .sub ul.cate{width: 98%;margin: 0 auto 5vh;list-style-type: none;}
	#blog .sub ul.cate li{width: 100%;border-bottom: 1px solid #ccc;font-weight: bold;font-size: 12px;padding-bottom: 5px;margin-top: 10px;}
	#blog .sub ul.cate li a{color:#000;text-decoration: none;transition: .5s}
	#blog .sub ul.cate li a:hover{color:#657ABD}
	#blog .sub ul.shoplist{width: 98%;margin: 0 auto 20vh;list-style-type: none;}
	#blog .sub ul.shoplist li{width: 100%;font-weight: bold;font-size: 12px;padding-bottom: 5px;margin-top: 10px;}
	#blog .sub ul.shoplist li a{color:#000;text-decoration: none;transition: .5s}
	#blog .sub ul.shoplist li a:hover{color:#657ABD}
	#blog .sub ul.shoplist li img{width: 100%;}
	#blog .sub ul.shoplist li .btn{display: inline-block;width: 100%;padding: 7px 0 4px;margin-top: -20px; text-align: center;font-size: 13px;text-decoration: none;color: #ffffff!important;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #070F2C), color-stop(1.00, #2B3D77));border-bottom: solid 3px #04081B;line-height: 1.8em;position: relative;}
}

#newyear{
    max-width: 1000px;
    margin: 40px auto 0;
}

#newyear img{
    max-width: 100%;
}

/* 20240409 */

#header {
    height: auto;
}
#mod2404-mv {
    text-align: center;
}
@media(max-width: 720px){
    #mod2404-mv {
        padding-top: 55px;
    }
}

#mod2404-mv img {
    max-width: 100%;
}