@charset "UTF-8";


@media screen and (max-width: 767px) {

/*-- Anchor -------------------------------------------------------------*/
a         { resize: none; }
a:link    { color:#1D66B8; text-decoration: underline; }
a:visited { color:#1D66B8; text-decoration: underline; }
a:hover   { color:#1D66B8; text-decoration: underline; }
a:active  { color:#1D66B8; text-decoration: underline; }

.u_link a         { resize: none; }
.u_link a:link    { color:#03C; text-decoration: none; }
.u_link a:visited { color:#639; text-decoration: none; }
.u_link a:hover   { color:#03C; text-decoration: underline; }
.u_link a:active  { color:#03C; text-decoration: none; }

em { color: #C00;}

/*-- リスト全体をリンク　hover透過　グループリンク
-------------------------------------------------------------*/
.g_box { position:relative; }
.g_box:hover { cursor:pointer; opacity:0.7; }
.g_link { margin-bottom:0px; }
.g_link a {position:absolute; text-indent:-9999px; top:0px; left:0px; width:100%; height:100%; }

/*-- imaga -------------------------------------------------------------*/

.img_t_R { float:right; margin:0 0 2% 4%; width:45%;}
.img_t_L { float:left; margin:0 4% 2% 0; width:45%;}
.img_y_R { margin:0 10% 4%; width:80%;}
.img_y_L { margin:0 10% 4%; width:80%;}
.img_C { width:70%; margin-left:15%; margin-bottom:20px; }

/*-- Structure -------------------------------------------------------------*/


/*-- header -------------------------------------------------------------*/
h1 { font-size:11px; text-align:center; background:#5ec0ec; color:#fff; padding:0.2% 1%; }
header .in { margin:1% 1% 1%; }
.h_logo { float:left; width:80%; margin-top:0.5%; }
.h_menu { float:right; width:10%;}


/*-- nav -------------------------------------------------------------*/
@media screen and (max-width: 320px) {
}
@media screen and (min-width: 321px) and (max-width: 375px) {
}
@media screen and (min-width: 376px) {
}

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
 position: fixed;
 /*bottom: 20px;
 right: 20px;*/
 top: 24px;
 right: 5px;
 width: 35px;
 height: 35px;
 z-index: 9999;
 background: rgba(255, 157, 4,0.6);
 border-radius: 2px;
}
a.menu-trigger:hover{
background: rgba(255, 157, 4,0.6);
}
.menu-trigger span {
 position: absolute;
 z-index: 9999;
 left: 4.2px;
 width: 75%;
 height: 4px;
 background-color: #fff;
 border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
 top: 7px;
}
.menu-trigger span:nth-of-type(2) {
 top: 15.5px;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 7px;
}
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(20px) rotate(-45deg);
 transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-20px) rotate(45deg);
 transform: translateY(-8px) rotate(45deg);
}
#overlay{
 display: none;
 width: 100%;
 height:100%;
 text-align: center;
 position: fixed;
 top: 63px;
 z-index: 100;
 background: rgba(0,0,0,0.8);
 box-sizing: border-box;
}
.h_nav { background:#0B6FBB;display: flex;justify-content: space-between;flex-wrap: wrap;}
.h_nav li { float:left; padding:2%; width:45.8%; border-bottom:#CCC 1px solid; font-size:13px; color:#fff; text-align:left; }
.h_nav li a { color:#fff; }
.h_nav li:before { content:"\f0da"; font-family:FontAwesome; margin-right:10px; color:#fff;} 
.h_nav li:nth-child(2n) { border-left:#CCC 1px solid;  }
.h_nav li:nth-child(1) { border-top:#CCC 1px solid;}
.h_nav li:nth-child(2) { border-top:#CCC 1px solid;}
.h_nav li:last-child { border-right:#CCC 1px solid;  }
@media screen and (max-width: 320px) {
.menu-trigger {
	position: fixed;
    top: 21px;
    right: 3px;
}
#overlay{  top: 58px; }
}
@media screen and (min-width: 321px) and (max-width: 375px) {
}
@media screen and (min-width: 376px) {
.menu-trigger {
	position: fixed;
    top: 26px;
    right: 7px;
}
#overlay{  top: 68px; }
}


/*-- headline -------------------------------------------------------------*/
.h_text { font-size:0.7em; margin-bottom:0px; padding:2%; }

/*-- top_btn -------------------------------------------------------------*/
.top_btn { margin-bottom:0%; z-index: 9999; }
.top_btn li { float:left; width:25%; }

/*-- コンテンツ -------------------------------------------------------------*/
#container section { border:#e0f4f5 10px solid; padding:10px;}
h2.ttl01 { background:#0B6FBB; border-radius:4px; border:1px solid #0F609F; border-bottom:#0F609F 5px solid; margin-bottom:2%; font-size:18px; font-weight:bold; text-align:center; color:#fff; padding:1% 2%; }


/*-- トップページ -------------------------------------------------------------*/
.top_point_box li { margin-bottom:10px; }
.top_point_box li .tpb_L { float:left; width:30%; margin-right:2%; }
.top_point_box li .tpb_R { float:left; width:68%; }
.top_point_box li h3 { font-size:15px; font-weight:bold; margin-bottom:5px; color:#F00; }

.text_link { text-align:center; }
.text_link a { color:#ff8a00; text-decoration:underline; }
.text_link:before { margin-right:5px; content:"\f0da"; font-family:FontAwesome; color:#ff8a00; }

.top_comment { margin-bottom:20px; }
.top_comment div { float:left; width:30%; margin-right:2%; }
.top_comment p { float:left; width:62%; padding:2%; border:#43979b 2px solid; border-radius:4px; margin-bottom:0px; }

.list_four li { float:left; width:23.5%; margin-right:1%; margin-bottom:10px; }
.list_four li:nth-child(4n) { margin-right:0px; }

.list_three li { float:left; width:32%; margin-right:2%; margin-bottom:10px; }
.list_three li:nth-child(3n) { margin-right:0px; }

.list_two li { float:left; width:49%; margin-right:2%; margin-bottom:10px; }
.list_two li:nth-child(2n) { margin-right:0px; }

.top_base { background:#FDF8E1; padding:10px; }
.top_base h4 { color:#F00; font-size:18px; font-weight:bold; text-align:center; margin-bottom:10px; }
.tb_L { float:left; width:61%; margin-right:4%; margin-bottom:10px; }
.tb_R { float:left; width:35%; }

.atm_box { margin-bottom:20px; }
.atm_box li { margin-bottom:5px; position:relative; }
	.atm_box li:nth-child(1) p { position:absolute; top:35px; left:10px; width:80%; font-size:0.9em; line-height:1.5; }
	.atm_box li:nth-child(2) p { position:absolute; top:35px; left:10px; width:80%; font-size:0.9em; line-height:1.5; }
	.atm_box li:nth-child(3) p { position:absolute; top:35px; left:10px; width:96%; font-size:0.9em; line-height:1.5; }

.caution { margin-bottom:20px; }
.caution dt { background:#8D4546; color:#fff; text-align:center; font-size:16px; padding:5px 0; position:relative; }
.caution dt:after { position:absolute; bottom:-0.9vw; left:0px; width:0; height:0px; content:""; 	border-left: 45vw solid transparent; border-top: 1vw solid #8D4546; border-right: 45vw solid transparent;}
.caution dt .fa-exclamation { margin-right:5px; background:#762627; border-radius:50%; width:25px; height:25px; line-height:25px; }
.caution dd { background:#F6E6E6; text-align:center; font-size:16px; padding:5px 0; }

.caution02 { margin-bottom:20px; }
.caution02 dt { background:#FF8A00; color:#fff; text-align:center; font-size:16px; padding:5px 0; position:relative; }
.caution02 dt:after { position:absolute; bottom:-0.9vw; left:0px; width:0; height:0px; content:""; 	border-left: 45vw solid transparent; border-top: 1vw solid #FF8A00; border-right: 45vw solid transparent;}
.caution02 dt .fa-exclamation { margin-right:5px; background:#B7680B; border-radius:50%; width:25px; height:25px; line-height:25px; }
.caution02 dd { background:#FFC784; text-align:center; font-size:16px; padding:5px 0; }		

/*-- パンクズ -------------------------------------------------------------*/
.breadcrumb { margin:0 0 5px;}
.breadcrumb li { float:left; font-size:10px; padding:0px 20px; background:#b5b5b5; height:20px; line-height:20px; position:relative; }
.breadcrumb li:after { position: absolute; top: 0px; left: 100%; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #b5b5b5; z-index: 10;}
.breadcrumb li:nth-child(even) { float:left; font-size:10px; padding:0px 20px; background:#BFBFBF; height:20px; line-height:20px; position:relative; }
.breadcrumb li:nth-child(even):after { position: absolute; top: 0px; right: -9.5px; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #BFBFBF; z-index: 100; }
.breadcrumb li:last-child { background:#0B6FBB; color:#fff; }
.breadcrumb li:last-child:after { position: absolute; top: 0px; left: 100%; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #0B6FBB; z-index: 10; }
.breadcrumb li a:link     { color:#fff; text-decoration:none;}
.breadcrumb li a:visited { color:#fff; text-decoration:none;}
.breadcrumb li a:hover   { color:#fff; text-decoration:none; opacity:0.7;}
.breadcrumb li a:active  { color:#fff; text-decoration:none;}

.breadcrumb li.inter_bs:last-child { background:#f8333f; color:#fff; }
.breadcrumb li.inter_bs:last-child:after { position: absolute; top: 0px; left: 100%; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #f8333f; z-index: 10; }

/*-- 下層ページ -------------------------------------------------------------*/
h2.second_ttl01 { font-size:19px; font-weight:bold; color:#0B6FBB; margin-bottom:10px; border-left:5px solid #0B6FBB; padding-left:10px; line-height:1.5em; }
section .in { margin:0 1%; }
aside { margin:2%; }
h4.side_ttl { padding:2%; text-align:center; background:#E48F97; color:#fff; margin-bottom:10px; }

dl.news { margin:0 10px; } 
dl.news dt { font-size:13px; color:#ff8a00; padding-left:15px; }
dl.news dt:before { position:absolute; margin:6px 0 0 -12px; content:""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #ff8a00; }
dl.news dd { font-size:14px; padding-bottom:5px; border-bottom:#ccc 1px dotted; margin-bottom:10px;}
dl.news dda:link     { color:#ccc; text-decoration:underline;}
dl.news dd a:visited { color:#ccc; text-decoration:underline;}
dl.news dd a:hover   { color:#ccc; text-decoration:none; opacity:0.7;}
dl.news dd a:active  { color:#ccc; text-decoration:underline;}

  dl.qa { margin:0 10px; }
  dl.qa dt { background:url(../img/second/icon_q.png) 0px 0px no-repeat; padding-left:35px; margin-bottom:10px; color:#0b6fbb; font-size:14px; line-height:1.6; min-height:25px; }
  dl.qa dd { background:url(../img/second/icon_a.png) 0px 0px no-repeat; padding-left:30px; padding-bottom:10px; margin-bottom:10px; border-bottom:#ccc 1px dotted; font-size:13px; line-height:1.6;} 
  
/*-- 海外旅行保険の内容 -------------------------------------------------------------*/
h3.second_ttl02 { font-size:16px; font-weight:bold; color:#fff; margin-bottom:10px; background:#0b6fbb; border-radius:4px 4px 0 0; padding:1%; text-align:center; }
h4.second_ttl03 { font-size:16px; font-weight:bold; color:#0b6fbb; margin-bottom:10px; text-align:center; }
.g_fra li { width:29.3% !important; border:#0b6fbb 1px solid; padding:1%; border-radius:4px; }
.g_fra li p { margin-bottom:0px; }

.g_fra02 { border:#0b6fbb 1px solid; padding:1% 2%; border-radius:4px; margin-bottom:10px; }
.g_fra03 { border:#0b6fbb 1px solid; padding:1% 2%; border-radius:4px; margin-bottom:10px; }
.g_fra02 img { margin-bottom:5px; }
.g_fra03 img { margin-bottom:5px; }

.content_list li { padding:10px 0; border-bottom:#0b6fbb 1px solid; }
	.cl_L { float:left; width:36%; margin-right:4%; }
	.cl_R { float:left; width:60%; }
	.cl_text { font-size:16px; font-weight:bold; margin-bottom:0px; color:#DD4838; }


/*--お客様サポート -------------------------------------------------------------*/

h2.second_ttl01_02 { font-size:18px; font-weight:bold; color:#0B6FBB; margin-bottom:10px; line-height:1.5em; text-align:center; }
h2.second_ttl01 span { padding:0.5px 0; color:#fff; background:#0B6FBB; margin-right:10px; font-size:14px; display:block; font-weight:normal; width:30%; text-align:center; }
h3.voice_ttl { font-size:18px; margin:0 4% 10px; text-align:center; border-bottom:solid 1px #226; }
.air_mail {
position: relative;
padding: 5px;
background: -webkit-repeating-linear-gradient(135deg, #d43 0px, #d43 20px, #fff 20px, #fff 40px, #226 40px, #226 60px, #fff 60px, #fff 80px);
background: repeating-linear-gradient(135deg, #d43 0px, #d43 20px, #fff 20px, #fff 40px, #226 40px, #226 60px, #fff 60px, #fff 80px);
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.6);
box-shadow: 0 0 6px rgba(0,0,0,0.6);
}

.air_mail .in { background:#fff; margin:2%; padding:2% 4%; }
.air_mail .in ul li { padding:10px 0; border-bottom:1px dotted #ccc; }
.air_mail .in ul li .am_L { width:36%; margin-right:4%; float:left; }
.air_mail .in ul li .am_R { width:60%; float:left; }

h3.second_ttl02_02 { font-size:16px; font-weight:bold; color:#0B6FBB; margin-bottom:10px;  }

.support_list li { padding-left:1em; text-indent:-1em; color:#dd4838; font-size:16px; margin-bottom:10px;}
.support_list li:before { content:"\f046"; font-family:FontAwesome; color:#999; margin-right:5px; }

.support_box02 { margin-bottom:20px; }
.support_box02 li { width:44%; margin-right:2%; float:left; padding:2%; background:#fffcf7; border-radius:2px; border:#e0d488 1px solid; margin-bottom:10px; }
.support_box02 li:nth-child(2n) { margin-right:0px; }
.support_box02 li h5 { width:100%; font-weight:bold; margin-bottom:5px; color:#0B6FBB; text-align:center;}
.support_box02 li p { margin-bottom:0px; }

/*--保険金の支払い例 -------------------------------------------------------------*/

.ex_box {　margin-bottom:20px;　}
.ex_box li { width:96%; padding:2%; background:#fffcf7; border-radius:2px; border:#e0d488 1px solid; margin-bottom:10px; }
.ex_box li:nth-child(2n) { margin-right:0px; }
.ex_box li h5 { font-size:18px; width:100%; font-weight:bold; margin-bottom:10px; color:#0b6fbb; text-align:center; line-height:1.5em;}
.ex_box_list h5 { border-bottom:#DCDCDC 1px dotted; padding-bottom:5px; }
.ex_ttl { background:#fff; border:#DCDCDC 1px solid; text-align:center; padding:5px 10px; margin-bottom:5px; }
.ex_price { text-align:center; font-weight:bold; color:#dd4838; font-size:30px; margin-bottom:0px; }
.ex_price span { font-size:14px; font-weight:normal; color:#000; margin:0 10px; }
.ex_text { margin-bottom:5px; border-bottom:#DCDCDC 1px dotted; padding-bottom:5px; }
.ex_box_list .ex_text { margin-bottom:10px; }
.ex_box02 li { width:100%;　}
.ex_box02 li p.ex_ttl02 { background:#e8263c; color:#fff; padding:10px; border-radius:4px 4px 0 0 ; text-align:center; line-height:1.5em; margin-bottom:0px; font-size:16px; }
.ex_box02 li p.ex_text03 { padding:4%; border:#e8263c 1px solid; border-radius:0 0 4px 4px; }

/*--代理店情報 -------------------------------------------------------------*/
.tbl01 { width:100%; margin-bottom:20px; }
.tbl01 th { background: #E9E9E9; padding: 2%; text-align: center; border: #DEDEDE 1px solid; display:block; }
.tbl01 td { padding: 2%; text-align: left; border: #DEDEDE 1px solid; display:block; }

.green_font { color:#119db2; font-size:1.2em; font-weight:bold; }

/*--インタービュー -------------------------------------------------------------*/
.interviewQA {
    margin: 0 0px 20px 0px;
    border-bottom: 1px dotted #ddd;
}
.interviewQA .que {
    font-size: 17px;
    line-height: 1.4;
    font-weight: bold;
    background: url(../img/interview/interview_ico_q.jpg) 0 0 no-repeat;
	background-size:10%;
    padding: 0 0 10px 40px;
    margin-bottom: 5px;
}
.interviewQA .inr {
    position: relative;
    padding: 10px 20px 10px 20px;
    margin-left: 10px;
    border-radius: 5px;
    border: 2px solid #ddd;
}
.interviewQA .inr:before {
    content: '';
    position: absolute;
    top: 15px;
    left: -15px;
    width: 15px;
    height: 13px;
    background: url(../img/interview/interview_ico_hukidasi.gif) no-repeat;
}
.interviewQA .ans {
    font-size: 15px;
    line-height: 1.4;
    background: url(../img/interview/interview_ico_a.jpg) 0 0 no-repeat;
	background-size:10%;
    padding: 0 0 20px 40px;
}
.interviewQA .inr {
    position: relative;
    padding: 10px 20px 10px 20px;
    margin-left: 10px;
    border-radius: 5px;
    border: 2px solid #ddd;
}
.interviewQA .inr:before {
    content: '';
    position: absolute;
    top: 15px;
    left: -15px;
    width: 15px;
    height: 13px;
    background: url(../img/interview/interview_ico_hukidasi.gif) no-repeat;
}

h3.inter_ttl { color:#666; font-size:1.3em; font-weight:bold; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #0B6FBB;  }
.fa-user-circle { color:#F00; }
.fa-check-square-o { color:#F0; }

.interviewQA .inr strong.big, .interviewQA .inr em.big {
    font-size: 1.3em;
}
.interviewQA .inr strong {
    color: #f8333f;
    font-weight: bold;
	font-style:normal;
}
.interviewQA .inr em {
    color: #2f7fff;
    font-weight: bold;
	font-style:normal;
}

a.orange_link    { color:#F90; text-decoration:underline; }
a.orange_link:link    { color:#F90; text-decoration:underline; }
a.orange_link:visited { color:#F90; text-decoration:underline; }
a.orange_link:hover   { color:#F90; text-decoration:underline; }
a.orange_link:active  { color:#F90; text-decoration:underline; } 
 
/*-- フッター固定バナー -------------------------------------------------------------*/
#contact-fixed { position: fixed; z-index: 10000; bottom: 0; width: 100%; }
#contact-fixed .left, #contact-fixed .right { width: 50%; }
#contact-fixed .left { float: left; }
#contact-fixed .right { float: right; }


/*-- footer ------------------------------------------------------------*/
.f_menu { background:#efefef; padding:2%; }
.f_menu li { float:left; padding:2%; width:45.8%; border-bottom:#CCC 1px solid; }
.f_menu li:before { content:"\f0da"; font-family:FontAwesome; margin-right:10px; color:#0b6fbb;} 
.f_menu li:nth-child(2n) { border-left:#CCC 1px solid;  }
.f_menu li:nth-child(1) { border-top:#CCC 1px solid;}
.f_menu li:nth-child(2) { border-top:#CCC 1px solid;}
.f_menu li:last-child { border-right:#CCC 1px solid;}

/*-- コピーライト --*/
#copyright { background:#00a0e3; text-align:center; margin-bottom:0px; padding:1%; color:#fff; font-size:11px; }

/*-- ページの先頭へ戻る --*/
#pagetop_sp { display:block !important; background:#0b6fbb;/*色を選ぶ*/ color:#fff; font-size:0.9rem; text-align:center; margin-bottom:0px; padding:2% 0; }
#pagetop_sp:before { content:"\f077"; font-family:"FontAwesome"; margin-right:2%; }
	#pagetop_sp a         { resize: none; }
	#pagetop_sp a:link    { color:#fff; text-decoration: none; }
	#pagetop_sp a:visited { color:#fff; text-decoration: none; }
	#pagetop_sp a:hover   { color:#fff; text-decoration: none; opacity:0.7; }
	#pagetop_sp a:active  { color:#fff; text-decoration: none; }

#pagetop_sp02 { display:block !important; background:#0b6fbb;/*色を選ぶ*/ color:#fff; font-size:0.9rem; text-align:center; margin-bottom:0px; padding:2% 0; border-top: #fff 1px dotted; }
#pagetop_sp02:before { content:"\f101"; font-family:"FontAwesome"; margin-right:2%; }
	#pagetop_sp02 a         { resize: none; }
	#pagetop_sp02 a:link    { color:#fff; text-decoration: none; }
	#pagetop_sp02 a:visited { color:#fff; text-decoration: none; }
	#pagetop_sp02 a:hover   { color:#fff; text-decoration: none; opacity:0.7; }
	#pagetop_sp02 a:active  { color:#fff; text-decoration: none; }

/*-- box LINK 
色を変える　枠線　hoverで反転のリンク
------------------------------------------------------------*/
.box_link_btn a { color:#FF6600; width:60%; height:40px; line-height:40px; border:#FF6600 1px solid; display:block; text-align:center; margin:0 20%; background:#fff;}
.box_link_btn a:link    { color:#FF6600; text-decoration: none; }
.box_link_btn a:visited { color:#FF6600; text-decoration: none; }
.box_link_btn a:hover   { color:#fff;    text-decoration: none; background:#FF6600; }
.box_link_btn a:active  { color:#FF6600; text-decoration: none; } 


/*--リスト改行の頭を揃える
------------------------------------------------------------*/
ol.list-intend { list-style-position: inside;}
ol.list-intend li { padding-left: 1em; text-indent: -1em;}
ul.list-intend { list-style-position: inside;}
ul.list-intend li { padding-left: 1em; text-indent: -1em;}

/*--olリスト
------------------------------------------------------------*/
ol {　counter-reset:number; /* 名前を付けたカウンターをリセット */　list-style:none; /* olが数字を付けることをキャンセル */　margin:0;　padding:0;　}
ol li{ margin-bottom:10px; text-indent:-1.0em; padding-left:1.0em; border-bottom:#DEDEDE 1px dotted; padding-bottom:10px; }
ol li:before{　counter-increment: number; /* 任意の名前を付けて！ */　content: counter(number); /* 名前を付けたカウンターを呼び出し */　margin-right:0.5em;　color:#66A64E;　font-family:'Roboto', sans-serif; font-weight:bold;　font-size:1.1em;　}

/*--矢印リスト
------------------------------------------------------------*/
.arrow_list_w { margin-bottom:20px; }
.arrow_list_w li { padding:5px 0; text-indent:-1.0em; padding-left:1.0em; }
.arrow_list_w li:before { content:"\f101"; font-family:FontAwesome; margin-right:10px; color:#67A64F; }

.arrow_list_s { margin-bottom:20px; }
.arrow_list_s li { padding:5px 0; text-indent:-1.0em; padding-left:1.0em; }
.arrow_list_s li:before { content:"\f105"; font-family:FontAwesome; margin-right:10px; color:#F00; }

.arrow_list_t { margin-bottom:20px; }
.arrow_list_t li { padding:5px 0; text-indent:-1.0em; padding-left:1.0em; }
.arrow_list_t li:before { content:"\f0da"; font-family:FontAwesome; margin-right:10px; color:#F00; }

/*--スマホメニュー開閉背景の色
------------------------------------------------------------*/
.mm-menu { background:#54A583 !important; color:rgba(0, 0, 0, 0.7)  !important; }

/*--wordpress投稿　段落
------------------------------------------------------------*/
.single_section h1 { font-size:1.8em; color:#fff; font-weight:bold; margin-bottom:20px; position:inherit; background:#0B6FBB; padding:2% 5%; }
.single_section h2 { font-size:1.5em; color:#0B6FBB; font-weight:bold; border-left:6px solid #0B6FBB; padding-left:2%; margin-bottom:20px; }
.single_section h3 { font-size:1.3em; color:#0B6FBB; font-weight:bold; border-bottom:#0B6FBB 1px solid; margin-bottom:20px; line-height:1.4; padding-bottom:4px; border-left: none; padding-left: 0;}
.single_section h4 { font-size:1.1em; color:#333; font-weight:bold; margin-bottom:10px; background: linear-gradient(transparent 0%, #eeeeee 0%); padding:11px 0 7px 10px; line-height:1.3; }
.single_section h5 { font-size:1.1em; color:#333; font-weight:bold; margin-bottom:10px; }
.single_section h6 { font-size:1.1em; color:#F00; font-weight:bold; margin-bottom:10px; }
.single_section p { line-height:1.7 !important; font-size:15px !important; margin-bottom:40px !important; }
.single_section img { margin-bottom:20px !important; }

/*-- wordpress 画像 ------------------------------------------------------------*/
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

/*-- wordpress ページャーカラー ------------------------------------------------------------*/
#pager a:hover { background: #4D984D !important; }
#pager .pages, #pager .current, #pager .extend, #pager a { color: #333 !important; background: #0d5279 !important; }
#pager a { color: #fff !important; }
#pager .pages, #pager .current { background: #dedede !important;}
	
/*-- Adjustment ------------------------------------------------------------*/
.mt5  { 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; }
.mt40 { margin-top: 40px !important; }

.mr5  { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }

.mb5  { 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; }
.mb40 { margin-bottom: 40px !important; }

.ml5  { margin-left:  5px !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; }
.ml40 { margin-left: 40px !important; }

.pg5  { padding:  5px !important; }
.pg10 { padding: 10px !important; }
.pg15 { padding: 15px !important; }
.pg20 { padding: 20px !important; }
.pg25 { padding: 25px !important; }
.pg30 { padding: 30px !important; }
.pg35 { padding: 35px !important; }
.pg40 { padding: 40px !important; }

.mg0  { margin: 0  !important; }
.pg0  { padding: 0 !important; }

.ofh  { overflow: hidden; }
.fltR { float: right; }
.fltL { float: left; }
.clr  { clear: both; }

.posRe { position: relative; }
.posAb { position: absolute; }

.alJ { text-align: justify; }
.alC { text-align: center; }
.alR { text-align: right; }
.alL { text-align: left; }

.xlarge { font-size: 1.2em; }
.large  { font-size: 1.1em; }

.xsmall { font-size: 0.8em; }
.small  { font-size: 0.9em; }

.bold { font-weight: bold; }
.red  { color: #C00; }
.blk {color:#000;}

.under {text-decoration:underline; border-color:#666;}

.border-dotted { display: block; clear: both; height: 1px; border: none; border-bottom: dotted 1px #ddd !important; }
.border-solid  { display: block; clear: both; height: 1px; border: none; border-bottom: solid 1px #ddd  !important; }

.trans-ease { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }

.link-hover { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.link-hover:hover { opacity: 0.7; filter: alpha(opacity=70); }

.roboto { font-family:'Roboto', sans-serif; font-weight:bold; }
.g_font { font-family: "Rounded Mplus 1c"; font-weight:300; }

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*-- APPEND ----------------------------------------------------------------*/

footer{
	margin-bottom: 0 !important;
}


	
/*-- 2025/9 追加 ----------------------------------------------------------------*/

header .in {
    width: auto;
    margin: 1% 1% 1%;
}
h1 {
    position: static;
    left: 6px;
    width: auto;
    font-size: 11px;
}
.h_logo img {
     margin: 0; 
    width: 100%;
    height: auto;
}
.container {
	padding-top: 0px;
}
.container .in {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 0;
}
.main_c {
    float: none;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
}
.side_c {
    float: none;
    width: 100%;
}
footer .in {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
}

.top_sec .in_sec {
    margin: 0 ;
}
	ul.top_s_box li{
		display: flex;
		justify-content: space-between;
		float: none;
		margin: 0;
		width: 100%;
	}
	ul.top_s_box li>p{
		width: 35%;
	}
	ul.top_s_box li>div{
		width: 63%;
	}
	.t_s_b_ttl {
    text-align: left;
    color: #F00;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 5px;
		font-weight: bold;
}
	    .text_link:before {
        margin-right: 5px;
        content: "";
        font-family: FontAwesome;
        color: #ff8a00;
    }
	.text_link a:link {
        color: #ff8a00;
        text-decoration: underline;
    }
.t_c_text div p {
    position: absolute;
    top: 10px;
    left: 75px;
    width: auto;
    font-size: 14px;
    line-height: 1.7;
}
.top_hosho div {
    float: left;
    margin-right: 0px;
    width: auto;
}
	.top_comment div {
        float: none;
        width: 100%;
        margin-right: 0;
	}
	.top_comment .t_c_img{
		float: left;
        width: 30%;
        margin-right: 2%;
	}
	.top_comment .t_c_text {
        float: left;
        width: 62%;
        padding: 2%;
        border: #43979b 2px solid;
        border-radius: 4px;
        margin-bottom: 0px;
    }
	.t_c_text div {
    position: static;
    top: 40px;
    left: -55px;
    z-index: 10;
    background: none;
    height: auto;
    width: auto;
}
	.top_comment p {
        float: none;
        width: auto;
        padding: 0;
        border: none;
        border-radius: 4px;
        margin-bottom: 0px;
    }
	.t_c_text div p {
        position: static;
        top: 10px;
        left: 75px;
        width: auto;
        font-size: 14px;
        line-height: 1.7;
    }
	.point_box{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.point_box li{
		width: 48%;
		float: none;
		margin: 0 0 15px;
	}
	.top_hosho {
    background: #fdf8e1;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}
	.top_hosho .txt {
		display: flex;
		justify-content: space-between;
	}
	.top_hosho .txt .text{
		width: 65%;
	}
	.top_hosho .txt .img{
		width: 32%;
	}
	.top_hosho .txt .img img{
		margin: 0;
	}
	.alC img{
		width: 80%;
	}
	aside{
		background: #fff;
		margin: 0;
		padding: 2%;
	}
	footer .in ul {
    margin-bottom: 0;
    padding-left: 0;
		display: flex;
		flex-wrap: wrap;
}
	footer .in ul li {
    float: none;
    margin-right: 0;
}
	footer .in ul li a:visited, 
	footer .in ul li a:link{ 
    color: #1D66B8;
    text-decoration: underline;
}
	.copy {
    background: #00a0e3;
    text-align: center;
    margin-bottom: 0px;
    padding: 1%;
    color: #fff;
    font-size: 11px;
}
.container {
	padding-top: 0px !important;
}
	.other-page{
		padding: 0 10px 10px;
	}
	.main_c section{
		border-radius: 0;
	}
	.second_sec{
		padding: 0;
	}
	.second_sec .in_sec {
		padding-top: 10px;
	}
	h5.content_ttl {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
    background: #0b6fbb;
    border-radius: 4px 4px 0 0;
    padding: 1%;
    text-align: center;
}
	.content_box {
    padding: 0;
    border: none;
    border-radius: 0;
}
	.list_three{
		display: flex;
		justify-content: space-between;
	}
	.list_three h4{
		min-height: 55px;
	}
	.g_fra03 img{
		width: auto;
	}
	.content_box02{
		float: none;
		width: 100%;
	}
	.list_two {
		display: flex;
		justify-content: space-between;
	}
	.content_box03 li{
		display: flex;
		justify-content: space-between;
		padding-bottom: 0;
		border-bottom: #0b6fbb 1px solid;
	}
	.content_box03 {
    border-top: none;
    padding-top: 10px;
}
	.content_box03 .mr {
    float: none;
    width: 120px;
    margin-right: 20px;
}
	.content_box03 .fltRsp {
    float: none;
    width: 70%;
}
	.content_box03 li .fltL p.mb20{
		margin-bottom: 10px !important;
	}
	.content_box03 li .fltL p.c_b_text{
		margin-top: 10px;
	}
	.side_sec h4 {
    background: #e48f97;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 0;
    margin-bottom: 10px;
}
	.voice_box dl{
		display: flex;
		justify-content: space-between;
	}
	.voice_box dt{
		width: 20%;
	}
	.voice_box dd{
		width: 80%;
	}
	.voice_bg{
		height: auto;
		position: relative;
    padding: 5px;
    background: -webkit-repeating-linear-gradient(135deg, #d43 0px, #d43 20px, #fff 20px, #fff 40px, #226 40px, #226 60px, #fff 60px, #fff 80px);
    background: repeating-linear-gradient(135deg, #d43 0px, #d43 20px, #fff 20px, #fff 40px, #226 40px, #226 60px, #fff 60px, #fff 80px);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.6);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	}
	.voice_bg_sp{
		height: auto;
		position: relative;
    padding: 5px;
    background: -webkit-repeating-linear-gradient(135deg, #d43 0px, #d43 20px, #fff 20px, #fff 40px, #226 40px, #226 60px, #fff 60px, #fff 80px);
    background: repeating-linear-gradient(135deg, #d43 0px, #d43 20px, #fff 20px, #fff 40px, #226 40px, #226 60px, #fff 60px, #fff 80px);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.6);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	}
	.voice_box{
		background: #fff;
		margin: 2%;
    padding: 2% 4%;
	}
	.voice_graph{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.voice_graph .fltR{
		text-align: center;
	}
	.support_copy {
    font-size: 16px;
    font-weight: bold;
    color: #0B6FBB;
    margin-bottom: 10px;
		margin-top: 10px !important;
}
	
.ex_subttl01 {
    font-size: 19px;
    font-weight: bold;
    color: #0B6FBB;
    margin-bottom: 10px;
    border-left: 5px solid #0B6FBB;
    padding-left: 10px;
    line-height: 1.5em;
	border-bottom: none;
}	
	.main_c section{
		padding-bottom: 0px;
	}
	.second_sec .in_sec {
    margin: 0 10px 0;
		padding-bottom: 20px;
}
	.voice_box02 dl{
		width:100%;
	}
	.voice_box02 dt{
		width: 20%;
	}
	.voice_box02 dd{
		width: 80%;
	}
	.voice_box02{
		width: auto;
		height: auto;
	}
	.voice_ttl{
		color: #226;
	}
	.table_of_content{
		padding: 10px 10px 10px;
    margin: 5px auto 20px;
    width: 85%;
	}
	.second_sec .in_sec .in_sec{
		margin: 0;
	}
	.matome .pr .fltR{
		float: none;
		margin: 0 !important;
		text-align: center;
	}
	.matome .pr .fltR img{
		float: none !important;
		margin: 0 !important;
	}
	.matome .pr p{
		margin-top: 10px !important;
		font-size: 14px !important;
	}
	.p_g_box{
		padding-bottom: 0px;
		margin-top: 0 !important;
	}
	.p_g_box .fltL{
		float: none;
		text-align: center;
		margin-bottom: 20px !important;
		margin-right: 0 !important;
	}
	.single_section{
		margin-top: 0 !important;
	}
	.tbl01{
		margin: 0 0 20px;
	}
	.subttl{
		margin-left: 0;
		margin-right: 0;
	}
	.ml20-0{
		margin-left: 0 !important;
	}
	
	
}
