@charset "UTF-8";
/* CSS Document */
/* smartPhone */
@media screen and (max-width: 780px) {
/* CSS Document */

/* スマホで見たときは"sp"のclassがついた画像が表示される */
.pc{
display: none !important;
}
.sp{ 
display: block!important;
}
/* スマホで見たときは"sp"のclassがついた画像が表示される */
.spNone{
display: none;
}
body{
font-size:16px;
line-height: 1.5;
}
/*ヘッダーまわりはサイトに合わせて調整してください*/
header {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 0px;
  padding-left: 0px;
  font-size: 16px;
  background:rgba(68,146,225,0.75);
  z-index: 100;
}

.nav-drawer {
  width: 30%;
  float: left;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
	padding-left: 10px;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
  bottom: 26px;
}
#nav-open span:before {
  bottom: 6px;
}
#nav-open span:after {
  bottom: -6px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 240px;/*最大幅（調整してください）*/
  height: 100%;
  background: rgb(0,255,255,0.8);/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
	color: aliceblue;
	padding-bottom: 50px;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

#slide_img img{
	padding-top: 58px;
}

#slide_img{
	z-index: 10;
}

header{
	position: fixed;
	width: 100%;
}

#header_1{
	text-align: center;
	
}
#header_1 img{
	width: 100%;
}

#header_in{
	width: 98%;
	text-align: right;
	color: aliceblue;
	font-weight: bold;
}
.tel-top{
	text-align: center;
	margin: 8px 0px;
	font-size: 14px;
	font-weight: bold;
}
#address{
  padding: 10px;
  background: skyblue;
  text-align: center;
  font-size: 14px;
  color: aliceblue;
}

#title{
	text-align: center;
	background-color:rgba(50,48,48,0.50);
	padding: 1px;
	font-size: 13px;
}

#time{
	width: 94%;
	margin: auto;
	border: px dotted #9DDEF8;
	border-radius: 5px;
	padding: 10px;
}

#time img{
	width: 100%;
}

#implant{
	width: 94%;
	margin: auto;
	border: px dotted #9DDEF8;
	border-radius: 5px;
	padding: 10px;
	
}

#implant img{
	width: 100%;
}


#info{
	width: 94%;
	margin: auto;
	border: px dotted #9DDEF8;
	border-radius: 5px;
	padding: 10px;
	font-size: 14px;
}
.info02{
	width: 94%;
	margin: 0 auto;
}
.info03{
	width: 94%;
	margin: 0 auto;
	padding-top: 15px;
}
#info2{
	width: 100%;
	margin: auto;
	border: 0px dotted #9DDEF8;
	border-radius: 0px;
}
#info3{
	width: 100%;
	margin: auto;
	border: 0px dotted #9DDEF8;
	border-radius: 0px;
}

#info_01{
	width: 94%;
	margin: auto;
	border: px dotted #9DDEF8;
	border-radius: 5px;
	padding: 10px;
	font-size: 14px;background-image: url(../../img/back2.jpg)
	
}

#map{
	width: 94%;
	margin: auto;
	margin: auto;
	border: 1px dotted #9DDEF8;
	border-radius: px;
	padding: 10px;
}

#otoiawase{
	width: 100%;
	font-size: 14px;
}

#slide_img img{
	width: 100%;
	z-index: -1;
	height: 340px;
	object-fit: cover;
	object-position:center;
}
#slide_img{
	z-index: -1;
}

h4{
	font-size: 16px;
}

h3{
	font-size: 16px;
}

h2{
	font-size: 16px;
}
h1{
	font-size: 13px;
	color: aliceblue;
}

h5{
	font-size: 16px;
	text-decoration: underline;
	text-decoration-color: chocolate;
}

#yiiki_1{
	width: 100%;
}

#yiiki_1 img{
	width: 100%;
}
#footer{
	text-align: center;
	background-color:rgba(214,208,208,0.70);
	padding: 2px;
	height: auto;
	font-size: 16px;
}
.sbt_1:hover{
	background-color:#042078!important;
	color:#fff;
}
.reset{
	width:100px;
	height:40px;
	background-color:#D6191C;
	border:none;
	color:#fff;
	font-size:11px;
	font-weight:700;
	text-align:center;
	
}
.reset:hover{
	background-color:#841416!important;
	color:#fff;
}

input[type="submit"] {
    background-color:cornflowerblue;
    color: white;
	font-size: 18px;
	width: 100px;
	border-radius:5px ;
	padding: 2.5px;
}

input[type="reset"] {
    background-color:indianred;
    color: white;
	font-size: 11px;
	width: 100px;
	border-radius: 5px ;
}

table.aaa{
  width: 100%;
  border-collapse: collapse;
}

table.aaa tr{
  border-bottom: solid 2px white;
}

table.aaa tr:last-child{
  border-bottom: none;
}

table.aaa th{
  text-align: left;
  width: 30%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
  font-size: 14px;
}

table.aaa td{
  text-align: left;
  width: 70%;
  background-color: #eee;
  padding: 15px;
  font-size: 14px;
}
table.aaa2{
  width: 100%;
  border-collapse: collapse;
}

table.aaa2 tr{
  border-bottom: solid 2px white;
}

table.aaa2 tr:last-child{
  border-bottom: none;
}

table.aaa2 th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color:rgba(82,194,208,0.65);
  color: white;
  text-align: center;
  padding: 10px;
  font-size: 12px;
}

table.aaa2 th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid rgba(82,194,208,0.65);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table.aaa2 td{
  text-align: left;
  width: 70%;
  background-color: rgba(238,238,238,0.65);
  padding: 10px 30px;
  font-size: 12px;
}


able.bbb{
  width: 100%;
  border-collapse: collapse;
}

table.bbb tr{
  border-bottom: solid 2px white;
}

table.bbb tr:last-child{
  border-bottom: none;
}

table.bbb th{
  text-align: left;
  width: 30%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
}

table.bbb td{
  text-align: left;
  width: 70%;
  background-color: #eee;
  padding: 15px;
  font-size: 12px;
}

.nav-drawer ul, ol {
  padding: 0;
  position: relative;
  font-size: 14px;
}

.nav-drawer ul li, ol li {
  color: black;
  border-left: solid 8px rgba(104,102,102,1.00);/*左側の線*/
  background: whitesmoke;/*背景色*/
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.8em;
  list-style-type: none!important;
}

#center_phot{
	position: relative;
	z-index: 0;
}

#center_phot img{
	padding-top: 52px;
}

#center_phot_text{

	background-color: rgba(20,1,8,0.5);
	color: aliceblue;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 14px;
	z-index: 101;
}

#center_phot_text2{
	position: absolute;        /* 要素の配置方法を指定 */
	background-color: rgba(20,1,8,0.5);     /* 背景色指定 */
	color: aliceblue;
	padding-top: 3px;
	padding-bottom: 3px;/* 余白指定 */
	left: 0px;                /* 右からの位置指定 */
	right: 0px;
	bottom: 0px;                  /* 上からの位置指定 */
	text-align: center;
	font-size: 18px;
}
.facebook{
	width: 50%;
	float: left;
	background-color: cornflowerblue;
	color: aliceblue;
	padding:8px 0px 8px 0px;
	margin-bottom: 5px;
	text-align: center;
}
.facebook2{
	width: 48%;
	float: left;
	background-color:rgba(50,76,159,1.00);
	padding:1%;
	text-align: center;
}
.facebook2 img{
	width: 60%;
	vertical-align: bottom;
}
.instagram{
	width: 50%;
	float: left;
	background-color:crimson;
	color: aliceblue;
	padding: 8px 0px 8px 0px;
	margin-bottom: 5px;
	text-align: center;
}
.instagram2{
	width: 48%;
	float: left;
	background-color:rgba(223,70,42,1.00);
	padding: 1%;
	text-align: center;
}
.instagram2 img{
	width: 60%;
	vertical-align: bottom;
}
.kiji1-1{
		background-color:cadetblue;
		padding: 18px;
		color: aliceblue;
	}
.kiji1-2{
    padding: 15px;
    font-size: 14px;
}

.bun1{
	width: 94%;
	margin: auto;
	margin: auto;
	border: px dotted #9DDEF8;
	border-radius: 5px;
	padding: 10px;
	background-image: url(../../img/back1.jpg);
	font-size: 14px;
}
.dan-in1{
	width: 100%;
}
.dan-in2{
	width: 100%;
}

.dan4m{
	width: 100%;
	float: left;
	text-align: left;
	position: relative;
	z-index: 0;
	font-size: 14px;
}

.dan4m img{
	width: 100%;
	vertical-align: bottom;
}

.dan4m_text{
	position:  absolute;        /* 要素の配置方法を指定 */
    background-color: rgba(135,206,235,0.8);
	color: aliceblue;
    padding:  5px;             /* 余白指定 */
    left:  0px;                /* 右からの位置指定 */
	right: 0px;
    top: 0px;                  /* 上からの位置指定 */
	text-align: center;
}

.dan4{
	width: 50%;
	float: left;
	text-align: left;
	position: relative;
	z-index: 0;
	font-size: 14px;
}

.dan4 img{
	width: 99%;
	vertical-align: bottom;
    padding-top: 27px;
}

.dan4_text{
	position:  absolute;        /* 要素の配置方法を指定 */
    background-color: rgba(135,206,235,0.8);
	color: aliceblue;
    padding:  3px;             /* 余白指定 */
    left:  0px;                /* 右からの位置指定 */
	right: 2px;
    top: 0px;                  /* 上からの位置指定 */
	text-align: center;
}

.dan5{
	width: 50%;
	float: left;
	text-align: right;
	position: relative;
	z-index: 0;
	font-size: 14px;
}

.dan5 img{
	width: 99%;
	vertical-align: bottom;
    padding-top: 27px;
}

.dan5_text{
	position:  absolute;        /* 要素の配置方法を指定 */
    background-color: rgba(135,206,235,0.8);
	color: aliceblue;
    padding: 3px;             /* 余白指定 */
    left:  2px;                /* 右からの位置指定 */
	right: 0px;
    top: 0px;                  /* 上からの位置指定 */
	text-align: center;
}

.kaijyo{
	clear: both;
	background: rgba(0,0,0,0.4);
	margin-left: 0px;
margin-top:  4px;
margin-right: 0px;
margin-bottom: 4px;
}
.siro{
	font-size: 12px;
	color:antiquewhite;
}

.sns{
	text-align: center;
    margin-bottom: 44px;
    background-color:aliceblue;
}

.sns img{
	margin-left: 40px;
	margin-right: 40px;
    padding: 10px;
	vertical-align: bottom;
	width: 45px;
	height: 45px;
}

.news{
	text-align: center;
	font-size: 14px;
}

.fix-menuSITA {
  position: fixed;
  bottom: 0;
  height: auto;
  z-index: 9998;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 3px;
}

.fix-menuTEL{
	float: left;
	width: 40%;
	border: 2px solid rgba(249,247,247,1.00);
	background-color:lightseagreen;
	padding: 3px;
	border-radius: 20px;
	margin: 0px 10px;
}
.fix-menuAPO{
	float: right;
	width: 40%;
	border: 2px solid rgba(249,247,247,1.00);
	background-color:cornflowerblue;
	padding: 3px;
	border-radius: 20px;
	margin: 0px 10px 5px;
}


.textlines {
    border: 2px solid #7A7777;  /* 枠線 */
    border-radius: 0.22em;   /* 角丸 */
    padding: 0.5em;          /* 内側の余白量 */
    background-color: snow;  /* 背景色 */
    width: 20em;             /* 横幅 */
    height: 90px;           /* 高さ */
    font-size: 1em;          /* 文字サイズ */
    line-height: 1.2;        /* 行の高さ */
	width: 95%;
	margin-top: 20px;
}

	.midasi2{
		padding-top: 10px;
        padding-bottom: 10px;
		border-bottom: medium solid #8499EB;
		color:dimgray;
		line-height: 2.5em;
	}

.midasi1{
		background-color:cornflowerblue;
		padding: 18px;
		color: aliceblue;
       font-size: 14px;
	}
.midasi3{
		background-color:rgba(82,193,208,1.00);
		padding: 18px;
		color: aliceblue;
	border-bottom: solid 10px 
rgba(95,158,160,1.00);
	margin-bottom: 3px;
}
.midasi5{
	padding: 5px 0px;
	border-bottom: medium solid rgba(143,191,238,1.00);
	color:dimgray;
	font-size: 16px;
	font-weight: 600;
	line-height: 2.0em
	}
.midasi6{
	padding: 5px 0px;
	border-bottom: medium solid rgba(142,131,131,0.60);
	color:dimgray;
	font-size: 16px;
	font-weight: 600;
	line-height: 2.0em;
	}

.covi19{
    font-size: 14px;
	margin-bottom: 15px;
}
.news1-midasi{
		background-color:cadetblue;
		padding: 18px;
		color: aliceblue;
       font-size: 14px;
	}
.news1{
    font-size: 14px;
}
.news1-1{
    border-color:cadetblue;
    border-style: solid;
    border-width: 3px;
    font-size: 14px;
	margin-bottom: 15px;
}
.covi19_honbun1{
    padding: 15px;
    font-size: 14px;
}
.moji-moji ul {
	list-style: square;
}
.mojimigi{
    padding: 15px;
    text-align: right;
    font-size: 14px;
}

.menu-title1{
	width: 100%;
	text-align: center;
	margin: 15px 0px 0px;
	border-top: solid 5px;
	border-bottom: solid 5px;
}

.menu1{
	margin: 15px;
	background-color:ghostwhite;
}
.menu1 img{
	vertical-align: bottom;
	width: 100%;
	height: auto;
}
.menu1-1{
	width: 48%;
	float: left;
	margin-right: 2%;
	position: relative;
}
.menu1-1moji{
    position: absolute;
    top: 0%;
    text-align: center;
	font-size: 12px;
    width: 100%;
    padding: 0px 0px;
    background-color: rgba(255,255,255,0.8);
    font-weight: bold;
    color: forestgreen;
}
.menu1-1moji a{
	text-decoration: none;
}
.menu1-1 img{
	width: 100%;
	height: auto;
}
.menu1-2{
	width: 48%;
	float: left;
	margin-left: 2%;
	position: relative;
}
.menu1-2 img{
	width: 100%;
	height: auto;
}
.menu1-3{
	width: 48%;
	float: left;
	margin-right: 2%;
	position: relative;
}
.menu1-3 img{
	width: 100%;
	height: auto;
}
.menu1-4{
	width: 48%;
	margin-left: 2%;
	float: left;
	position: relative;
}
.menu1-4 img{
	width: 100%;
	height: auto;
}
.spacer-2px{
	padding: 8px;
}
.kiji1{
	width: 100%;
	margin: 0px 0px;
}
.kiji1-1{
		background-color:cadetblue;
		padding: 18px;
		color: aliceblue;
	}
.kiji1-2{
    padding: 15px;
	font-size: 16px;
}
.kiji2{
	width: 100%;
}
.kiji2-1{
		background-color:indianred;
		padding: 18px;
		color: aliceblue;
	}
.kiji2-2{
    padding: 15px;
}
.kiji3{
	width: 100%;
}
.kiji3-1{
		background-color:steelblue;
		padding: 18px;
		color: aliceblue;
	}
.kiji3-2{
    padding: 15px;
}
.kiji4{
	width: 100%;
}
.kiji4-1{
		background-color:lightskyblue;
		padding: 18px;
		color: aliceblue;
	}
.kiji4-2{
    padding: 15px;
}
.read{
	width: 100%;
}

.read img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
		.read2{
	width: 100%;
}

.read2 img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.catch{
	width: 100%;
	position: relative;
}
.catch img{
	width: 100%;
	height: auto;
}
.catch-1{
	width: 100%;
	position: absolute;
	top:40%;
	text-align: center;
	background-color: rgba(255,255,255,0.4);
	font-size: 14px;
	padding: 25px 0px;
	font-weight: bold;
}
.catch-1-2{
	width: 100%;
	position: absolute;
	top:0%;
	text-align: center;
	background-color: rgba(255,255,255,0.4);
	font-size: 14px;
	padding: 25px 0px;
	font-weight: bold;
}
.googlemap{
	width: 98%;
	border: #6495EC solid 3px;
	margin: 15px 0px;
	
}
 iframe {
	width: 100%;
	aspect-ratio: 1/1;
}
footer{
	font-size: 14px;
	padding-bottom: 43px;
}
.footer-f{
	width: 50%;
	text-align: right;
	float: left;
	padding: 10px 0px;
	background-color:slategray;
}
.footer-f img{
	width: 15%;
	height: auto;
	vertical-align: bottom;
	padding-right: 20px;
}
.footer-i{
	width: 50%;
	text-align: left;
	float: left;
	padding: 10px 0px;
	background-color:slategray;
}
.footer-i img{
	width: 15%;
	height: auto;
	vertical-align: bottom;
	padding-left: 20px;
}
.siro2{
	color:white;
	text-decoration: none;
	font-size: 14px;
}
.side-info{
	background-color: #00939B;
	color: white;
	padding: 10px 0px 10px 10px;
	margin-bottom: 6px;
}
.side-info img{
	width: 11%;
	height: auto;
	vertical-align: bottom;
	padding-right: 5px;
}
.side-info2{
	background-color:rgba(84,159,164,1.00);
	color: white;
	padding: 10px 0px 10px 10px;
	margin-bottom: 6px;
}
.top-img2022{
	position: relative;
}

.top-img2022 img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
	padding-top: 58px;
}
.catch-copy{
	position: absolute;
	top: 50%;
	left: 10%;
	right: 10%;
	width: 80%;
	text-align: center;
	padding: 7px 0px;
	border-radius: 5px;
	background-color: rgba(237,243,243,0.80);
	font-size: 18px;
	font-weight: bold;
}
.catch-copy2{
	position: absolute;
	top: 60%;
	left: 10%;
	right: 10%;
	width: 80%;
	text-align: center;
	padding: 7px 0px;
	border-radius: 5px;
	background-color: rgba(237,243,243,0.80);
	font-size: 18px;
	font-weight: bold;
}
.catch-copy3{
	position: absolute;
	top: 48%;
	left: 4%;
	width: 35%;
	height: 16%;
	text-align: center;
	border-radius:10%;
	background-color:rgba(25,120,107,0.75);
	font-size: 12px;
	color: aliceblue;
	font-weight: bold;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.catch-copy4{
	position: absolute;
	top: 20%;
	right: 4%;
	width: 25%;
	height: 25%;
	text-align: center;
	border-radius:50%;
	background-color: rgba(237,243,243,0.80);
	font-size: 10.5px;
	font-weight: bold;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.catch-copy5{
	position: absolute;
	top: 48%;
	right: 4%;
	width: 35%;
	height: 16%;
	text-align: center;
	border-radius:10%;
	background-color:rgba(68,146,225,0.60);
	font-size: 12px;
	color: aliceblue;
	font-weight: bold;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.catch-copy6{
	position: absolute;
	top: 68%;
	right: 4%;
	width: 22%;
	height: 22%;
	text-align: center;
	border-radius:50%;
	background-color: rgba(237,243,243,0.80);
	font-size: 10.5px;
	font-weight: bold;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.catch-copy7{
	position: absolute;
	top: 58px;
	left: 0%;
	width: 75%;
	padding: 15px 0px;
	text-align: center;
	background-color: rgba(237,243,243,0.80);
	font-size: 14px;
	font-weight: bold;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.oubo{
	width: 25%;
	text-align: center;
	margin: 30px auto;
	padding: 5px;
	border: 3px solid rgba(17,20,32,1.00);
}
.oubo a{
	text-decoration: none;
	font-weight: 700;
	color:blue;
}
.oubo a:hover{
	color: cornflowerblue;
}
.margin15{
	margin: 15px;
}
.title01{
	width: 100%;
	background-color: cadetblue;
	color: aliceblue;
	padding: 5px 0px;
	font-size: 14px;
	text-indent: 0.5em
}
.hanbun{
	width: 50%;
	margin: 0 auto;
}
.sub-catch{
	border-left: 6px double rgba(95,158,160,1.00);
	border-right: 6px double rgba(95,158,160,1.00);
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	margin: 15px 0px;
}
.cp_iptxt {
	position: relative;
	width: 100%;
}
	
.cp_iptxt input[type=text] {
	font: 13px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	margin: 8px 0;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #746F6F;
	border-radius: 4px;
	outline: none;
}
	
.cp_iptxt input[type=text]:focus {
	border-color: #da3c41;
}
	
.cp_iptxt input[type=text] {
	padding-left: 40px;
}
	
.cp_iptxt i {
	position: absolute;
	top: 8px;
	left: 0;
	padding: 9px 8px;
	transition: 0.3s;
	color: #524F4F;
}
	
.cp_iptxt input[type=text]:focus + i {
	color: #da3c41;
}
.cp_ipselect {
	overflow: hidden;
	width: 32%;
	margin: 10px 0 10px 22px;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl04 {
	position: relative;
	border: 2px solid #da3c41;
	background: #ffffff;
}
.cp_ipselect.cp_sl04::before {
	position: absolute;
	top: 0.8em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #da3c41;
	pointer-events: none;
}
.cp_ipselect.cp_sl04 select {
	padding: 8px 38px 8px 8px;
	color: #da3c41;
}
	
.cp_ipselect2 {
	overflow: hidden;
	width: 50%;
	margin: 25px;
	text-align: center;
}
.cp_ipselect2 select {
	width: 85%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect2 select::-ms-expand {
    display: none;
}
.cp_ipselect2.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect2.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect2.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}
input[type=checkbox] {
    display: none;
}
	
.checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
	margin: 7px;
}
	
.checkbox01::before {
    background: #fff;
    border: 1px solid #231815;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
	
.checkbox01::after {
    border-right: 3px solid #ed7a9c;
    border-bottom: 3px solid #ed7a9c;
    content: '';
    display: block;
    height: 9px;
    left: 10px;
    margin-top: -7px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 5px;
}
	
input[type=checkbox]:checked + .checkbox01::after {
    opacity: 1;
}

/* ラジオボタン01 */
input[type=radio] {
    display: none;
}
	
.radio01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    width: auto;
	margin: 25px;
}
	
.radio01::before {
    background: #fff;
    border: 1px solid #231815;
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: -15px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
	
.radio01::after {
    background: #ed7a9c;
    border-radius: 50%;
    content: '';
    display: block;
    height: 10px;
    left: -11px;
    margin-top: -4px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 10px;
}
	
input[type=radio]:checked + .radio01::after {
    opacity: 1;
}
.date{
		width: 70%;
		margin-left: 22px;
		padding: 9px;
		border: #da3c41 2px solid;
	}

.font-sz{
	font-size: 13px;
}
.logomark img{
	width: 14px;
	height: auto;
}
.time-2{
	width: 80%;
	height: auto;
	margin: 0 auto;
}
.font-footer{
	font-size: 14px;
	color: aliceblue;
}
.font2{
	color:antiquewhite;
}
.footer-mae{
	width: 100%;
	font-size: 14px;
}
.footer-usiro{
	width: 100%;
	font-size: 14px;
}
.footer-usiro li{
	list-style:none;
}
.footer-usiro-hidari{
	width: 45%;
	float: left;
}
.footer-usiro-migi{
	width: 45%;
	float: left;
}
.footer-design{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.kamoku{
	width: 49%;
	font-size: 12px;
	background-color: aliceblue;
	border-radius: 5px;
	text-align: center;
	float: left;
	margin: 1px;
}
.footer-time{
	border-collapse:  collapse;
	font-size: 14px;
	width: 100%;
}
.footer-time td{
	border: 3px solid rgba(94,92,92,1.00);
}
.dan01{
	width: 100%;
}
.dan01 img{
	width: 100%;
	height: auto;
}
.dan02{
	width: 100%;
}
.dan02 img{
	width: 100%;
	height: auto;
}
.mark{
	background:linear-gradient(transparent 60%, #ff6 60%);
}
.mark2{
	background:linear-gradient(transparent 60%, #DEF1FC 60%);
}
.mark3{
	background:linear-gradient(transparent 60%, #fcdce0 60%);
}
.btn_design {
    font-size: 16px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
    text-align: center;
    font-weight: bold;
    padding: 15px 15px;
    background-color: #333;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/* マウスオーバー時 */
.btn_design:hover {
      letter-spacing: 6px;
	background-color: darkgray;
      cursor: pointer;
}
.btn_design2 {
    font-size: 16px;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
	margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    padding: 15px 15px;
    background-color:darkgray;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/* マウスオーバー時 */
.btn_design2:hover {
      letter-spacing: 6px;
	background-color: darkgray;
      cursor: pointer;
}
.title-h1{
	text-align: center;
	color: black;
	font-size: 18px;
	margin: 0px 0px 10px;
}
.details {
	border-top: 2px solid #00a5a0;
	border-left: 2px solid #00a5a0;
	border-right: 2px solid #00a5a0;
	&:last-of-type {
		border-bottom: 2px solid #00a5a0;
	}
}
.details-summary {
	position: relative;
	display: block;
	padding: 15px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #b2e4e2;
	&:hover {
		cursor: pointer;
		opacity: 0.8;
	}
	.btn {
		position: absolute;
		top: 37%;
		left: 10%;
		width: 18px;
		height: 18px;
		transform-origin: center center;
		transition-duration: 0.2s;

		&:before,
		&:after {
			content: "";
			background-color: #fff;
			border-radius: 10px;
			width: 18px;
			height: 4px;
			position: absolute;
			top: 7px;
			left: 0;
			transform-origin: center center;
		}
		&:before {
			width: 4px;
			height: 18px;
			top: 0;
			left: 7px;
		}
	}
	&.is-active {
		.btn {
			-webkit-transform: rotate(-180deg);
			transform: rotate(-180deg);
			&:before {
				content: none;
			}
		}
	}
}

.details-summary::-webkit-details-marker {
	display: none;
}

.details-content {
	padding: 15px;
	p {
		margin: 0 0 20px;
		color: #000;
		font-size: 14px;
		text-align: left;
		&:last-of-type {
			margin: 0 0 0;
		}
	}
}
.sabu ul li{
	padding: 0.8em;
	border-left: 30px rgba(235,223,224,1.00);
	border-radius: 4px;
	background-color:rgba(246,240,240,0.80);
}
.title-2024{
	font-size: 18px;
	font-weight: 700;
	border-bottom: dotted 2px rgba(247,3,7,0.60);
}
.title-2024-sub{
	font-size: 14px;
	font-weight: 700;
	border-bottom: dotted 2px rgba(120,116,116,1.00);
}
.center-title{
	text-align: center;
}
.center-title{
	text-align: center;
}
.cp_qa02 {
  margin: 0 auto;
}
.cp_qa02 .cp_actab input[type=checkbox] {
  display: none;
}
.cp_qa02 .cp_actab {
  padding: 20px 0;
  border-bottom: 1px dotted #cccccc;
}
/*質問テキスト*/
.cp_qa02 label {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 120%;
  width: calc(100% - 70px);
  margin: 0 0 0 50px;
  padding: 10px;
  cursor: pointer;
}
/*＋アイコン*/
.cp_qa02 label::before {
  position: absolute;
  content: '+';
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 210%;
  font-weight: bold;
  margin-left: -50px;
  padding: 0 0 0 0;
  transition: 0.4s ease;
}
.cp_qa02 .cp_actab input[type=checkbox]:checked ~ label::before {
  transform: rotate(45deg);
}
/*答えテキスト*/
.cp_qa02 .cp_actab-content {
  font-size: 1em;
  position: relative;
  overflow: hidden;
  height: 0;
  margin: 0 40px;
  padding: 0 14px;
  transition: 0.4s ease;
  opacity: 0;
}
.cp_qa02 .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
  height: auto;
  padding: 14px;
  opacity: 1;
}
.dan1-kaisetsu{
	text-align: center;
	padding: 0px;
	margin-bottom: 10px;
	border-bottom: solid 3px rgba(0,0,0,1.00);
}
.dan1{
	width: 100%;
	vertical-align: bottom;
	margin-bottom: 4px;
	text-align: center;
}

.dan1 img{
	width:  100%;
}

.dan2{
	width: 100%;
	vertical-align: bottom;
	margin-bottom: 4px;
	text-align: center;
}

.dan2 img{
	width: 100%;
}
.box-0{
	width: 93%;
	padding: 8px;
	margin: 0 auto;
}
.box-1{
	width: 100%;
	border: 1px solid rgba(0,0,0,1.00);
}
.box-2{
	width: 100%;
	border: 1px solid rgba(0,0,0,1.00);
}

img{
	vertical-align: bottom;
}
.grecaptcha-badge {
  transform: scale(0.75);
  transform-origin: bottom right;
  bottom: 80px !important; /* フッターと被らないように */
  right: 10px !important;
  opacity: 0.6;
  z-index: 1000;
}
.inner{
	padding: 20px;
	background-color:floralwhite;
}
.futomoji{
	font-weight: bold;
	color: firebrick;
}
.migiyose{
	text-align: right;
}
span.marker1{
	background: linear-gradient(transparent 50%, RGB(60, 179, 113,0.45) 50%);
}
.size14{
	font-size: 14px;
}
	.single-base{
        width: 100%;
        margin: auto;
        padding-top: 20px;
    }
    
    .single{
        width: 90%;
		margin: auto;
    }
	.songle img{
		width: 100%;
		height: auto;
	}
    .single-side{
		width: 90%;
		margin: auto;
	}
	.single-side ul li{
		list-style: none;
	}
        .single-side h2{
        border-bottom: solid rgba(0,11,38,1.00) 5px;
    }
	
    .single0{
        width: 100%;
    }
    
    .single0 img{
        width: 100%;
        height: auto;
    }	
	/* もっとも効きやすい基本形 */
.wp-post-image,
.post-thumbnail img,
.entry-thumbnail img,
.featured-image img {
  max-width: 100%;
  width: 100%;   /* テーマが幅固定している場合に勝つため */
  height: auto;
  display: block;
}
	.kro{
		color: rgba(0,0,0,1.00);
		font-size: 18px;
	}