@charset "UTF-8";
/* CSS Document */

#main-img {
	background-image: url(images/main-img.png);
}

/*contents01*/

.contents01 {
	padding-top:75px;
	width:820px;
	margin-bottom:80px;
}


.contents01-box {
	padding:35px;
	border-radius:20px;
	background-color:#fef6f5;
	margin-bottom:80px;
}



.contents01-box h5 {
	font-family: fot-tsukubrdgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
	font-size: 22px;
	line-height: 1.3;
	color: #42210b;
	letter-spacing: 0.1em;
	margin-bottom: 8px;
	text-indent: -22px;
	margin-left: 22px;
}

.contents01-box a:hover {
	opacity:0.75;
}

/*group*/
.group {
	margin: 20px auto;
}

.group p.text01 span {
	font-weight: bold;
}

.group01 {
	background-color: #fff;
	border-radius: 30px;
	padding: 20px;
}

.group01.color {
	background-color:#fef6f5;
}

.group01 p.text01 span.title {
	 font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: 400;
    font-size: 22px;
	margin-bottom: 10px;
	display: block;
}

.group01.color p.text01 span.title {
	color: #4d4d4d;
}

/*midashi01a*/
.midashi01a {
    display: flex;                /* 横並び */
    align-items: center;          /* 上下を中央揃え */
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 1.4;             /* 少しゆとりをもたせる */
    color: #000;
    letter-spacing: 0.1em;
    gap: 20px;                    /* アイコンと文字の間隔 */
    padding: 5px 0;
    background: none;             /* 既存の背景画像は削除 */
}

h3.midashi01a{
  display:inline-flex;         /* 要素幅＝中身の幅に */
  justify-content:center;      /* 中身も中央寄せ(保険) */
  align-items:center;
  gap:20px;
  line-height:1.4;
  margin:0;                    /* h3のデフォルト余白をリセット */
  background:none;
}

.midashi01a span.small{
	font-size: 22px;
}

.midashi01-icon {
    width: 80px;                  /* アイコンサイズ調整 */
    height: auto;
}


.contents02-box {
	padding:30px;
	border: 12px solid #e5e5e5;
	margin-bottom:30px;
}

.contents02-box h5 {
	display:inline-block;
	padding:20px;
	padding-top:6px;
	padding-bottom:4px;
	background-color:#ea6000;
	font-family: fot-tsukubrdgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
	font-size: 20px;
	line-height: 1.2;
	color: #FFF;
	letter-spacing:0.1em;
	border-radius:30px;
}

.contents02-box h6 {
	font-family: fot-tsukubrdgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
	font-size: 18px;
	line-height: 1.3;
	color: #ea6000;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	text-indent: -18px;
	margin-left: 18px;
}

.contents02-box .box {
	padding-top: 35px;
	padding-bottom: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}

.contents02-box .box-top {
	border-top-style: none;
}

.contents02-box.second {
	margin-bottom: 80px;
}

/*contents03*/

.contents03 {
	padding-top:75px;
	width:820px;
	margin-bottom:40px;
}

.contents03-box {
	padding:30px;
	border: 12px solid #e5e5e5;
	margin-top:30px;
	padding-bottom:28px;
}

.contents03-box h5 {
	display:inline-block;
	padding:20px;
	padding-top:6px;
	padding-bottom:4px;
	background-color:#ea6000;
	font-family: fot-tsukubrdgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
	font-size: 20px;
	line-height: 1.2;
	color: #FFF;
	letter-spacing:0.1em;
	border-radius:30px;
	margin-bottom:15px;
}

.contents03-box div {
	padding: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #b2b2b2;
}

.contents03-box div.box00 {
	border-top-style: none;
}

.contents03-box div h6 {
	display:inline-block;
	vertical-align:top;
	float:left;
	font-size:16px;
	line-height: 1.2;
	font-weight:normal;
}

.contents03-box div h6:before {
	content:"● ";
	font-size:15px;
}

.contents03-box div p {
	display:inline-block;
	vertical-align:top;
	float:right;
	text-align:right;
	font-size:16px;
	line-height: 1.2;
	margin-bottom: 10px;
}

/*kasugai*/
.kasugai-banner {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0px auto 30px;
}

.kasugai-banner p {
	font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1.2em;
    color: #ea6000;
    padding-top: 5px;
    padding-bottom: 10px;
    letter-spacing: 0.1em;
	text-align: center;
}

.kasugai-banner a:hover {
	opacity: 0.75;
}




.sp-view {
    display: none;
}

html, body {
    height: 100%;
}


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


/*contents01*/

.contents01 {
	padding-top:20px;
	width:92%;
	margin-bottom:80px;
}


.contents01-box ul li {
	font-size: 18px;
	text-indent: -18px;
	margin-left: 18px;
}

.contents01-box img {
	width:250px;
	height:auto;
}
	
.contents01-box h5 {
	text-indent: 0px;
	margin-left: 0px;
	font-size: 18px;
}	
	

.contents02-box h6 {
	text-indent: 0px;
	margin-left: 0px;
}
	
	

/*contents03*/

.contents03 {
	width:92%;
}

.contents03-box {
	padding:20px;
	border: 6px solid #e5e5e5;
}


.contents03-box div {
	padding: 10px;
	padding-top:15px;
	padding-bottom: 15px;
}


.contents03-box div h6 {
	display:block;
	float: none;
	margin-bottom:10px;
	clear:both;
}

.contents03-box div p {
	display:block;
	float: none;
	clear:both;
}

.contents03-box div p {
	font-size:14px;
}	
	
	
	
	
/*kasugai*/	
.kasugai-banner {
		margin-top:0px;
	}	

.kasugai-banner p {
	font-size: 18px;
	marign-bottom: 12px;
}
	
.kasugai-banner img {
	width:92%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}	

/*midashi01a*/
.midashi01a {
    display: block;                /* 横並び */
    font-size: 26px;
}

h3.midashi01a{
  display:inline-flex;         /* 要素幅＝中身の幅に */
  justify-content:center;      /* 中身も中央寄せ(保険) */
  align-items:center;
  gap:20px;
  line-height:1.4;
  margin:0;                    /* h3のデフォルト余白をリセット */
  background:none;
}

.midashi01-icon {
    width: 80px;                  /* アイコンサイズ調整 */
    height: auto;
}	
	
.midashi01 span.small{
	font-size: 14px;
}	
	
	
	
/*midashi02*/
	.midashi02 {
		margin-left: auto;
		margin-right: auto;
	}
	
/*group*/
.group01 p.text01 span.title {
	 font-size: 18px;
	line-height: 1.2;
}	
	

    .pc-view {
        display: none;
    }
    .sp-view {
        display: block;
    }
   
}