@charset 'UTF-8';

/*フォント周り調整*/
body #content_other{font-family:  sans-serif;}
a{text-decoration: none;}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],input[type="button"] {border-radius: 0;-webkit-box-sizing: content-box;-webkit-appearance: button;appearance: button;border: none;box-sizing: border-box;cursor: pointer;}
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration {display: none;}
input[type="submit"]::focus,input[type="button"]::focus {outline-offset: -2px;}


/*タイトル周り*/
h2{font-weight: 100;font-size: 5vw;line-height: 1;margin-block-start: 0.67em;margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px;text-rendering: optimizeLegibility;color: #4C4C4C;}
h2 .fw{font-weight: 300;}
.title_lyric{font-size: 2vw;color: #999999;font-style: inherit;font-weight: 200;line-height: 1.2;display: block;}

/*検索*/
#searchFAQ .center{width: 95%;margin:4vw auto;}
#searchFAQ .center p{font-size: 2.5vw;}
#searchFAQ input[type="text"]{font-size: 2.5vw;padding:2vw 1.5vw;width: 60%;margin-top: 1vw;margin-right: 2vw;}
#FAQ_saerch_btn{background: #E51572;border-radius: 5px;box-shadow:2px 2px 0 #6D6D6D;font-size: 2.5vw;color: #fff;padding:2vw 3vw ;width: 30%;margin-bottom: 1vw;}
#searchFAQ .cap{font-size: 1.8vw;color: #999999;}

.deco_lensman{color: #999999;font-size: 1.3vw;text-align: center;}


/*PICK UP 注目のFAQ*/
#pickupFAQ{background: #FFF5FB;padding: 3vw;border-top:1px solid  #999999;border-bottom:1px solid  #999999;margin: 3px 0;}
#pickupFAQ h2{width: 95%;margin: 0 auto;margin-bottom: 2vw;}
#pickupFAQ .center{width: 95%;margin: 0 auto;position: relative;padding-bottom: 10vw;}
.pickup_box{margin-bottom: 3vw;}
.pickup_box a{display: flex;align-items: center;text-decoration: none;}
.pickup_box a:hover .pickup_q .pickup_q_text{text-decoration: underline;}
.icon_category{background: #999999;color: #fff;font-size: 2.5vw;width: 28%;padding:1vw;text-align: center;border-radius: 5px; box-sizing: border-box;}
.pickup_q{color: #E51572;width: 75%;padding: 2 0;margin-left: 1vw;display:flex;}
.pickup_q .icon:before{content: "▶︎";}
.pickup_q p{align-self: center;font-size: 3vw;}
.all_FAQ{text-align: right;font-weight: 100;background: #E51572;color: #fff;padding: 1px;position: absolute;bottom:2vw;right:0;font-size: 3vw;}
.all_FAQ a{text-decoration: none;color: #fff;}
.all_FAQ:hover{background: #999999;color: #E51572;}


/*カテゴリから探す*/
#categoryFAQ{width: 95%;margin: 4vw auto;}
.FAQ_category_box{width: 100%;border: 2px solid #999999;padding: 2vw 2vw 5vw;border-radius: 10px;box-sizing: border-box;box-shadow: 1vw 1vw 0 #E81A8B;margin-bottom: 4vw;position: relative;}
.FAQ_category_box#list_other{margin-bottom: 0;}
.FAQ_category_box h4{font-size: 3.5vw;font-weight:300;vertical-align: top;margin-bottom: 4vw;}
.FAQ_category_box h4 img{width:5vw;}
.FAQ_category_box h4 span{border-bottom:  #E51572 1px dashed;width: 100%;margin-left: 1vw;}
.FAQ_category_box ul{width: 95%;margin: 0 auto;}
.FAQ_category_box li{margin-bottom: 3vw;font-size:3vw;}
.FAQ_category_box li a{color: #493741;text-decoration: none;}
.FAQ_category_box li a:hover{text-decoration: underline;color: #E51572;}
.other_FAQ{text-align: right;font-weight: 100;background: #E51572;color: #fff;padding: 1px;position: absolute;bottom:2vw;right:2vw;font-size: 3vw;}
.other_FAQ a{text-decoration: none;color: #fff;}
.other_FAQ:hover{background: #999999;color: #E51572;}


/*
リスト	
------------------------*/
#FAQ_list{width: 90%;margin: 0 auto;margin-bottom: 3vw}
#FAQ_list .FAQ_category{margin-top: 5vw;}
#FAQ_listPage dl{margin-top: 3vw;border:solid 1px #DBDBDB ;}
#FAQ_listPage dl a{text-decoration: none;}
#FAQ_listPage dl span{width:4vw;}
#FAQ_listPage dl dt{display: flex;}
#FAQ_listPage dl dt{background: #FCFAFB;color: #E51572;padding: 1vw;font-size:3vw; vertical-align: middle;}
#FAQ_listPage dl dt .q_text{margin-left: 1vw;padding-top: 1vw;max-width: 90%}
/* #FAQ_listPage dl dt span{width:4vw;} */
#FAQ_listPage dl dd{background: #FFF5FB;color: #595959;padding: 1vw;vertical-align: middle;font-size: 3vw;font-weight: 100;display: flex;}
#FAQ_listPage dl dd .a_text{margin-left: 1vw;padding-top: 1vw;}
#FAQ_listPage dl dd:hover{text-decoration: underline;color: #E51572;}

.easy_nav_bg{background: #FFF5FB;padding: 3vw 0;border-top:1px solid  #DBDBDB;border-bottom:1px solid  #DBDBDB;}
.easy_nav{width: 90%;margin:0 auto;}
.easy_nav .category_nav,.easy_nav .common_nav{display: flex;flex-wrap: wrap;}
.easy_nav .common_nav .button,.easy_nav .category_nav .button{font-size: 2.5vw;}
.easy_nav .common_nav .button{background: #8BDCEA;color:#4C4C4C;}
.easy_nav .category_nav{margin-top:3vw;}
.easy_nav .category_nav .button{background: #4CD3C2;color: #4C4C4C;width: 30%;text-align: center;}
.easy_nav p{margin-right: 2.5vw;}
.easy_nav .category_nav p{margin-bottom: 2.5vw;}
.easy_nav a{text-decoration: none;}
.easy_nav .button:hover{background: #E51572;color: #fff;}




/*
Detail	詳細ページ
------------------------*/
#FAQ_box{width: 95%;margin: 0 auto;margin-top: 3vw;margin-bottom: 3vw;}
#FAQ_box dt,#FAQ_box dd{padding: 1vw;}
#FAQ_detailPage #FAQ_box dd a{color:#4C4C4C;text-decoration: underline;}
#FAQ_detailPage #FAQ_box dd a:hover{color: #E51572}
#FAQ_box dt{display: flex;}
#FAQ_box dt .q_text,#FAQ_box dt span{align-self: center;}
#FAQ_box dt{background: #fff;color: #E51572;font-size: 3vw;vertical-align: top;border-bottom: #999999 dashed 1px;line-height: 1.4;}
#FAQ_box dt span,#FAQ_box dd .ans_icon{width:6vw;padding-right: 1vw;}
#FAQ_box dd{background: #FFF5FB;color: #595959;font-size: 3vw;padding-top: 2vw;}
#FAQ_box dd .ans_icon{text-align: left;margin: 0;}
/* #FAQ_box dd:before{content: url(/FAQ/images/Answer_icon.png);margin-right: 1vw;vertical-align: middle;} */
#FAQ_box dd p,#FAQ_box dd div{width: 90%;margin: 2vw auto;line-height: 1.5;}
#FAQ_box dd .FAQ_ID{text-align: right;font-size: 2vw;}
#FAQ_box img{width:100%;}


#related_FAQ_area{width: 97%;margin: 0 auto;margin-top: 5vw;}
#related_FAQ_area h5{font-size: 3vw;margin-bottom: 2vw;font-weight: 300;}
.related_box{display: flex;align-items: center;margin-top: 2vw;padding:1vw 2vw;border:1px solid #DBDBDB;}
.related_box .pickup_q{font-size: 2.5vw;font-weight: 200;}
.related_box .icon_category{font-size: 2vw;width: 25%;}
.related_box:hover{border:1px solid #DBDBDB;background: #FFF5FB;}
.related_box:hover .pickup_q{text-decoration: underline;}
#FAQ_box .more{display: block;}





/*NAV*/
.button{border-radius: 2px;font-size: .75rem;cursor: pointer;justify-content: center;padding-bottom: calc(.375em - 1px);padding-left: .75em;padding-right: .75em;
padding-top: calc(.375em - 1px);text-align: center;white-space: nowrap;}

.FAQ_nav{display: flex;flex-wrap: wrap;justify-content:space-between;width: 80%;margin:5vw auto 0;}
.FAQ_nav .button{background: #4CD3C2;color: #4C4C4C;font-size: 2.5vw;}
.FAQ_nav .button:hover{background: #E51572;color: #fff;}