@charset "utf-8";

body{font-family: 'Noto Sans JP', sans-serif;}

/* **************************************************

Name: base.css

[1] Reset
[2] Base Setting
[3] Link Setting


***************************************************** */

/* [1]Reset*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*-----
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
//-----*/
/* HTML5 display-role reset for older browsers */
/*-----
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
//-----*/

/* [2]Base Setting */
/*-----
html {
	height: 100%;
	background: #FFF;
	overflow-y: scroll;
}

body {
	font-size: 85%;
	line-height: 160%;
	color: #333333;
	font-family: "メイリオ", Meiryo, MS PGothic, sans-serif;
	-webkit-text-size-adjust : none;
}
//-----*/
/* Link Setting */
/*-----
a,a:link{
   text-decoration:none;
   none;color: #0099ff;
}
a:visited{
   background-color: transparent;
   color: #0099ff;
}
a:hover,a:active{
   color: #0099ff; 
   text-decoration:underline;
}
//-----*/

/* header */	
/*-----
div#header {	
	position: relative;
	width: 980px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
}

#header h1{
	position: absolute;
	margin: 30px 0 0 0;
	padding: 0;
}

div#header2 {	
	position: relative;
	width: 770px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
}

#header2 h1{
	position: absolute;
	margin: 30px 0 0 0;
	padding: 0;
}


#globalNav {
	position: absolute;
	margin: 45px 0 0 200px;
	padding: 0;
}

#globalNav li{
	float: left;
}

#subNav {
	position: absolute;
	float: right;
	margin: 5px 0 0 820px;
}

#subNav li{
	font-size: 11px;
}

#subNav .en{
		float: left;
}

#subNav .ch{
		float: left;
}

#subNav .inquiry{
	float: right;
	margin: 5px 0 0 0;

}
//-----*/

img{max-width: 100%;}

/* メインイメージ */
#mainVisual{
	margin: 0 auto;

}

/*#mainVisualIn{
	width: 1100px;
	height: 367px;
	margin: 0 auto;
}
*/

/* トップページ */
#Topics {
	margin: 0 auto;
	background-color: #0074ad;
	font-size: 85%;
	line-height: 140%;
	padding: 15px 0 15px 0;
}

#TopicsIn {
	width: 1040px;
	min-height: /*205px;*/240px;
	margin: 0 auto;
	padding: 0;
}

#TopicsIn h2{
	padding: 5px 5px 0px 5px;
	text-align:center;
}

#TopicsIn p{
	padding: 5px 10px 10px 13px;
}

#TopicsIn div {
    font-size: 12px;
	width: 245px;
	min-height: 205px;
	background-color: #fff;
    margin-right: 20px;
    }

#TopicsIn div:last-child {
    margin-right: 0;
}

#TopicsIn {
    display: flex;
    flex-wrap: wrap;
}

.flex{
    display: flex;
    flex-wrap: wrap;
}

ul.flex.half {
    display: flex;
    flex-wrap: wrap;
}

ul.flex.half li {
    width: calc(50% - 20px);
}

      .half_flex{
          display: flex;
          flex-wrap: wrap;
      }
      .half_flex li{
          width: calc(50% - 20px);
      }
/* コンテンツ領域 */
#wrap {
	width: 980px;
	margin: 0 auto;
}

#contents {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 15px 0;
	background-color: #FFF
}

#contents h1{
	margin: 0;
	padding:0;
	clear:both; 
}


/* トピックパス */
#topicPath {
     font-size: 90%;
     margin: 0;
	 padding: 10px;
	}

#topicPath li {
     margin: 0;
	 padding: 0;
     display: inline;
     list-style-type: none;
	 color: #666;
	}

#topicPath li a {
     margin: 0;
	 padding: 0;
     padding-right: 30px;
     background: url(../img/path_arrow.jpg) no-repeat right center;
	}
	
/* サイドメニュー */
#sideber {
	padding: 10px 15px 15px 15px;
	width: 237px;
	height: 100%;
	float: left;
	border:solid 1px #cccccc;
	font-size: 95%;
}

#sideber h4{
     margin: 15px 0 12px 0;
	 font-weight: bold;
    font-size: 12px;
}

#sideber ul{
     margin: 0 0 0 5px;
}

#sideber li{
	border:solid 1px #cccccc;

	line-height: 110%;
	margin: -1px;
	background-color: #fcfcfc;
}

/*#sideber p{
     margin: 100px 0 0 35px;
}*/

#sideber .inquiry{
	margin: 20px 0 15px 8px;
	width: 190px;
	height:135px;
	border:solid 1px #B7B7B7;
    background: url(../img/btn_inquiry.jpg) no-repeat


}

#sideber li a{
    display: block;
    	padding: 10px;
}
#sideber li a:hover{
    background-color: #E5ECF7;
}



/* フッター */
/*-----
#footer {
	width: 980px;
	height: 50px;
	padding: 15px 0 0 0;
	margin: 0 auto;
	clear:both;
	border-top: 4px solid  #DDDDDD;
}

#footer div.copy{
	float: left;
	font-size: 75%;
}


#footer div.unit{
	float: right;
	width:245px;
	margin: 0px;
}

#footer div.unit ul {
	margin: 0;
	padding: 0;
}

#footer div.unit li {
	float: left;
	margin: 0;
	padding: 0;
}
//-----*/
/* フッター トップページ */
/*-----
#footerTop {
	width: 980px;
	height: 50px;
	padding: 15px 0 0 0;
	margin: 0 auto;
	clear:both;
}

#footerTop div.copy{
	float: left;
	font-size: 75%;
}


#footerTop div.unit{
	float: right;
	width:245px;
	margin: 0px;
}

#footerTop div.unit ul {
	margin: 0;
	padding: 0;
}

#footerTop div.unit li {
	float: left;
	margin: 0;
	padding: 0;
}
//-----*/

/* フッター フォーム */
/*-----
#footer2 {
	width: 770px;
	height: 50px;
	padding: 15px 0 0 0;
	margin: 0 auto;
	clear:both;
	border-top: 4px solid  #DDDDDD;
}

#footer2 div.copy{
	float: left;
	font-size: 75%;
}


#footer2 div.unit{
	float: right;
	width:245px;
	margin: 0px;
}

#footer2 div.unit ul {
	margin: 0;
	padding: 0;
}

#footer2 div.unit li {
	float: left;
	margin: 0;
	padding: 0;
}
//-----*/



/* メインコンテンツ */

#mainArea {
	margin: 0 0 30px 0;
	width: calc(100% - 267px);
	min-height: 500px;
	float: right;
}

#mainArea h2{
	height: 50px;
	padding: 20px 0px 0px 0;
	font-weight: bold;
	color: #0074ad;
	border-top:solid 1px #999;
	font-size: 140%;
	}
	
#mainArea h3.top{
	margin: 15px 0 0 0;
	padding: 10px;
	color: #4c4b4b;
	font-size: 110%;
	font-weight: bold;
	border-top:solid 1px #999;
	background-color: #e6f3f9;
	}
	
#mainArea h3{
	margin: 35px 0 20px 0;
	padding: 10px;
	color: #4c4b4b;
	font-size: 110%;
	font-weight: bold;
	border-top:solid 1px #999;
	background-color: #e6f3f9;
    position: relative;
	}

#mainArea h3.end::after {
    content: "【生産終了製品】";
    position: absolute;
    right: 0;
    bottom: -20px;
    font-size: 120%;
    line-height: 120%;
}
	
#mainArea h4{
/*	padding: 15px 0 0 25px;*/
	padding: 15px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	}
	
#mainArea h4 {
    margin-top: 20px;
    margin-bottom: 20px;
}
#mainArea h4.title01{
	padding: 5px 5px 5px 10px;
	font-size: 100%;
	font-weight: bold;
	background-color: #f2f2f2;
    margin-top: 60px;
	}
	
#mainArea h5{
	padding: 15px 0 0 25px;
	font-weight: bold;
	}
	
#mainArea p{
/*	padding: 15px 0 0 25px;*/
	}
	
#mainArea p.top{
	padding: 0;
	}
	
#mainArea ul{
	margin: 15px 0 0 0;
	}
	
#mainArea li{
	list-style: disc;
	margin: 0 0 0 20px;
	}
	
#mainArea p.smalltext{
	font-size:70%;
	}
	
.articleBox01 { 
	margin:15px 0 0 45px;
	width: 600px;
	padding: 15px;
	border:solid 1px #e6e6e6;
	background-color: #f4f4f4;
	}
	
.articleBox02 { 
	margin:15px 0 0 20px;
/*width: 600px;*/
	padding: 15px;
	border:solid 1px #CCCCCC;
	}
	
.articleBox03 { 
	margin:15px 0 0 35px;
	width: 600px;
	padding: 15px;
	border:solid 1px #CCCCCC;
	background-color: #f2f2f2; 
	}
	
.articleBox04 { 
	width: 735px;
	padding: 15px;
	border:solid 1px #999999;
	}
	
.articleBox05 { 
	width: 610px;
	margin:15px 0 0 0;
	padding: 15px 15px 15px 0;
	border:solid 1px #999999;
	}



/*series
------------------------------------------------------*/
.series{
/*margin-top: 40px;*/
/*padding: 5px 10px;*/
/*color: #fff;*/
font-size: 100%;
font-weight: bold;
/*background-color: #999;*/
}


/*----------------------------------------------------*/


/*ddが1行の場合
------------------------------------------------------*/
.oneLinedl dt{
display: inline;
}

.oneLinedl dd{
display: inline;
margin-left:10px;
}

/*----------------------------------------------------*/


/*PDFへのリンク
------------------------------------------------------*/

a.pdflink {

}

a.pdflink:link,
a.pdflink:visited{ background-color: #0074ad; color: #fff;	display: block;
	width: 350px;
	margin: 15px auto 80px;
	padding: 12px;
	text-align: center;
	text-decoration:none;
	outline:none;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);}
a.pdflink:hover,
a.pdflink:active{ background-color: #6bc3ff; color: #fff;	display: block;
	width: 350px;
	margin: 15px auto 80px;
	padding: 12px;
	text-align: center;
	text-decoration:none;
	outline:none;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);}

/*----------------------------------------------------*/

#mainArea2 ul.inquiryBox {
	margin:40px auto;
	width: 480px;
	}
#mainArea2 ul.inquiryBox li {
	border:solid 4px #e6e6e6;
	padding: 15px;
	margin: 0 0 10px 0;
	list-style: none;
}
#mainArea2 ul.inquiryBox li.call {background:url(/inquiry/img/ico_call.png) no-repeat 15px 12px; background-size:28px; }
#mainArea2 ul.inquiryBox li.fax {background:url(/inquiry/img/ico_file.png) no-repeat 15px 12px; background-size:28px; }
#mainArea2 ul.inquiryBox li.mail {background:url(/inquiry/img/ico_mail.png) no-repeat 15px 13px; background-size:28px; }

#mainArea2 ul.inquiryBox li span {
	display: inline-block;
	width: 50%;
	padding-left: 40px;
}


#mainArea .section{
/*	padding: 0 0 0 15px;*/
	}

#mainArea2 {
	margin:0 auto;
	padding: 15px 0 25px 0;
	width: 770px;
	min-height: 500px;
}

#mainArea2 ul{
	margin: 15px 0 0 0;
	}
	
#mainArea2 li{
	list-style: disc;
	margin: 0 0 0 50px;
	}
	
#mainArea2 h2{
	height: 50px;
	padding: 20px 0px 0px 15px;
	font-weight: bold;
	color: #0074ad;
	border-top:solid 1px #999;
	font-size: 140%;
	}
	
#mainArea2 p{
	padding: 15px 0 0 25px;
	}
	
#mainArea2 h3{
	margin: 35px 0 0 0;
	padding: 10px;
	color: #4c4b4b;
	font-size: 110%;
	font-weight: bold;
	border-top:solid 1px #999;
	background-color: #e6f3f9;
	}
	

/*共通テーブル設定　tbl1 left*/

.tbl1{
	margin:3px 0;
	border:solid 1px #767676;
	border-collapse: collapse;
	font-size: 80%;
	}
	
.tbl1 ul{
	padding-left:20px;
	list-style: disc;
	}

.tbl1 th{
	padding:5px;
	border:solid 1px #767676;
	text-align:left;
	}

.tbl1 td{
	padding:5px;
	border:solid 1px #767676;
	text-align:center;
	}
	
.tbl1 tr.TITLE{
	background-color: #f2f2f2; 
	text-align:center;
	}
	
.tbl1 td.TITLE{
	background-color: #f2f2f2; 
	text-align:center;
	}

.tbl1 th.TITLE{
	background-color: #f2f2f2; 
	text-align:center;
	}
	
.table-block{
	margin: 0 0 40px 0;
	padding:0 0 0 0;
	}
	
/*共通テーブル設定　tbl2 left*/

.tbl2{
	margin:3px 0;
	border:solid 1px #767676;
	border-collapse: collapse;
	font-size: 100%;
	}
	
.tbl2 ul{
	padding-left:20px;
	list-style: disc;
	}

.tbl2 th{
	padding:5px;
	border:solid 1px #767676;
	text-align:left;
	}

.tbl2 td{
	padding:5px;
	border:solid 1px #767676;
	text-align:left;
	}
	
.tb2 tr.TITLE{
	background-color: #f2f2f2; 
	text-align:left;
	}
	
.tbl2 td.TITLE{
	background-color: #f2f2f2; 
	text-align:left;
	}

.tbl2 th.TITLE{
	background-color: #f2f2f2; 
	text-align:left;
	}
	

	
/*画像配置*/
.img{
	padding:20px 0px 20px 0px;
	text-align:center;
	}


/*フォントサイズ*/
.smalltext{
	font-size:5px; !important;}
	
.strong {
	font-weight:bold; !important;}
		

/*float*/
.right {
	 float: right; 
}

.left {
	 float: left; 
}

.clear {
	clear: both;
}

.lft-mg5 {margin:5px; float: left;}
.lft-mg10 {margin:10px; float: left;}
.lft-mg15 {margin:15px; float: left;}

.rit-mg5 {margin:5pxfloat: left;}
.rit-mg10 {margin:10px float: left;}
.rit-mg15 {margin:15px float: left;}


.txt-r-col {
	width: 50%;
	float: right;
	padding: 0px;
}
.img-l-col {
	float: left;
	width: 50%;
	text-align: center;
	padding: 15px;
}
.txt-l-col {
	width: 520px;
	float: left;
	padding: 0px;
}
.img-r-col {
	float: right;
	width: 170px;
	margin: 0 0 10px;
	text-align: center;
}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg50 {margin:50px !important;}
.mgL50 {margin-left:50px !important;}

.tbl2{
	border:solid 2px #999999;
	border-collapse: collapse;
	line-height: 160%;
	text-align:center;
	}

.tbl2 td{
	padding:5px;
	border:solid 1px #999999;
	}
	
.tbl2 td.TITLE{
	background-color: #666666; 
	color: #ffffff;
	font-weight:bold;
	text-align:center;
	}
	
.tbl2 td.TITLE2{
	background-color: #f2f2f2; 
	text-align:left;
	}
	
.tbl3{
	border:solid 2px #999999;
	border-collapse: collapse;
	font-size: 90%;
	line-height: 160%;
	text-align:center;
	text-align:left;
	}

.tbl3 td{
	padding:15px;
	border:solid 1px #999999;
	}
	
.tbl3 td.TITLE{
	background-color: #f2f2f2; 
	}
	
	

/*ユーザフォーム用*/

/* 赤・太字 */
.Necessity{
	font-size: 85%;
	font-weight: bold;
	color: #FF6600;
	}

/* 項目 */
td.U_InputItem{
	color: #333333;
	vertical-align: top;
	background-color: #f2f2f2;
	}

/* 詳細 */
td.U_InputColumn{
width: 100%;
}

/* ボタン 配置 */
div.formButton{
	width: 770px;
	padding: 15px 0 50px 0 ;
	text-align: center;
	}
	
div.formButton2{
	width: 625px;
	padding: 20px 0 0 0 ;
	text-align: center;
	}


/*テーブル指定*/

/*フォーム用　テーブル*/
.tbl{
	border:solid 2px #767676;
	border-collapse: collapse;
	}

.tbl td{
	padding:10px;
	border:solid 1px #767676;
	}
	
.chart{
	margin: 15px 0px 15px 0px;
	padding:0 0 0 70px;
	}


/*sideberお問い合わせ*/
     .contact_side {
         width: 208px;
         border: 6px solid #E2E9F5;
        font-size: 11px;
         margin-top: 40px;
         text-align: center;
     }

.contact_side p{
    line-height: normal;
}

     .contact_side.flex div {
    width: 25%;
         padding: 50px 0 50px 20px;
}
     .contact_side.flex div:first-child {
    background-color: #f2f5fb;
         text-align: center;
}
     
     .section .contact_side div p {
    margin-bottom: 0;
}

#sideber .contact_side h4 {
    margin: 0 0 20px 0;
    padding: 20px 0;
    display: block;
    background-color: #F2F5FB;

}

     .contact_side div.phone,.contact_side div.mail{
         display: flex;
         flex-wrap: wrap;
             align-items: center;
             margin: 0 0 20px 20px;
         justify-content: space-between;
         width: 163px;
     }

.contact_side .phone p,.contact_side .mail p {
    width: 118px;
    font-size: 10px;
        text-align: left;
    line-height: normal;
}

.contact_side .phone span,.contact_side .mail span {
    font-size: 14px;
}




.contact_footer {
    text-align: center;
        margin: 80px 10px 150px 10px;;
    border: 6px solid #E2E9F5;
}

.section .contact_footer div p {
    margin-bottom: 0;
}


#mainArea .contact_footer h4 {
    margin: 0 0 20px 0;
    padding: 20px 0;
    display: block;
    background-color: #F2F5FB;

}

     .contact_footer div.phone,.contact_footer div.mail{
         display: flex;
         flex-wrap: wrap;
             align-items: center;
                 margin: 20px auto;
         justify-content: space-between;
         width: 166px;
     }

.contact_footer .phone p,.contact_footer .mail p {
    width: 120px;
    font-size: 12px;
        text-align: left;
    line-height: normal;
}

.contact_footer .phone span,.contact_footer .mail span {
    font-size: 18px;
}
#mainArea .contact.flex div h4 {
    margin-top: 0;
    margin-bottom: 0;
}


     .phone:before{background-image: url(../img/icon_telephone.png);
    content: "";
    width: 29px;
    height: 30px;
    display: inline-block;
         margin-right: 16px;
             background-size: cover;
}
          .mail:before{background-image: url(../img/icon_mail.png);
    content: "";
    width: 29px;
    height: 20px;
    display: inline-block;
               margin-right: 16px;
                  background-size: cover;
}

/*-------------------------

2018.03.13追加

----------------------------*/
.pollcy_t{ font-size: 3rem;
			text-align: center;
		margin-bottom: 28px;}
main {max-width: 980px; width: 100%;margin: 0 auto; /*overflow-x:auto;*/}
main.siteTop {width: 100%;}
#siteFooter {clear:both;}
main.siteTop + #siteFooter {margin-top: 0 !important;}
p strong {font-size: inherit !important; font-weight:bold;}

    .sp_view{display:none;}

@media screen and (max-width: 599px) {
	#global ul li {font-size:100%;}
	main {width:100%;}
	main img {max-width: 100%; height: auto;}
	#mainArea,#mainArea2 {width:100%; float:none; padding:0 10px;}
	#sideber {display:none;}
	#mainArea .section {padding-left:0;}
	.articleBox01,.articleBox02,.articleBox03,.articleBox04,.articleBox05 {width:100%; margin-right:0;margin-left:0;}
	.txt-r-col {width:100%; float:none;}
	
	#mainArea2 ul.inquiryBox {width:100%;}
	
	#TopicsIn {width:100%;}
	#TopicsIn div {width:100%; margin:20px 20px 0 20px; }
	#TopicsIn div:last-child {margin-right:20px; margin-bottom:20px; }
	
	.com_info {padding:0 10px;} 
    
/*-------------------------

2020.06.23追加

----------------------------*/
.pollcy_t{ font-size: 3rem;
			text-align: center;
		margin-bottom: 28px;}
.ml40{ margin-left: 40px !important;}
.ml2r{ margin-left: 2rem !important;}
.mt15{ margin-top: 15px;}
.bt{ border-top: none !important;}
#mainArea3 ul.inquiryBox {
	margin:40px auto;
	width: 480px;
	}
#mainArea3 ul.inquiryBox li {
	border:solid 4px #e6e6e6;
	padding: 15px;
	margin: 0 0 10px 0;
	list-style: none;
}
#mainArea3 ul.inquiryBox li.call {background:url(/inquiry/img/ico_call.png) no-repeat 15px 12px; background-size:28px; }
#mainArea3 ul.inquiryBox li.fax {background:url(/inquiry/img/ico_file.png) no-repeat 15px 12px; background-size:28px; }
#mainArea3 ul.inquiryBox li.mail {background:url(/inquiry/img/ico_mail.png) no-repeat 15px 13px; background-size:28px; }

#mainArea3 ul.inquiryBox li span {
	display: inline-block;
	width: 50%;
	padding-left: 40px;
}

#mainArea .section{
/*	padding: 0 0 0 15px;*/
	}

#mainArea3 {
	margin:0 auto;
	padding: 15px 0 25px 0;
	width: 980px;
}

#mainArea3 ul{
	margin: 15px 0 0 0;
	}
	
#mainArea3 li{
	margin: 0px;
	}
	
#mainArea3 h2{
	height: 50px;
	padding: 20px 0px 0px 15px;
	font-weight: bold;
	color: #0074ad;
	border-top:solid 1px #999;
	font-size: 140%;
	}
	
#mainArea3 p{
	padding: 15px 0 0 0;
	}
	
#mainArea3 h3{
	margin: 35px 0 0 0;
	padding: 10px;
	color: #4c4b4b;
	font-size: 110%;
	font-weight: bold;
	border-top:solid 1px #999;
	background-color: #e6f3f9;
	}

	@media screen and (max-width: 599px) {
		#global ul li {font-size:100%;}
		main {width:100%;}
		main img {max-width: 100%; height: auto;}
		#mainArea3 {width:100%; float:none; padding:0 10px;}
		#sideber {display:none;}
		#mainArea .section {padding-left:0;}
		.articleBox01,.articleBox02,.articleBox03,.articleBox04,.articleBox05 {width:100%; margin-right:0;margin-left:0;}
		.txt-r-col {width:100%; float:none;}
		
		#mainArea3 ul.inquiryBox {width:100%;}
		
		#TopicsIn {width:100%;}
		#TopicsIn div {width:100%; margin:20px 20px 0 20px; }
		#TopicsIn div:last-child {margin-right:20px; margin-bottom:20px; }
		
		.com_info {padding:0 10px;} 
		#mainArea3{ padding: 0 10px;}
		
		.pollcy_t{ font-size: 2rem;
			text-align: center;
		margin-bottom: 14px;}
	}
    
    
    
	#mainArea3{ padding: 0 10px;}
		
		.pollcy_t{ font-size: 2rem;
			text-align: center;
		margin-bottom: 14px;}
    
    .pc_view{display:none;}
    .sp_view{display:block;}
    
    .img-l-col{
        width: 100%;
        float: none;
    }
    #mainArea h2{
        margin-top: 50px;
        padding: 0;
        border-top: none;
    }
}

/*sp menu*/
ul.menu_list li a {
    display: block;
    padding: 20px;
    border: 1px solid #1746AD;
    border-radius: 10px;
    /*height: 50px;*/
    font-weight: bold;
    font-size: 14px;
    
}

ul.menu_list li a:hover{
    text-decoration: none;
}
#mainArea ul.menu_list li{
    list-style: none;
    margin: 0;
    position: relative;
}

ul.menu_list li.nav_item>a{
    padding: 15px 20px;
}
ul.menu_list li.nav_item>a::after{
       content: "▼";
    /* padding: 20px; */
    color: #fff;
    background-color: #0046AD;
    border: 1px solid #0046AD;
    border-radius: 0 10px 10px 0;
    padding: 15px;
    /* height: 50px; */
    /* display: inline-block; */
    position: absolute;
    right: 0;
width: 50px;
    top: 0;
    text-align: center;
}

#mainArea ul.panel-inner{
    margin: 0;
}

#mainArea ul.panel-inner a{
    background-color: #E5ECF7;
    border-radius: 0;
}


.header_right .menu_list .nav_item .panel {

  display: none;
}