﻿@charset "utf-8";

* {
margin:0;
padding:0;
}
body {
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:100%;
width:100%;
text-align:center;
margin:0 auto;/*全体をセンタリング */
}

html {
overflow-y:scroll;
}
p {
margin:0 0 1em 0;
}
li {
list-style-type:none;
}
img {
border:0;
	}
a {	
text-decoration: none;
color: #4b4b4b;
}

address {
font-style:normal;

}
.clear {
clear:both;
}

.wrap {
overflow: hidden;/*右の余白消す*/
}

/* header */


ｈ1 {
padding: 0;

}

ul {
   list-style: none;
   margin: 0;
   display: flex;
}




header {
	margin:0 auto;
background-color: #fff;
display: flex;
align-items: center;
}



p.people_moji {
  color: white;/*文字は白に*/
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size:200%;
  line-height : 115%;
  font-weight:bold;
  text-shadow:2px 2px 3px #0068B6;
  top: 50px;
  left: 220px;
  }



.main-visual {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
   background: url("../main_visual.png") top center / cover no-repeat;
}



p.message{
margin:0 auto;/*全体をセンタリング */
width:90%;
padding:0 10px 0 10px;
text-align:center;
font-size:100%;
font-family: 'Noto Sans JP', sans-serif;
}




.header_img {/*親div*/
  position: relative;/*相対配置*/
  }

.header_img p {
  position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size:300%;
  line-height : 115%;
  font-weight:bold;
  text-shadow:2px 2px 3px #0068B6;
  top: 80px;
  left: 220px;
  }

.header_img img {
 width: 960px;
  }






  
  
 ul.navinavi{
padding:50px 0 0 0; 
display: block;
margin:0 auto;
text-align:center;
width: 100%;
margin-top:50px;
}

.menu{
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
margin:0 auto;
text-align:center;
text-align:left;
max-width: 320px;

}


.menu a {
    background: #0068B6;
    position: relative;
    display: flex;
    justify-content: space-around;
    max-width:  320px;
    padding: 10px 7px;
    color: #fff;
    transition: 0.3s ease-in-out;
	 letter-spacing: 0.1em; /* 文字の5%分あける */
	 margin-top:5px;
	 
}


.menu a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}

.menu a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 60px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.menu a:hover:before, .button006 a:hover:after {
    right: -2.5em;
}
.menu a:hover {
    background: #edf6ff;
    color: #6bb6ff;
}



p.menu_suji{

padding:5px 0 5px 0;
font-size:100%;
display:inline-block;
color: #fff;
display:none
}
p.menu_eigo{
padding:5px 0 5px 0;
font-size:50%;
display:inline-block;
color: #fff;
text-align:left;
display:none
}

p.menu_title{
padding:5px 0 5px 10px;
font-size:120%;
display:inline-block;
color: #fff;
margin:0 auto;
}




/* f-container */


.f-container{
display:flex;
justify-content: space-around; 
background-color:#ｆｆｆ; 
flex-wrap: wrap;
width:100%;

}

.f-item01 {
flex-basis:48%;
background-color:#fff;
margin-top:50px;
	} 
	
.f-item02 {
	flex-basis:50%;
	background-color:#fff;
		 margin-top:50px;
	} 
.f-item03 {
	flex-basis:100%;
	background-color:#fff;
	 margin-top:50px;
	} 
.f-item04 {
	flex-basis:100%;
	background-color:#fff;
		margin-top:50px;
		margin:0 auto;
	}
	
.f-item05 {
	flex-basis:100%;
	background-color:#ｆｆｆ; 
	 margin-top:50px;

	}
	
.f-item06 {
	flex-basis:100%;
	background-color:#ｆｆｆ; 
	 margin-top:50px;

	}
	
.f-item07 {
	flex-basis:100%;
	background-color:#fff;
	 margin-top:50px;
	display:flex;
	}
	
	
	/* information */

.f-item08 {
	flex-basis:50%;
	background-color:#fff; 
	 margin-top:50px;
	 font-family: 'Noto Sans JP', sans-serif;
	}	
	
	
.f-item09 {
	flex-basis:100%;
	background-color:#ｆｆｆ; 
	 margin-top:50px;
	 font-family: 'Noto Sans JP', sans-serif;

	}
.f-item10 {
	flex-basis:100%;
	background-color:#ｆｆｆ; 
	}	
.f-item11 {
	flex-basis:100%;
	background-color:#fff; 
 margin-top:50px;
	}	
	
	/* Privacy policy */	
.f-item13 {
	flex-basis:100%;
	background-color:#fff;
	margin-top:50px;
	margin-bottom:100px;
	} 	
	
p.privacy_message{
margin:0 auto;/*全体をセンタリング */
padding:20px 0 0 0;
text-align:center;
font-size:150%;
font-family: 'Noto Sans JP', sans-serif;
}


.midashi{
margin:0 auto;
padding:50px 0 0 0; 
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
background-color:#fff; 
color: #0068B6;
}


p.suji{
margin:0 auto;
padding:0 0 0 0;
font-size:300%;
border-bottom:solid;
border-color:#0068B6;
border-width:2px;/*5ピクセルの太さにする*/
}
p.eigo{
padding:0 0 0 0;
margin:0 auto;
font-size:100%;
}

h4{
padding:0 0 0 0;
margin:0 auto;
font-size:220%;
}


p.info_title{
margin: auto;
text-align: center;
font-size:100%;
padding: 10px 0 10px 10px;/*上下の余白*/
width: 60%;
border-top: dotted 1.5px ;/*上線*/
border-bottom: dotted 1.5px ;/*下線*/
letter-spacing: 0.02em; /* 文字の5%分あける */
}
	

p.info_tel{
margin:0 auto;
padding:10px 0 5px 0; /*上下の余白*/
text-align: center;
 letter-spacing: 0.05em; /* 文字の5%分あける */
font-size:180%;
}
p.info_time{
text-align: center;
padding: 0 0 0 0;/*上下の余白*/
font-size:80%;
letter-spacing: 0.1em; /* 文字の5%分あける */
}
p.line{
padding: 50px 0 0 0;/*上下の余白*/
}
	
p.moji_01{
width:90%;
padding:0 10px 20px 10px; 
text-align:left;
font-size:100%;
text-align:justify;
margin:0 auto;
font-family: 'Noto Sans JP', sans-serif;
}

p.moji_02{
font-size:100%;
padding: 10px 0 10px 0;/*上下の余白*/
border-top: dotted 1.5px ;/*上線*/
border-bottom: dotted 1.5px ;/*下線*/
width: 80%;
margin:0 auto;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 0.02em; /* 文字の5%分あける */

}

	/* Privacy policy */	
	
p.privacy_moji_02{
font-size:100%;
text-align:left;
padding: 30px 0 10px 0;/*上下の余白*/
border-bottom: dotted 1.5px ;/*下線*/
width: 60%;
margin:0 auto;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 0.02em; /* 文字の5%分あける */
}

p.privacy_moji_01{
width:55%;
padding:20px 10px 40px 10px; 
text-align:left;
font-size:90%;
text-align:justify;
margin:0 auto;
font-family: 'Noto Sans JP', sans-serif;
}



/*=============
共通のボタン（スマホ）
=============*/

.button03 a {
    background: #0068B6;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 200px;
    padding: 20px 35px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	font-size:110%;
	 letter-spacing: 0.1em; /* 文字の5%分あける */
}
.button03 a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.button03 a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 60px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.button03 a:hover:before, .button006 a:hover:after {
    right: -2.5em;
}
.button03 a:hover {
    background: #edf6ff;
    color: #6bb6ff;
}
	

	
	
	
	
#footer{
width: 100%;
height:35px;
background-color: #221815;  
}

address{
font-family: 'Noto Sans JP', sans-serif;
font-size:50%;
font-style:normal;
color: #fff;
line-height: 35px;
letter-spacing: 0.05em; /* 文字の5%分あける */
}



/* tel icon */
.material-symbols-outlined {
	padding: 0 10px 0 0;/*上下の余白*/
  font-variation-settings:
  'FILL' 0,
  'wght' 500,
  'GRAD' 0,
  'opsz' 48
}

/* content5 */


.contArea{

text-align:center; 
}
table{
	font-family: 'Noto Sans JP', sans-serif;
background-color:margin:0 auto;
text-align:left;
margin-left: auto;
margin-right: auto;
width:90%;
font-size:80%;
}
table th {/*table内のthに対して*/
width:30%;
padding: 5px 2px 5px 2px;
border-bottom-style: dotted;
border-bottom-width: 1.5px;
text-align:left;
}

table td {/*table内のtdに対して*/
padding: 5px 20px 5px 60px;
border-bottom-style: dotted;
border-bottom-width: 1.5px;
}
.thInner{
	text-align:left;
border-left: inset 5px #0068B6;
padding: 0px 0px 0px 25px;
}
p.ginko{
margin:0 auto;
font-size:70%;
}

p.migi{
text-align:left;
padding:50px 0 50px 0;
font-size:70%;
text-align:justify;
font-family: 'Noto Sans JP', sans-serif;
}



p.us{
margin:0 auto;
padding:25px 0 0 0;
}


/* content6 */



p.zu img{
	width: auto;
	max-width: 80%;
	height: auto;
	margin:0 auto;
}


p.us{
padding:50px 0 50px 0; 
}

p.entry{
padding:0 0 0 5px; 
}
p.entry a:hover img{
filter: alpha(opacity=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
-moz-opacity: 0.5;
opacity: 0.5;
}





/*=======================================
   画面サイズが480pxからはここを読み込む　
=======================================*/








@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
	
	
ｈ1 {
 padding: 0;
 margin:0 auto;/*全体をセンタリング */
}
	
header {
width: 100%;
padding: 10px 3% 10px;
background-color: #fff;
display: flex;
align-items: center;
}

p.message{
margin:0 auto;/*全体をセンタリング */
width:90%;
padding:30px 10px 0 10px;
text-align:center;
font-size:100%;
font-family: 'Noto Sans JP', sans-serif;
}


p.people_moji {
  color: white;/*文字は白に*/
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size:250%;
  line-height : 115%;
  font-weight:bold;
  text-shadow:2px 2px 3px #0068B6;
  top: 50px;
  left: 220px;
  }



.main-visual {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
   background: url("../main_visual.png") top center / cover no-repeat;
}



p.message{
margin:0 auto;/*全体をセンタリング */
padding:50px 20px 0 20px; 
text-align:center;
font-size:120%;
font-family: 'Noto Sans JP', sans-serif;
}



.header_img {/*親div*/
  position: relative;/*相対配置*/
  }

.header_img p {
  position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size:300%;
  line-height : 115%;
  font-weight:bold;
  text-shadow:2px 2px 3px #0068B6;
  top: 80px;
  left: 220px;
  }

.header_img img {
 width: 960px;
  }
  

  
  
 ul.navinavi{
padding:50px 0 0 0; 
display: block;
margin:0 auto;
text-align:center;
width: 100%;
}

.menu{
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
margin:0 auto;
text-align:center;
text-align:left;
max-width: 320px;
}


.menu a {
    background: #0068B6;
    position: relative;
    display: flex;
    justify-content: space-around;
    max-width:  320px;
    padding: 10px 7px;
    color: #fff;
    transition: 0.3s ease-in-out;
	 letter-spacing: 0.1em; /* 文字の5%分あける */
}


.menu a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}

.menu a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 60px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.menu a:hover:before, .button006 a:hover:after {
    right: -2.5em;
}
.menu a:hover {
    background: #edf6ff;
    color: #6bb6ff;
}


p.menu_suji{

padding:5px 0 5px 0;
font-size:100%;
display:inline-block;
color: #fff;
display:none
}
p.menu_eigo{
padding:5px 0 5px 0;
font-size:50%;
display:inline-block;
color: #fff;
text-align:left;
display:none
}

p.menu_title{
padding:5px 0 5px 10px;
font-size:120%;
display:inline-block;
color: #fff;
margin:0 auto;
}




.f-item03 {
	flex-basis:100%;
	background-color:#fff;
	 margin-top:20px;
	} 




p.info_title{
margin: auto;
text-align: center;
font-size:100%;
padding: 10px 0 10px 10px;/*上下の余白*/
width: 60%;
border-top: dotted 1.5px ;/*上線*/
border-bottom: dotted 1.5px ;/*下線*/
letter-spacing: 0.03em; /* 文字の5%分あける */
}
	
	

p.info_tel{
margin:0 auto;
padding:10px 0 5px 0; /*上下の余白*/
text-align: center;
 letter-spacing: 0.02em; /* 文字の5%分あける */
font-size:180%;
}
p.info_time{
text-align: center;
padding: 0 0 0 0;/*上下の余白*/
font-size:80%;
letter-spacing: 0.1em; /* 文字の5%分あける */
}
p.line{
padding: 50px 0 0 0;/*上下の余白*/
}
	
p.moji_01{
width:90%;
padding:0 10px 20px 10px; 
text-align:left;
font-size:100%;
text-align:justify;
margin:0 auto;
font-family: 'Noto Sans JP', sans-serif;
}

p.moji_02{
font-size:100%;
padding: 10px 0 10px 0;/*上下の余白*/
border-top: dotted 1.5px ;/*上線*/
border-bottom: dotted 1.5px ;/*下線*/
width: 60%;
margin:0 auto;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 0.02em; /* 文字の5%分あける */

}



	/* Privacy policy */	
	
p.privacy_moji_02{
font-size:100%;
text-align:left;
padding: 30px 0 10px 0;/*上下の余白*/
border-bottom: dotted 1.5px ;/*下線*/
width: 80%;
margin:0 auto;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 0.02em; /* 文字の5%分あける */
}

p.privacy_moji_01{
width:75%;
padding:20px 10px 40px 10px; 
text-align:left;
font-size:90%;
text-align:justify;
margin:0 auto;
font-family: 'Noto Sans JP', sans-serif;
}
	

/*=============
スマホのボタン
=============*/

.button03 a {
    background: #0068B6;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 200px;
    padding: 20px 35px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	font-size:110%;
	 letter-spacing: 0.1em; /* 文字の5%分あける */
}
.button03 a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.button03 a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 60px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.button03 a:hover:before, .button006 a:hover:after {
    right: -2.5em;
}
.button03 a:hover {
    background: #edf6ff;
    color: #6bb6ff;
}
	


.contArea{

text-align:center; 
}
table{
	font-family: 'Noto Sans JP', sans-serif;
background-color:margin:0 auto;
text-align:left;
margin-left: auto;
margin-right: auto;
width:90%;
font-size:80%;
}
table th {/*table内のthに対して*/
width:30%;
padding: 5px 2px 5px 2px;
border-bottom-style: dotted;
border-bottom-width: 1.5px;
text-align:left;
}

table td {/*table内のtdに対して*/
padding: 5px 20px 5px 60px;
border-bottom-style: dotted;
border-bottom-width: 1.5px;
}
.thInner{
	text-align:left;
border-left: inset 5px #0068B6;
padding: 0px 0px 0px 25px;
}
p.ginko{
margin:0 auto;
font-size:70%;
}




	
	
p.migi{
text-align:left;
font-size:30%;
text-align:justify;
font-family: 'Noto Sans JP', sans-serif;
padding:0 0 50px 0;
}

p.us{
margin:0 auto;
padding:0 0 0 0;
}


p.zu img{
	width: auto;
	max-width: 80%;
	height: auto;
	margin:0 auto;
}

}

/*=======================================
   　画面サイズが768pxからはここを読み込む　
=======================================*/
@media screen and (min-width: 768px) {
	


    /*　画面サイズが768pxからはここを読み込む　*/
 
 p.people_moji {
  color: white;/*文字は白に*/
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size:300%;
  line-height : 115%;
  font-weight:bold;
  text-shadow:2px 2px 3px #0068B6;
  top: 10px;
  left: 220px;
  }
 
 
 
 
p.message{
margin:0 auto;/*全体をセンタリング */
width:90%;
padding:0 10px 0 10px;
padding:0 10px 0 10px; 
text-align:center;
font-size:200%;
font-family: 'Noto Sans JP', sans-serif;
}


/* navi */

ul.navinavi{

}



/*=============
メニュー
=============*/



.menu{
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

text-align:left;
max-width: 700px;
}


.menu a {
    background: #0068B6;
    position: relative;
    display: flex;
    justify-content: space-around;
    max-width:  700px;
    padding: 20px 35px;
    color: #fff;
    transition: 0.3s ease-in-out;
	 letter-spacing: 0.1em; /* 文字の5%分あける */
}


.menu a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}

.menu a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 60px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.menu a:hover:before, .button006 a:hover:after {
    right: -2.5em;
}
.menu a:hover {
    background: #edf6ff;
    color: #6bb6ff;
}




p.menu_suji{
margin:0 auto;
padding:0 10px 0 20px; 
font-size:230%;
display:inline-block;
 line-height:60px;

}
p.menu_eigo{
margin:0 auto;
padding:0 10px 0 0; 
font-size:100%;
display:inline-block;
 line-height:60px;


}

p.menu_title{
padding:0 10px 0 0; 
margin:0 auto;
font-size:180%;
display:inline-block;
 line-height:60px;

}





/* midashi */





.midashi{
margin-left: auto;
margin-right: auto;
padding:0 0 0 100px; 
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
background-color:#fff; 
color: #0068B6;
}


p.suji{
margin:0 auto;
padding:0 0 15px 150px;
text-align:left;
font-size:900%;
line-height: 130px
}
p.eigo{
padding:0 0 0 150px;
margin:0 auto;
text-align:left; 
font-size:200%;
}

h4{
padding:0 0 0 150px;
margin:0 auto;
line-height : 120%;
text-align:left; 
font-size:330%;
}


p.photo{
padding:20px 0 0 0;
margin-right: auto;
text-align:left;
}




p.moji_01{
width:70%;
padding:0 50px 0 50px; 
text-align:left;
font-size:140%;
text-align:justify;
margin:0 auto;


}



/* tel icon */
.material-symbols-outlined {
	color: #4b4b4b;
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}


/* content2 */
.f-item03 {
	flex-basis:100%;
	background-color:#fff;
	 margin-top:50px;
	} 




/* content3 */

p.info_title{
margin: auto;
text-align: center;
font-size:150%;
padding: 10px 0 10px 10px;/*上下の余白*/
width: 60%;
border-top: dotted 1.5px ;/*上線*/
border-bottom: dotted 1.5px ;/*下線*/
letter-spacing: 0.05em; /* 文字の5%分あける */

}

p.info_tel{
margin:0 auto;
padding:10px 0 5px 0; /*上下の余白*/
text-align: center;
 letter-spacing: 0.05em; /* 文字の5%分あける */
font-size:200%;
}
p.info_time{
text-align: center;
padding: 0 0 0 0;/*上下の余白*/
font-size:80%;
letter-spacing: 0.1em; /* 文字の5%分あける */
}
p.line{
padding: 50px 0 0 0;/*上下の余白*/
}

/* content4 */





/*=============
ボタン
=============*/

.button03 a {
    background: #0068B6;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 300px;
    padding: 20px 35px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	font-size:130%;
	 letter-spacing: 0.1em; /* 文字の5%分あける */
}
.button03 a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.button03 a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 60px;
    height: 2px;
    background-color: #6bb6ff;
    transition: 0.3s;
}
.button03 a:hover:before, .button006 a:hover:after {
    right: -2.5em;
}
.button03 a:hover {
    background: #edf6ff;
    color: #6bb6ff;
}



p.moji_01{
width:90%;
padding:0 10px 20px 10px; 
text-align:left;
font-size:120%;
text-align:justify;
margin:0 auto;
font-family: 'Noto Sans JP', sans-serif;
}

p.moji_02{
font-size:150%;
padding: 10px 0 10px 0;/*上下の余白*/
border-top: dotted 1.5px ;/*上線*/
border-bottom: dotted 1.5px ;/*下線*/
width: 70%;
margin:0 auto;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 0.05em; /* 文字の5%分あける */

}

table{
font-family: 'Noto Sans JP', sans-serif;
background-color:margin:0 auto;
text-align:left;
margin-left: auto;
margin-right: auto;
width:60%;
font-size:100%;
}

p.migi{
text-align:left;
padding:50px 0 50px 0;
font-size:70%;
text-align:justify;
font-family: 'Noto Sans JP', sans-serif;
}


p.us{
margin:0 auto;
padding:50px 0 0 0;
}

p.zu img{
	width: auto;
	max-width: 60%;
	height: auto;
	margin:0 auto;
}

}







