@charset "UTF-8";

*{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box; /* Webkit */
  -moz-box-sizing: border-box; /* Firefox */
  box-sizing: border-box;
}

html,body{
width: 100%;
padding: 0; /*追加*/
margin: 0; /*追加*/
height: 100%;
}

html {
margin:0 auto;
height: auto;
font-size: 1.2rem;
letter-spacing: 0.05em;
/*border: solid 1px #ff0000; /* 赤い枠線と */
/*background-color: #ffaaaa; /* うす赤い背景をつける */
box-sizing: border-box;
}

html,body,content{
position: relative;
}

body{
display: flex;
flex-direction: column;
min-height: 100vh;
margin: 0 auto;
text-align: justify;
padding-bottom: 80px;
height: auto;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size: 1.2rem
line-height: 1.7;
color: #333333;
vertical-align: baseline;
box-sizing: border-box;
/*border: solid 1px #000000; /* 黒い枠線と */
/*background-color: #888888; /* グレーの背景をつける */
/*word-break: break-all;*/
}

img {
  width: 100%;
  height: auto;
}

/* ホバー */
.mouseHvr {
  opacity: 1;
}

.mouseHvr:hover {
  opacity: 0.8;
}

/*p{
font-size: 1.2rem;
}*/

a{
text-decoration: none;
}

 li{
  list-style-type: none;
 }

p {
overflow-wrap: break-word;
word-wrap: break-word;
}


/* kateiyou
------------------------------- */
header{
position: fixed;
top: 0;
left:0;
width: 100%;
height:70px;
z-index:999;
margin-top: auto;
align-items: center;
background-color: #faf7ee;
border-bottom:5px #f1c40f solid;
box-sizing: border-box;
}

header ul{
height: 55px;
padding: 0;
text-align: center;
}

header h1{
font-family: /*'Noto Sans JP*/sans-serif;
font-size: 1.6rem;
margin: 1rem 0 0 2rem ;
}

#contents{
display: block;
flex: 1;
flex-grow: 1;
flex-direction: column;
width: 100%;
height: auto;
margin-top: 70px;
min-height:100%;
align-items: center;
padding: 0 3rem 160px 3rem;
box-sizing: border-box;
overflow-y: scroll;
/*border: solid 1px #0000ff; /* 青い枠線と */
/*background-color: #eeeeff; /* うす青い背景をつける */
}

.box{
width: 100%;
height: auto;
padding-bottom: 5rem;
box-sizing: border-box;
margin:0 auto;
/*border: solid 1px plum;*/
/*background-color: pink;*/
}

.heading{
padding: 1rem 2rem;
margin:2rem auto 4rem auto;
background: #0066cc;
color: #ffffff;
text-align: center;
font-size: 1.4rem;
}

.kakaku{
text-align: right;
padding-bottom: 2rem;
font-size: 1.2rem;
}

h2{
  width: 22rem;
  max-width: 100%;
  background: #ffcc33;
  box-shadow: 0px 0px 0px 5px #ffcc33;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  text-align: center;
  margin: 4rem 0 4rem 1rem;
  white-space: nowrap;
  font-size: 1.4rem;
}

table{
text-align:left;
border-collapse: collapse;
padding:0 1rem 0 1rem; 
white-space: nowrap;
font-size: 1.4rem;
}

table th
{/*thに対して*/
border:solid 1px #333;
color: #ffffff;/*文字色*/
background: #66CCFF;/*背景色*/
}

th,td {
padding: 1rem 3rem;
border: solid 1px black;
word-break : break-all;
/*実線 1px 黒*/
}

td{
background-color: #cccccc;
color: #ffffff;/*文字色*/
}

#table_big{
width: 46%;
}

.point1{
width:10%;
margin-right: 0.4rem;
}

.point2{
width:10%;
margin: 2rem 3rem 0 3rem ;
}

.point1 img{
width: 75px;
height: 135px;
}

.point2 img{
width: 75px;
height: 135px;
}

.yoko1{
margin-top: 2rem;
padding-left: 0;
}

.yoko1 ul{
display:flex;
justify-content: center;
align-items: flex-end;
margin-left: 2rem;
}

.yoko2{
display: flex;
justify-content: center;
align-items: flex-end;
padding-top: 1.6rem;
}

#square1{
width:44rem;
height: 21rem;
border-radius: 20px;
margin: 5rem 0 5rem 0;
background-color:#fafad2;
text-align: center;
box-sizing: border-box;
}

#square2{
width:44rem;
height: 36rem;
border-radius: 20px;
margin-top: 5rem;
background-color:#fafad2;
text-align: center;
margin: 0 auto;
}

#square3{
width:44rem;
height: 32rem;
border-radius: 20px;
background-color:#fafad2;
text-align: center;
margin: 0 auto;
margin-bottom: 3rem;
}

.flow_title{
  padding: 1rem 0 2rem 2rem;
  margin: 0 auto;
}

.images_size{
  margin-right:auto; 
}

h4{
color: #0066cc;
font-weight: bolder;
font-size: 1.8rem
font-family:'Noto Sans JP,sans-serif';
padding-left: 0.8rem;
}

#heading02{
display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  text-align: center;
  margin-bottom: 1rem;
}

#heading02::before,
#heading02::after {
  content: '';
  width: 3px;
  height: 40px;
  background-color: #000000;
}

#heading02::before {
  margin-right: 30px;
  transform: rotate(-35deg)
}

#heading02::after {
  margin-left: 30px;
  transform: rotate(35deg)
}

/* footer
------------------------------- */
footer{
position: absolute;
display: flex;
justify-content: center;
left: 0px;
bottom: 0;
right: 0;
width: 100vw;
margin-top:auto;
height:auto/*80px*/;
background-color:#ffcc33;
box-sizing: border-box;
line-height: 1;
vertical-align: baseline;
margin:0 auto;
}

.center_footer{
display: flex;
flex-direction: column;
box-sizing: border-box;
white-space: nowrap;
margin:0 auto;
margin-top: 0.5rem;
}


.center_wrpper{
display: flex;
flex-direction: column;
margin:0 auto;
}

#tell {
text-align: center;
font-family: sans-serif;
font-size: 1.4rem;
}

.time{
margin:0 auto;
}

.top{
text-decoration: none;
}

.address{
display: block;
margin-top: 0.8rem
}

.address p{
font-size: 0.8rem;
}

.return{
margin: 0.5rem 0.5rem 0 0;
box-sizing: border-box;
}

.info li{display: inline-block;
}

.images_size{
width: 70%;
}

.text_left{
margin-left:5rem;
}

/* antena
------------------------------- */
.point_box{
height: auto;
padding: 0px 0 10px 0;
/*background-color: pink;*/
}

.table_box{
padding: 10px 0 220px 0;
}

.text_box{
padding: 0.8rem 3rem 3rem 3rem;
text-align: left;
}

.antena_text{
margin-top: 60px;
with:700px;
height: 6rem;
text-align: left;
}

.h2_margin{
margin: 8rem 0 4rem 1rem;
}

#under_box table{
table-layout: fixed;
width: 800px;
}

#top{
margin-right: auto;
}

/* mizumawari
------------------------------- */
h5{
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.7rem;
color: #ff0000;
font-weight: bolder;
margin-bottom: 1.5rem;
padding-left: 1.6rem;
}

h6{
font-family: 'Noto Sans JP', sans-serif;
text-align: left;
color:#0066cc;
font-weight:bold;
margin-top: 1rem;
margin-bottom: 1rem;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.4rem;
}

.h2_margin{
margin: 8rem 0 4rem 1rem;
}
/* privacy
------------------------------- */
.privacy_title{
 color:#0066cc;
font-weight:bold;
margin-top: 1rem;
margin-bottom: 1rem;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.4rem;
}

/* メディアクエリ
------------------------------- */
@media screen and (max-width: 768px){
body{
width: 100%;
margin:0 auto;
box-sizing: border-box;
}
#contents {
width: 100%;
padding: 3rem 0 160px 0;
margin:0 auto;
/*padding: 3rem 1.4rem 160px 1.8rem;*/
box-sizing: border-box;
}

header h1{
font-size: 1.2rem;
font-weight: bold;
}
.heading{
width: 96%;
font-size: 1.2rem
}
h2{
  margin: 0 auto;
  /*width: 18rem;*/
  /*width: 96%;*/
  font-size: 1.2rem;
  margin: 4rem auto 4rem auto;

}
.h2_margin{
margin: 8rem auto 4rem auto;
}
h6{
  font-size: 1.2rem;
}
.table_box{
  margin: 0 auto;
}
table th,
table td{
display: block;
margin:0 auto;
word-break : break-all;
}
table{
margin: 0 auto;
width: 94%;
font-size: 1rem;
table-layout:fixed; 
word-break: break-all;
box-sizing: border-box;
}
#table_big{
margin: 0 auto;
table-layout: fixed;
width: 86%;
word-break: break-all;
box-sizing: border-box;
}
.box{
text-align: center;
box-sizing: border-box;
}
.yoko1{
display:flex;
flex-direction: column;
align-content: center;
}
.rimocon {
padding-left: 1.8rem;
}
.point2{
margin-right: 50px;
}
#square1{
width:96%;
height: 28rem;
border-radius: 20px;
margin:5rem auto 3rem auto;
background-color:#fafad2;

box-sizing: border-box;
}
.square1 h4{
color: #0066cc;
font-weight: 900;
font-size: 1.8rem
margin-bottom:5rem;
}
.yoko2{
display:flex;
flex-direction: column;
align-content: center;
}
.point1{
margin:0 auto;
}
#heading02{
padding-right: 2rem;
}
#square2{
width:96%;
height: 66rem;
border-radius: 20px;
margin-top: 5rem;
background-color:#fafad2;
text-align: center;
margin: 0 auto;
}
#square3{
width:96%;
height: 62rem;
border-radius: 20px;
background-color: #fafad2;
text-align: center;
margin: 0 auto;
}
#under_box {
padding-bottom: 6rem;
}
#under_box table{
table-layout: auto;
width: 80%;
}
#heading02{
margin-left: 50px; 
}
footer{
width: 100%;
padding: 0 1rem 0 1rem;
margin:0 auto;
box-sizing: border-box;
}
.center_footer{
display: flex;
flex-direction: column;
}
footer p{
font-size:1rem;
}
footer,.center_footer,.return{
box-sizing: border-box;
}
#tell {
 text-align: center;
  font-family: sans-serif;
font-size: 1.2rem;
}
.time{
margin-top: 0.3rem;
}
.address{
margin-top: 0px;
}
}