@charset "utf-8";
body {
	color: #333;
	margin: 0px;
	padding: 0px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
}
img.icon:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}
a{
	color: #004D85;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
p{
	padding: 0px;
	line-height: 1.5;
	margin: 0px;
}
.red_b14{
	color: #F00;
	font-weight: bold;
	font-size: 14px;
}
.T5{
	margin-top:5px
}
.T10{
	margin-top:10px
}
.T20{
	margin-top:20px
}
.T30{
	margin-top:30px
}
.T50{
	margin-top:50px
}
.b5{
	margin-bottom:5px
}
.b10{
	margin-bottom:10px
}
.b20{
	margin-bottom:20px
}
.b30{
	margin-bottom:30px
}
.l13{
	margin-left:13px
}
#header{
	width: 100%;
	padding-bottom: 0px;
	text-align: left;
	background-image: url(../img/header_bg.gif);
	background-repeat: repeat-x;
	height: 90px;
}
#head-content {
	width: 968px;
	height: 90px;
	text-align: left;
	margin: 0 auto 0 auto;
}

#head-content p.header-logo {
	margin-top:8px;
	float:left
}

h2.content-tit {
	color: #333;
	font-size: 200%;
	font-weight: bolder;
	margin-bottom:20px;
	padding: 10px 0 5px 0;
	border-bottom:3px solid #c1cbd7
}
.content-titBox {
	width: 968px;
	position: relative;
	height: 75px;
}
ul.list-top{
	left: 750px;
	position: absolute;
	top: 25px;
}
ul.list-top li{float:left;margin-right:15px}
ul.list-top li.none{margin-right:0}
h2.tit-lv2{
	color: #333;
	font-size: 24px;
	font-weight: bolder;
	margin:30px 0 20px 0;
	padding: 10px 0;
	border-bottom:3px solid #c1cbd7
	}

h2.tit-lv2 .small{
	font-size: 0.8em
}


h2.t-none{ margin-top:0px}
#content-left h2.qa-tits{
	font-size: 160%;
	margin-bottom:20px;
	padding-left: 15px;
	line-height: 1.6;
	border-left:4px solid #C1CBD7
	}
#content-left h4.ad-tits{
	font-size: 130%;
	margin-bottom: 10px;
	padding-left:5px;
	line-height: 2;
	color: #003760;
	border-bottom: 1px dotted #003760;
	}
h3.tit-lv3{
	font-size: 17px;
	color: #3C8BB7;
	font-weight: bold;
	margin:25px 0 10px 0;
	padding: 7px 0 5px 10px;
	border-left: 5px solid #c7e0ed;
	border-top: 1px solid #c7e0ed;
	border-bottom: 1px solid #c7e0ed;
}
#content-left h3.tit-lv3_n{
	font-size: 140%;
	color: #333;
	font-weight: bold;
	margin:10px 0 0 0;
	padding: 2px 0 0 0;
}
#wrapper{
	width: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #333;
}
.clear{
	clear: both;
}
a img {
    border-style:none;
}
ul.link{
	list-style-type: none;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
ul.link li{
	background-image: url(../img/arrow.jpg);
	background-repeat: no-repeat;
	line-height: 2em;
	padding-left: 20px;
	background-position: 0px;
}
ul.link_g{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
ul.link_g li{
	background-image: url(../img/icon.gif);
	background-repeat: no-repeat;
	line-height: 2em;
	padding-left: 20px;
	background-position: 0px;
}
/* グローバルナビ */
.menu{
	width: 100%;
	height:40px;
	margin: 0 auto;
	background-color:#e8e8e8;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.menu-inner{
	width: 968px;
	margin:0 auto;
}
/* トップイメージ */
#cover-inner{
	width: 100%;
	margin: 0 auto;
	padding:0;
	background-image: url(../img/back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#cover{
	width: 968px;
	margin: 0 auto;
}
.rollover {}

#cover-inner_s{
	width: 100%;
	margin: 0 auto;
	background: url("../img/bg.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
	height:120px;
}
#cover_s{
	text-align: left;
	width: 968px;
	margin: 0 auto;
	position: relative;
	height: 120px;
}
#cover-inner_ss{
	width: 100%;
	margin: 0 auto;
	height:120px;
	border-bottom:1px solid #ccc;
	background: linear-gradient(#ffffff, #ededed);
}
#cover_ss{
	text-align: left;
	width: 968px;
	margin: 0 auto;
	position: relative;
	height: 125px;
}
#cover_s h1 {
	position: absolute;
	top: 42px;
	font-size: 27px !important;
	font-weight: bold;
}

#cover_s h1.iot {
	position: absolute;
	top: 30px;
	font-size: 27px !important;
	font-weight: bold;
}

#cover_s h1.iot span {
	font-size: 20px !important;
	font-weight: bold;
	display:block;
}
#cover_s h1 img {
	vertical-align: middle;
	margin-left:10px
}
#cover_ss h1 {
	position: absolute;
	top: 42px;
	font-size: 28px !important;
	font-weight: bold;
}
#cover_ss ul.tit-card {border: 2px solid #C1CBD7;position: absolute;top: 27px; left:560px; background-color:#fff; padding:10px 15px 5px 0; border-radius: 6px;/* CSS3草案 */
-webkit-border-radius: 6px;/* Safari,Google Chrome用 */-moz-border-radius: 6px;   /* Firefox用 */  }
#cover_ss ul.tit-card li{ margin-left:15px; float:left}

#cover_ss ul.tit-conv {border: 2px solid #C1CBD7;position: absolute;top: 27px; left:427px; background-color:#fff; padding:10px 15px 5px 0; border-radius: 6px;/* CSS3草案 */
-webkit-border-radius: 6px;/* Safari,Google Chrome用 */-moz-border-radius: 6px;   /* Firefox用 */  }
#cover_ss ul.tit-conv li{ margin-left:15px; float:left}
/* content */
#content{width: 968px;margin:30px auto 0 auto; text-align:left}
#content_smt{width: 968px;margin:30px auto 0 auto; text-align:left}
#content-left{
	float: left;
	width: 690px;
	text-align: left;
}

#content-left p{
	font-size: 13px;
	line-height: 2em;
}
#content-merit{width: 100%; margin-bottom:50px}
/* tit */
.text_b{
	position: absolute;
	font-size: 18px;
	color: #013660;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8EC1D7;
	top: 15px;
	left: 15px;
	width: 430px;
	padding-bottom: 3px;
}
.text_s{
	position: absolute;
	top: 78px;
	left: 20px;
	font-size: 12px;
	color: #333;
	width: 420px;
}
#content-right{
	float: left;
	width: 250px;
	margin-left: 20px;
}
#content-left h3.textTop20{
	margin-top: 20px;
}
#content-left h3.textBottom10{
	margin-bottom: 10px;
}
#content-left h4.text_t_b {
	margin-top: 20px;
	margin-bottom: 10px;
}
.blue{ color:#314983; font-weight:bold}
/* 決済手段 */
#top_box{
	margin-top: 5px;
	margin-bottom: 20px;
}
#top_box ul.shiharai{
	margin-top: 10px;
}
#top_box ul.shiharai li{
	background-image: url(../img/icon_blue.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-top: 5px;
	background-position: 0px 3px;
}
#top_box_l{
	float: left;
	width: 269px;
	border: 1px solid #c1cbd7;
	padding: 10px;
	height: 185px;
}
#top_box_r{
	float: left;
	width: 269px;
	border: 1px solid #c1cbd7;
	margin-left: 10px;
	padding: 10px;
	height: 185px;
}

/* バナー */
div#koukoku_bana{
	margin-bottom: 10px;
}
div.bana{
	margin-bottom: 8px;
}
div#side-bana-block {
	width: 243px;
	background-color: #c1cbd7;
	margin-bottom: 10px;
}

div#side-bana-block div.block-container {
	padding-top: 1px;
	padding-bottom: 1px;
}

div#side-bana-block dl {

}
div#side-bana-block dt {
	line-height: 0;
}
div#side-bana-block dt img {
	vertical-align: bottom;
}
div#side-bana-block dd {
	margin-top: 1px;
	text-align: right;
}
div#side-bana-block dd.first-child {
	border-top-style: none;
	margin-top: 0px;
}
div#side-bana-block dd.end-child {
	margin-bottom: 1px;
}
div#side-bana-block dd img {
	vertical-align: bottom;
}
/* side menu */
div#side-localnavi-block {
	width: 243px;
	background-color: #c1cbd7;
	margin-bottom: 10px;
}

div#side-localnavi-block div.block-container {
	padding: 3px;
}

div#side-localnavi-block dl {

}
div#side-localnavi-block dt {
	line-height: 0;
}
div#side-localnavi-block dt img {
	vertical-align: bottom;
}
div#side-localnavi-block dd {
	margin-top: 1px;
	text-align: right;
}
div#side-localnavi-block dd.first-child {
	margin-top: 3px;
}
div#side-localnavi-block dd.end-child {
	margin-bottom: 1px;
}
div#side-localnavi-block dd img {
	vertical-align: bottom;
}
/* ------------------------------ */
/* [左サイド] コンテンツブロック */
div.content-block {
	width: 685px;
	margin: 0 0 0 5px;
	background-image: url(../img/box_top.gif);
	background-repeat: no-repeat;
	background-color: #c1cbd7;
}

div.content-block div.block-container {
	background-image: url(../img/box_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 1px;
}
/* ページの先頭ボタン */
div#pageBox{ width:100%; margin-top:100px}
div#pageBox-inner{ width:968px; margin:0 auto; text-align:right}
ul.link_R{
	list-style-type: none;
	text-align: right;
	padding: 0px;
}
ul.link_R li{
	background-image: url(../img/arrow.jpg);
	background-repeat: no-repeat;
	line-height: 2em;
	padding-left: 20px;
	background-position: right;
	padding-right: 18px;
	margin-top:11px
}
ul.link_L{
	list-style-type: none;
	text-align: left;
	padding: 1px 0 0;
}
ul.link_L li{
	font-size: 14px;
	background-image: url(../img/arrow.jpg);
	background-repeat: no-repeat;
	line-height: 1.3em;
	padding-left: 20px;
	background-position: left;
	padding-right: 18px;
	margin-top:11px
}

ul.link_L_mini{
	list-style-type: none;
	text-align: left;
	padding: 1px 0 0;
}
ul.link_L_mini li{
	font-size: 12px;
	background-image: url(../img/arrow.jpg);
	background-repeat: no-repeat;
	line-height: 1.3em;
	padding-left: 20px;
	background-position: left;
	padding-right: 18px;
	margin-top:8px
}


.h10{
	font-size: 10px; margin-top:5px
}
#gaika_bana{
	width: 680px;
	margin: 15px auto 0 auto;
}
/* navi */
#navi{
	margin: 0 auto 8px auto;
}
#navi ul{
  margin:0;
  padding:0;
  border:1px solid #999;
  border-bottom:none;
  }
#navi li{
  list-style-type:none;
  margin:0;
  padding:0;
  }
#navi a{
  display:block;
  text-align:left;
  text-decoration:none;
  background:#fff;
  padding:8px 10px;
  border-bottom:1px solid #999;
  }
#navi a:link{ color:#333; }
#navi a:visited{ color:#333;}
#navi a:hover{
	background-color: #FFF4E6;
}
#navi a:active{ background-color:#FFF4E6; }
#navi li.s_type{
background:#ff9900;
text-align:left;
padding:5px 10px 5px 10px;
font-size:14px;
border-bottom:1px solid #999;
color: #fff;
font-weight: bold;
}
ul.list{
	margin-bottom:20px
}
ul.list li{
	list-style-type: disc;
	margin-left: 20px;
	line-height:1.8
}

.btn_box{
	margin-bottom:16px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc
}
.btn_box.b_none{
	border-bottom-style: none;
}
.btn_box .h14{
	font-size: 14px;
	font-weight: bold;
}
.h14{
	font-size: 14px;
	line-height:1.8
}
.btn_box h3{
	font-weight: bold;
	line-height:2;
	border-left:5px solid #C1CBD7;
	margin-bottom:5px;
	padding-left:8px
}
.btn_box h4{
	color: #003760;
	font-weight: bold;
	line-height:1.8;
	margin-bottom:5px;
	border-bottom:1px dotted #999
}
.btn{
	background-image: url(../img/icon.gif);
	background-repeat: no-repeat;
	background-position: 90px;
	margin-top: 10px;
}
dl.list-top {
	margin-top: 5px;
	font-size: 14px;
}
dl.list-top dt {
	clear: left;
	float: left;
	margin: 0 0 0.2em;
	width: 1em;
	color: #5EA3CB;
}

dl.list-top dd {
	margin-bottom: 0.2em;
	margin-left: 1em;
	color: #5EA3CB;
	font-weight: bold;
}

dl.list-top1 {
	font-size: 14px;
}
dl.list-top1 dt {
	clear: left;
	float: left;
	margin: 0 0 0.2em;
	width: 1em;
	color: #5EA3CB;
}

dl.list-top1 dd {
	margin-bottom: 0.2em;
	margin-left: 1em;
	color: #5EA3CB;
	font-weight: bold;
}
.btn_boxL{
	float: left;
	width:324px;
	margin-right:20px;
}
.btn_boxR{
	float: left;
	width:324px;
	padding-left:20px;
	border-left:1px solid #ccc
}
/* info */
h2#info{
	background-image: url(../img/info.gif);
	height: 30px;
	width: 935px;
	position: relative;
	margin-bottom: 10px;
	padding: 5px 0 0 25px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	text-align:left
}
h2#info p.txt{
	font-size: 10px;
	position: absolute;
	left: 870px;
	top: 3px;
	background-image: url(../img/info_icon.gif);
	background-repeat: no-repeat;
	background-position: 3px;
	padding: 5px 5px 5px 13px;
}
dl.info_list{margin-bottom:30px}
dl.info_list dt {
  clear: left;
  float: left;
  margin: 0 0 0.7em;
  width: 6.5em;
}
dl.info_list dd {
  margin-bottom: 0.7em;
  margin-left: 6.5em;
}
dl.list_info dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 6.5em;
  color: #000;
  line-height:1.8;
}
dl.list_info dd span{
	color: #5ea3cb;
	font-weight: bold;
}
dl.list_info dd {
	line-height:1.8;
	margin-left:6.5em
}
/* footer */
#footerBox{
	width:100%;
	padding:20px 0 10px 0;
	background-color: #ececec;
}
#footer-inner{width:968px; margin:0 auto ; text-align:left}
#footer-nav01{float: left;width: 140px;padding-right: 20px}
#footer-nav02{float: left;width: 205px;padding-right: 20px}
#footer-nav03{float: left;width: 205px;padding-right: 20px}
#footer-nav04{float: left;width: 165px;padding-right: 20px}
#footer-nav05{float: left;width: 165px}
#footerBox #footer-inner dl {padding-bottom: 10px}
#footerBox #footer-inner dt {font-weight:bold; margin-bottom:4px; padding:3px 0 3px 7px; border-bottom:1px dotted #999;border-left:5px solid #999; line-height:1.5}
#footerBox #footer-inner dd { line-height:2; margin-left:10px}
#footerBox #footer-inner dd a {display: block; color:#333}


#footer{
	width: 100%;
	height: 34px;
	background-color: #666;
}
#footer div#left{
	float: left;
}
#footer div#right{
	float: right;
	text-align: right;
}
#footer a{
	color: #FFF;
	font-weight: normal;
}
#footer a:hover{
	text-decoration: underline;
}
#footer-content {
	position: relative;
	width: 968px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding-top: 12px;
}
#row-fixedBox{ background-color:#fff}
#row-fixed{ margin:20px auto 0 auto; width:968px}
#row-fixed h1{
	font-size: 28px;
	color: #1455AB;

	text-align:left
}

#row-fixed p{
	font-size: 16px;
	text-align:left;
	color:#333;
	margin-bottom:20px;
}

#row-fixed h2{
	font-size: 16px;
	color: #1455AB;
	border: #cccccc 2px solid;
	font-weight: bold;
	padding: 15px;
	background-color: #fefbea;
}
.reason-inner{
	width:968px;
	margin:0 auto 40px auto;
}
.reason-inner p{
	font-size: 14px;
	text-align:left
}
.reason-inner h2{
	color: #333;
	font-size: 200%;
	font-weight: bolder;
	margin-bottom:20px;
	padding: 10px 0;
	border-bottom:3px solid #ccc;
	text-align:left;
}
.reason-inner h3 {
	color: #1455AB;
	font-size: 18px;
	font-weight: bold !important;
	margin: 0 0 5px 0;
	text-align: left;
	font-weight: normal;}
.reason-box{ border-bottom:2px solid #ccc}
.reason-box.b_none{ border-bottom:none}
.reason-box .reasonL{
	float:left;
	width:240px;
	padding:15px 20px 15px 0
}
.reason-box .reasonC{float:left;width:396px; height:160px; border-left:2px solid #ccc;border-right:2px solid #ccc; margin:15px 0; padding:0 20px}
.reason-box .reasonR{
	float:left;
	width:240px;
	padding:15px 0 15px 20px
}

#top_toiawase_box{
	margin-top:30px
}
#top_toiawase_boxL{
	float:left;
	width:462px;
	margin-right:36px;
}
#top_toiawase_boxR{
	float:left;
	width:462px;
}
#top_toiawase_box h2 {
	font-size:120%;
	border-bottom: 1px dotted #424955;
	padding: 3px 0 3px 0;
	font-weight: bold;
	margin: 10px 0 5px 0;
	color: #069;
}
#top_toiawase_box h3{
	background-color: #dfe2e5;
	font-weight: bold;
	margin-bottom:10px;
	padding:5px 10px;
	border-bottom:none;
	color:#333
}
#top_toiawase_box p.tit{
	color: #003760;
	font-weight: bold;
	margin-bottom:5px
}

#head_kojin  {
	background-color: #EEF8FF;
	border: 2px solid #0068b6;
	margin-top:10px;
	padding: 8px 10px 8px 10px;
	float:right;
	width:456px
}
#head_kojin strong  {
	color: #0068b6;
	font-weight: bold;
}
#head_toiawase_box {
float: right;
/* width: calc(100% - 191px); */
width: calc(100% - 330px);
margin-top: 5px;
display: flex;
flex-wrap: wrap;
align-items: center;
height: 64px;
justify-content: flex-end;

}
.timecoution{
	width: 95%;
}

#head_toiawase_box .toiawaseL {
	float: left;
	margin-top:6px;
	margin-right:15px;
	padding-right:15px;
	border-right:1px solid #ccc
}
#head_toiawase_box p.tit{
	color: #003760;
	font-weight: bold;
	margin-bottom:5px
}
#head_toiawase_box ul.form {display: flex}
#head_toiawase_box ul.form li a:link{
	float: left;
	margin: 0 10px 0 0;
	padding: 7px 8px 5px 8px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: -moz-linear-gradient(top center, #ffffff 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e8e8e8));
	background: linear-gradient(top center, #ffffff 0%, #e8e8e8 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	text-decoration: none;
}
#head_toiawase_box ul.form li span{color:#003760; font-weight:bold}
#head_toiawase_box ul.form li.none a:link{ margin-right:0}
.blockBox{border-left:2px solid #c1cbd7; margin-bottom:15px}
.siteblock {width: 317px;float:left;border-right:2px solid #c1cbd7;border-bottom:2px solid #c1cbd7}
.siteblock ul {margin: 0px;padding: 0px}
.siteblock ul li {list-style-type: none}
.siteblock ul li a {display: block;background-color: #fff;text-decoration: none;padding: 10px}
.siteblock ul li a:hover {background-color: #fff}
.siteblock ul li a img { margin-top:3px}
.siteblock ul li a .list_title {display: block;color: #1455AB;text-decoration: none;font-size: 15px;background-image: url(../img/icon_tit.png);background-repeat: no-repeat;padding: 1px 0 8px 20px;border-bottom: 1px dotted #999;background-position: left 4px;font-weight:bold}
.siteblock ul li a .list_cont {display: block;color: #666;text-decoration: none;font-size: 14px;padding-top: 6px;line-height: 1.5}
div.siteblock.icon:hover{opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;}
.t-line{ border-top:2px solid #c1cbd7}

.siteblock3 {width: 237px;float:left;border-right:2px solid #c1cbd7;border-bottom:2px solid #c1cbd7}
.siteblock3 ul {margin: 0px;padding: 0px}
.siteblock3 ul li {list-style-type: none}
.siteblock3 ul li a {display: block;background-color: #fff;text-decoration: none;padding: 10px;height:140px}
.siteblock3 ul li a:hover {background-color: #fff}
.siteblock3 ul li a img { margin-top:5px}
.siteblock3 ul li a .list_title {display: block;color: #1455AB;text-decoration: none;font-size: 15px;background-image: url(../img/icon_tit.png);background-repeat: no-repeat;padding: 1px 0 8px 20px;border-bottom: 1px dotted #999;background-position: left 4px;font-weight:bold}
.siteblock3 ul li a .list_cont {display: block;color: #666;text-decoration: none;font-size: 14px;padding-top: 6px;line-height: 1.5}
div.siteblock3.icon:hover{opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;}


.siteblock3-left {width: 237px;float:left;border-right:2px solid #c1cbd7;border-bottom:0}
.siteblock3-left ul {margin: 0px;padding: 0px}
.siteblock3-left ul li {list-style-type: none}
.siteblock3-left ul li a {display: block;background-color: #fff;text-decoration: none;padding: 10px;height:155px}
.siteblock3-left ul li a:hover {background-color: #fff}
.siteblock3-left ul li a img { margin-top:5px}
.siteblock3-left ul li a .list_title {display: block;color: #1455AB;text-decoration: none;font-size: 15px;background-image: url(../img/icon_tit.png);background-repeat: no-repeat;padding: 1px 0 8px 20px;border-bottom: 1px dotted #999;background-position: left 4px;font-weight:bold}
.siteblock3-left ul li a .list_cont {display: block;color: #666;text-decoration: none;font-size: 14px;padding-top: 6px;line-height: 1.5}
div.siteblock3-left.icon:hover{opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;}






#other-bana{padding: 5px;margin-top: 30px;background-image: url(../img/other_back.gif);background-repeat: repeat-x;background-position: left top}
#other-bana ul{}
#other-bana li{ float:left; background-color:#fff; padding: 0; margin-right:7px; display: block; width:312px; text-align:center}
#other-bana li a:link{display: block;text-decoration: none; padding:8px 0}
#other-bana li a:hover{background-color: #E0EEF5;display: block}
#other-bana li.none{ margin-right:0px}





/* pan
--------------------------- */
#pan{
	width: 100%;
	background-image: url(../img/pan-back.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#pan_inner{width:968px; margin:0 auto;}
#pan #pan_inner ul li{ font-size:10px; padding:10px 0 10px 0; float:left}
ul#paymentBox{ background-color:#eef4f8;border-bottom:1px dotted #999}
ul#paymentBox li{float:left; border-right:1px dotted #999; width:299px; padding:10px; font-size:14px}
ul#paymentBox li.r_none{ border-right:none}
ul#paymentBox.b_none{ border-bottom:none}
ul#paymentBox li strong{ font-weight:bold; color:#ff9900}
dl.list_kome_s { font-size:10px; margin-top:10px}
dl.list_kome_s dt {clear: left;float: left;margin: 0 0 0.5em;width: 1.5em;line-height:1.5em}
dl.list_kome_s dd {margin-bottom: 0.5em;margin-left: 1.5em;line-height:1.5em}

dl.list_kome { font-size:12px; margin-top:10px}
dl.list_kome dt {clear: left;float: left;margin: 0 0 0.5em;width: 1.5em;line-height:1.5em}
dl.list_kome dd {margin-bottom: 0.5em;margin-left: 1.5em;line-height:1.5em}

ul.list-dot{}
ul.list-dot li{list-style-type: disc;margin:0 0 10px 20px; line-height:1.7}
ul.list-dot li span.org{color: #F90; font-weight:bold}

.blockBox1{border-left:2px solid #c1cbd7;border-right:2px solid #c1cbd7; border-bottom:2px solid #c1cbd7}
.siteblock1 {width: 457px;float:left;border-right:2px solid #c1cbd7; padding:10px}
.siteblock1.r_none{ border-right:none}
.siteblock1 .tit{ color:#1455AB; font-weight:bold; border-bottom:1px dotted #999;padding-bottom: 8px; margin-bottom:5px}
.line_top{border-top:2px solid #c1cbd7}

.blockBox2{border:2px solid #c1cbd7}
.siteblock2 {width: 217px;float:left;border-right:2px solid #c1cbd7; padding:10px}
.siteblock2.r_none{ border-right:none}
.siteblock2 .tit{ color:#1455AB; font-weight:bold; border-bottom:1px dotted #999;padding-bottom: 8px; margin-bottom:5px}
.performance{ line-height:2}
.performance span{color: #1455AB; font-weight:bold}
.siteblock4 {border:2px solid #c1cbd7; padding:10px}

#content-left div img.img_smt{
	width:61px;
	height: auto;
	float:left;
	margin:0 10px 30px 0
}
#hamburger,#close {
	display: none;
}

#page-top-smt {
	display: none;
}

footer {
	display: none;
}

.reason-smt{
	display: none;
}

.global-menu{
	display: none;
}
#other-bana-smt{
	display: none;
}
div.accordion {
	display: none;
}
.smt_box{
	display: none;
}


#head-content > p.header-logo > a.dLogo{
	display: none;

}
.docomonewlogo{
	/* height: 64px; */
	margin:8px 0 0 12px;

}
.docomonewlogo a img{
	object-fit: cover;
object-position: 100% 100%;
/* width: 126px; */
}
@media screen and (max-width:768px){
	#head-content > p.header-logo > a.dLogo{
		margin:-12px 0 0 12px;
		display: block;
	}
.smt_box{
	display:block;
	width: 100%;
	text-align: right;
	z-index:5;
	position:absolute;
	float:right;
}
.smt_box a.smt_trigger {
	margin: 19px 15px 19px 0;
}
.smt_trigger,
.smt_trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.smt_trigger {
	position: relative;
	width: 32px;
	height: 25px;

}
.smt_trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #000;
	border-radius: 4px;
}
.smt_trigger span:nth-of-type(1) {
	top: 0;
}
.smt_trigger span:nth-of-type(2) {
	top: 11px;
}
.smt_trigger span:nth-of-type(3) {
	bottom: 0;
}
.smt_trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(11px) rotate(-45deg);
	transform: translateY(11px) rotate(-45deg);
}
.smt_trigger.active span:nth-of-type(2) {
	left: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;
}
.smt_trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}
div.accordion {
    width: 100%;
    display:block;
    position: fixed;
	z-index: 3;
	border-top: none;
	padding: 0;
	margin: 0;
	top: -1000px;
	right: 0;
	transition-duration: 0.5s;
	height: 90vh;
    overflow-x: scroll;
}

.soukin {
  margin: 0;
  padding: 0;
  background: #FFF;
}

.soukin a {
    display: block;
	font-size:13px;
	text-align: left;
}
.soukin .child {
    display: none;
    margin: 0 0 -1px;
    padding: 0;
    background: #fff;
    border: 1px solid #eaeaea;
}
.soukin .child a {
	font-weight: normal;
}
.soukin .child .menu01 {
      background: #eaeaea;
      color: #5e5e5e;
}
.soukin .child .menu01:hover {
      background: #d0d0d0;
}
.soukin .child > li {
      margin: 4px 0;
      padding: 5px 16px 8px;
      border-bottom: 1px dotted #dddddd;
}
.soukin .child > li:last-child {
        border-bottom: 0;
}
.switch .menu01:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -0.7em;
  content: '▸';
  font-size: 1.4em;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear;
 }
.switch .menu01.active:after {
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.child01 {
  border: 1px solid #eaeaea;
}

.soukin04 .menu01 {
  background: #014991;
  color: #fff;
  border-bottom:#024384 solid 1px;
 }
.soukin04 .menu01:hover {
    background: #0354a5;
    text-decoration: none;
}

.soukin .menu_none {
      background: #006599;
      color: #fff;
	  padding: 10px 10px;
	  border-bottom:#024384 solid 1px;
}
.soukin .menu_none:hover {
      background: #0079b8;
	  text-decoration: none;
}

.menu01 {
  display: block;
  position: relative;
  padding: 10px 10px;
    font-size: 13px;
}

.accountBox_top_smt{
	padding: 5px;
	width:95%;
	display: block;
	background-color:#f0eded;
	margin: 0px auto 15px;
	-webkit-border-radius:3px;
}

.accountBox_top_smt01{
	padding: 5px;
	width:97%;
	display: block;
	margin: 0px auto;
	-webkit-border-radius:3px;
}

.accountBox_top_smt01 ul.accountBtn li{
	float:left;
	width:48%;
	margin-right: 5px;
	padding: 5px 0;
	text-align: center;
}

.accountBox_top_smt01 ul.accountBtn li.none {
	margin-right:0px
}
li.navi_btn3 {

}

li.navi_btn3 a {
	margin: 0px 10px 0 0;
	padding: 7px 8px 5px 8px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: -moz-linear-gradient(top center, #ffffff 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e8e8e8));
	background: linear-gradient(top center, #ffffff 0%, #e8e8e8 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	text-decoration: none;
	text-align: center;
}

li.navi_btn3 span{
	color:#003760;
	font-weight:bold
}

.bg_w {
	background-color:#f6f6f7;
	padding: 5px;
    overflow-x: scroll;
	border-bottom: #ccc solid 2px;
  box-shadow: 0px 5px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 5px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 5px 2px rgba(0,0,0,0.1);
}

#header{
	width: 100%;
	padding-bottom: 0px;
	text-align: left;
	background-image: url(../img/header_bg.gif);
	background-repeat: repeat-x;
	height: 65px;

}

#head-content {
	width: 100%;
	height:65px;
	text-align: left;
	margin: 0 auto;
	background: #FFF;
	border-top: #0068b6 solid 3px;
	border-bottom: #000 solid 1px;

}

#head-content p.header-logo {
	margin:0;
	float:left;
	position:absolute;
	z-index:10;
	display: flex;
	align-items: center;
	margin-left: 12px;
	height: 65px;
}
#head-content p.header-logo>a.cLogo>img {
        width: 100%;
        max-width: 200px;
        min-width: 90px;
        margin-left: 2%;
}
a.dLogo img{
	max-width: 100px;
	height: auto;
}
#head_toiawase_box {
	display: none;
}

.menu{
	display: none;
}

#cover_ss h1 {
	position: absolute;
	top: 25px;
	font-size: 26px !important;
	font-weight: bold;
}


#overlay {
    display: none;
    width: 100%;
    height:100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 2;
    background: rgba(0,0,0,0.3);
}
footer {
	display: block;
	background-color:#ececec;
	padding:30px 50px 20px;
}

footer #fNav {
	text-align:center;
	padding-left: 20px;
}
footer #fNav li {
	display: inline-block;
	font-size:11px;
	padding:0 30px 0 13px
}


footer #fNav a{
	color: #13488f;
	line-height: 2.5em;
	font-weight: bold;
	font-size: 12px
}

footer #fNav a:hover{
	color: #024a6e;
	text-decoration: underline
}


footer .copyright {
	text-align: center;
	font-size:12px;
	margin: 15px 0 0;
}

.pagesmt {
	position:relative;
	margin-top: 70px;
}

#page-top-smt {
	display: block !important;
	position: absolute;
	height: auto;
	bottom: 0;
	right: 5px;
	z-index: 1;
}


#pan{
	display: none;
}

#content{
	width: 100%;
	margin:30px auto 0 auto;
	text-align:left
}

#content_smt{
	width: 90%;
	margin:30px auto 0 auto;
	text-align:left
}

#content-left{
	float: none;
	width: 90%;
	text-align: left;
	margin: 0 auto;
}

#content-merit{
	width: 95%;
	margin: 0 auto;
	margin-bottom:30px;
	text-align:left;
}

#content-merit h2 img{
	width: 100%;
	height:auto;
}

/*
#content-left div{
	text-align: center;
}
*/

#content-left div img{
	width: 85%;
	height:auto;
}



#content-left h2.qa-tits{
	font-size: 150%;
	margin-bottom:20px;
	padding-left: 10px;
	line-height: 1.6;
	border-left:4px solid #C1CBD7
	}
#content-left h4.ad-tits{
	font-size: 120%;
	margin-bottom: 10px;
	padding-left:5px;
	line-height: 2;
	color: #003760;
	border-bottom: 1px dotted #003760;
	}
h3.tit-lv3{
	font-size: 15px;
	color: #3C8BB7;
	font-weight: bold;
	margin:25px 0 10px 0;
	padding: 7px 0 5px 10px;
	border-left: 5px solid #c7e0ed;
	border-top: 1px solid #c7e0ed;
	border-bottom: 1px solid #c7e0ed;
}
#content-left h3.tit-lv3_n{
	font-size: 130%;
	color: #333;
	font-weight: bold;
	margin:10px 0 0 0;
}

#content-right{
	display: none;
}

h2.tit-lv2{
	color: #333;
	font-size: 22px;
	font-weight: bolder;
	margin:30px 0 20px 0;
	padding: 10px 0;
	border-bottom:3px solid #c1cbd7
}

#cover-inner_s{
	width: 100%;
	margin: 0 auto;
	background: url("../img/bg.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
	height:120px;
}

#cover_s{
	text-align: left;
	width: 90%;
	margin: 0 auto;
	position: relative;
	height: 120px;
}

#cover-inner_ss{
	width: 100%;
	margin: 0 auto;
	height:90px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	background: linear-gradient(#ffffff, #ededed);
}
#cover_ss{
	text-align: left;
	width: 90%;
	margin: 0 auto;
	position: relative;
	height: 90px;
}
#cover{
	width: 100%;
	margin: 0 auto;
}

#cover img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#row-fixedBox{
	background-color:#fff
}
#row-fixed{
	margin:20px auto 0 auto;
	width:90%;
}

#row-fixed h1{
	font-size: 24px;
	color: #1455AB;
	margin:30px 0 10px;
	text-align: center;
	line-height: 1.5em;
	font-weight:bold;
}
#row-fixed p{
	font-size: 16px;
	color:#333;
	margin-bottom:20px;
	text-align: center;
}

#row-fixed h2{
	font-size: 14px;
	color: #1455AB;
	border: #cccccc 2px solid;
	font-weight: bold;
	padding: 10px;
	background-color: #fefbea;
	margin-bottom: 30px;
}

#cover_ss ul.tit-conv li img{
	display: none;
}

#cover_ss ul.tit-conv {
	display: none;
}

#cover_ss ul.tit-card {
	display:none;
}


ul#paymentBox{
	background-color:#eef4f8;
	border-bottom:none;
	width:100%;
}
ul#paymentBox li{
	float:left;
	border-right:none;
	border-bottom:1px dotted #999;
	width:95%;
	height: auto;
	padding:0 0 5px;
	margin: 10px;
	font-size:14px
}
ul#paymentBox li.r_none{
	display: none;
}

div.content-block {
	width: 100%;
	margin: 0 0 0 5px;
	background-image: url(../img/box_top.gif);
	background-repeat: no-repeat;
	background-color: #c1cbd7;
}

#cover_s h1 img {
	display: none;
}

#content-left p{
	font-size: 13px;
	line-height: 2em;
}

#content-left p.smtC{
	text-align: center;
}

#cover_s h1.iot {
	position: absolute;
	top: 30px;
	font-size: 24px !important;
	font-weight: bold;
}

#cover_s h1.iot span {
	font-size: 17px !important;
	font-weight: bold;
	display:block;
}

/* footer */
#footerBox{
	display: none;
}
div#pageBox{
	display: none;
}
#footer{
	display: none;
}



.reason-inner{
	display: none;
}

.reason-smt{
	display: block;
	border-bottom:2px solid #ccc;
	margin-bottom:40px;
	padding-bottom: 10px;
}

.reason-smt h2{
	color: #333;
	font-size: 19px;
	font-weight: bolder;
	margin-bottom:10px;
	padding: 8px 0;
	border-bottom:2px solid #ccc;
	text-align:center;
}
.reason-smt p{
	color: #333;
	font-size: 150%;
	padding: 8px 0;
	text-align:center;
}
.reason01 {
	margin: 0 auto;
	text-align: left;
}

.reason01 p {
	font-size: 15px;
	padding: 3px 0 ;
}
.reason01 input {
	display: none;
}
.reason01 label {
	color: #1455AB;
	cursor: pointer;
	padding: 0 5px;
	font-size:20px;
}
.reason01 label img {
	padding-top: 10px;
}

.reason01 label:hover {
	color: #1656ab;
}

.reason01 .btm {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	padding: 0 10px;
}
.reason01 .btm p {
	font-size: 13px;
	padding: 0;
	font-weight: normal;
}
.reason01 .btn {
	text-align: center;
	display: block;
	width: 80px;
	margin: 0;
}
.reason01 input:checked + .btm {
	height: auto;
	padding: 0 10px 10px 10px;
	background: #fff;
}

ul.list-top{
	display: none;
}

.content-titBox {
	display: none;
}


h2.content-tit {
	color: #333;
	font-size: 20px;
	font-weight: bolder;
	margin-bottom:20px;
	padding: 10px 0 5px 0;
	border-bottom:2px solid #c1cbd7;
	text-align:center;
}

h2.smt_tit {
	display: none;
}


.blockBox{
	display: none;
}
.blockBox1{
	display: none;
}
.partner img{
	width: 100%;
	height: auto;
}

#other-bana{
	display: none;
}

#top_toiawase_box{
	margin-top:30px
}
#top_toiawase_boxL{
	float:none;
	width:100%;
	margin: 0 0 30px 0;
}

#top_toiawase_boxR{
	float:none;
	width:100%;
}


.global-menu{
	display: block;
	background-color: #fff;
    border: 2px solid #d5d5d5;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 1em;
    list-style-type: none;
	margin-bottom:30px;
    padding: 0;
    position: relative;
}
.global-menu h2{
   -webkit-border-top-left-radius: 3px;
   -webkit-border-top-right-radius: 3px;
   -moz-border-radius-topleft: 3px;
   -moz-border-radius-topright: 3px;
   background-color: #2781db;
   background-image: linear-gradient(to bottom, #1764b1 0%, #13488f 100%);
   color: #fff;
	padding: 10px 20px 8px 10px;
	line-height:1.5;
	font-weight: bold;
	text-align: center;
	font-size: 14px;

}

.global-menu h2 span{
	display: block;
}
ul.global-navigation {
	margin:2px 0 2px 0
}
ul.global-navigation li {
	border-bottom: 1px solid #ccc;
	background-color: #FFF;
}
ul.global-navigation li a {
	color:#333;
	position: relative;
	display: block;
	padding: 12px 20px 12px 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
	font-size:13px;
}
ul.global-navigation li a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: "";
	margin-top: -7px;
	width: 9px;
	height: 14px;
	background-image: url(../img/sprite.png);
	background-position: -13px -2px;
}
ul.global-navigation li.line {
	-webkit-border-bottom-left-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
   -moz-border-radius-bottomleft: 6px;
   -moz-border-radius-bottomright: 6px;
   border-bottom:none;
}

/* リンクなしのアコーディオンレイアウト */
ul.global-navigation li.accordion-tx span{
	color:#333;
	position: relative;
	display: block;
	padding: 12px 20px 12px 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
	font-size:13px;
}

ul.global-navigation li.accordion-tx span:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: "";
	margin-top: -7px;
	width: 9px;
	height: 14px;
	background-image: url(../img/sprite.png);
	background-position: -13px -2px;
}

ul.global-navigation li.accordion-tx p.accordion-contents{
	display: none;
	padding: 12px 20px 12px 10px;
}

#other-bana-smt{
	display: block;
	padding: 5px 0 0 5px;
	margin-top: 40px;
	background-image: url(../img/other_back.gif);
	background-repeat: repeat-x;
	background-position: left top
}
#other-bana-smt ul{}
#other-bana-smt li{
	float:left;
	background-color:#fff;
	padding: 0;
	margin : 0 5px 5px 0;
	display: block;
	width:49%;
	text-align:center
}
#other-bana-smt li a:link{
	display: block;
	text-decoration: none;
	padding:8px 0;
}
#other-bana-smt li a:hover{
	background-color: #E0EEF5;
	display: block
}
#other-bana-smt li.none{
	margin-right:0px
}

#top_toiawase_box h3{
	background-color: #dfe2e5;
	font-weight: bold;
	margin-bottom:10px;
	padding:5px 10px;
	border-bottom:none;
	color:#333;
	font-size: 14px;
	text-align: center;
}

}


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

.smt_box a.smt_trigger {
	margin: 14px 7px 12px 0;
}

.smt_trigger,
.smt_trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.smt_trigger {
	position: relative;
	width: 25px;
	height: 20px;

}
.smt_trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #000;
	border-radius: 3px;
}
.smt_trigger span:nth-of-type(1) {
	top: 0;
}
.smt_trigger span:nth-of-type(2) {
	top: 9px;
}
.smt_trigger span:nth-of-type(3) {
	bottom: 0;
}
.smt_trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.smt_trigger.active span:nth-of-type(2) {
	left: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;
}
.smt_trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}



.accountBox_top_smt01{
	padding: 0;
	width:100%;
	display: block;
	margin: 0px auto;
	-webkit-border-radius:3px;
}

.accountBox_top_smt01 ul.accountBtn li{
	float:left;
	width:50%;
	margin-right: 0;
	padding: 5px 0;
	text-align: center;
}

.accountBox_top_smt01 ul.accountBtn li.none {
	margin-right:0px
}

.bg_w {
	background-color:#f6f6f7;
	padding: 5px 0 5px 10px;
    overflow-x: scroll;
	border-bottom: #ccc solid 2px;
  box-shadow: 0px 5px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 5px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 5px 2px rgba(0,0,0,0.1);
}

#header{
	width: 100%;
	padding-bottom: 0px;
	text-align: left;
	background-image: url(../img/header_bg.gif);
	background-repeat: repeat-x;
	/* height: 60px; */

}

#head-content {
	width: 100%;
	/* height:60px; */
	text-align: left;
	margin: 0 auto;
	background: #FFF;
	border-top: #0068b6 solid 3px;
	border-bottom: #eee solid 1px;
}


#head-content p.header-logo {
	margin:0;
	float:left;
	position:absolute;
	z-index:10;
}

#head-content p.header-logo img {
	width: 150px;
	height: auto;
}
#head-content p.header-logo>a.cLogo>img {
		width: 100%;
    max-width: 160px;
		min-width: 90px;
		margin-left:2%;
}
#head-content p.header-logo>a.dLogo>img {
margin-left:1%;
width: 100%;
max-width: 84px;

}


#content-left{
	float: none;
	width: 95%;
	text-align: left;
	margin: 0 auto;
}

#cover-inner_s{
	width: 100%;
	margin: 0 auto;
	background-image: none;
	height:60px;
	background: linear-gradient(#ffffff, #ededed);
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}

#cover_s{
	text-align: left;
	width: 95%;
	margin: 0 auto;
	position: relative;
	height:60px;
}


#cover-inner_ss{
	width: 100%;
	margin: 0 auto;
	height:60px;
	border-bottom:1px solid #ccc;
	background-color:#eee;
}
#cover_ss{
	text-align: left;
	width: 95%;
	margin: 0 auto;
	position: relative;
	height: 60px;
}

#cover_s h1 {
	position: absolute;
	top: 14px;
	font-size: 19px !important;
	font-weight: bold;
}

#cover_ss h1 {
	position: absolute;
	top: 14px;
	font-size: 19px !important;
	font-weight: bold;
}

h2.tit-lv2{
	color: #333;
	font-size: 18px;
	font-weight: bolder;
	margin:10px 0 20px;
	padding: 5px 0;
	border-bottom:3px solid #c1cbd7
}

#content-left div img{
	width: 100%;
	height:auto;
}

#content-left p img{
	margin: 0 auto;
	width: 100%;
	height: auto;
}


#content-left p img.pdf{
	width: 16px;
	height: 16px;
}


#content-left p img.smt_arrow{
	margin: 0 auto;
	width: 45px;
	height: 20px;
}

#content-left p img.web-furi{
	margin: 0 auto 10px;
	width: 80%;
	height: auto;
	text-align: center;
}

#cover_s h1.iot {
	position: absolute;
	top: 15px;
	font-size: 20px !important;
	font-weight: bold;
}

#cover_s h1.iot span {
	display: none;
}

#content-left div img.img_smt{
	width:61px;
	height: auto;
	float:none;
	margin:0 10px 10px 0
}

#content-merit h2 img{
	width: 100%;
	height:auto;
}


#top_toiawase_boxL img{
	width: 100%;
	height: auto;
}

#row-fixed{
	margin:20px auto 0 auto;
	width:95%;
}

#row-fixed h1{
	font-size: 24px;
	color: #1455AB;
	margin:20px 0 10px;
	text-align: center;
	line-height: 1.5em;
}
#row-fixed h1 span{
	display:block;

}


.reason01 p {
	font-size: 14px;
	padding: 0 ;
}

#other-bana-smt li{
	float:left;
	background-color:#fff;
	padding: 0;
	margin : 0 5px 5px 0;
	display: block;
	width:48%;
	text-align:center

}

footer {
	display: block;
	background-color:#ececec;
	padding:15px 30px 10px;
}


footer #fNav a{
	color: #13488f;
	line-height: 2.0em;
	font-weight: bold;
	font-size: 12px
}

footer .copyright {
	text-align: center;
	font-size:11px;
	margin: 10px 0 0;
}

#top_toiawase_boxL p span{
	display: block;
}

li.navi_btn3 a {
	margin: 0px 10px 0 0;
	padding: 7px 5px 5px 3px;
	font-size: 12px;
}
}
ul.oe_menu{
	width: 968px!important;
}
ul.oe_menu > li{
	width:242px!important;
}
    .cta_box{
    	max-width: 690px;
    	margin-left: auto;
    	margin-right: auto;
    }
    .cta_box h2{
      position: relative;
      text-align: center;
    }
    .cta_box h2:after{
      content: "";
      border-bottom:1px solid #3c8bb7;
      position: absolute;
      margin-top: auto;
      margin-bottom: auto;
      top: 0;
      bottom: 0;
      left: 0;
      height: 1px;
      width: 100%;
    }
    .cta_box h2 span{
      color: #3c8bb7;
      display: inline-block;
      padding: 5px 10px;
      background-color: #FFFFFF;
      position: relative;
      z-index: 1;
    }
    .cta_area{
      padding: 20px;
      background-color: #c7e0ed;
    }
    .cta_area .cta_btn01{
      background-color: #003760;
      display: block;
      text-align: center;
      position: relative;
      border-radius: 10px;
    }
    .cta_area .cta_btn01:after{
      position: absolute;
      content: "";
      border-top:2px solid #FFFFFF;
      border-right:2px solid #FFFFFF;
      position: absolute;
      top: 0;
      bottom:0;
      margin-top: auto;
      margin-bottom: auto;
      right: 10px;
      transform: rotate(45deg);
    }

    .cta_area .cta_btn01 span{
      color: #FFF;
    }
    .cta_area .cta_cont .cta_btn02{
      background-color: #FFF;
      display: block;
      text-align: center;
      position: relative;
      border-radius: 10px;
      line-height: 1!important;
    }
    .cta_area .cta_cont .cta_btn02 span{
      color:#003760;
    }
    .cta_area .cta_cont .cta_btn02:after{
      position: absolute;
      content: "";
      border-top:2px solid #003760;
      border-right:2px solid #003760;
      position: absolute;
      top: 0;
      bottom:0;
      margin-top: auto;
      margin-bottom: auto;
      right: 10px;
      transform: rotate(45deg);
    }

    .cta_area .cta_cont .cta_tellarea .cta_tell01{
      color: #003760;
    }
    .cta_area .cta_cont .cta_tellarea .cta_tell02{
      color: #ff7300;
      font-weight: bold;
    }
.cta_btn01{
	box-shadow:0 4px #03253e;
}
.cta_btn01:hover,.cta_btn02:hover{
	text-decoration: none;
	opacity: 0.8;
	transition: opacity 0.5s;
}
.cta_btn02{
	box-shadow:0 4px #eeeeee;
}

        @media screen and (min-width:769px){
        .cta_sp{
        display: none;
        }
      .cta_box {
        margin-top: 20px;
      }

      .cta_box h2{
        font-size:22px;
        margin-bottom: 5px;
      }

      .cta_area .cta_btn01{
        padding:15px;
        font-size: 20px;
        margin-bottom: 20px;
      }
      .cta_area .cta_btn01:after{
        width: 7px;
        height: 7px;
      }
      .cta_area .cta_cont {
        display: flex;
        justify-content: space-between;
        align-items:flex-start;
      }

      .cta_area .cta_cont .cta_btn02{
        padding:20px 0;
        font-size: 16px;
        width: 48%;
      }
      .cta_area .cta_cont .cta_tellarea{
        width: 48%;
      }
      .cta_area .cta_cont .cta_btn02:after{
        width: 7px;
        height: 7px;
      }
      .cta_area .cta_cont .cta_tellarea .cta_tell02{
        font-size: 35px!important;
        line-height: 1!important;
      }
    }
        @media screen and (max-width:768px){
        .cta_sp{
        display: blocl;
        }
        	.cta_box {
        margin-top: 20px;
      }
       .cta_box h2{
        font-size:15px;
        margin-bottom: 5px;
      }

      .cta_area .cta_btn01{
        padding:15px;
        font-size: 14px;
        margin-bottom: 20px;
      }
      .cta_area .cta_btn01:after{
        width: 7px;
        height: 7px;
      }
      .cta_area .cta_cont .cta_btn02{
        padding:20px 0;
        font-size: 14px;
        margin-bottom: 20px;
      }
      .cta_area .cta_cont .cta_btn02:after{
        width: 7px;
        height: 7px;
      }
            .cta_area .cta_cont .cta_tellarea .cta_tell02,.cta_area .cta_cont .cta_tellarea .cta_tell01{
            text-align: center;
            }
      .cta_area .cta_cont .cta_tellarea .cta_tell02{
        font-size: 35px!important;
        line-height: 1!important;
      }
  }