@charset "UTF-8";

/* global box-sizing */
*,*:after,*:before {-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}
  /* html element 62.5% font-size for REM use */
  html {font-size:62.5%;}
  body {font:500 1.3em/1.4 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo",'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color:#000;text-align:center;}
      img {vertical-align:bottom;border:0;max-width:100%}
      a {text-decoration:none;color:#000}
      input:focus {outline:0;border:1px solid #04A4CC;}
      body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {  margin:0;  padding:0;}
        table {border-collapse:collapse;border-spacing:0;}
        address,caption,cite,code,dfn,em,strong,th,var {  font-style:normal;  font-weight:normal;}
        caption,th {text-align:left;}
        h1,h2,h3,h4,h5,h6 {  font-size:100%;  font-weight:normal;margin-bottom:1em}
        sup {  vertical-align:text-top;}
        sub {  vertical-align:text-bottom;}
        input,textarea,select {  font-family:inherit;  font-size:inherit;  font-weight:inherit;}
        /*to enable resizing for IE*/
        input,textarea,select {  max-width:100%;  *font-size:100%;}
        a img:hover,button:hover ,a:hover{ opacity: 0.7;}




body{border-top:40px solid #005bac}
body::before{display:block;height:14px;background-color:#009ce6;content:""}
.maru{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}

.container{max-width:1100px;text-align:left;margin:0 auto}
.hd{margin-bottom:18px}
.hd h1{float:left;width: 75%;}
.hd_logo{width:57%;margin-right:1%;margin-top:12px}
.hd_tel{width:39%;margin-top:12px}
.hd_pic{width:24%;float:right;margin-top:8px}


.hd .menu1,.hd .menu2{display:flex;justify-content:space-between;}
.hd .menu1 li,.hd .menu2 li{display:block;list-style-type:none;text-align:center}
.hd .menu1 a{color:#fff;display:block;font-size:1.6rem;height:44px;line-height:44px;background-color:#005bac;}

.hd .menu1{width:74.9%;}
.hd .menu2{clear:right}
.hd .menu1 li{margin-bottom:8px;width:32.7%;}


.hd .menu2 li{width:24.5%}
.hd .menu2 img{max-width:96%}
.hd .menu2 a{border-bottom-width:8px;border-bottom-style:solid;display:block}
.hd .menu2 .menu_reform a{background-color:#009944;border-bottom-color:#90c31f}
.hd .menu2 .menu_denki a{background-color:#f08200;border-bottom-color:#facd89}
.hd .menu2 .menu_suido a{background-color:#00a0e9;border-bottom-color:#7fcef4}
.hd .menu2 .menu_sonota a{background-color:#94252a;border-bottom-color:#c78f77}

.top_image{border-style:solid none;border-width:10px;border-color:#009ce6;margin-bottom:20px}
.main .top_image div{margin-bottom:0}
.top_copy{font-size:1.7rem;text-align:center;line-height:2}

.top_bnr{display:flex;justify-content:space-between}
.top_tel{text-align:center}
.top_tel img{max-width:92%}
.top_tel p.copy{font-weight:bold;font-size:3rem}

.main {padding-bottom:10px}
.main p,.main div,.main ul,.main ol,.main table {margin-bottom:1em;}
.main ul{margin-left:1em}


.ft{clear:both;margin:auto;}
.ft_inbox{max-width:1100px;margin:auto}
.ft_cont{text-align:left;border-top:14px solid #009ce6;background-color:#005bac;color:#fff;}
.ft address{margin:10px 20px;font-size:1.5rem;}
.ft address img{width:330px;margin-bottom:6px}
.ft address .tel::after{content:" ／ "}
.ft address .zip{margin-right:1em}

.ft_menu{float:right;margin:10px 20px}
.ft_menu a{color:#fff;display: inline-block;}
.ft_menu a::after{content:" | "}
.ft_menu a:last-child::after{content:""}
.ft_menu a:nth-child(3)::after{content:""}
.ft_cr{text-align:center;border-top:1px solid #fff;padding:3px}
.ft_pic{display:none}


/*pages*/
.main .page_hd{position:relative;border-style:solid none;border-width:9px;margin-bottom:0px;    width: 100%;}
.pg_hd_ttl{position:absolute;left:0px;max-width:310px;top: 0;}
.page_copy{padding:10px 20px}
.page_copy h2{font-weight:bold;font-size:2.2rem;margin-bottom:6px;line-height:1.2}
.page_copy p{font-size:1.7rem}
.page_copy .licence{list-style-type:none;margin:2px 0 10px}
.page_copy .licence li{display:inline-block;color:#fff;padding:1px 6px;font-size:1.6rem;margin-right:4px;text-align:center;font-weight:bold}
.page_copy div,.page_copy p{margin-bottom:0}
.page_imgs {display:flex;justify-content: space-between;}
.page_imgs img{width:33%}
.page_items{border-width:2px ;border-style:solid;position:relative;margin:40px 0px ;padding:36px 0 20px 20px;}
.page_items h2{font-size:2rem;border-width:2px ;border-style:solid ;display:inline-block;border-radius:20px;padding:0 20px;line-height:39px;position:absolute;top:-20px;left:20px;background-color:#fff}
.page_items ul{list-style-type:none;font-size:2.4rem;font-weight:bold;margin-bottom:0px;margin-left:0}
.page_items li{display:inline-block;margin-right:0.5em;line-height: 1.1;}
.page_items li:before{content:"■";}
.page_items li:last-child::before{content:"";}
.page_items img{width:160px;float:right;top: -30px;margin-right:10px;position:relative}

.page_exp{overflow:hidden;margin:20px 0px ;}
.page_exp img{float:left;margin-right:20px;width:33%}
.page_exp h2{font-size:2.2rem;font-weight:bold;margin-bottom:4px}
.page_exp p{font-size:1.5rem;margin-bottom:0}



/*reform*/
.main.reform .page_hd {border-color: #094;}
.reform .page_copy{background-color:#e7f1cf;}
.reform .page_copy .licence li{background-color:#094;}
.reform .page_items h2{border-color:#14ae67}
.reform .page_items{border-color: #14ae67;}
.reform .page_items li::before{color:#88c997;}
.reform .page_exp h2{color:#005bac;}
/*denki*/
.main.denki .page_hd {border-color: #f08200;}
.denki .page_copy{background-color:#fde7c6;}
.denki .page_copy .licence li{background-color:#f08200;}
.denki .page_items h2{border-color:#f7b249}
.denki .page_items{border-color: #f7b249;}
.denki .page_items li::before{color:#facd89;}
.denki .page_exp h2{color:#f08200;}

/*suido*/
.main.suido .page_hd {border-color: #00a0e9;}
.suido .page_items h2{border-color:#14ae67}
.suido .page_copy{background-color:#c7e8fa;}
.suido .page_copy .licence li{background-color:#00a0e9;}
.suido .page_items h2{border-color:#01b4ed}
.suido .page_items{border-color: #01b4ed;}
.suido .page_items li::before{color:#7fcef4;}
.suido .page_exp h2{color:#0068b7;}

/*sonota*/
.main.sonota .page_hd {border-color: #94252a;}
.sonota .page_items h2{border-color:#14ae67}
.sonota .page_copy{background-color:#e2c7b9;}
.sonota .page_copy .licence li{background-color:#94252a;}
.sonota .page_items h2{border-color:#ad5944}
.sonota .page_items{border-color: #ad5944;}
.sonota .page_items li::before{color:#c78f77;}


/*about*/
.main.about .page_hd {border-color: #005bac;margin-bottom:16px}
.about h2{background-color:#005bac;color:#fff;font-weight:bold;font-size:1.8rem;padding:3px 15px;clear:both;margin-bottom:.6em}
.about_mark img.mark{width:100px;float:left;margin:0 30px 1em 1em}
.about_mark p{font-size:1.4rem}
.about td ,.about th{font-size:1.3rem;padding:3px 10px;vertical-align:top;}
.about th{white-space:nowrap;padding-right:2em}
.about .access iframe{height:470px;width:100%}

/*contact*/
.main.contact .page_hd {border-color: #005bac;margin-bottom:16px}
.red{color:#d00;margin-left:3px;font-weight:bold;font-size:2rem}
.error{color:#d00}

.contact th,.contact td{display:block;}
.contact td{padding-bottom:16px}
.contact th{padding-top:3px}
.contact th::before{content:"■";color:#00a0e9}
.contact table{border-top:1px dashed #999 ;}
.contact table,.contact textarea,.contact input[type="text"]{width:100%}
.contact .pp{border:1px solid #666;padding:10px;background-color:#fffcd1}
.submit_button:hover{color:#600}
.button_box input[type="submit"] {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #03A9F4;/*色*/
  border-radius: 4px;
  border:1px solid #03A9F4;

}

.button_box input[type="submit"]:hover {
  /*押したとき*/
  background: #7ED7FF;/*色*/
}



@media screen and (max-width:1099px){
.page_items,.page_exp{margin:auto 1em}
.page_items{margin-top:30px}
.box{margin:auto 17px}

}


@media screen and (max-width:768px){
.page_copy{padding-top:5px}

.page_copy .licence{max-width: 100%;display: flex;flex-wrap: wrap;}
.page_copy .licence li{margin: 2px;min-width:0}
.page_copy h2{margin-bottom: 4px;}
.page_exp{margin-top:10px}
}


@media screen and (max-width:480px){
.hd .menu1 a{font-size: 1.4rem;}
}

@media screen and (max-width:414px){
  body{border-top-width:18px}
body::before{height:6px;}
.hd{text-align:center;margin-bottom:0px;}
.hd h1{width:94%;margin:auto;float:none}
.hd h1 img{width:100%}
.hd h1 img.hd_tel{width:96%;margin-bottom:8px}

.hd_pic{display:none}
.ft_pic{display:inline}
.toppage .hd_pic{width:76%;float:none;display:inline}

.toppage .ft_pic{display:none}

.hd .menu1{width:100%}
.hd .menu2{flex-wrap:wrap}
.hd .menu2 li{width:49.6%;margin-bottom:6px}


.top_copy{font-size: 1.4rem;line-height:1.5;}
.top_bnr{flex-wrap: wrap;}
.top_bnr a{width:49.5%;margin-bottom:3px}
.top_tel p.copy{font-size:2rem}

.ft_menu{float:none}
.ft address span{display:block}
.ft address .tel::after{content:""}


.pg_hd_ttl{width:60%}
.main .page_hd{border-width: 3px;}
.page_copy{padding:10px}
.page_copy .licence li{font-size:1.2rem}
.page_copy h2{font-size: 1.6rem;}
.page_copy p{font-size: 1.3rem;}
.page_imgs{display:block;text-align:center}
.page_imgs img{width:90%;margin-bottom:3px}
.page_items{padding: 20px 0 10px 10px;}
.page_items h2{font-size:1.6rem;line-height: 30px;border-radius: 15px;}
.page_items li{display:list-item;font-size: 2rem;}
.page_items li::before{width:18px;height:18px}
.page_items img{top:0px}
.page_exp img{float:none;width: 90%;margin:auto 5% 6px}
.page_exp h2{font-size:1.6rem}
.page_exp p{font-size:1.3rem}

}

@media screen and (max-width:375px){


  
  
}