@media screen and (min-width:300px){

body{margin:0;
font-family: sans-serif;
}
}

.cssgrid {
  
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0.8em;
  padding: 0em;
  margin: 0 auto;
}

.cssgrid > div {
  overflow: auto;
  min-width: 0;
  padding: 0;
}


.cssgrid > div.flow_center {
  border: 1px solid #ddd;
}



div.fukusuac{
border:1px solid #ccc;
text-align:center;
width:40%;
margin:0 auto;
padding:5%;
border-radius:1%;
}

.digimain{
width:50%;
}
.shidoku_btn{
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 3px;
  font-weight: bold;
  color: #333;
  background-color:#dcd3b2;
  transition: .4s;
  font-size:120%;
  border-radius: 80px;
}

.shidoku_btn:hover{
    background-color:#004A75;
    color:#fff;
}


.hukusuu_btn{
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 3px;
  font-weight: bold;
  color: #FFF;
  background-color:#5d9db1;
  transition: .4s;
  text-align:center;
  font-size:150%;
}



.teble_center{
    text-align:center;
}

.koumoku_box{
    background-color:#546474;
    color:#fff;
    padding:15px 0;
    font-weight:bold;
    font-size:200%;
    text-shadow: 1px 2px 3px #525252;
    opacity: 0.6;
}

.keiyaku_box{
    background-color:#E8E8E8;
    text-align:left;
    font-size:120%;
    font-weight:bold;
    padding:10px 10px;
    color:#333;
}

.kinou_flex{
   display:flex; 
   justify-content:space-between;
}

.flex_center_2{
    margin: 0 auto;
    width:52%;
}

.flex_image{
    width:100%;
}
/* よくあるご質問 */
.dezitaru_yokuarugishitumon *, .dezitaru_yokuarugishitumon *:after, .dezitaru_yokuarugishitumon *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.dezitaru_yokuarugishitumon {
	border-top: 1px solid #1b2538;
}
.dezitaru_yokuarugishitumon .dezitaru_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1px;
	color: #1b2538;
}
.dezitaru_yokuarugishitumon .dezitaru_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.dezitaru_yokuarugishitumon .dezitaru_actab label {
	font-weight: bold;
	line-height: 1.6;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 1em;
	cursor: pointer;
	border-bottom: 1px solid #1b2538;
}
.dezitaru_yokuarugishitumon .dezitaru_actab label:hover {
	color: #00838F;
}
/* 答え */
.dezitaru_yokuarugishitumon .dezitaru_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;
	color: #ffffff;
	background: rgba(0, 131, 143, 0.5);
}
.dezitaru_yokuarugishitumon .dezitaru_actab .cp_actab-content p {
	margin: 1em;
}
/* 質問を開いた時の仕様 */
/* --アイコン */
.dezitaru_yokuarugishitumon .dezitaru_actab input:checked ~ label {
	color: #00838F;
}
/* --答えの高さ */
.dezitaru_yokuarugishitumon .dezitaru_actab input:checked ~ .cp_actab-content {
	max-height: 70em;
    padding: 20px 5%;
}
/* 質問をクリックした時のアイコンの動き */

/* footor */
.footer_{
    background-color:#87afc5;
    text-align:center;
    color:#fff;
    padding:50px 5px;
    font-size:0.8rem;
}
/* 真ん中寄せ */
.img_center{
    text-align:center;
    width:50%;margin:0 auto;
}

/* 真ん中寄せ */
.top_btn_center{
    text-align:center;
    width:50%;
    margin:0 auto;
    position:absolute;
    bottom:50px;
    right: 25%;
    
}

/* よくあるお問い合わせ　真ん中寄せ */
.qs_center{
    margin: 0 auto;
    width: 50%;
    text-align: left;

}

.top_oya{
    position:relative;
    width:800px;
    height:500px;
    text-align: right;
}
.top_kodomo{
    position:absolute;
    bottom:35px;
    right:0;
}


/* テーブル装飾 */
.table_sousyoku{
    border:1px solid #666;
    font-size:100%;
    border-collapse: collapse;
    width:50%;
    height:auto;
    font-size:120%;
}

.table_td{
    border:1px solid #666;
    padding:5px;
    background-color:#f0f0f0;
    color:#333;
}

.table_td_koumoku{
    background-color:#87afc5;
    color:#fff;
}

.syouhizei_mozi{
    font-size:90%;
    text-align:left;
    width:50%;
    color:#333;
}

.table_tr_color{
    color:#333;
}


/* 創業80年 */
.sougyo_80{
    text-align:center;
}

/* 契約の流れ　BOX */
.keiya_osiharai_center{
    width:50%;
    margin: 0 auto;
}

.keiyaku_hyou{
    border: 1px solid #546474;
    width: 80%;
    justify-content:space-between;
    padding: 5px 10px;
    font-weight:bold;
}
.keiyaku_flex{
    margin: 0 auto;
    width:52%;
}

.shidoku_btn_keiyakuflow{
    margin: 0 auto;
}

.yazirushi_{
    text-align:center;
}

.keiyaku_step{
    background-color:#87afc5;
    color:#fff;
    padding:5px 5px;
    margin: 5px 1px;
    font-size:120%;
}

.flow_sidoku{
    width:100%;
}

.flow_center{
    margin:  0 auto;
}


/* 閲覧方法　ボタン */
.btn-square-little-rich {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #eb9152;/*色*/
  border: solid 1px #eb9152;/*線色*/
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.btn-square-little-rich:hover{
  /*押したとき*/
  background-color:#F0AC78;
}

.osiharai_margin{
margin:20px 0;
}
    }
.dezital_otoiawase{
    color:#333333;
    font-weight:bold;
    font-size:150%; 
    padding: 30px 0 0 20px;
}


/* contact　ボタン */
.dezital_otoiawasebtn {
  display: inline-block;
  text-decoration: none;
  background: #87befd;
  color: #FFF;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  transition: .4s;
  padding:3px;
  font-weight:bold;
  font-size:150%;
}

.dezital_otoiawasebtn:hover {
  background: #668ad8;
}

.contact_flex{
    display:flex;
    justify-content:center;
}

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

div.camp img{
width:95%;
}

.cssgrid {
  
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0.8em;
  padding: 0em;
  margin: 0 auto;
}

.cssgrid > div {
  overflow: auto;
  min-width: 0;
  padding: 0;
}

.cssgrid > div.flow_center {
  border: 1px solid #ddd;
}

.cssgrid > div img{
 width:100%;
}

div#fukusuac{
border:1px solid #ccc;
text-align:center;
width:90%;
margin:0 auto;
padding:2%;
border-radius:1%;
}


.dezital_otoiawase{
    color:#333333;
    font-weight:bold;
    font-size:100%; 
    padding: 20px;
}


/* contact　ボタン */
.dezital_otoiawasebtn {
  display: inline-block;
  text-decoration: none;
  background: #87befd;
  color: #FFF;
  width: 160px;
  height: 90px;
  line-height: 90px;
  border-radius: 90px;
  text-align: center;
  overflow: hidden;
  transition: .4s;
  padding:0;
  font-weight:bold;
  font-size:100%;
}

.dezital_otoiawasebtn:hover {
  background: #668ad8;
}

.contact_flex{
    display:flex;
    justify-content:center;
}

.digimain{
width:100%;
}
.table_sousyoku{
    width:95%;
         } 
.sumaho_fukusu{
        width:95%;
    }
    .flex_image{
        width:95%;
    }      
    .flex_center_2{
        width:95%;
    } 
    .keiyaku_flex{
        width: 95%;
    }
    .keiya_osiharai_center{
        width:95%;
    }
    .syouhizei_mozi{
        width:95%;
    }
    .top_btn_center{
        bottom: 0px;
        width:95%;
        right: 3%;
    }
    .qs_center{
        width:95%;
    }
    .img_center{
        width:95%;
    }
    .dezital_otoiawasebtn {
        font-size:110%;
    }