/*--------------------------------------
チェックリストのご案内詳細ページ
--------------------------------------*/

/*タイトル文字*/
#checklist .main-title-wrap .title-text{
color: #fff;
text-shadow: 0px 0px 10px #000000;
}

/*2つ目の花の背景*/
#checklist .sub-title-wrap .sub-title-img {
	display: block;
	/*height: 200px;*/
	width: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px 0;
}

/*-- チェックボックス --*/
#checklist input[type="checkbox"] {
  display: none;
}
#checklist label {
	font-family: "ryo-gothic-plusn", sans-serif;
	position: relative;
	display: inline-block;
	padding: 0px 0px 0px 40px;
	cursor: pointer;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 30px 30px 22px;
}

#checklist label::before {
	position: absolute;
	content: '';
	left: 0;
	width: 25px;
	height: 25px;
	border: 1px solid #ccc;
}

#checklist input[type="checkbox"]:checked + label::after {
	position: absolute;
	content: '';
	/* top: 5px; */
	left: 3px;
	width: 30px;
	height: 10px;
	border-left: 4px solid #aa0000;
	border-bottom: 4px solid #aa0000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#checklist input:checked + label {
  color: #aa0000;
}

/*-- 冒頭のテキスト --*/
#checklist .checklist-title-text {
	display: flex;
	font-size: 1.6rem;
	justify-content: center;
	align-items: center;
	line-height: 2.9rem;
	text-align: center;
	/*margin: 60px 0;*/
}

/*-- アコーディオンのテキスト --*/
#checklist .checklist-read-text {
	/* display: flex; */
	font-size: 1.4rem;
	/* justify-content: center; */
	/* align-items: center; */
	line-height: 46px;
	text-align: left;
}

/*-- 普通サイズのテキスト --*/
#checklist .checklist-normal-text {
	/*display: flex;*/
	font-size: 1.3rem;
	line-height: 35px;
	text-align: center;
	letter-spacing: 1px;
}

/*-- 小さいテキスト --*/
#checklist .checklist-sub-read-text {
	display: flex;
	font-size: 1.18rem;
	justify-content: center;
	align-items: center;
	line-height: 2.3rem;
	text-align: center;
	font-family: "ryo-gothic-plusn", sans-serif;
	/*margin: 30px 0 0;*/
}


/*冒頭のタイトルの上の青線*/
#checklist .checklist-border-title {
	text-align: center;
	font-size: 2rem;
	display: block;
	width: 100%;
	margin: 80px 0;
	line-height: 37px;
}

#checklist .checklist-border-title::before {
	content: '';
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 10px auto 30px auto;
	background-color: #008286;
	white-space: nowrap;
	height: 1px;
}

/*read文の上の青線*/
#checklist .checklist-read-border-title {
	text-align: left;
	display: block;
	margin: 0px 30px 15px;
}

#checklist .checklist-read-border-title::before {
	content: '';
	display: block;
	width: 100%;
	background-color: #008285;
	white-space: nowrap;
	height: 1px;
	margin-bottom: 20px;
}

#checklist .checklist-contact{
	background-color: #FBEFF0;
	padding: 60px 80px;
	margin: 90px 0;
}

/* 背景の灰色 */
#checklist .gray-bg {
	background-color: #efefef;
}

/* 背景の白 */
#checklist .wh-bg {
	background-color: #ffffff;
}

/*背景の薄いピンク色*/
#checklist .pink-bg {
	background-color: #FBEFF0;
}

/*ゴシックフォント*/
#checklist .gothic{
font-family: "ryo-gothic-plusn", sans-serif;
}

/*テキスト配置*/
#checklist .text-position{
text-align: center;
}

#checklist .btn01 {
	display: block;
	width: 100%;
	padding: 15px 0;
	background-color: #FFF;
	border: solid 1px #CACACA;
	color: #141414;
	text-align: center;
	margin: 20px 0;
	position: relative;
	font-family: "ryo-gothic-plusn",sans-serif;
	letter-spacing: 0.2em;
	font-size: 1.18rem;
}


#checklist .checklist-btn02 {
	display: block;
	background-color: #EAEAEA;
	width: 100%;
	text-align: center;
	padding: 15px 0;
	color: #000;
	border-right: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	/*height: 100%;*/
	margin: 40px 0;
}

#checklist .checklist-btn02::before {
	display: inline-block;
	margin: 0 10px;
	color: #008285;
	font-family: "Font Awesome 5 free";
	content: '\f107';
	font-weight: bold;
}

#checklist .mgn-10{
	margin: 0 10px;
}
#checklist .mgn-15-pc{
	margin: 0 15px;
}
#checklist .mgn-15-sp{
	margin: 0 15px;
}

#checklist .sankotsu-box ul li {
	margin: 0 20px 0 20px;
}

/* アコーディオン部分 */
 #checklist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#checklist .window {
	margin: 30px 0; }
#checklist .window a {
	display: block; }
#checklist .window .child {
	display: none;
	margin: 0 0 -1px;
	padding: 0;
	background: #fff;}
#checklist .window .child .menu {
	background: #eaeaea;
	color: #5e5e5e; }
#checklist .window .child .menu:hover {
        background: #d0d0d0; }
#checklist .window .child > li {
	margin: 4px 0;
	padding: 0 16px;
	border-bottom: 1px dotted #dddddd; }
#checklist .window .child > li:last-child {
	border-bottom: 0; }

/* 右端の開閉記号 */
#checklist .switch .menu::after {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -1.1rem;
	content: '+';
	font-size: 1.5rem;
	font-weight: bold;
	transform: rotate(-180deg);
	transition: all, 0.3s;
}

#checklist .advice {
	font-size: 1.3rem;
	/*line-height: 46px;*/
}

#checklist .advice p {
	letter-spacing: 0.5rem;
}


#checklist .switch .menu span {
	/*display: inline;*/
	display: none;
}
#checklist .switch .menu.active span {
	display: inline;
	letter-spacing: 0.5rem;
	/*display: none;*/
}

#checklist .switch .menu p {
	display: inline;
}
#checklist .switch .menu.active p {
	display: none;
}

#checklist .switch .menu.active::after {
	top: 50%;
	right: 22px;
	margin-top: -0.6rem;
	content: '—';
	transform: translate(0, 10%);
	transform: rotate(0deg);
	font-size: 0.8rem;
}


/* 階層1*/
#checklist .child01 {
	/* background-color: #efefef; */
	padding: 0px 30px 30px 30px;
	text-align: left;
}
/* 階層2*/
#checklist .child02 {
	padding: 15px;
	text-align: left;
}
#checklist .menu {
	position: relative;
	padding: 15px;
}

#checklist .window05 .child > li {
  border-bottom: 0; }
#checklist .window05 .menu {
  background: rgb(0,130,133,0.6);
  color: #fff; }
#checklist .window05 .menu:hover {
    background: rgb(0,130,133,0.6);
    text-decoration: none; }

#checklist .window06 .menu {
/*	background: #efefef;*/
	color: rgba(36,127,168,0.6);
	padding: 15px;
}


#checklist .hidden-mobile{
	display: block;
    }

#sankotsu .accordion{
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.3rem;
	color: #fff;
	line-height: 2.125rem;
	margin-bottom: 0;
}



/*--------------------- 表示領域 ---------------------*/
@media screen and (min-width: 1920px){
	#checklist .hidden-mobile {
	display: none;
}	
}

@media screen and (max-width:1920px) {
#checklist .hidden-mobile {
	display: none;
}	
	
}

@media screen and (max-width:1199px) {}
/*#checklist .checklist-contact {
	padding: 30px 40px;
	margin: 60px 0;
}*/
@media screen and (max-width:991px) {
#checklist .checklist-contact {
	background-color: #FBEFF0;
	padding: 40px;
	margin: 90px 0;
}
#checklist .checklist-normal-text {
	font-size: 1.18rem;
	line-height: 30px;
}
#checklist .hidden-mobile {
	display: none;
}
#checklist .checklist-sub-read-text {
	font-size: 1rem;
}
}

@media screen and (max-width:768px) {
#checklist .sub-title-wrap .sub-title-img {
	padding: 30px 0 0;
}
#checklist .advice {
	font-size: 1.1rem;
	/*line-height: 46px;*/
}
#checklist .checklist-read-border-title {
	margin: 0px 15px 15px;
}
#checklist label {
	margin: 30px 15px;
}	
#checklist .child01 {
	padding: 0 15px 15px;
}
#checklist .checklist-btn02 {
	margin: 40px 0 0;
}
#checklist input[type="checkbox"]:checked + label::after {
	top: 5px;
	width: 20px;
	height: 8px;
}	
/*-- 冒頭のテキスト --*/
#checklist .checklist-title-text {
	font-size: 1.2rem;
	line-height: 29px;
}
/*-- 小さいテキスト --*/
#checklist .checklist-sub-read-text {
	letter-spacing: -1px;
	margin: 0 15px;
}
	
#checklist .checklist-contact {
	padding: 15px;
	margin: 40px 0;
}
#checklist .hidden-mobile{
	display: block;
    }
#checklist .visible-mobile{
	display: block;
    }
/*-- アコーディオンのテキスト --*/
#checklist .checklist-read-text {
	font-size: 1.1rem;
	line-height: 26px;
}
#checklist label {
	font-size: 1.3rem;
}
#checklist .mgn-10 {
	 margin: 0; 
}
#checklist .btn01 {
	margin: 5px 0;
}
#checklist .checklist-border-title {
	font-size: 1.6rem;
}
#checklist .checklist-border-title::before {
	margin: 10px auto 30px auto;
	height: 0px;
}	
#checklist .checklist-border-title {
	margin: 40px 0;
}
#checklist .checklist-border-title::before {
	content: none;
}

#checklist .checklist-normal-text {
	font-size: 1.1rem;
	line-height: 28px;
	padding: 10px 15px;
}
#checklist label {
	margin: 30px;
}
/*テキスト配置*/
#checklist .text-position{
text-align: left;
}
}

@media screen and (max-width:375px) {	
/*-- 小さいテキスト --*/
#checklist .checklist-sub-read-text {
	line-height: 26px;
	/*text-align: left;*/
	/*padding: 15px;*/
	/*letter-spacing: -1.5px;*/
}
#checklist .hidden-mobile{
      display : block;
    }

	
#checklist .checklist-border-title {
	line-height: 37px;
}
	
/*-- 冒頭のテキスト --*/
#checklist .checklist-title-text {
	font-size: 1.2rem;
	line-height: 29x;
}	
#checklist label {
	font-size: 1.1rem;
	font-weight: bold;
	margin: 20px 0px 15px 30px;
	}
#checklist label::before {
	width: 18px;
	height: 18px;
}
/*-- アコーディオンのテキスト --*/
#checklist .checklist-read-text {
	font-size: 1rem;
	line-height: 22px;
	text-align: left;
}
#checklist .checklist-border-title {
	font-size: 1.3rem;
}
#checklist .btn01 {
	padding: 15px 0;
	/*margin: 20px 0;*/
	letter-spacing: 0em;
	font-size: 1rem;
}
#checklist .checklist-normal-text {
	font-size: 1rem;
	line-height: 26px;
	text-align: left;
	/*padding: 10px 15px;*/
	letter-spacing: -0.1px;
}
#checklist .checklist-btn02 {
	font-size: 0.9rem;
	letter-spacing: 0px;
}
#checklist .checklist-btn02::before {
	margin: 0 3px;
}

}