@charset "UTF-8";

/*body*/
body {
    font-size: 1em;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.5;
   
  background-position: top center;
   
  /*background-repeat: no-repeat;*/
   
  background-attachment: fixed;
    
     background-image: url(../img/green.jpg);
   border-image-repeat:repeat;
  background-size: 100%; /*100% かeainで設定するとそのままの画像の割合で表示される*/
   
  background-color: #d4fdce;
}

/*文字・段落設定*/
.intend{ padding-left: 0.8em;
    padding-right: 0.8em
    
}

/*リストメインテキスト*/
li{list-style: none;}
.carlist {list-style: circle;
margin-left: 5%;}

/*  福祉車両テーブル内  */
.car01{width: 28%;}
.car02{margin-left: 2%;}

/*リスト 福祉車両ナビ*/
.carnavi  li {
    float: left;
    display: block;
width: auto;
margin-left: 2%;
margin-right: 2%;}



/*リンク色*/
a {
	color: #028760;
}

a:hover {
    color: #68be8d;}
     

/*色設定*/
.red{color: red;}
.blue{color: blue;}

/*font設定*/
.bold{font-weight: bold;}


/*テキストの中の区切り線*/
    .lead{border-bottom: darkgray 1px dashed;
        padding-bottom: 5px;
        margin-bottom: 10px;
}
 /*テキスト内説明文の設定*/   
div.text p{
padding-bottom: 2px;}
    

/*clearfix*/
.clearfix{zoom:1;}
.clearfix:before,
.clearfix:after{
    display:table;
    content:" ";
    line-height:0;
}
.clearfix:after{clear: both;}


/*パンクズリストの設定*/
   #breadcrumbs li{
    display: inline;
    list-style-type: none;
        font-size: 12px;
   padding-left: 5px;}
    
   #breadcrumbs li:after {
    content: ">";}
    
    #breadcrumbs li:last-child:after {
    content: "";}

div .empty{margin: 20px;
width: auto;
height:20px;
}


.inline-block {
    display: inline-block;      /* インラインブロック要素にする */
        /* 背景色指定 */
    padding:  10px;             /* 余白指定 */
    width: 45%;
       /* 高さ指定 */
}
/*imgbox設定*/
.imgbox01{
    padding: 10px 20px;
}

/*テキストボックス設定*/
div.textbox{margin-left: 10px;
    padding: 10px;
    width: 90%;
   -moz-border-radius: 15px;    /* 古いFirefox */
   -webkit-border-radius: 15px; /* 古いSafari,Chrome */
   border-radius: 15px;         /* CSS3 */}

/*角丸ボックス設定*/
div.kadomaru {margin: auto;
    padding: 8px;
    width: 100%;
   -moz-border-radius: 15px;    /* 古いFirefox */
   -webkit-border-radius: 15px; /* 古いSafari,Chrome */
   border-radius: 15px;         /* CSS3 */

   border: 2px #79b279 solid;     /* 枠線の装飾 */
   background-color: #edffed;   /* 背景色 */
    word-break:break-all; /* 文字折り返し*/
}

div.kadomaru2 {margin: auto;
    padding: 10px;
    width: 85%;
   -moz-border-radius: 15px;    /* 古いFirefox */
   -webkit-border-radius: 15px; /* 古いSafari,Chrome */
   border-radius: 15px;         /* CSS3 */

   border: 2px #79b279 solid;     /* 枠線の装飾 */
   background-color: #edffed;   /* 背景色 */
}

div.kadomaru3 {margin-left: 10px;
    padding: 10px;
    width: 85%;
   -moz-border-radius: 15px;    /* 古いFirefox */
   -webkit-border-radius: 15px; /* 古いSafari,Chrome */
   border-radius: 15px;         /* CSS3 */

   border: 2px #79b279 solid;     /* 枠線の装飾 */
   background-color: #edffed;   /* 背景色 */
}

div.kadomaru4 {margin-left: 10px;
    padding: 15px;
    width: 85%;
   -moz-border-radius: 15px;    /* 古いFirefox */
   -webkit-border-radius: 15px; /* 古いSafari,Chrome */
   border-radius: 15px;         /* CSS3 */

   border: 2px #79b279 solid;     /* 枠線の装飾 */
   background-color: rgba(255, 255, 252, 0.8);   /* 背景色 */
}

div .balloon-left{margin-left: 10%;
    padding: 15px;
    margin-bottom: 10px;
    width: 85%;
   -moz-border-radius: 15px;    /* 古いFirefox */
   -webkit-border-radius: 15px; /* 古いSafari,Chrome */
   border-radius: 10px;         /* CSS3 */

   border: 2px #79b279 solid;     /* 枠線の装飾 */
   background-color: #edffed;   /* 背景色 */
}


div .balloon-right{margin-right: 10%;
    padding: 15px;
    margin-bottom: 10px;
    width: 85%;
   -moz-border-radius: 15px;    /* 古いFirefox */
   -webkit-border-radius: 15px; /* 古いSafari,Chrome */
   border-radius: 10px;         /* CSS3 */

   border: 2px #ff9c3a solid;     /* 枠線の装飾 */
   background-color: #fffded;   /* 背景色 */
}


div .carebox01{float: left;
max-width: 50%;
height: auto;}
div .carebox02{float: left;
max-width:  40%;
height: auto;}
div .carebox03{float: none;
max-width: 100%;
height: auto;
    padding: inherit;
}
.boxContainer{overflow: hidden;}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}


/*imagebox*/
 .image1{padding: 5px;}

h2{font-family: YuGothic, '游ゴシック', Meiryo, sans-serif, 'Miltonian Tattoo', cursive;
    color: #005243;
    font-size: 1.4em;
    font-weight: bold;
padding: .25em 0 .2em .75em;
	border-left: 6px solid #028760;
	border-bottom: 1px solid #028760;
    margin-bottom: 10px;
}
    
     /*見出しの中のフォント色を変える*/
     h2 span{color: #f08300;
     font-family: 'Miltonian Tattoo','游ゴシック', sans-serif,cursive;}

h3{font-family: YuGothic, '游ゴシック', Meiryo, sans-serif, 'Miltonian Tattoo', cursive;
    color: #383c3c;
    font-size: 1.2em;
	position: relative;
	padding: 0 .4em .1em;
    margin-top: 16px;
}
h3::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
	background-color: #007b43;
}

h3 span{font-size: 0.7em;
font-weight: normal;}

h4{margin-top: 10px;
padding:  0 .4em .1em;}

h4 span{font-size: 1em;
font-weight: normal;}

/*center設定*/
.style{text-align: center;}

/*空白行設定*/
.emp1{margin-bottom: 1em;}
.emp2{margin-bottom: 2em;}
.emp3{margin-bottom: 3em;}
.emp5{margin-bottom: 5em;}

.breakword {word-wrap: break-word;}

/*フロート横並びテキスト用
.media {
    background: #FFF;
    padding: 10px;
    overflow: hidden;
}
.media__image {
    float: left;
    margin-right: 10px;
}
.media__summary {
    overflow: hidden;
}
.media__heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}*/

*, *:before, *:after {
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap:wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_2 > div{
		width: 100%;
	}
}

/*ページトップ
-------------------------------------------------------------*/

#page-top { display: block; position: fixed; z-index: 9999; bottom: -60px; right: 20px; width: 100px; height: 50px; padding: auto;     
background:rgba(65,149,75,0.7);     
    color: #fff; font-size: 24px; text-align: center; text-decoration: none; line-height: 30px; transition: .5s; }
#page-top:hover { 
    background:  rgba(97, 167, 124,0.6);}
#page-top:hover .fa { transition: .5s; }
#page-top:hover .fa {transform: rotateY(360deg); }


/*スマホ水平
@media only screen and (orientation:landscape) {
    body{font-size: 0.8em;}
}*/

/*スマホ*/
@media only screen and (max-width: 767px) {
    
    body{width:99%;}


#pc{display:none;}
    #pclogo{display: none;}

    

h1{margin-left: 3%;
    margin-top: 10px;}
    
    div .headinfosp{max-width: 76%;
        height: auto;
    font-size: 0.9em;
    padding: 5px;
    margin: 5px;
    float: right;}

 /*ナビ・メニュー*/
    nav #sp {
	width: 100%;
}
    
nav#sp ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
float: left;
    width: 100%;}

nav#sp ul li{  
padding: 0; 
margin-left: 3px;
float: left;
width: 48%;}

nav#sp li a{
    display: block;
border-left: 8px solid #98d98e;
border-top: 1px solid #98d98e;
border-right: 1px solid #98d98e;
border-bottom: 1px solid #98d98e;
background-color: #fff;
padding: 3px 10px;
text-decoration: none;
color: #333;
margin: 1px 1px;
text-align: left;
}

nav#sp li a:hover{
border-left: 8px solid #f6ad49;
border-top: 1px solid #f6ad49;
border-right: 1px solid #f6ad49;
border-bottom: 1px solid #f6ad49;
background-color: #ffffc7;
}

    main div.text{background-color: rgba(250,250,250,0.6);  }
    main {margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    max-width: 98%;
background-color: rgba(250,250,250,0.3);   
display: block;}
    
    /*als_about設定*/
    div .about{width: 96%;
    margin:auto;
    margin-top: 10px;
    
}



/* タブ表示領域全体 */
div.tabbox {
   margin: 0px; padding: 0px; width: 98%;
}

/* タブ部分 */
p.tabs { margin: 0px; padding: 0px; 
font-size: 12px;}
p.tabs a {
   display: block; width:31%; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
   border-radius: 12px 12px 0px 0px; /* 角を丸くする */
}
p.tabs a.tab1 { background-color: lightslategray; color: white; }
p.tabs a.tab2 { background-color: lightslategray; color:white;}
p.tabs a.tab3 { background-color: lightslategray; color: white; }
p.tabs a:hover { background-color: #aaa; }
        p.tabs a:focus{ background-color: #ccc;}

/* タブ中身のボックス */
div.tab { height: auto; overflow: auto; clear: left; }

div.tab p { margin: 1px; } 
    
    /*pcibaraki非表示設定*/
    div .pcibaraki{display: none;}
    div .snavi{display: none;}
    div .headinfopc{display: none;}
    
    
     /*テーブル*/
    table{margin: 10px;
    border: 1px;
    border-color: #71a868;
    border-style: dashed;
    width: 96%;
        font-size: 0.8em;
}
    
    
    .service tr{margin: 10px;
    border: 1px;
     border-color: #71a868;
    border-style: solid;}
    
    .service td{margin: 5px;
        padding: 2px;
    border: 1px;
     border-color: #71a868;
    border-style: dashed;
    }
    
    .sname{width: 100px;
    height: auto;}
   
    
    
    td .01{width: 10%;}
    .name01{width: 90px;}
    
    .hokenservice{width: 22%;}
    .hokenstyle{width: 28%;}
    

    
    
    /*フッター用*/
    footer{clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 96%;
    background-color:  rgba(46,139,87,0.3);
        list-style-type: none;}
    
    .footer1{
        float: left;
        display: block;
    margin-left: auto;
    margin-right: auto;
    width: 48%;
    background-color: rgba(46,139,87,0.3);
font-size: 14px;
    padding-left: 2%;}
    
    .footer2 {
        float: right;
        display: block;
        margin-left: auto;
    margin-right: auto;
width: 48%;
    font-size: 14px;
    background-color: rgba(46,139,87,0.3);
        list-style-type: none;
    padding-left: 2%;
    }

.footer3 {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
font-size: 14px;
background-color: rgba(46,139,87,0.3);
padding-left: 2%;
    padding-top: 5px;
overflow: hidden;}
    
    div .spsnavi ul{
        display:  block;
            margin-left: 3%;
    margin-top: 10px;
    }
    
    div .spsnavi li{display: inline-block;
    width: 60px;
    height: auto;
    }
    
    div .spsnavi li a{display: block; 
border-left: 1px solid #98d98e;
border-top: 1px solid #98d98e;
border-right: 1px solid #98d98e;
border-bottom: 1px solid #98d98e;
background-color: #fff;
padding: 5px 10px;
text-decoration: none;
color: #333; 
margin: 1px 1px;
text-align: left;
    font-size: 1em;}
    
    div .spsnavi li a:hover{ 
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
        background-color: #d7efd7;}
    
    .hnavisp ul{display:  block;
            margin-left: 3%;
    margin-top: 10px;}
    
    div .hnavisp li{display: inline;
    width: 60px;
    height: auto;
    }
    
    div .hnavisp li a{display: block; 
border-left: 1px solid #98d98e;
border-top: 1px solid #98d98e;
border-right: 1px solid #98d98e;
border-bottom: 1px solid #98d98e;
background-color: #fff;
padding: 5px 10px;
text-decoration: none;
color: #333; 
margin: 1px 1px;
text-align: left;
    font-size: 1em;}
    
    div .hnavisp li a:hover{ 
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
        background-color: #d7efd7;}
    
    
      /*リンクspan*/
    
    h3 .normal{font-size: 0.8em;
    font-weight: 100;}
    div.lnavi{display: none;}
    
    /*リンクテーブル*/
    div .slnavi li{width: auto; 
border-left: 1px solid #98d98e;
border-top: 1px solid #98d98e;
border-right: 1px solid #98d98e;
border-bottom: 1px solid #98d98e;
background-color: #fff;
padding: 5px 10px;
text-decoration: none;
color: #333; 
margin: 1px 1px;
text-align: left;
    font-size: 1em;}
    div .linktype{width: 98%;}
    .linktype th{}
    .linktype tr{
        border: 1px;
     border-color: #71a868;
        border-style: solid;}
    .linktype td{padding: 5px 10px;
    border: 1px;
     border-color: #71a868;
    border-style: dashed;}
    
    
    
    .linktd01{width: 35%;}
    
    .linktd02{width: 65%;}
    
    .linktd03{width: 25%;}
    .linktd04{width: 75%;}
    
    
    #link001 {font-size: 1.2em;
    font-weight: bold;}
    #link002 {font-size: 1.2em;
    font-weight: bold;}
    #link003  {font-size: 1.2em;
    font-weight: bold;}
    #link004 {font-size: 1.2em;
    font-weight: bold;}
    #link005 {font-size: 1.2em;
    font-weight: bold;}
    #link006  {font-size: 1.2em;
    font-weight: bold;}
    #link007  {font-size: 1.2em;
        font-weight: bold;}
    
    
    /*福祉車両ナビPC用*/
    div .cnavi{display: none;}
    
    /*福祉車両テーブル*/
    
  div .cartype{width:98%;}
    .cartype tr{
    margin: 10px;
    border: 1px;
     border-color: #71a868;
    border-style: solid;}
    
    
    .cartype td {padding: 5px 10px;
    border: 1px;
     border-color: #71a868;
    border-style: dashed;}
    
    .target{width: 60%;}
   
    /* スマホ用画像配置 */
  /*imgbox*/
  div .imgboxsp{margin: auto;
    border: 1px;
    border-color: #005243;
    border-style: double;
    height: 260px;
    width: 390px;
  }
   
   
  /*スマホ内グリッド*/
  .gridsp {
    display: grid;
    margin: 5px;
  }
   /*  border: 1px;
    border-color: #005243;
    border-style: double; */
  

  div .gridpc {
      display: none;
  }

  div .picbox03pc {
      display: none;
  }
}

/*PC*/
@media only screen and (min-width: 768px){
    
    body{
        width: 100%;
    }
    
    #sp{display:none;}
    #splogo{display: none;}
    div .headinfosp{display: none;}
    
    h1{margin-left: 3%;
    margin-top: 10px;}
    
    div .box1{width: 50%;
    padding: 5px;
    float: left;}
    
     div .headinfopc{
        width: 45%;
        height: auto;
    font-size: 1em;
    padding: 5px;
    margin: 8px;
    float: right;}

    
    /*メイン背景を透過させる ieはmain要素に対応してないのでdisplay: block;を入れる*/
    
    main{
    max-width: 96%;
    background-color: rgba(250,250,250,0.6);
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;}
    
    div.text{float: left;
width: 82%;
    background-color: rgba(250,250,250,0.3);
    margin-right: 1.25%;}
    
    
    /*ナビ・メニュー*/
    #menu{float:right;
    width:16%;
    }
    
    #menu ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
}

#menu li{ 
padding: 0; 
margin: 0; 
}

#menu li a{
display: block; 
border-left: 8px solid #98d98e;
border-top: 1px solid #98d98e;
border-right: 1px solid #98d98e;
border-bottom: 1px solid #98d98e;
background-color: #fff;
padding: 3px 10px;
text-decoration: none;
color: #333;
width: 82%; 
margin: 1px 1px;
text-align: left;
font-size: 16px;
}

#menu li a:hover{
border-left: 8px solid #f6ad49;
border-top: 1px solid #f6ad49;
border-right: 1px solid #f6ad49;
border-bottom: 1px solid #f6ad49;
background-color: #ffffc7;
}

/* 表示領域全体 */
div.tabbox {
   margin: 0px; padding: 0px; width: 99%;
}
    /*als_about設定*/
    div .about{width: 85%;
    margin-top: 10px;}
    

/* タブ部分 */
p.tabs { margin: 0px; padding: 0px; 
font-size: 16px;}
p.tabs a {
   display: block; width:20%; float: left;
   margin: 0px 1px 0px 0px; padding: 1px;
   text-align: center;
   border-radius: 12px 12px 0px 0px; /* 角を丸くする */
}
p.tabs a.tab1 { background-color: lightslategray; color: white; }
p.tabs a.tab2 { background-color: lightslategray; color:white;}
p.tabs a.tab3 { background-color: lightslategray; color: white; }
p.tabs a:hover { background-color: #aaa; }
        p.tabs a:focus{ background-color: #ccc;}

/* タブ中身のボックス */
div.tab { height: auto; overflow: auto; clear: left; }

/*spibaraki非表示設定*/
    div .spibaraki{display: none;}
    div .spsnavi{display: none;}
    
    /*テーブル*/
    table{margin: 10px;
    border: 1px;
    border-color: #71a868;
    border-style: solid;
}
    .t01{width: 90%;}
    
    .t02{width: 98%;}
    
    .service tr{margin: 10px;
    border: 1px;
     border-color: #71a868;
    border-style: solid;}
    
    .service td{margin: 10px;
        padding: 5px;
    border: 1px;
     border-color: #71a868;
    border-style: dashed;
    font-size: 0.9em;}
    
    td .01{width: 10%;}
    .name01{width: 120px;}
    .post{width: 80px;}
    
    .hnavi ul{display:  block;
            margin-left: 3%;
    margin-top: 10px;}
    
    .hnavi li{display: inline-block;
    width: 24.3%;
    height: auto;}
    
    
    div .snavi ul{
        display:  block;
            margin-left: 3%;
    margin-top: 10px;
    }
    
    div .snavi li{display: inline-block;
    width: 60px;
    height: auto;
    }
    
     div .hnavi li a{display: block; 
border-left: 1px solid #98d98e;
border-top: 1px solid #98d98e;
border-right: 1px solid #98d98e;
border-bottom: 1px solid #98d98e;
background-color: #fff;
padding: 5px 10px;
text-decoration: none;
color: #333; 
margin: 1px 1px;
text-align: left;
    font-size: 0.85em;}
    
    div .hnavi li a:hover{ 
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
        background-color: #d7efd7;}
    
    
    div .snavi li a{display: block; 
border-left: 1px solid #98d98e;
border-top: 1px solid #98d98e;
border-right: 1px solid #98d98e;
border-bottom: 1px solid #98d98e;
background-color: #fff;
padding: 5px 10px;
text-decoration: none;
color: #333; 
margin: 1px 1px;
text-align: left;
    font-size: 1em;}
    
    div .snavi li a:hover{ 
border-left: 1px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
        background-color: #d7efd7;}
    
.hokenservice{width: 18%;}
    .hokenstyle{width: 26%;}
    .textbox{width: }
    
    /*福祉車両ナビ*/
    div .cnavi { width:98%;}
    div .cnavi li {
        width: auto;
        display: inline-block; 
border-left: 1px solid #98d98e;
border-top: 1px solid #98d98e;
border-right: 1px solid #98d98e;
border-bottom: 1px solid #98d98e;
background-color: #fff;
padding: 5px 10px;
text-decoration: none;
color: #333; 
margin: 1px 1px;
text-align: left;
    font-size: 1em;}
    
    /*福祉車両テーブル*/
    
  div .cartype{width:98%;}
    .cartype tr{
    margin: 10px;
    border: 1px;
     border-color: #71a868;
    border-style: solid;}
    
    
    .cartype td {padding: 5px 10px;
    border: 1px;
     border-color: #71a868;
    border-style: dashed;}
    
    .target{width: 60%;}
    
    
    /*リンクspan*/
    h3 .normal{font-size: 0.8em;
    font-weight: 100;}
    div .slnavi{display: none;}
    
     div .lnavi li {
        width: auto;
        display: inline-block; 
border-left: 1px solid #98d98e;
border-top: 1px solid #98d98e;
border-right: 1px solid #98d98e;
border-bottom: 1px solid #98d98e;
background-color: #fff;
padding: 5px 10px;
text-decoration: none;
color: #333; 
margin: 1px 1px;
text-align: left;
    font-size: 1em;}
    /*リンクテーブル*/
    div .linktype{width: 98%;}
    .linktype th{}
    .linktype tr{
        border: 1px;
     border-color: #71a868;
        border-style: solid;}
    .linktype td{padding: 5px 10px;
    border: 1px;
     border-color: #71a868;
    border-style: dashed;}
    
   
    span.dan {
float:left;
}

span.dan2 {
display: block;
margin-left: 110px;
}
    
    .linktd01{width: 35%;}
    
    .linktd02{width: 65%;}
    
    .linktd03{width: 25%;}
    .linktd04{width: 75%;}
    
    #link001 {font-size: 1.2em;
    font-weight: bold;}
    #link002 {font-size: 1.2em;
    font-weight: bold;}
    #link003  {font-size: 1.2em;
    font-weight: bold;}
    #link004 {font-size: 1.2em;
    font-weight: bold;}
    #link005 {font-size: 1.2em;
    font-weight: bold;}
    #link006  {font-size: 1.2em;
    font-weight: bold;}

    #link007  {font-size: 1.2em;
        font-weight: bold;}
    
     
    
/*フッター*/
footer{clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 96%;
    background-color:  rgba(46,139,87,0.3);
    list-style-type: none;
font-size: 1em;}
        
        .footer1 ul{margin-left: 5px;}

.footer1{
float: left;
    width: 24.5%;
    margin-right: 1.25%;
   }
        .footer1 ul{margin-left: 5px;}

.footer2 {
float: left;
width: 24.5%;
    margin-right: 1.25%;}

.footer3 {float: right;
width: 48.5%;
}

/*pc内グリッド*/
.gridpc {
    display: grid;
    grid-template-columns: 50% 50%;
    /* grid-template-rows: */
    gap: 10px 20px;
    margin: 5px;
    padding: 10px;
    /* border: 1px;
    border-color: darksalmon;
    border-style: dotted; */
}

div .gridsp {
    display: none;
}

div .picbox03pc {
    float: none;
    max-width: 100%;
    height: auto;
    padding: inherit;
}
}