@charset "UTF-8";
.fragments_single{
position: relative;
margin: 0;
padding: 0;
width: 100%;
}



.intro_viewer{
position: relative;
margin: 0;
padding: 0;
width: 100%;
display: none;
visibility: hidden;
}


.fragment_content{
position: relative;
width: 92%;

margin: 0 auto;
padding: 0;

/*adobe-kis-variable*/
font-family: "adobe-kis-variable",sans-serif;
font-variation-settings: 'opsz' 15, 'wght' 300;

/*フォント英語、詰める*/
font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: 0.0em;

font-size: 18px;
line-height: 1.5;
}







/*タイトル*/
.fragment_content h1{
margin: 0;
padding: 14px 0 0 0;
font-size: 20px;
line-height: 1.1;
}

/*日付*/
.fragment_content .update_date{
margin: 0;
padding: 6px 0 50px 0;
font-size: 13px;
line-height: 1.1;
}



/*本文00 導入*/
.honbun_00{
width: 100%;
margin: 0;
padding: 0;
}

.honbun_00 p{
margin: 0 0 20px 0;
padding: 0;
}

.honbun_00 p:last-child {
margin: 0 0 0 0;
}




/*本文01 イタリック*/
.honbun_01{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}

.honbun_01 p{
margin: 0 0 20px 0;
padding: 0;

/*adobe-kis-variable　イタリック*/
font-family: "adobe-kis-variable",sans-serif;
font-variation-settings: "opsz" 15, "wght" 350;

font-size: 19px;
font-style: italic;
line-height: 1.4;
}

.honbun_01 p :last-child {
margin: 0 0 0 0;
}




/*本文02*/
.honbun_02{
width: 100%;
padding: 0 0 100px 0;
}

.honbun_02 p{
margin: 0 0 20px 0;
padding: 0;
}

/*質問*/
.question{
/*adobe-kis-variable*/
font-family: "adobe-kis-variable",sans-serif;
font-variation-settings: 'opsz' 15, 'wght' 500;
line-height: 1.26;
margin: 0 0 21px 0;
}

/*答え*/
p.answer{
margin: 0 0 25px 0;
}


/*写真01*/
.photo_only01{
position: relative;
width: 100%;
margin: 0;
padding: 50px 0 0 0;
}

.photo_only01 img{
width: 100%;
height: auto;
}



.signature{
font-size: 17px;
}




/*Back to index*/
.fragment_content_backtoindex{
position: relative;
width: 92%;
margin: 0 auto;
padding: 0 0 150px 0;

/*adobe-kis-variable*/
font-family: "adobe-kis-variable",sans-serif;
font-variation-settings: 'opsz' 30, 'wght' 300;

font-size: 16px;
line-height: 1.3;

/*フォント英語、詰める*/
font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: 0.0em;
}

.fragment_content_backtoindex a{
color: #333;
}


/*スマホ終了
----------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {


.fragments_single{
position: relative;
margin: 0;
padding: 0;
width: 100%;
}

.intro_viewer{
display: block;
visibility: visible;

position: fixed;
top: 0;
left: 0;
width: 52vw;
height: 100%;
border-right: 1px solid #ccc;
}


.intro_viewer .photo_area{
width: 100%;
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
}

.intro_viewer .photo_area img{
max-width: calc( 100% - 20px );
width: auto;
height: calc( 100% - 20px );
margin: 0 0 0 10px;
opacity: 0;
}




.fragment_content{
position: relative;
width: 43%;
margin: 0 2% 0 55%;
padding: 0 0 100px 0;

/*adobe-kis-variable*/
font-family: "adobe-kis-variable",sans-serif;
font-variation-settings: 'opsz' 15, 'wght' 300;

/*フォント英語、詰める*/
font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: 0.0em;

font-size: 19px;
line-height: 1.5;
}





.fragment_content h1{
margin: 0;
padding: 40px 0 5px 0;

font-size: 23px;
line-height: 1.2;
}

/*日付*/
.fragment_content .update_date{
margin: 0;
padding: 0 0 40px 0;

font-size: 14px;
line-height: 1.3;
}


/*本文00*/
.honbun_00{
width: 100%;
margin: 0;
padding: 0;
}

.honbun_00 p{
margin: 0 0 18px 0;
padding: 0;
}

.honbun_00 p:last-child {
margin: 0;
padding: 0;
}



/*本文01　イタリック　要約*/
.honbun_01{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}

.honbun_01 p{
margin: 0;
padding: 0;
font-size: 20.5px;
}

.honbun_01 p :last-child {
margin: 0 0 0 0;
padding: 0;
}




/*本文01 イタリック*/
.honbun_02{
width: 100%;
margin: 0;
padding: 0;
}

.honbun_02 p{
margin: 0;
padding: 0;
}

.honbun_02 p:last-child {
margin: 0;
padding: 0;
}




/*質問*/
.question{
/*adobe-kis-variable*/
font-family: "adobe-kis-variable",sans-serif;
font-variation-settings: 'opsz' 15, 'wght' 500;
line-height: 1.26;
margin: 0 0 15px 0;
padding: 0;
}

/*答え*/
p.answer{
margin: 0 0 20px 0;
padding: 0;
}

/*写真01*/
.photo_only01{
width: 100%;
margin: 0;
padding: 50px 0 0 0;
}

.photo_only01 img{
width: 100%;
height: auto;
}



.signature{
font-size: 18px;
}




/*Back to index*/
.fragment_content_backtoindex{
position: fixed;
top: 10px;
left: 10px;

margin: 0;
padding: 0;

/*adobe-kis-variable*/
font-family: "adobe-kis-variable",sans-serif;
font-variation-settings: 'opsz' 30, 'wght' 300;

font-size: 16px;
line-height: 1.1;

/*フォント英語、詰める*/
font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: 0.0em;
}

.fragment_content_backtoindex a{
color: #000;
}







}/*PC括弧終了*/