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

/*-- headline ------------------------------------------------------------*/
#headline { background: #e60113; }
@media screen and (max-width: 767px) {
	.headlineTtl { font-size: 1.0rem; font-weight: bold; color: #fff; padding: 15px 0 15px 4%;  }
	.headlineTtl span { font-family: 'Roboto', sans-serif; font-weight: bold; display: block; font-size: 0.7rem; color: #ff5966;  }
	#headline { background:#e60113 url("../img/second/headline01.png") 150px center no-repeat; background-size: 280%; }
}
@media screen and (min-width: 768px) {
	.headlineTtl { font-size: 1.2rem; font-weight: bold; color: #fff; padding: 30px 0 30px 4%;  }
	.headlineTtl span { font-family: 'Roboto', sans-serif; font-weight: bold; display: block; font-size: 0.8rem; color: #ff5966;  }
}
@media screen and (min-width: 768px) and (max-width: 960px)  {
	#headline .in { margin:0 1%; }
	#headline { background:#e60113 url("../img/second/headline01.png") 300px center no-repeat; background-size: 160%; }
}
@media screen and (min-width: 961px) and (max-width: 1024px)  {
	#headline .in { margin:0 1%; }
	#headline { background:#e60113 url("../img/second/headline01.png") 385px center no-repeat; background-size: 140%; }
}
@media screen and (min-width: 1025px) and (max-width: 1259px)  {
	#headline .in { margin:0 2%; }
	#headline { background:#e60113 url("../img/second/headline01.png") 450px center no-repeat; background-size: 120%; }
}
@media screen and (min-width: 1260px) and (max-width: 1479px)  {
	#headline .in { width:1100px; margin:0 auto; }
	#headline { background:#e60113 url("../img/second/headline01.png") 615px center no-repeat; background-size: 100%; }
}
@media screen and (min-width: 1480px) {
	#headline .in { width:1200px; margin:0 auto; }
	#headline { background:#e60113 url("../img/second/headline01.png") right center no-repeat; background-size: contain; }
}

/*-- content ------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#content section#second-search { background: #f4f4f4; }
	#content section#second-search .in { background: #f4f4f4; padding: 40px 0; }
	
	.f_bnr { margin: 0 10%; width: 80%;  }
	.f_bnr li { margin-bottom: 10px; }
	.f_bnr li:nth-child(2) { margin-bottom: 0px; }
	
	.catalog_list { width: 80%; margin: 0 auto; }
	.catalog_list li { margin: 0 0% 20px; }
	.cata_L { float: left; width: 34%; margin-right: 6%; }
	.cata_R { float: left; width: 60%; }
	.cata_R h4 { font-size: 1.0rem; font-weight: bold; margin-bottom: 10px; }
	.cata_R p { font-size: 0.9rem; }
	
	.cate-dl { margin-bottom: 10px;}
	.cate-dl dt { float: left; font-size: 10px; color: #fff; padding: 1px 3px; background: #000; }
	.cate-dl dd { float: left; font-size: 10px; color: #fff; padding: 1px 3px; background: #D71418; }
	
	.newsList li { margin-bottom: 10px; background: #f4f4f4; padding: 10px; }
	.newsDl { margin-bottom: 5px; }
	.newsDl dt { background: #333; color: #fff; padding: 1px 3px; font-size: 10px; font-family: 'Roboto', sans-serif; font-weight: bold; float: left; }
	.newsDl dd { background: #D71418; color: #fff; padding: 1px 3px; font-size: 10px; font-family: 'Roboto', sans-serif; font-weight: bold; float: left; }
	.newsList li p { margin-bottom: 0px; }
	
	.search_list li { width: 80%; margin:0 10% 10px; position: relative; float: left; }
	.search_list li:nth-child(2) { margin-bottom: 0px; }
	.search-L { width: 95%; padding: 0 2%; height: 30px; line-height: 30px; border: 2px solid #9f9f9f; }
	.searchBtn { position: absolute; top: 0; right: 0; width: 34px; }

	.tbl01 { border-top:2px solid #dedede; width: 100%; }
	.tbl01 th { padding: 2%; text-align: center; border-bottom: 1px dotted#dedede; font-weight: normal; display: block; background: #f4f4f4; font-size: 0.9rem; }
	.tbl01 td { padding: 2%; text-align: left; border-bottom: 2px solid #dedede; display: block; font-size: 0.9rem; }
	
	.subMenu { margin-bottom: 20px; }
	.subMenu li { float: left; width: 11.8%; height: auto; line-height: 1.4; border-right: 1px solid #dedede; font-size: 8px; text-align: center; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; padding: 1%;   display: flex; justify-content: center; align-items: center; }
	.subMenu li:nth-child(1) { border-left: 1px solid #dedede; }
	.subMenu li.current { background: #E60113; }
	.subMenu li a         { resize: none; display: block; }
	.subMenu li a:link    { color:#333333; text-decoration: none; }
	.subMenu li a:visited { color:#333333; text-decoration: none; }
	.subMenu li a:hover   { color:#fff; text-decoration: none; background: #E60113; }
	.subMenu li a:active  { color:#333333; text-decoration: none; }
	
	.subMenu li.current a:link    { color:#fff; text-decoration: none; }
	.subMenu li.current a:visited { color:#fff; text-decoration: none; }
	.subMenu li.current a:hover   { color:#E60113; text-decoration: none; background: #fff; }
	.subMenu li.current a:active  { color:#fff; text-decoration: none; }
	
	.pList { display: flex; flex-wrap: wrap; }
	.pList li { width: 46%; padding: 1%; margin-bottom: 20px; border: 3px solid #fff; }
	.pList li img { width: 100%; margin: 0 auto 10px; }
	.pList li p { text-align: center; font-size: 0.7rem; }
	.pList li:hover { border: 3px solid #f4f4f4; }
	
	#content #second-search-top { background: none; padding: 2%;  }
	
	.in_in_L { width: 100%; margin-bottom: 20px; }
	.in_in_R { width: 100%; margin-bottom: 20px;}
	.proL { width: 100%; margin-bottom: 20px; }
	.proR { width: 100%; }
	
	.tbl02 { width: 100%; margin-bottom: 10px; }
	.tbl02 th { background: #f4f4f4; text-align: center; padding: 10px; border: 1px solid #dedede; width:50%; font-weight: normal; font-size: 0.8rem; }
	.tbl02 td { background: #fff; text-align: center; padding: 10px; border: 1px solid #dedede; width:50%; font-size: 0.8rem; }

	.pList .tbl02 th { padding: 5px; font-size: 0.7rem; vertical-align: middle; text-align: center;}
	.pList .tbl02 td { padding: 5px; font-size: 0.7rem; vertical-align: middle; text-align: center;}
	
	.subTtl { background: #E60113; color: #fff; border-left: 8px solid #a90c19; margin-bottom: 20px; padding: 10px; width: 92%; }
	
	aside h4 { background: #f4f4f4; margin-bottom: 10px; font-size: 0.8rem; padding: 2%; text-align: center; }
	aside ul li { padding: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; font-size: 0.7rem; }
	aside ul { margin-bottom:20px; display: flex; flex-wrap: wrap;}
	aside ul li { padding:5px 0; text-indent:-1.0em; padding-left:1.0em; width: 28%; margin-right: 2%; }
	aside ul li:before { content:"\f101"; font-family:FontAwesome; margin-right:10px; color:#E60113; }
	aside ul li:nth-child(3n) { margin-right: 0px;}
	
	.in_in { margin-bottom: 40px; }
	
	.prof-div { padding-bottom: 20px; border-bottom: 1px dotted #dedede; margin-bottom: 20px; }
	
	.imgMain { border: 3px solid #f4f4f4; margin-bottom: 20px; text-align: center;}
	.inrImgList { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
	.inrImgList li { width: 30.7%; border: 3px solid #f4f4f4; margin: 0 0.5% 10px; display: flex; justify-content: center; align-items: center; }
	.proL h5 { font-size: 0.8rem; text-align: center; background: #f4f4f4; margin-bottom: 20px; padding: 10px; }
	.cad-img { text-align: center; margin-bottom: 20px; border: 3px solid #f4f4f4; }
	
	.in_cad select { height: 40px; padding: 10px; line-height: 30px; border: 1px solid #ccc; }
	.in_cad input[type=button] { background: #ffa500; height: 40px; line-height: 20px; padding: 10px; border-radius: 4px; border: none; color: #fff; width: 35%; margin-left: 10px; cursor:pointer;}
	.in_cad input[type=button]:hover { opacity: 0.7; }
	
	.cate-list li { width: 48%; margin-right: 4%; margin-bottom: 20px; float: left; }
	.cate-list li:nth-child(2n) { margin-right: 0px;}
	.cate-list li h5 { background: #D71418; width: 92%; padding: 4%; color: #fff; font-size: 0.9rem;}
	.cate-list li h5 span { font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size: 0.6rem; opacity: 0.7; display: block; }
	
	.toogle-a-list { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 20px;}
	.toogle-a-list li { margin:0 10% 10px;; width: 80%;}
	/*.toogle-a-list li { margin:0 1%; width: 45%; height: 30px; line-height: 30px; border: 3px solid #E60113; text-align: center; }
	.toogle-a-list li a { display: block; font-size: 0.8rem;}
	.toogle-a-list li a:link    { color:#E60113; text-decoration: none; }
	.toogle-a-list li a:visited { color:#E60113; text-decoration: none; }
	.toogle-a-list li a:hover   { color:#fff; text-decoration: none; background: #E60113; }
	.toogle-a-list li a:active  { color:#E60113; text-decoration: none; }*/
	
	.pList form { display: flex; justify-content: center; }
	.pList form input[type=button] { font-size: 0.7rem; background: #ffa500; border: none; color: #fff; border-radius: 2px; cursor: pointer;}
	.pList form input[type=button]:hover { opacity: 0.7;}
	.pList form select { font-size: 0.7rem;} 
	
	.mLst { width: 80%; margin: 20px auto 0; }
	.mLst li { margin-bottom: 20px; }
	.mLst li div { text-align: center; margin-bottom: 10px; }
	.mLst li p .bold { }
}
@media screen and (min-width: 768px) {
	#content #second-search { background: #f4f4f4; }
	#content #second-search .in { padding: 40px 0; }
	#content #second-search-top { margin-bottom: 40px;  }
	
	.f_bnr { display: flex; justify-content: center; width: 540px; margin: 0 auto; }
	.f_bnr li { width: 49%; margin-right: 2%; }
	.f_bnr li:nth-child(2) { margin-right: 0px; }
	
	.catalog_list { display: flex; justify-content: center; }
	.catalog_list li { width: 29%; margin: 0 2% 20px; }
	.cata_L { float: left; width: 46%; margin-right: 6%; }
	.cata_R { float: left; width: 48%; }
	.cata_R h4 { font-size: 1.0rem; font-weight: bold; margin-bottom: 10px; }
	.cata_R p { font-size:0.9rem;}
	
	.cate-dl { margin-bottom: 10px;}
	.cate-dl dt { float: left; font-size: 10px; color: #fff; padding: 1px 5px; background: #000; }
	.cate-dl dd { float: left; font-size: 10px; color: #fff; padding: 1px 5px; background: #D71418; }
	
	.newsList li { margin-bottom: 10px; background: #f4f4f4; padding: 10px; }
	.newsDl { margin-bottom: 5px; }
	.newsDl dt { background: #333; color: #fff; padding: 1px 5px; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: bold; float: left; }
	.newsDl dd { background: #D71418; color: #fff; padding: 1px 5px; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: bold; float: left; }
	.newsList li p { margin-bottom: 0px; }
	
	.search_list li { width: 48%; margin-right: 4%; position: relative; float: left; }
	.search_list li:nth-child(2) { margin-right: 0px; }
	.search-L { width: 95%; padding: 0 2%; height: 40px; line-height: 40px; border: 2px solid #9f9f9f; }
	.searchBtn { position: absolute; top: 0; right: 0; width: 44px; }
	
	.tbl01 { width: 100%;}
	.tbl01 th { padding: 20px; text-align: center; border-bottom: 2px solid #dedede; font-weight: normal; }
	.tbl01 td { padding: 20px; text-align: left; border-bottom: 1px solid #dedede; }
	
	.subMenu { margin-bottom: 20px; }
	.subMenu li { float: left; width: 14%; height: 40px; line-height: 40px; border-right: 1px solid #dedede; font-size: 14px; text-align: center; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; }
	.subMenu li:nth-child(1) { border-left: 1px solid #dedede; }
	.subMenu li.current { background: #E60113; }
	.subMenu li a         { resize: none; display: block; }
	.subMenu li a:link    { color:#333333; text-decoration: none; }
	.subMenu li a:visited { color:#333333; text-decoration: none; }
	.subMenu li a:hover   { color:#fff; text-decoration: none; background: #E60113; }
	.subMenu li a:active  { color:#333333; text-decoration: none; }
	
	.subMenu li.current a:link    { color:#fff; text-decoration: none; }
	.subMenu li.current a:visited { color:#fff; text-decoration: none; }
	.subMenu li.current a:hover   { color:#E60113; text-decoration: none; background: #fff; }
	.subMenu li.current a:active  { color:#fff; text-decoration: none; }
	
	.pList { display: flex; flex-wrap: wrap; }
	.pList li { width: 13.6%; padding: 1%; margin-bottom: 20px; border: 3px solid #fff; }
	.pList li img { width: 100%; margin: 0 auto 10px; }
	.pList li p { text-align: center; font-size: 0.9rem; }
	.pList li:hover { border: 3px solid #f4f4f4; }
	
	.pList li p.p_list_ttl { font-size: 0.8rem; }
	
	.in_in_L { float: left; width: 76%; margin-right: 4%; }
	.in_in_R { float: right; width: 20%;}
	.proL { float:left; width: 48%; margin-right: 4%; }
	.proR { float:left; width: 48%; }
	
	.tbl02 { width: 100%; margin-bottom: 10px; }
	.tbl02 th { background: #f4f4f4; text-align: center; padding: 10px; border: 1px solid #dedede; width:50%; font-weight: normal; font-size: 0.8rem; }
	.tbl02 td { background: #fff; text-align: center; padding: 10px; border: 1px solid #dedede; width:50%; font-size: 0.8rem; }
	
	.pList .tbl02 th { padding: 5px; font-size: 0.7rem; vertical-align: middle; text-align: center;}
	.pList .tbl02 td { padding: 5px; font-size: 0.7rem; vertical-align: middle; text-align: center;}
	
	.subTtl { background: #E60113; color: #fff; border-left: 8px solid #a90c19; margin-bottom: 20px; padding: 10px; width: 100%; }
	
	aside h4 { background: #f4f4f4; margin-bottom: 10px; font-size: 0.8rem; padding: 2%; text-align: center; }
	aside ul li { padding: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; font-size: 0.7rem; }
	aside ul { margin-bottom:20px; }
	aside ul li { padding:5px 0; text-indent:-1.0em; padding-left:1.0em; }
	aside ul li:before { content:"\f101"; font-family:FontAwesome; margin-right:10px; color:#E60113; }
	
	.in_in { margin-bottom: 40px; }
	
	.prof-div { padding-bottom: 40px; border-bottom: 1px dotted #dedede; margin-bottom: 40px; }
	
	.imgMain { border: 3px solid #f4f4f4; margin-bottom: 20px; text-align: center;}
	.inrImgList { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
	.inrImgList li { width: 30.7%; border: 3px solid #f4f4f4; margin: 0 0.5% 10px; display: flex; justify-content: center; align-items: center; }
	.proL h5 { font-size: 0.8rem; text-align: center; background: #f4f4f4; margin-bottom: 20px; padding: 10px; }
	.cad-img { text-align: center; margin-bottom: 20px; border: 3px solid #f4f4f4; }
	
	.in_cad select { height: 40px; padding: 10px; line-height: 30px; border: 1px solid #ccc; }
	.in_cad input[type=button] { background: #ffa500; height: 40px; line-height: 20px; padding: 10px; border-radius: 4px; border: none; color: #fff; width: 35%; margin-left: 10px; cursor:pointer;}
	.in_cad input[type=button]:hover { opacity: 0.7; }
	
	.cate-list { display: flex; justify-content: center; flex-wrap: wrap; }
	.cate-list li { width: 20%; margin: 0 1% 30px; }
	.cate-list li h5 { background: #D71418; width: 92%; padding: 4%; color: #fff;}
	.cate-list li h5 span { font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size: 0.7rem; opacity: 0.7; display: block; }
	
	.toogle-a-list { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 20px;}
	.toogle-a-list li { margin:0 2%; width: 35%; }
	/*.toogle-a-list li { margin:0 2%; width: 35%; height: 50px; line-height: 50px; border: 3px solid #E60113; text-align: center; }
	.toogle-a-list li a { display: block; }
	.toogle-a-list li a:link    { color:#E60113; text-decoration: none; }
	.toogle-a-list li a:visited { color:#E60113; text-decoration: none; }
	.toogle-a-list li a:hover   { color:#fff; text-decoration: none; background: #E60113; }
	.toogle-a-list li a:active  { color:#E60113; text-decoration: none; }*/
	
	.pList form { display: flex; justify-content: center; }
	.pList form input[type=button] { font-size: 0.7rem; background: #ffa500; border: none; color: #fff; border-radius: 2px; cursor: pointer;}
	.pList form input[type=button]:hover { opacity: 0.7;}
	.pList form select { font-size: 0.7rem;} 
	
	.mLst { display: flex; justify-content: center; margin: 40px auto 0px;}
	.mLst li { width: 31%; margin-right: 3.5%;}
	.mLst li:last-child { margin-right: 0px; }
	.mLst li div { text-align: center; margin-bottom: 20px; }
	.mLst li p .bold { font-size: 1.1rem;}
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	.search_list { margin: 0 2%; }
	
	.catalog_list { display: flex; justify-content: center; width: 100%; margin: 0 auto; }
	.catalog_list li { width: 29%; margin: 0 2% 20px; }
	.cata_L { float: left; width: 48%; margin-right: 4%; }
	.cata_R { float: left; width: 48%; }
	.cata_R h4 { font-size: 1.0rem; font-weight: bold; margin-bottom: 10px; }
	.cata_R p { font-size: 0.8rem;}
	
	.subMenu li { font-size: 10px; }
	.pList li p { text-align: center; font-size: 0.8rem; }
	
	.in_in_L { width: 100%; margin-bottom: 40px; float: none; }
	.in_in_R { width: 100%; float: none;   }
	aside ul { margin-bottom:20px; display: flex; flex-wrap: wrap; }
	aside ul li { width: 30%; margin-right: 2%; }
	aside ul li:nth-child(3n) { margin-right: 0px;}
}
@media screen and (min-width: 961px) {
	.search_list { width: 900px; margin: 0 auto; }
}


@media screen and (min-width: 1025px) and (max-width: 1259px)  {
	.tbl01 { width: 900px; margin: 0 auto; }
	
	.subMenu li { font-size: 11px;}
	.pList li p { text-align: center; font-size: 0.8rem; }
}
@media screen and (min-width: 1260px) and (max-width: 1479px)  {
	.tbl01 { width: 900px; margin: 0 auto; }
	.subMenu li { font-size: 13px; }
}
@media screen and (min-width: 1480px) {
	.tbl01 { width: 900px; margin: 0 auto; }
}

/*-- コンテンツ -------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#content section { background: #f4f4f4; padding: 4%; }
	#content section .in { background: #fff; padding: 4%; }
	
	.in_flex div { margin-bottom: 20px; }
	.in_flex ul li { background: #f4f4f4; padding: 4%; margin-bottom: 10px; }
	.in_flex ul li h5 { font-weight: bold; font-size: 1.0rem; background: #dedede; padding: 2% 4%; margin-bottom: 10px;}
	.in_flex ul li a { color: #E60113; display: block; margin-top: 10px; }
	.in_flex ul li a:before { content: "《"; margin-right: 5px;}
	.in_flex ul li a:after { content: "...》"; margin-left: 5px;}
	.in_flex ul li p { margin-bottom: 0px; font-size: 0.9rem;}
	.in_flex h4 { position: relative;}
	.in_flex h4:after { position: absolute; top: 25%; right: 2%; content: "\f067"; font-family: "FontAwesome"; color: #fd7676; }
	.in_flex h4.active:after { position: absolute; top: 25%; right: 2%; content: "\f068"; font-family: "FontAwesome"; color: #fd7676; }
}
@media screen and (min-width: 768px) {
	.in_flex { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 40px;}
	.in_flex div { width: 49%; margin-right: 2%; }
	.in_flex div:nth-child(2n) { margin-right: 0; }
	.in_flex ul li { background: #f4f4f4; padding: 2%; margin-bottom: 10px; }
	.in_flex ul li h5 { font-weight: bold; font-size: 1.1rem; background: #dedede; padding: 1% 2%; margin-bottom: 10px;}
	.in_flex ul li a { color: #E60113; display: block; margin-top: 10px; }
	.in_flex ul li a:before { content: "《"; margin-right: 5px;}
	.in_flex ul li a:after { content: "...》"; margin-left: 5px;}
	.in_flex ul li p { margin-bottom: 0px;}
	
	.in_sec600 { width: 600px; margin: 0 auto 40px;}
}
@media screen and (min-width: 768px) and (max-width: 960px)  {
	#content section .in { margin: 0 2% 40px;}
	#content section#second-search-top .in { margin: 0 2%;}
}
@media screen and (min-width: 961px) and (max-width: 1024px)  {
	#content section .in { margin: 0 2% 40px;}
	#content section#second-search-top .in { margin: 0 2%;}
}
@media screen and (min-width: 1025px) and (max-width: 1259px)  {
	#content section .in { margin: 0 2% 40px;}
	#content section#second-search-top .in { margin: 0 2%;}
}
@media screen and (min-width: 1260px) and (max-width: 1479px)  {
	#content section .in { width: 1180px; margin: 0 auto 40px;}
	#content section#second-search-top .in { margin: 0 auto;}
}
@media screen and (min-width: 1480px) {
	#content section .in { width: 1200px; margin: 0 auto 40px;}
	#content section#second-search-top .in { margin: 0 auto;}
}

/*-- FAQ -------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.qa_dl { margin: 0 2%; }
	.qa_dl dt { background:#e60012; color: #fff; font-size: 16px; font-weight: bold; padding: 10px 30px 10px 10px; border-radius: 4px; margin-bottom: 10px; position: relative;}
	.qa_dl dt:hover { cursor: pointer; }
	.qa_dl dt:after { position: absolute; top: 25%; right: 2%; content: "\f067"; font-family: "FontAwesome"; }
	.qa_dl dt.active:after { position: absolute; top: 25%; right: 2%; content: "\f068"; font-family: "FontAwesome"; }
	.qa_dl dd { margin-bottom: 20px; padding: 0 2%; font-size: 14px; }
	.qa_dl dt:before { content: "Q."; margin-right: 5px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
}
@media screen and (min-width: 768px) {
	.qa_dl { width: 100%; margin: 0 auto; }
	.qa_dl dt { background:#e60012; color: #fff; font-size: 16px; font-weight: bold; padding: 10px 20px; border-radius: 4px; margin-bottom: 10px; position: relative;}
	.qa_dl dt:hover { cursor: pointer; }
	.qa_dl dt:after { position: absolute; top: 20%; right: 2%; content: "\f067"; font-family: "FontAwesome"; }
	.qa_dl dt.active:after { position: absolute; top: 20%; right: 2%; content: "\f068"; font-family: "FontAwesome"; }
	.qa_dl dd { margin-bottom: 20px; padding: 0 2%; font-size: 15px; }
	.qa_dl dt:before { content: "Q."; margin-right: 5px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 1.2rem; }
}

/*-- Knowledge -------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.subTtl02 { text-align: center; font-size: 1.1rem; margin-bottom: 10px; font-weight: bold; background: #e60012; padding: 5px; color: #fff; border-top: 3px solid #a90c19;  }
	.two-column { margin-bottom: 20px; }
	.two-column li { width: 60%; margin: 0 20% 20px; padding-bottom: 20px; border-bottom: 1px dotted #dedede;}
	.two-column li h5 { text-align: center; font-size: 1.0rem; font-weight: bold; margin-bottom: 10px;  }
	.two-column li div { text-align: center; }
	.two-column li p { font-size: 0.9rem; }
	.two-column li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
	.three-column { }
	.three-column li { width: 60%; margin: 0 20% 20px; padding-bottom: 20px; border-bottom: 1px dotted #dedede;}
	.three-column li h5 { text-align: center; font-size: 1.0rem; font-weight: bold; margin-bottom: 10px;  }
	.three-column li div { text-align: center; margin-bottom: 10px; }
	.three-column li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
	.three-column li p { font-size: 0.9rem; }
	
	.subTtl03 { text-align: center; font-size: 0.9rem; margin-bottom: 20px; background: #f4f4f4; padding: 5px; color: #000; }
	.in_set { margin: 0 1%;}
	
	.one-third img { width: 60%; margin: 0 20% 20px;}
	.one-third h5 { text-align: center; font-size: 1.0rem; font-weight: bold; margin-bottom: 10px;  }
	
	#subMenu .in { display: flex; justify-content: flex-start; flex-wrap: wrap;}
	#subMenu .in .in_menu { margin-bottom: 20px; }
	#subMenu .in .in_menu:last-child(3n) { margin-bottom: 0px; }
	#subMenu .in .in_menu h3 { text-align: center; margin-bottom: 20px; background: #e60113; padding: 5px 0; font-size: 1.0rem; color: #fff; }
	#subMenu .in .in_menu ol { counter-reset:item; margin-bottom: 20px; }
	#subMenu .in .in_menu ol li { padding-bottom: 10px; border-bottom: 1px dotted #dedede; margin-bottom: 10px; text-indent:-1.0em; padding-left:1.0em; font-size: 0.8rem; }
	#subMenu .in .in_menu ol li:before { counter-increment: item; content: counter(item)'.'; padding-right: .5em; }
	#subMenu .in .in_menu .menuMokuji { padding: 5px; text-align: center; border: 1px solid #000; margin-bottom: 20px; font-size: 0.8rem; position: relative;}
	#subMenu .in .in_menu h4.menuMokuji:after { position: absolute; top: 18%; right: 2%; content: "\f067"; font-family: "FontAweSome"; }
	#subMenu .in .in_menu h4.menuMokuji.active:after { position: absolute; top: 15%; right: 2%; content: "\f068"; font-family: "FontAweSome"; }
	
	.movie_list { width: 80%; margin: 0 10%; }
	.movie_list li { margin: 0 0% 20px; }
	
	.dl-privacy dt { font-size: 1.0rem; font-weight: bold; background: #f4f4f4; padding: 5px; margin-bottom: 10px; }
	.dl-privacy dt span { color: #E60113; font-size: 1.1rem; margin-right: 5px;}
	.dl-privacy dd { margin-bottom: 20px; }
	
	.slc-list { }
	.slc-list li { width: 70%; margin:0 10% 20px; padding-bottom: 20px; border-bottom: 1px dotted #dedede; }
	.slc-list li:nth-child(3) {margin-bottom: 0px; }
	.slc-list li div { margin:0 20% 20px;}
	.slc-list li p { text-align: center; font-size: 1.0rem; font-weight: bold; }
}
@media screen and (min-width: 768px) {
	.subTtl02 { text-align: center; font-size: 1.2rem; margin-bottom: 20px; font-weight: bold; background: #e60012; padding: 5px; color: #fff; border-top: 5px solid #a90c19; }
	.two-column { display: flex; justify-content: center; margin-bottom: 40px; }
	.two-column li { width: 30%; margin: 0 4%; }
	.two-column li h5 { text-align: center; font-size: 1.1rem; font-weight: bold; margin-bottom: 10px;  }
	.two-column li div { text-align: center; }
	
	.three-column { display: flex; justify-content: center; }
	.three-column li { width: 25%; margin: 0 4%; }
	.three-column li h5 { text-align: center; font-size: 1.2rem; font-weight: bold; margin-bottom: 10px;  }
	.three-column li div { text-align: center; margin-bottom: 10px; }
	
	.subTtl03 { text-align: center; font-size: 1.1rem; margin-bottom: 20px; background: #f4f4f4; padding: 5px; color: #000; }
	.in_set { margin: 0 2%;}
	
	.third-block { display: flex; justify-content: center; }
	.one-third { width: 30%; margin-right: 4%;}
	.two-third { width: 66%; }
	.one-third h5 { text-align: center; font-size: 1.1rem; font-weight: bold; margin-bottom: 10px;  }
	
	#subMenu .in { display: flex; justify-content: flex-start; flex-wrap: wrap;}
	#subMenu .in .in_menu { margin-bottom: 40px; margin-right: 3.5%; width: 31%;}
	#subMenu .in .in_menu:nth-child(3n) { margin-right: 0px; }
	#subMenu .in .in_menu h3 { text-align: center; margin-bottom: 20px; background: #e60113; padding: 5px 0; font-size: 1.1rem; color: #fff; }
	#subMenu .in .in_menu ol { counter-reset:item; margin-bottom: 20px; }
	#subMenu .in .in_menu ol li { padding-bottom: 10px; border-bottom: 1px dotted #dedede; margin-bottom: 10px; text-indent:-1.0em; padding-left:1.0em; }
	#subMenu .in .in_menu ol li:before { counter-increment: item; content: counter(item)'.'; padding-right: .5em; }
	#subMenu .in .in_menu .menuMokuji { font-size: 0.9rem; padding: 5px; text-align: center; border: 1px solid #000; margin-bottom: 20px; }
	
	.movie_list { display: flex; flex-wrap: wrap; margin-bottom: 40px;  }
	.movie_list li { width: 18%; margin: 0 1% 20px; }
	
	.dl-privacy dt { font-size: 1.1rem; font-weight: bold; background: #f4f4f4; padding: 10px; margin-bottom: 10px; }
	.dl-privacy dt span { color: #E60113; font-size: 1.2rem; margin-right: 5px;}
	.dl-privacy dd { margin-bottom: 20px; }
	
	.slc-list { display: flex; justify-content: center; margin: 0 auto; }
	.slc-list li { width: 32%; margin-right: 2%;}
	.slc-list li:nth-child(3) { margin-right: 0px; }
	.slc-list li div { margin:0 20% 20px;}
	.slc-list li p { text-align: center; font-size: 1.1rem; font-weight: bold; }
}
@media screen and (min-width: 768px) and (max-width: 959px)  {
	.img_C80 { width: 80%; margin: 0 10% 20px;}
}
@media screen and (min-width: 960px) and (max-width: 1024px)  {
	.img_C80 { width: 80%; margin: 0 10% 20px;}
}
@media screen and (min-width: 1025px) and (max-width: 1259px) {
	.img_C80 { width: 80%; margin: 0 10% 20px;}
}
@media screen and (min-width: 1260px) and (max-width: 1479px)  {
	.img_C80 { width: 60%; margin: 0 20% 20px;}
}
@media screen and (min-width: 1480px) {
	.img_C80 { width: 60%; margin: 0 20% 20px;}
}

/*-- breadcrumbs ------------------------------------------------------------*/
#breadcrumbs { background: #333; }
@media screen and (max-width: 767px) {
	#breadcrumbs .in { margin:0 0%;}
}
@media screen and (min-width: 768px) and (max-width: 959px)  {
	#breadcrumbs .in { margin:0 0% 20px;}
}
@media screen and (min-width: 960px) and (max-width: 1024px)  {
	#breadcrumbs .in { margin:0 0% 30px;}
}
@media screen and (min-width: 1025px) and (max-width: 1259px) {
	#breadcrumbs .in { margin:0 2% 30px;}
}
@media screen and (min-width: 1260px) and (max-width: 1479px)  {
	#breadcrumbs .in { width:1100px; margin:0 auto 40px; }
}
@media screen and (min-width: 1480px) {
	#breadcrumbs .in { width:1200px; margin:0 auto 40px; }
}

@media screen and (max-width: 767px) {
	#breadcrumbs li {
		float:left;
		font-size:11px;
		color:#fff;
		height:18px;
		line-height:18px;
		background:#999999;
		padding:0 10px;
		position:relative;
	}
	#breadcrumbs li:after {
		position:absolute;
		top:0px;
		right:-5px;
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 0 9px 5px;
		border-color: transparent transparent transparent #999999;
		z-index:100;
	}
	#breadcrumbs li a {display:block;}
	
		#breadcrumbs li a         { resize: none; }
		#breadcrumbs li a:link    { color:#fff; text-decoration: none; }
		#breadcrumbs li a:visited { color:#fff; text-decoration: none; }
		#breadcrumbs li a:hover   { color:#fff; text-decoration: none; opacity:0.7; }
		#breadcrumbs li a:active  { color:#fff; text-decoration: none; }

	#breadcrumbs li:nth-child(2) { background:#888; }
		#breadcrumbs li:nth-child(2):after { border-color: transparent transparent transparent #888; }
	#breadcrumbs li:nth-child(3) { background:#777; }
		#breadcrumbs li:nth-child(3):after { border-color: transparent transparent transparent #777; }
	#breadcrumbs li:nth-child(4) { background:#666;}
		#breadcrumbs li:nth-child(4):after { border-color: transparent transparent transparent #666; }
	#breadcrumbs li.current { background:#e60012; }
		#breadcrumbs li.current:after {
			position:absolute;
			top:0px;
			right:-5px;
			content:"";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 9px 0 9px 5px;
			border-color: transparent transparent transparent #e60012;
			z-index:100;
		}
}
@media screen and (min-width: 768px) {
	#breadcrumbs li {
		float:left;
		font-size:12px;
		color:#fff;
		height:18px;
		line-height:18px;
		background:#999999;
		padding:0 10px;
		position:relative;
	}
	#breadcrumbs li:after {
		position:absolute;
		top:0px;
		right:-5px;
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 0 9px 5px;
		border-color: transparent transparent transparent #999999;
		z-index:100;
	}
	#breadcrumbs li a {display:block;}
	
		#breadcrumbs li a         { resize: none; }
		#breadcrumbs li a:link    { color:#fff; text-decoration: none; }
		#breadcrumbs li a:visited { color:#fff; text-decoration: none; }
		#breadcrumbs li a:hover   { color:#fff; text-decoration: none; opacity:0.7; }
		#breadcrumbs li a:active  { color:#fff; text-decoration: none; }

	#breadcrumbs li:nth-child(2) { background:#888; }
		#breadcrumbs li:nth-child(2):after { border-color: transparent transparent transparent #888;}
	#breadcrumbs li:nth-child(3) { background:#777; }
		#breadcrumbs li:nth-child(3):after { border-color: transparent transparent transparent #777; }
	#breadcrumbs li:nth-child(4) { background:#666;}
		#breadcrumbs li:nth-child(4):after { border-color: transparent transparent transparent #666; }
	#breadcrumbs li.current { background:#e60012; }
		#breadcrumbs li.current:after {
			position:absolute;
			top:0px;
			right:-5px;
			content:"";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 9px 0 9px 5px;
			border-color: transparent transparent transparent #e60012;
			z-index:100;
		}
}


/*-- second_base------------------------------------------------------------*/
.rainbow {
		height:1px; 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecf4a1+0,b3ece9+100 */
		background: #ecf4a1; /* Old browsers */
		background: -moz-linear-gradient(left, #ecf4a1 0%, #b3ece9 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ecf4a1 0%,#b3ece9 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #ecf4a1 0%,#b3ece9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf4a1', endColorstr='#b3ece9',GradientType=1 ); /* IE6-9 */
}
@media screen and (max-width: 767px) {
	.rainbow { display: none; }
	.rainbow-sp {
		height:1px; 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecf4a1+0,b3ece9+100 */
		background: #ecf4a1; /* Old browsers */
		background: -moz-linear-gradient(left, #ecf4a1 0%, #b3ece9 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ecf4a1 0%,#b3ece9 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #ecf4a1 0%,#b3ece9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf4a1', endColorstr='#b3ece9',GradientType=1 ); /* IE6-9 */		
	}
}
@media screen and (min-width: 768px) {
	.rainbow-sp { display: none; }
}
@media screen and (min-width: 768px) and (max-width: 959px)  {
	.rainbow {height:1px; margin-top:60px; }
}
@media screen and (min-width: 960px) and (max-width: 1024px)  {
	.rainbow {height:1px; margin-top:60px; }
}
@media screen and (min-width: 1025px) and (max-width: 1259px) {
	.rainbow {height:1px; margin-top:70px; }
}
@media screen and (min-width: 1260px) and (max-width: 1479px)  {
	.rainbow {height:1px; margin-top:80px; }
}
@media screen and (min-width: 1480px) {
	.rainbow {height:1px; margin-top:80px; }
}