<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
#column_top{ background-color: #282e38;}
#column_top #breadcrumb{ background-color: #282e38; color: #fff;}
#column_top #breadcrumb li::after{ border-color: #fff;}
#column_top .main-column_btn{ display: none;}

/* Column Detail */
#detail{max-width: 746px; margin: 0 auto; padding: 0 15px 100px; line-height: 1.9;}
#detail h3{font-size: 2.5rem; padding: 35px 0; border-top: 2px solid #8b929b; border-bottom: 2px solid #8b929b; text-align: center; margin: 0 0 80px;}
#detail h4{font-size: 2.2rem; margin: 0 0 55px;}
.mt40{margin-top: 40px;}
#detail h5{font-weight: bold; font-size: 1.9rem; margin-bottom: 10px;}

.detail-box{border-bottom: 2px solid #e6e6e6; padding: 0 0 40px; margin: 0 0 50px;}
.detail-box:last-of-type{margin: 0;}

.detail-link,.detail-exlink{font-size: 1.4rem; text-align: right;}
.detail-link a:after{content: ''; border: solid #4c4c4c; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: relative; top: -2px; margin: 0 0 0 5px;}
.detail-exlink a:after{content: ''; display: inline-block; margin: 0 0 0 12px; width: 12px; height: 12px; background: url("../img/common/ic-exlink-gray.svg") no-repeat top left/100% 100%;}
.detail-link a:hover,.detail-exlink a:hover{text-decoration: underline;}


.detail-img{margin: 20px 0; text-align: center;}
.detail-img .cap{text-align: right; padding: 10px 0 0 0;}


.box--kanren{padding-top: 15px; border-top: 3px double #ccc;}
.box--kanren b{font-size: 80%;}
.box--kanren a{text-decoration: underline;}

/* Media */
@media only screen and (max-width: 767px){
    #detail{padding: 0 30px 60px;}
    #detail h3{font-size: 2.5rem; padding: 18px 0; margin: 0 0 50px;}
    
    .detail-img .cap{text-align: left;}
}


/*201802*/

#c--201802  figcaption{font-size: 12px; line-height: 1.4; margin-top: 5px;}
#c--201802  .caption{ text-align: right; font-size: 12px;padding: 20px 0; margin-bottom: 40px;} 

#c--201802 .profBox{ }
#c--201802 .profBox figure{margin:0 auto 10px; width: 150px;}
#c--201802 .profBox figure figcaption{text-align: center;font-size: 12px;}

#c--201802 .c---box01,#c--201802 .c---box02,#c--201802 .c---box03{margin-bottom: 50px;}
#c--201802 .c---box01{display: flex; justify-content: space-between; padding: 25px; border: 1px solid #ccc; }
#c--201802 .c---box01 div{flex-basis: 65%;}
#c--201802 .c---box01 div .tit{font-size: 2rem; margin-bottom: 10px;}
#c--201802 .c---box01 figure{flex-basis: 30%;}

#c--201802 .c---box02&gt;figure{float: left; margin:0 25px 25px 0; max-width: 300px;}
#c--201802 .c---box02 .prof{border-top: 1px solid #ccc; display: flex; margin-top: 40px; ; justify-content: flex-start; padding-top: 25px;}
#c--201802 .c---box02 .prof .profBox{ margin-right: 25px;}

#c--201802 .c---box03 .col01{display: flex; justify-content: space-between; padding-top: 40px; margin-bottom: 30px;}
#c--201802 .c---box03 .col01 &gt; figure{flex-basis:60%}
#c--201802 .c---box03 .col01 .profBox{flex-basis: 20%;  margin: auto;}
#c--201802 .c---box03 .col01 .profBox figure{margin-bottom: 40px;}

#c--201802 .c---box03 .col02{margin: 0 0 30px 0 ;}
#c--201802 .c---box03 .col02 .txt{margin-bottom: 12px;}
#c--201802 .c---box03 .col02 .txt b{font-weight: bold; display: block;}
#c--201802 .c---box03 .col02 figure {text-align: center;}

#c--201802 .c---box03 .col03{display: flex; justify-content: space-between; padding: 30px 0;  border-top:1px dotted #ccc }
#c--201802 .c---box03 .col03 .txt{flex-basis: 50%}
#c--201802 .c---box03 .col03 .txt b{font-weight: bold; display: block;}
#c--201802 .c---box03 .col03 figure{flex-basis: 48%}

#c--201802 .c---box04 .col01,#c--201802 .c---box04 .col02{margin-bottom: 20px; display: flex; justify-content: space-between;}
#c--201802 .c---box04 .col01 figure,#c--201802 .c---box04 .col02 figure{flex-basis: 48%;}
#c--201802 .c---box04 .col01 .txt{flex-basis: 48%;}

/*201709*/

#c--201709  figcaption{font-size: 12px; line-height: 1.4; margin-top: 5px;}
#c--201709  .caption{ text-align: right; font-size: 12px;padding: 20px 0; margin-bottom: 40px;} 

#c--201709 .c---box01{display: flex; justify-content: space-between; padding: 25px; border: 1px solid #ccc; margin-bottom: 50px;}
#c--201709 .c---box01 &gt; div{width: 55%;}
#c--201709 .c---box01 &gt; div .tit{font-size: 2rem; margin-bottom: 10px;}
#c--201709 .c---box01 figure{width: 40%;}

#c--201709 .c---box02 .col01{ border-bottom: dotted 1px #ccc;;padding-bottom: 30px;margin-bottom: 30px; display: flex; justify-content: space-between; }
#c--201709 .c---box02 .col01:last-of-type{border-bottom: none;;}
#c--201709 .c---box02 .col01 figure,#c--201802 .c---box04 .col02 figure{flex-basis: 40%;}
#c--201709 .c---box02 .col01 .txt{flex-basis: 58%;}

#c--201709 .c---box03{ margin-bottom: 50px;}
#c--201709 .c---box03 .pic{display: flex; justify-content: space-around; padding-top: 30px;}
#c--201709 .c---box03 .pic figure{flex-basis: 33%;}

#c--201709 .c---box04 {background-color: #E5E5E5; padding: 25px;}

/*201706*/
#c--201706 .c---box01 .col01{ margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px #ccc dotted;}
#c--201706 .c---box01 .col01:last-of-type{border-bottom: none;}
#c--201706 .c---box01 .col01 .subTit{font-size: 2rem;}
#c--201706 .c---box01 .col01 .name{font-size: 2.5rem; font-weight: bold;}
#c--201706 .c---box01 .col01 .pic{display: flex; justify-content: space-between; padding-top: 30px;}
#c--201706 .c---box01 .col01.case01  .note {font-size: 12px; padding-top: 10px;}

#c--201706 .c---box01 .col01.case01  .pic figure:nth-of-type(1){width: 41%;}
#c--201706 .c---box01 .col01.case01  .pic figure:nth-of-type(2){width: 17.2%}
#c--201706 .c---box01 .col01.case01  .pic figure:nth-of-type(3){width: 39%;}

#c--201706 .c---box01 .col01.case02  .pic figure:nth-of-type(1){width: 39%;}
#c--201706 .c---box01 .col01.case02  .pic figure:nth-of-type(2){width: 39%}
#c--201706 .c---box01 .col01.case02  .pic figure:nth-of-type(3){width: 18.6%;}

#c--201706 .c---box01 .col01.case03 .pic{display: flex; justify-content:flex-start;margin-bottom: 30px;}
#c--201706 .c---box01 .col01.case03  .pic figure:nth-of-type(1){width: 19.4%; margin-right: 1.5%;}
#c--201706 .c---box01 .col01.case03  .pic figure:nth-of-type(2){width: 38.8%; margin-right: 1.5%;}
#c--201706 .c---box01 .col01.case03  .pic figure:nth-of-type(3){width: 18.6%;}

#c--201706 .c---box01 .col01.case04  .pic figure:nth-of-type(1){width: 39%;}
#c--201706 .c---box01 .col01.case04  .pic figure:nth-of-type(2){width: 39%}
#c--201706 .c---box01 .col01.case04  .pic figure:nth-of-type(3){width: 19.9%;}


/*201609*/
#c--201609  figcaption{font-size: 12px; line-height: 1.4; margin-top: 5px;}
#c--201609  .caption{ text-align: right; font-size: 12px;padding: 20px 0; margin-bottom: 40px;} 
#c--201609 .c---box01 { border:1px solid #ccc; padding: 25px; margin-bottom: 50px;}
#c--201609 .c---box01 .tit{font-weight: bold; font-size: 110%;}
#c--201609 .c---box01 .prof{display:flex; justify-content: space-between;}
#c--201609 .c---box01 .prof .profBox {margin: 20px 0 0 0;}
#c--201609 .c---box01 .prof .profBox:first-of-type {border-right: 1px #ccc dotted;;}
#c--201609 .c---box01 .prof .profBox .upper{ display: flex; justify-content: space-between;  padding: 10px;}
#c--201609 .c---box01 .prof .profBox .upper figure{flex-basis: 50%;}
#c--201609 .c---box01 .prof .profBox .upper .name{flex-basis: 46%;font-size: 12px;line-height: 1.3; }
#c--201609 .c---box01 .prof .profBox .upper .name .katagaki{background-color: #eaeaea; padding: 5px 10px; margin-bottom: 4px; }
#c--201609 .c---box01 .prof .profBox .bottom{padding: 15px 15px 0 15px ;font-size: 14px; line-height: 1.5;}

#c--201609 .c---box02{background-color: #eaeaea; padding: 20px; font-size: 14px;}
#c--201609 .c---box02 .snTit{display: flex; align-items: center; font-size: 120%; margin-bottom: 10px;}
#c--201609 .c---box02 .snTit img{margin-right: 15px;}
#c--201609 .c---box02 .snSubTit{font-size: 120%; margin-bottom: 20px;}
#c--201609 .c---box02 .col01{margin-bottom: 30px; border-bottom: 1px dotted #666; padding-bottom: 30px; }
#c--201609 .c---box02 .col01:last-of-type{border-bottom: none;  }
#c--201609 .c---box02 .col01.sn01 .inner{  padding-top: 15px;}
#c--201609 .c---box02 .col01.sn01 .inner figure{width: 40%; margin: 0 0 15px 15px; float: right;}
#c--201609 .c---box02 .col01.sn02 .inner .pic{display: flex; justify-content: space-between; padding-top: 20px; margin-bottom: 30px;}
#c--201609 .c---box02 .col01.sn02 .inner .pic figure{width: 32%;}
#c--201609 .c---box02 .col01.sn03 .inner .pic{display: flex; justify-content: space-between; padding-top: 20px; margin-bottom: 30px;}
#c--201609 .c---box02 .col01.sn03 .inner .pic figure{width: 48%;}
#c--201609 .c---box02 .col01.sn04 .inner .pic{display: flex; justify-content: space-between; padding-top: 20px; margin-bottom: 30px;}
#c--201609 .c---box02 .col01.sn04 .inner .pic figure:nth-of-type(1){width: 39%;}
#c--201609 .c---box02 .col01.sn04 .inner .pic figure:nth-of-type(2){width: 57%;}
#c--201609 .c---box02 .col01.sn05 .inner .pic{display: flex; justify-content: space-between; padding-top: 20px; margin-bottom: 30px;}
#c--201609 .c---box02 .col01.sn05 .inner .pic figure{width: 48%;}


/*202110*/

#c--202110 h4.bukkenName{margin-bottom: 20px;}
#c--202110  .box01{padding-top: 40px;}
#c--202110  .box01 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
#c--202110  .box01 li{width: 48%; margin-bottom: 20px;}
#c--202110  .box01 .cap{padding-top: 5px; font-size: 12px;}
#c--202110  .box02 { display: flex; justify-content: space-between;align-items:flex-end}
#c--202110  .box02 .colL{width: 60%;}
#c--202110  .box02 .colR{width: 38%;}
#c--202110  .box02 .cap{font-size: 12px;}
#c--202110  .caption{ text-align: right; font-size: 12px;padding: 20px 0; margin-bottom: 40px;}


/*202111*/

#c--202111 figure figcaption{font-size: 12px;}
#c--202111 .box01{margin-bottom: 20px;}
#c--202111 .box02{text-align: center; margin-bottom: 20px;}
#c--202111 .box03{}
#c--202111  .caption{ text-align: right; font-size: 12px;padding: 20px 0; margin-bottom: 40px;}
#c--202111  .caption a{text-decoration: underline}
#c--202111  .caption a:after{content: ''; display: inline-block; margin: 0 0 0 12px; width: 12px; height: 12px; background: url("../img/common/ic-exlink-gray.svg") no-repeat top left/100% 100%;}

/*202202*/

#c--202202 h4.bukkenName{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
#c--202202 figure{padding-top: 10px; text-align: center;}
#c--202202 figure figcaption{ font-size: 14px; text-align: left;}
#c--202202 .box01{margin-bottom: 40px;}
#c--202202 .box02{margin:20px 0 40px;padding: 20px 0; border-top: 1px solid #ccc;}
#c--202202  .caption{ text-align: right; font-size: 12px;padding: 20px 0; margin-bottom: 40px;}
#c--202202  .caption a{text-decoration: underline}
#c--202202  .caption a:after{content: ''; display: inline-block; margin: 0 0 0 12px; width: 12px; height: 12px; background: url("../img/common/ic-exlink-gray.svg") no-repeat top left/100% 100%;}

/*202206*/

#c--202206  .subTit{font-size: 2.5rem; margin-bottom: 15px;}
#c--202206 .box01{margin-bottom: 30px;}
#c--202206 .box01 figure{margin-bottom: 30px;}
#c--202206 .prof{display: flex; justify-content: space-between; margin-bottom: 50px; border: 1px solid #ccc; padding: 25px;}
#c--202206 .prof figure{width: 40%;}
#c--202206 .prof .txt{width: 56%; line-height: 1.6; font-size: 14px;}
#c--202206 .prof .txt .name{font-weight: bold; font-size: 20px;	}
#c--202206 .prof .txt .name span{font-size: 80%;}
#c--202206 .box02{margin-bottom: 60px;}
#c--202206 .box02 p{margin-bottom: 15px;} 
#c--202206 .box02 .flexBox{display: flex; justify-content: space-between; }
#c--202206 .box02 .flexBox p{width: 60%;}
#c--202206 .box02 .flexBox figure{width: 38%;}
#c--202206 .box02 .flexBox figcaption{text-align: right; font-size: 10px;}
#c--202206 .box03{margin-bottom: 60px;}
#c--202206 .box03 p{margin-bottom: 15px;} 
#c--202206 .box03 figure{margin-bottom: 20px;}
#c--202206 .box03 figcaption{text-align: right; font-size: 10px;}
#c--202206 .box04 p{margin-bottom: 15px;} 
#c--202206 .box04 .flexBox{display: flex; justify-content: space-between; }
#c--202206 .box04 .flexBox p{width: 60%;}
#c--202206 .box04 .flexBox figure{width: 38%;}
#c--202206 .box04 .flexBox figcaption{text-align: right; font-size: 10px;}
#c--202206  .caption{ text-align: right; font-size: 12px;padding: 20px 0; margin-bottom: 40px;}
@media only screen and (max-width: 767px){
	#c--202206 .prof{display: block;}
	#c--202206 .prof figure{width: 100%; margin-bottom: 20px;}
	#c--202206 .prof .txt{width: 100%;}
	#c--202206 .flexBox {display: block !important;}
	#c--202206 .flexBox p{width: 100% !important;}
	#c--202206 .flexBox figure{width: 100% !important;}
	#c--202206 .flexBox figure{padding-top: 15px 0;}

}





</pre></body></html>