@charset "UTF-8";
/* 安濃建設フォント */
.honbun { 
    font-family: "m-plus-1p", sans-serif; 
    font-size: 110%;
	line-height: 1.8;
	padding:0 5px 0 10px;
}
.honbun-mid {
	font-family: "m-plus-1p", sans-serif; 
	font-size: 85%;
	line-height: 1.5;
	padding-left: 8px;
}
.honbun-mid-tb {
	font-family:"m-plus-1p", sans-serif; 
	font-size: 70%;
	line-height: 1.5;
}
.honbun-sm {
	font-family:"m-plus-1p", sans-serif; 
	font-size: 75%;
	line-height: 1.5;
	padding-left: 5px;
}
.honbun-ss {
	font-family: "m-plus-1p", sans-serif; 
	font-size: 70%;
	line-height: 1.5;
	padding-left: 5px;
}
/*.honbun {
	font-size: 100%;
	line-height: 1.8;
	padding:0 5px 0 10px;
}*/
.honbun_tb{
	font-size:90%;
	line-height:1.5;
	padding-left:8px;
}
.honbun_blue {
	font-size: 100%;
	line-height: 180%;
	padding:0 5px 0 10px;
	color:#1B73BA;
}
.honbun_red {
	font-size: 100%;
	line-height: 180%;
	padding:0 5px 0 10px;
	color:#F00
}
.honbun-wht{
	color:#FFF;
}
.honbun-wht-mid{
	color:#FFF;
	font-size: 80%;
}
.honbun_hyo{
	font-size:95%;
	line-height:130%;
	padding:0;
}
.honbun_mincho {
	font-size: 100%;
	line-height: 180%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.honbun_h1 {
	position: relative;/*相対位置*/
	padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
	line-height: 1.5;/*行高*/
	color: #222222;/*文字色*/
}
.honbun_h1:before  {
	font-family: "Font Awesome 5 Free";/*忘れずに*/
	content: "\f138";/*アイコンのユニコード*/
	font-weight: 900;
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0.25em;/*アイコンの位置*/
	top: 0.5em;/*アイコンの位置*/
	color: #467BEA; /*アイコン色*/
}
.midasi {
    font-family: "m-plus-1p", sans-serif; 
	font-size: 130%;
	line-height: 150%;
	font-weight: 500;
	color: #036;
}
.midasi-pnk {
    font-family: "m-plus-1p", sans-serif; 
	font-size: 130%;
	line-height: 150%;
	font-weight: bolder;
	color: #ED3C86
}
.komidasi_l-bk {
	font-size: 110%;
	line-height: 160%;
	font-weight: 200;
    color: #000;
}

.komidasi_bk {
	font-family: "m-plus-1p", sans-serif; 
	font-size: 110%;
	line-height: 160%;
	font-weight: 600;
	color: #000;
}
.komidasi_wht {
	font-family: "m-plus-1p", sans-serif; 
	font-size: 100%;
	line-height: 160%;
	font-weight: lighter;
	color: #fff;
}
.komidasi_brn {
	font-family: "m-plus-1p", sans-serif; 
	font-size: 120%;
	line-height: 180%;
	font-weight: lighter;
	color: #C63;
}
.komidasi_oj {
	font-family: "m-plus-1p", sans-serif; 
	font-size: 110%;
	line-height: 180%;
	font-weight: lighter;
	color: #F60;
}

.komidasi_bl-gr{
	font-family: "m-plus-1p", sans-serif; 
	font-size: 110%;
	line-height: 180%;
	font-weight: 800;
	color: #525d66;
}

.komidasi_blue{
	font-family: "m-plus-1p", sans-serif; 
	font-size: 110%;
	line-height: 180%;
	font-weight: 800;
	color: #4C77B1;
}

.komidasi_pink{
	font-family: "m-plus-1p", sans-serif; 
	font-size: 110%;
	line-height: 180%;
	font-weight: 800;
	color: #ED3C86
}

.midasibk {
	font-family: "m-plus-1p", sans-serif; 
	font-size: 130%;
	line-height: 150%;
	font-weight: bolder;
	color: #000;
}

.midasi_wh {
	font-family: "m-plus-1p", sans-serif; 
	font-size: 130%;
	line-height: 150%;
	font-weight: bolder;
	color: #fff;
}

.blu{color:#66C;
}

.qn{
	font-size: 100%;
	font-weight: 700;
    line-height: 1.3em;
    color: #2464b3;
    margin-bottom: 0.5em;
}
.ans{
	font-size: 100%;
	border-bottom: 1px solid #ccdfec;
    padding-bottom: 0.7em;
    padding-left: 2.5em;
    margin-bottom: 1.3em;
    text-indent: -1.2em;
    background: url(../images/question_back.png) no-repeat 1px bottom;
}

p.indent-1 {
padding-left:10px;
text-indent:-10px;
}

/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
.honbun-mid {
	font-size: 75%;
}	
.honbun {
	font-size: 85%;
}
.honbun_tb{
	font-size:75%;
}
.honbun_blue {
	font-size: 90%;
}
.honbun_red {
	font-size: 90%;
}
.honbun_hyo{
	font-size:90%;
}
.honbun_mincho {
	font-size: 95%;
}
.midasi {
	font-size: 105%;
}
.komidasi_l-bk {
    font-size: 90%;
    }
.komidasi_bk {
	font-family: "M PLUS 1p;
	font-size: 90%;
}
.komidasi_wht {
	font-size: 90%;
}
.komidasi_brn {
	font-size: 100%;
}
.komidasi_oj {
	font-size: 95%;
}

.komidasi_green{
	font-size: 90%;
}
.komidasi_blue{
	font-size: 90%;
}	

.komidasi_pink{
	font-size: 90%;
}
.midasibk {
	font-size: 100%;	
}
.midasi_wh {
	font-size: 100%;
}
}

h2 {
	border-bottom: solid 2px #27acd9;
	padding: 10px 0;
}
h2 span {
	display: block;
	font-size: 0.75rem;
	color: #27acd9;  
}

.f_midasi {
	position: relative;
	padding: 1rem 0.75rem;
	border-radius: 10px;
	font-size: 135%;
	font-weight: 700;
	background: #27acd9;
	color: #fff;
}
.f_midasi:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	bottom: -10px;
	left: 1.5em;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #27acd9 transparent transparent transparent;
}

.f_midasi2 {
	position: relative;
	padding: 1rem 0.75rem;
	border-radius: 10px;
	font-size: 135%;
	font-weight: 700;
	background: #ff99cc;
	color: #fff;
}
.f_midasi2:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	bottom: -10px;
	left: 1.5em;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #ff99cc transparent transparent transparent;
}
/*ルビ*/
ruby[data-ruby]
{
    position: relative;
}
ruby[data-ruby]::before
{
    content: attr(data-ruby);
    position: absolute;
    line-height: 100%;
    text-align: center;
    left: -3em;
    right: -3em;
    transform-origin: bottom center;
    /* ルビの文字サイズを親文字に対する比率で指定 */
    transform: scale(0.7);
    /* 100%を越える部分が親文字とルビとのスペースになる。単位は親文字に対する比率 */
    bottom: 105%;
    /* デバッグ用 */
    background-color: rgba(255, 0, 0, 0);
}
ruby[data-ruby] rt
{
    display: none;
}