@charset "UTF-8";

@import url(pc.css) screen and (min-width: 1366px);
@import url(tbb.css) screen and (min-width: 1024px) and (max-width: 1366px);
@import url(tb.css) screen and (min-width: 769px) and (max-width: 1023px);
@import url(sp.css) screen and (max-width: 768px);

@import url(animate.css);

body{
	font-family: 'Zen Maru Gothic', sans-serif;
	width:100%;
	overflow-x:hidden;
	-webkit-text-size-adjust: 100%;}
	
.al-center{
	text-align:center;}

.clear{
	clear:both;}

a:hover{
	-moz-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	-ms-filter:alpha(opacity=70);
	opacity:.7;
	text-decoration:none;}

.border-title{
	font-size:18px;
	text-align:left;
	letter-spacing:1px;
	padding:5px;
	border-bottom:1px solid #333;
	margin-bottom:5px;}

.pb-1em{
	font-size:16px;
	text-align:left;
	padding:10px;
	line-height:26px;}

.nomber-list{
	margin:0 0 0 30px;
	list-style:decimal;
	font-size:15px;
	text-align:left;}

.nomber-list li{
	padding:5px 0;}

.disk-list{
	list-style:disc;
	text-align:left;
	font-size:15px;
	margin:0 0 0 30px;}

.disk-list li{
	padding:5px 0;}


.faq-trigger {
        position: relative;
        cursor: pointer;
        display: block;
        margin-bottom:7px;
        }
        .faq-table {
        width:100%;
        border-collapse:collapse;
        border-spacing:0;
        text-align:left;
        letter-spacing:0;
        box-sizing: border-box;
        font-weight:600;
        }
        .faq-table th {
        padding: 1rem 0;
        width:62px;
        vertical-align: middle;
        font-weight:normal;
        text-align:center;
        color:#FFF;
        font-size:27px;
        line-height: 100%;
        font-family: 'Cormorant Garamond', serif;
        background:#3D3A38;
        }
        .faq-table td {
        padding: 1rem 60px 1rem 1rem;
        text-align:left;
        font-size:18px;
        line-height: 150%;
        vertical-align: middle;
        background:rgba(0,0,0,.06);
        }
        .faq-table td::before, .faq-table td::after {
        content: '';
        display: block;
        background-color: #555;
        position: absolute;
        top: 50%;
        width: 15px;
        height: 2px;
        right: 25px;
        }
        .faq-table td::after {
        transform: rotate(90deg);
        transition-duration: .3s;
        }
        .active-faq .faq-table td::before {
        opacity: 0;
        }
        .active-faq .faq-table td::after {
        transform: rotate(0);
        }
        .answer-box {
        border:1px solid #DCDCDC;
        background: rgba(252,251,244,.7);
        padding:2rem;
        box-sizing: border-box;
        margin-bottom: 2rem;
        }

        @media only screen and (max-width:1024px) {
        .faq-table th { width:60px; font-size:36px; }
        .faq-table td { font-size:16px; padding-right:52px; }
        .faq-table td::before, .faq-table td::after { right:22px; width:14px; }
        }
        @media only screen and (max-width: 767px) {
        .faq-table th { width:40px; font-size:24px; }
        .faq-table td { font-size:15px; padding-right:40px; }
        .faq-table td::before, .faq-table td::after { right:18px; width:12px; }
        }




.facebook-wrapper {
    max-width: 500px; /* Facebook Page Plugin の最大幅 */
    margin: 0 auto;
}
 
.facebook-wrapper > .fb-page {
    width: 100%;
}
 
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}
#insertArea01{
	text-align: center;
}