@charset "utf-8";
/*
====================================================================================================
■ basic setting
 □ tag
 □ class
■ layout
 □ #site_header
 └ #gnav
 □ #page_area
  □ #main_area
  □ #sub_area
 □ #site_footer
 ├ #fnav
 └ #flink
■ additional
----------------------------------------------------------------------------------------------------
※font-sizeに関しては、リセット後、#wrapperに18px相当で指定済み。そこからの相対指定で行うこと。
　（親要素に既に%指定済みの場合、子孫要素は基準が変わるので注意して下さい。）
※【★】のコメントがある箇所は、文字列検索し必ずサイトに応じた設定を見直すこと。
　（その際、不要と思われるコメント及び、【★】の文字列は削除推奨。）
====================================================================================================
■ basic setting
----------------------------------------------------------------------------------------------------
 □ tag
---------------------------------------------------------------------------------------------------- */
body {
	font:13px sans-serif;
	/* このbodyのfont指定はブラウザ差異を埋めるためのものなので、上書きしない。どうしても変更を加える場合
	#wrapperに基準サイズを設定。その場合font-size用クラスも全て再計算が必要です。 */

	background-color:#fff; /* 画面外背景色【★】 */
	color:#333;
}
p, li, pre, td, th, dd, dt { line-height:1.5; }  /* 基本の行の高さ【★】 */


img {
	width:100%; /* 画像は常に親要素の横幅一杯に縦横比を維持したまま拡大されます */
}

/*
----------------------------------------------------------------------------------------------------
 □ class
---------------------------------------------------------------------------------------------------- */
.clearfix:after { display:block; clear:both; content:""; }
/*.clearfix {overflow:hidden;}*/

.page_up { text-align:center;margin:40px auto 20px;width:95%; }
.page_up a {
	color:#fff;
	text-decoration:none;
	font-size:90%;
	display:block;
	padding:15px 0px;
	background:url(../common_img/page_up.png) repeat;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
.page_up a:before { content:'▲'; }

.float_l { float:left; }
.float_r { float:right; }

.red_box.mode_btn{
background:#ff6347;
text-align:center;
margin:20px 0 20px;
color:#fff;
font-weight:bold;
    display: block;
    text-decoration: none;
    padding: 0;
}

.red_box.mode_btn dt{
font-weight:bold;
font-size:120%;
line-height:1.4;
}

.red_box.mode_btn span.c_blue{
color:#fbf486;
font-size:120%;
}

.red_box.mode_btn span.c_red{
color:#fbf486;
font-size:220%;
}

.red_box.mode_btn{
    border-right: solid 5px #ff6347;
    position: relative;
    border-right-width: 25px;
}
.red_box.mode_btn .inner{
    border-right: solid 1px #FFF;
    padding: 25px 15px;
}
.red_box.mode_btn::after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-left-color: #fff;
    left: 101.6%;
    top: 45%;
}

/*
--------------------------------------------------
 ▽ 文字装飾定義専用クラス
-------------------------------------------------- */
/* 主に新着情報への使用想定だが、通常コンテンツ内で使用も可 */
.txt_size_xxs { font-size:xx-small; }
.txt_size_xs  { font-size:x-small; }
.txt_size_s   { font-size:small; }
.txt_size_m   { font-size:medium; }
.txt_size_l   { font-size:large; }
.txt_size_xl  { font-size:x-large; }
.txt_size_xxl { font-size:xx-large; }

.txt_align_l { display:block; text-align:left; }
.txt_align_r { display:block; text-align:right; }
.txt_align_c { display:block; text-align:center; }

.txt_style_bold   { font-weight:bold; }
.txt_style_italic { font-style:italic; }
.txt_style_line   { text-decoration:underline; }

.txt_color_red    { color:#c41f1f; }
.txt_color_red02    { color:#e30000; }
.txt_color_red03    { color:#dd2224; }
.txt_color_grey   { color:#666; }
.txt_color_pink   { color:#ff1493; }
.txt_color_pink02   { color:#fc6d95; }
.txt_color_green  { color:#4ba429; }
.txt_color_blue   { color:#146ac5; } /* このブルーはリンク色のブルーとは色味を若干変える事を推奨 */
.txt_color_sky { color:#6aa9c4; }
.txt_color_white  { color:#f0f0f0; }
.txt_color_blown  { color:#b89974; }
.txt_color_blk  { color:#000; }
.txt_color_pur  { color:#ad4ab7; }
.txt_color_org  { color:#f89405; }
.txt_color_nav  { color:#134289; }


/*
--------------------------------------------------
 ▽ font-size設定専用クラス
-------------------------------------------------- */
/* デフォルトでは#wrapperに18px相当の指定が設定済みの為、そこからの相対値になります。
※親要素に既に%指定済みの場合、子孫要素は基準が変わるのでこのクラスの使用は出来れば避けます。
その際は特定pxサイズに合わせるのは難しくなりますが上記の文字装飾定義専用クラスで相対的に
大きさを変えるという手もあります。 */
.f10 { font-size: 55.6% !important; } /* 10px */
.f11 { font-size: 61.2% !important; } /* 11px */
.f12 { font-size: 66.7% !important; } /* 12px */
.f14 { font-size: 72.3% !important; } /* 14px */
.f16 { font-size: 88.9% !important; } /* 16px */
.f18 { font-size:100.0% !important; } /* 18px */
.f20 { font-size:111.2% !important; } /* 20px */
.f22 { font-size:122.3% !important; } /* 22px */
.f24 { font-size:133.4% !important; } /* 24px */
/*
--------------------------------------------------
 ▽ margin設定専用クラス
-------------------------------------------------- */
.m00  { margin: 0px !important; }         .m05  { margin: 5px !important; }
.m10  { margin:10px !important; }         .m15  { margin:15px !important; }
.m20  { margin:20px !important; }         .m25  { margin:25px !important; }
.m30  { margin:30px !important; }         .m35  { margin:35px !important; }
.m40  { margin:40px !important; }         .m45  { margin:45px !important; }

.mt00 { margin-top: 0px !important; }     .mt03 { margin-top: 3px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top:10px !important; }     .mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }     .mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }     .mt35 { margin-top:35px !important; }
.mt40 { margin-top:30px !important; }     .mt45 { margin-top:35px !important; }

.mr00 { margin-right: 0px !important; }   .mr05 { margin-right: 5px !important; }
.mr03 { margin-right: 3px !important; }   .mr07 { margin-right: 7px !important; }
.mr08 { margin-right: 7px !important; }
.mr10 { margin-right:10px !important; }   .mr15 { margin-right:15px !important; }
.mr19 { margin-right:19px !important; }
.mr20 { margin-right:20px !important; }   .mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }   .mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }   .mr45 { margin-right:45px !important; }

.mb00 { margin-bottom: 0px !important; }  .mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom:10px !important; }  .mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }  .mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }  .mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }  .mb45 { margin-bottom:45px !important; }

.ml00 { margin-left: 0px !important; }    .ml05 { margin-left: 5px !important; }
.ml03 { margin-left: 3px !important; }
.ml10 { margin-left:10px !important; }    .ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }    .ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }    .ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }    .ml45 { margin-left:45px !important; }

.mt10n { margin-top:-10px !important; }     .mt15n { margin-top:-15px !important; }
.mt20n { margin-top:-20px !important; }     .mt25n { margin-top:-25px !important; }
.mt30n { margin-top:-30px !important; }     .mt35n { margin-top:-35px !important; }
.mt40n { margin-top:-40px !important; }     .mt45n { margin-top:-45px !important; }
/*
--------------------------------------------------
 ▽ padding設定専用クラス
-------------------------------------------------- */
.p00 { padding: 0px !important; }     .p02 { padding: 3px !important; }
.p05 { padding: 5px !important; }
.p10 { padding:10px !important; }     .p15 { padding:15px !important; }
.p20 { padding:20px !important; }     .p25 { padding:25px !important; }
.p30 { padding:30px !important; }     .p35 { padding:35px !important; }
.p40 { padding:40px !important; }     .p45 { padding:45px !important; }

.pt00 { padding-top: 0px !important; }    .pt05 { padding-top: 5px !important; }
.pt01 { padding-top: 1px !important; }
.pt10 { padding-top:10px !important; }    .pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }    .pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }    .pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }    .pt45 { padding-top:45px !important; }
.pt55 { padding-top:55px !important; }    .pt85 { padding-top:85px !important; }

.pr00 { padding-right: 0px !important; }  .pr05 { padding-right: 5px !important; }
.pr10 { padding-right:10px !important; }  .pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }  .pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }  .pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }  .pr45 { padding-right:45px !important; }
.pr60 { padding-right:65px !important; }

.pb00 { padding-bottom: 0px !important; } .pb02 { padding-bottom: 3px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom:10px !important; } .pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; } .pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; } .pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; } .pb45 { padding-bottom:45px !important; }

.pl00 { padding-left: 0px !important; }   .pl02 { padding-left: 2px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left:10px !important; }   .pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }   .pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }   .pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }   .pl45 { padding-left:45px !important; }
/*
--------------------------------------------------
 ▽ radious（角丸）設定専用クラス
-------------------------------------------------- */
.r03 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.r04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.r05 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.r06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.r07 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.r08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.r09 { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.r10 { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.r11 { -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; }
.r12 { -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
.r13 { -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; }
.r14 { -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; }
.r15 { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.r16 { -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; }
.r17 { -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; }
.r18 { -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
.r19 { -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; }
.r20 { -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
/*
--------------------------------------------------
 ▽ その他、パーツ （【★】不要であれば削除可）
-------------------------------------------------- */
.w12 { width:12%!important;}
.w13 { width:13%!important;}
.w14 { width:14%!important;}
.w15 { width:15%!important;}
.w20 { width:20%!important;}
.w30 { width:30%!important;}
.w35 { width:35%!important;}
.w40 { width:40%!important;}
.w45 { width:45%!important;}
.w50 { width:50%!important;}
.w60 { width:60%!important;}
.w70 { width:70%!important;}
.w80 { width:80%!important;}
.w85 { width:85%!important;}
.w90 { width:90%!important;}
.w95 { width:95%!important;}
.w_in { width:inherit!important;}

/* ボーダー */
.bo_org { border-bottom:#FF7C12 4px solid;}
.bo_yel { border:#ff9c00 1px solid;}
.bo_pur { border:#b37fdb 1px solid;}
.bo_b_gry { border-bottom:#ccc 1px dotted;}
.bo_b_pur { border-bottom:#ccbecb 1px solid;}

.bo_b_pnk { border-bottom:#ef4186 2px dotted;}
.bo_b_wht { border-bottom:#fff 1px solid;}

.bo_t_gry { border-top:#ccc 1px solid;padding:10px 0px 0px 0px ;}
.bo_r_gry { border-right:#d8e1ed 1px solid;}
.bo_wht { border:#FFF 1px solid;}

.bo_navy { border:#0e78b1 1px solid;}
.bo_green { border:#359027 1px solid;}
.bo_gry { border:#ccc 1px solid;}
.bo_gry02 { border:#999 1px solid;}
.bo_gry03 { border:#eaeaea 1px solid;}
.bo_gry04 { border:#eaeaea 4px solid;}
.bo_blue { border:#294595 1px solid;}
.bo_blue02 {border:#c1d8eb 1px dotted;}
.bo_pnk { border:#f9c4c4 1px solid;}
.bo_brw02 { border:#eee2d4 2px solid;}
.bo_brw { border:#7d5a3e 1px solid;}

.bg_blue { background:#eff8ff;}
.bg_pnk { background:#e17282;}
.bg_blk { background:#0f0f0f;}
.bg_org { background:#e78429;}
.bg_green { background:#2d8f1d!important;}
.bg_sky { background:#4cb5df;}
.bg_gry { background:#eeeeee;}
.bg_wht { background:#fff;}
.bg_yel { background:#fffbef;}
.bg_pur { background:#0a86ca;}
.bg_gld { background:#a09967;}


.lh0 { line-height:0 !important;}
.lh12 { line-height:1.2 !important;}
.lh13 { line-height:1.3 !important;}
.lh14 { line-height:1.4 !important;}
.lh16 { line-height:1.6 !important;}
.lh18 { line-height:1.8 !important;}
.lh2 { line-height:2 !important;}
.lh23 { line-height:2.3 !important;}




/* 新着などのページネーション【★】 */
.pagination {
	padding:0 10px;
	margin-bottom:25px;
}
.pagination a {
	color:#fff !important;
	text-decoration:none;
	background:#f18101;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
/* 前へ */
.pagination .page_prev a{
	float:left;
	margin:0px 0px 0px 0px;
	padding:3px 5px 3px;
	display:block;
}

.pagination .page_prev a:before{ content:'▼'; float:left;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); margin:0px 5px 0 0 ;padding:0px 2px;}
/* 次へ */
.pagination .page_next a{
	float:right;
	margin:0px 0px 0px 0px;
	padding:3px 5px 3px;
}
.pagination .page_next a:before{ content:'▲'; float:right;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); margin:0px 0px 0 5px ;padding:0px 2px;}
/* 戻る */
.pagination .page_back {
	float:right;
	margin:0px 0px 0px 0px;
	padding:3px 5px 0;
}

.pagination .page_back:before{ content:'▼'; float:left;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); margin:8px 5px 0 0 ;font-size:50%;color:#fff;background:#2a4993;padding:0px 2px;}



/*
====================================================================================================
■ layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 100%; /* サイトの実際の横幅（480px以下は画面サイズによって変動） */
	max-width:480px;
	margin: 0 auto;
	background-color: #FFF;
	font-size: 100.0%; /* 18px(138.5%)相当 これがベースサイズ ※基本このまま、最低でも16px(124%)相当推奨 */
	overflow:hidden;
}

#mainimg {
 width:100%;
 position: relative;
}

#mainimg_naka {
 background:#f9fdff url(../common_img/page_tt01.png) no-repeat 0 bottom;
 background-size:100%;
 margin:0px 0px 15px 0px ;
 padding:30px 10px 30px 0px ;
 font-weight:bold;
 color:#4589de;
 text-align:right;
 font-size:155%;
    line-height: 1.1;
}

#mainimg_naka span{
 color:#000;
 font-size:50%;
}



/*
----------------------------------------------------------------------------------------------------
 □ #site_header
---------------------------------------------------------------------------------------------------- */
#site_header {
 padding:0px 0px 0px 0px ;
}


.logo_area {
 float:left;
 padding:0px 0px 0px 0px ;
 width:70%;
 }

/*
--------------------------------------------------
 ▽ #gnav （グローバルナビゲーション） 【★】
-------------------------------------------------- */

.gnav {
float:right;
width:16.5%;
padding:10px;
margin:0 0 0px;
position:relative;
}
.gnav ul { overflow:hidden; }
.gnav li { float:left; text-align:center; padding-bottom: 32767px; margin-bottom: -32767px;}
.gnav li a { color:#663300; display:block; text-decoration:none; padding:0px 0; }

.gnav dd { display:none; position: absolute; z-index:500; top:92%; right: 0px; padding:0; border:none;background:#77aaec;opacity:1.0; width: 480%;}

.gnav ul.sub_nav { padding:0px;display:block; overflow: auto;width:100%;}
.gnav ul.sub_nav li { float: none;color:#0070c0; padding:5px; margin:0; height:auto; list-style:none; border:none; }
.gnav ul.sub_nav li a { color:#fff; text-align:left; padding:0px 5px 5px 5px; height:auto; background-size:auto auto !important;border-bottom:1px dotted #fff; font-size: 130%; text-align: center;}
.gnav ul.sub_nav li a:before { content:'>>'; float:right;margin:0px 10px  0 0px;color:#fff;font-size:80%;}

.info_menu{
width:98%;
margin:10px auto 10px;
}

.info_menu ul{
width:100%;
display: table;
border-collapse: separate;
border-spacing: 2px 0;
}

.info_menu li{
text-align: center;
display: table-cell;
}
.bnr_exam {
	width: 380px;
	margin: 0 auto;
}
/*
----------------------------------------------------------------------------------------------------
 □ #page_area
---------------------------------------------------------------------------------------------------- */
main {
}
main section {
	padding: 10px 10px 20px; /* 【★】 */
}

main section p{
	padding:0px 5px;
}


main .container {
	padding:10px 10px; /* 【★】 */
}

.intro{
overflow: hidden;
margin: 0px auto 0px;
}

a.te_no{
text-decoration:none;
color:#333;
}


/* ボタン */

.btn_01 {
	padding:0 0px;
	margin:20px auto;
	width:80%;
	}

.btn_01 a {
	line-height:2.2;
	color:#000;
	font-weight:bold;
	text-align:center;
	display:block;
    font-size: 115%;
    padding: 3px 0;
	text-decoration:none;
	background-image:url(../common_img/btn.png);
	background-repeat:repeat-x;
	background-position:center bottom;
	background-color:#ffffff;
	background-size:10%;
}


.btn_01 a:before{ content:'　';font-size:50%;color:#146ff1;background:url(../common_img/btn_02.png) no-repeat 0 center;background-size:100%;margin-right:10px;}

.btn_02 {
	padding:0 0px;
	margin:20px auto;
	width:80%;
	}

.btn_02 a {
	line-height:2.2;
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:block;
	font-size:120%;
	text-decoration:none;
	background-image:url(../common_img/btn_03.png);
	background-repeat:repeat-x;
	background-position:center 0;
	background-color:#f18200;
	background-size:5%;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}


.btn_02 a:after{ content:' >>';color:#fff;}


/*
----------------------------------------------------------------------------------------------------
 □ #site_footer
---------------------------------------------------------------------------------------------------- */
#site_footer {
padding:0px 0px 0px 0px ;
}


/*
--------------------------------------------------
 ▽ #fnav （フッターナビ）【★】
-------------------------------------------------- */

#fnav { position:relative;margin:0 10px 0px; cursor:pointer;}
#fnav .acco_a { display:block; padding:0px; }
#fnav .acco_a.opened { }
#fnav .acco_dv { position:absolute; bottom:100%; left:0; margin:0; padding-top:10px; background:#77aaec; width:100%; z-index:3000;opacity:1.0;}

#fnav ul{
margin:10px;
}

#fnav li{
margin:5px 20px 10px 10px;
border-bottom:1px dotted #fff;
}


#fnav li a{color:#fff;text-decoration:none;display:block; font-size: 130%; text-align: center;}
#fnav li a:before { content:'>>'; float:right;margin:0px 10px  0 0px;color:#fff;font-size:80%;}

/*
--------------------------------------------------
 ▽ #flink （フッターリンク）【★】
-------------------------------------------------- */

#f_link { width:100%;text-align:center;background:#0e66d4;padding:5px 0 10px;color:#fff;}
#f_link a{ color:#fff;background:#0e66d4 url(../common_img/f_link.png) no-repeat 0 center;padding:0px 0 0 30px;background-size:25px;}

/*
====================================================================================================
■ additional
---------------------------------------------------------------------------------------------------- */

/* 全ページ「共通の設定」を追加する際、ここ以下に追記します。 */


.tit_style_img {
	padding:0px 0px 10px 0px;
}

.tit_style {
	padding:10px 10px 8px 35px;
	font-weight:bold;
	color:#fff;
	font-size:130%;
	margin:10px 0 10px;
}

.tt_blue {background:url(../common_img/h3_bg01.png) no-repeat 0 0;}
.tt_blue02 {background:url(../common_img/h3_bg01a.png) no-repeat 0 0;color:#000;}
.tt_h4_nomal{background: none;
    		width: 100%;
			padding: 3px 0;
			font-weight: bold;
			box-sizing: border-box;
			margin-bottom: 10px;
			border-radius: 0px;
			border-bottom: 1px solid #dedede;
		}
.tt_red {background:url(../common_img/h3_bg02.png) no-repeat 0 0;}
.tt_pnk {background:url(../common_img/h3_bg02a.png) no-repeat 0 0;color:#000;}
.tt_org {background:url(../common_img/h3_bg03.png) no-repeat 0 0;color:#000;}
.tt_gre {background:url(../common_img/h3_bg04.png) no-repeat 0 0;color:#000;}


.tit_style02 {
	padding:10px 10px 10px 10px;
	font-weight:bold;
	color:#fc6d95;
	font-size:100%;
	background:url(../common_img/h3_bg05.png) repeat-x 0 bottom;
	margin-bottom:10px;
	font-size: 20px;
}

.tit_style03 {
	padding:10px 10px 10px 10px;
	font-weight:bold;
	color:#000;
	font-size:100%;
	background:url(../common_img/h3_bg06.png) repeat 0 0;
	background-size:cover;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	margin-bottom:10px;
}

.tit_style04 {
	padding:10px 10px 10px 35px;
	font-weight:bold;
	background:url(../common_img/h3_bg01b.png) no-repeat 0 0;
	color:#000;
	font-size:100%;
	margin:10px 0 0px;
}


.tit_style05 {
	padding:0px 5px 10px 5px;
	font-weight:bold;
	border-bottom:double 3px #ffc5dd;
	color:#000;
	font-size:100%;
	margin:0px 0 0px;
}

.tit_style06 {
	padding:10px 10px 10px 10px;
	font-weight:bold;
	color:#fc6d95;
	font-size:100%;
	background:url(../common_img/h3_bg05.png) repeat-x 0 top;
	margin-bottom:10px;
	font-size: 24px;
}

div.open_txt { text-align:right;font-size:72.3%;margin:10px 0;}
div.open_txt a{ background:#00a8ff;color:#fff;padding:5px 5px;text-decoration:none;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
div.detail_txt .close_txt { float:right;font-size:77.8%;margin:10px 0;}
div.detail_txt a.close_txt{ text-align:right;background:#ff2a00;color:#fff;padding:5px 5px;text-decoration:none;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}


/*
====================================================================================================
■ #選ばれる理由
---------------------------------------------------------------------------------------------------- */
#reason_box{
background:#fffbe2;
position:relative;
margin:30px 0 0;
padding:60px 0 10px 0px;
}

#reason_box .tt{
width:100%;
margin:0 auto;
position:absolute;
top:-20px;
text-align:center;
}

#reason_box dl{
width:95%;
margin:0px auto 10px;
}


#reason_box dl dt{
background:#fff;
border:solid 3px #82b6f3;
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
font-size:100%;
font-weight:bold;
color:#0360d2;
margin:25px 0px 10px 0px ;
position:relative;
}

#reason_box dl dt span{
position: absolute;
width: 18%;
left: 3%;
top: -45%;
}

#reason_box dl dt p{
padding: 4% 0px 1% 2%;
font-size: 16px;
font-weight: bold;
}

#reason_box dl dt figure{
float:right;
width:15%;
padding:0px 5px 0px 0px ;
}

#reason_box dl dd{
padding:0px 0px 15px 0px ;
}

.p-f15{
    font-size: 15px;
}

/* modal window */
.modal_open{
    display: inline-block;
    float: left;
    margin-bottom: 30px;
}
 
.modal_box {
    position: fixed;
    z-index: 7777;
    display: none;
    width: 80%;
    max-width: 840px;
    margin: 0;
    border: 2px solid #aaa;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
}
 
.modal_close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 45px;
    font-size: 30px;
    font-weight: bold;
    color: #fff !important;
    line-height: 40px;
    text-align: center;
    background: #333;
    text-decoration: none;
}

.modal_close i {
    line-height: 50px;
    vertical-align: bottom;
    font-style: inherit;
    color: #fff !important;
}

.modal_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6666;
    display: none;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.7);
}

#modal dt {
	padding: 10px 0;
	background: #216abd;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}
#modal dd{
	padding: 20px 20px 10px;
}
#modal dd p{
	margin: 10px 0 20px;
	font-size: 16px;
	text-align: center;
}
#modal dd p span{
	display: block;
	text-align: right;
	font-size: 10px;
}
#modal dd ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
#modal dd ul li{
	width: 18%;
}
#modal dd ul li img{
	max-width: 100%;
	max-height: 100%;
}