@charset "utf-8";


/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {

.faq { counter-reset: number;}
.faq dt { margin-bottom: 10px; padding: 0 3em 10px 3em; border-bottom: 1px dotted #CCC; position: relative;}
.faq dt::before { content: "Q." counter(number); counter-increment: number; position: absolute; left: 0; top: 0;}
/*.faq dt::after { content: "\f055";font-family: "Font Awesome 5 Free"; font-weight: 900; color: #086DB0; position: absolute; right: 0; top: 0;}
.faq dt.open::after { content: "\f055";font-family: "Font Awesome 5 Free"; font-weight: 900; color: #086DB0; position: absolute; right: 0; top: 0; transform: rotate(45deg);}*/
.faq dt:hover { font-weight: bold;}
.faq dd { padding: 20px; background: #FFE8E8; margin-left: 30px; margin-bottom: 20px;}


.cont01 { padding: 50px 0;}

.cont02 { padding: 50px 0;}
.cont02 ul {}
.cont02 ul li {}
.cont02 ul li a { display: block; color: #666;}
.cont02 ul li a figure { overflow: hidden;}
.cont02 ul li a figure img {}
.cont02 ul li a:hover figure img { transform: scale(1.1);}
.cont02 ul li a h4 { margin: 10px 5px; font-size: 2.2rem;}
.cont02 ul li a p { margin: 15px 5px; font-size: 1.6rem;}

.cont03 { padding: 0 0 50px;}
.cont03 ul {}
.cont03 ul li {}
.cont03 ul li a { display: block; color: #666;}
.cont03 ul li a figure { overflow: hidden;}
.cont03 ul li a figure img {}
.cont03 ul li a:hover figure img { transform: scale(1.1);}
.cont03 ul li a h4 { margin: 10px 5px; font-size: 2.2rem;}
.cont03 ul li a p { margin: 15px 5px; font-size: 1.6rem;}

.cont04 { padding: 0 0 50px;}
.cont05 { padding: 0 0 50px;}
.cont06 { padding: 0 0 50px;}
.cont07 { padding: 0 0 50px;}
.cont08 { padding: 0 0 50px;}
.cont09{ padding: 0 0 50px;}
.cont10 { padding: 0 0 50px;}
.cont11 { padding: 0 0 50px;}



}

/* モバイルレイアウト : 480 px およびそれ以下. */
/*sp*/
@media only screen and (max-width: 767px) {

.faq { counter-reset: number;}
.faq dt { margin-bottom: 10px; padding: 0 0 10px 3em; border-bottom: 1px dotted #CCC; position: relative;}
.faq dt::before { content: "Q." counter(number); counter-increment: number; position: absolute; left: 0; top: 0;}
.faq dt:hover { font-weight: bold;}
.faq dd { padding: 20px; background: #FFE8E8; margin-left: 30px; margin-bottom: 20px;}


.cont01 { padding: 5% 2%;}

.cont02 { padding: 5% 2%;}
.cont02 ul {}
.cont02 ul li {}
.cont02 ul li a { display: block; color: #666;}
.cont02 ul li a figure { overflow: hidden;}
.cont02 ul li a figure img {}
.cont02 ul li a:hover figure img { transform: scale(1.1);}
.cont02 ul li a h4 { margin: 10px 5px; font-size: 2.2rem;}
.cont02 ul li a p { margin: 15px 5px; font-size: 1.6rem;}

.cont03 { padding: 5% 2%;}
.cont03 ul {}
.cont03 ul li {}
.cont03 ul li a { display: block; color: #666;}
.cont03 ul li a figure { overflow: hidden;}
.cont03 ul li a figure img {}
.cont03 ul li a:hover figure img { transform: scale(1.1);}
.cont03 ul li a h4 { margin: 10px 5px; font-size: 2.2rem;}
.cont03 ul li a p { margin: 15px 5px; font-size: 1.6rem;}

.cont04 { padding: 5% 2%;}
.cont05 { padding: 5% 2%;}
.cont06 { padding: 5% 2%;}
.cont07 { padding: 5% 2%;}
.cont08 { padding: 5% 2%;}
.cont09 { padding: 5% 2%;}
.cont10 { padding: 5% 2%;}
.cont11 { padding: 5% 2%;}


}