@charset "utf-8";

.information article .contents h1{display:none !important;}
#khbdocumentsp h2{display:block !important; background: #984F2B !important; color:#fff !important; text-align: center; padding:20px 0 !important; margin-bottom: 20px !important;}
#khbdocumentsp { -webkit-font-smoothing: antialiased; background: #ffffff !important; width: 100%; }
#khbdocumentsp img{height:auto !important;}
#khbdocumentsp .header { background: none !important; padding: 0 !important; text-align: center; }
#khbdocumentsp .header_pc{display:none;}
#khbdocumentsp .header_sp{display:block;}
.main {font-size:1.3em;}
#khbdocumentsp article { width: 100%; background: #fff !important; padding: 3% !important; box-shadow:none !important; margin-top:0 !important;}
#khbdocumentsp .summary{ background:#f3e3a3 !important; color:#2b2929 !important;}
#khbdocumentsp .summary .summary_txt {  text-align: left; margin:10px 0 20px 0; font-size:1.1em; color:#000000 !important; background-color:rgba( 255,255,255,0.5); padding:10px !important;}
#khbdocumentsp .summary .summary_txt .txt_img{ margin:3% 0; }
#khbdocumentsp .summary h3{ background:#0b387c !important; color:#ffffff; padding:10px !important; text-align:center; margin:0 0 10px 0 !important !important;}
#khbdocumentsp .summary .summary_txt2-out{background-color:rgba( 255,255,255,0.4); padding:10px; border:solid 2px #cbb467 !important; margin-bottom:10px; }

#khbdocumentsp .summary .summary_txt2 .summary_txt_innner{width:98%;}
#khbdocumentsp article p{margin-top:10px !important;}

#khbdocumentsp .pc{display:none;}
#khbdocumentsp .outside{margin-top:20px !important;}
.cm .youtube{ position: relative;  width: 100%;  padding-top: 56.25%;}
.cm .youtube iframe { position: absolute;  top: 0;  right: 0;  width: 100% !important;  height: 100% !important;}

@media screen and (min-width: 640px){
#khbdocumentsp article {padding: 1% !important; }
#khbdocumentsp .header_pc{display:block;}
#khbdocumentsp .header_sp{display:none;}
#khbdocumentsp .summary .summary_txt { text-align: center; margin:20px 0 30px 0; font-size:1.3em; padding:20px 0 !important;}
#khbdocumentsp .summary .summary_txt2{display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align:center;  -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#khbdocumentsp .summary .summary_txt2 .summary_txt_innner{width:50%; padding:0 10px !important;}
#khbdocumentsp .outside p{text-align:left !important;}
#khbdocumentsp .pc{display:block;}
#khbdocumentsp .sp{display:none;}
#khbdocumentsp .summary .summary_txt2-out{padding:20px;}  
.cm{width:70%; margin-top:40px;}
}
