@charset "utf-8";

/* 
html{
	background-color:#FFF;
}
 */
body{
	min-width: inherit;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	-webkit-text-size-adjust:100%;
}

body.page_tm{
	background-color:#f5f5f5;
}

.tm_container a{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	text-decoration:underline;
}

.tm_container a:link{
color:#257dc9;
}
.tm_container a:visited{
color:#257dc9;
}
.tm_container a:hover, .tm_container a:focus{
color:#257dc9;
text-decoration:none;
}
.tm_container a:active{
color:#257dc9;
}

.tm_container img{
width:auto;
max-width:100%;
vertical-align:top;
}

.tm_container strong{
font-weight:bold;
font-style:normal;
}

.tm_container em{
font-weight:bold;
font-style:oblique;
}

.tm_container sup,sub{
font-size:10px;
}

sup{
vertical-align:top;
}

/* 下マージン */
.tm_container h1, .tm_container h2, .tm_container h3, .tm_container h4, .tm_container h5, .tm_container h6, .tm_container p, .tm_container ul, .tm_container ol, .tm_container dl, .tm_container table, .tm_container blockquote, .tm_container pre, .tm_container fieldset{
margin-bottom:1.5em;
}

.tm_container li, .tm_container caption{
margin-bottom:0.5em;
}

.tm_container table{
width:100%;
border-spacing:0;
border-collapse:collapse;
word-break : break-all;
}

.tm_container caption{
font-weight:bold;
}

.tm_container caption, .tm_container th{
text-align:left;
}

.tm_container th, .tm_container td{
border:solid 1px #DDD;
padding:5px 15px;
}

.tm_container th{
font-weight:bold;
background-color:#EEE;
text-align:left;
vertical-align:top;
}

/* デフォルトフォントサイズ */
.tm_container p, .tm_container ul, .tm_container ol, .tm_container dl, .tm_container dt, .tm_container dd, .tm_container table{
	font-size: 14px;
	line-height:1.6;
}

.dl_2col:after{
	content: "";
	clear: both;
	display: block;
}

.dl_2col dt{
clear:both;
float:left;
width:3em;
margin:0 0 20px 0;
}

.dl_2col dd{
margin:0 0 20px 3em;
}

.tm_list_disc{
	list-style-type:disc;
}

.tm_list_disc li{
	list-style-type:disc;
}

.tm_list_none{
	list-style-type:none;
}


.border_solid_b_red{
	border-bottom:solid 1px #e32836;
}

.tm_border_b{
	border-bottom:solid 1px #E5E5E5;
}

.tm_border_dot_b{
	border-bottom:dotted 1px #DDD;
}

.border_vertical_gray_l{
	border-left:solid 1px #EEE;
}

.border_vertical_gray_r{
	border-right:solid 1px #EEE;
}

.tm_container .list_notice{
	font-size: 10px;
}

.tm_container .list_notice:after{
	content: "";
	clear: both;
	display: block;
}

.tm_container .list_notice dt{
clear:both;
float:left;
width:2.5em;
margin:0 0 1em 0;
}

.tm_container .list_notice dd{
margin:0 0 1em 2.5em;
}

.tm_container{
	width:100%;
}

#tm_header{
	position: fixed;
	top:0;
	width: 100%;
	height:55px;
	background-color: #fff;
	border-top:solid 5px #db0a00;
	z-index:9000;
}

#tm_header .tm_ci{
	width:90px;
	height:30px;
	margin:8px 0 0 9px;
}

#btn_menu, #btn_menu_close{
	position: absolute;
	right:10px;
	top:10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

#btn_menu img, #btn_menu_close img{
	width: 30px;
	height: 30px;
}

#btn_menu_close{
	top:15px;
}

#local_nav{
	width: 100%;
	height:2000px;
	overflow: hidden;
	position:absolute;
	left:0;
	top:-5px;
	padding-top:10px;
	background-color:rgba(255,255,255,0.8);
}

#local_nav.hidden{
	display: none;
}

#local_nav_body{
	position: relative;
	top:45px;
	margin:0px 7px 0 7px;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	border-radius:4px;
}

#local_nav_body a br{
	display: none;
}

#local_nav ul{
	margin: 0;
	padding:5px 8px 0px 8px;
	background-color: #d30900;
	border-radius:4px 4px 0 0;
	list-style-type: none;
}

#local_nav li{
	border-bottom: dotted 1px #e98480;
	padding:10px 0 10px 10px;
	line-height: 17px;
	margin-bottom: 0;
}

#local_nav li a{
	display: block;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#btn_menu_close_small{
	color: #FFF;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	background-color: #bd0800;
	padding:8px 8px;
	border-radius:0 0 4px 4px;
	cursor: pointer;
}

.tm_section{
	margin-top: 30px;
	padding:20px 4.2%;
	border-radius:4px;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	background-color: #fff;
}

.tm_section:after{
	content: "";
	clear: both;
	display: block;
}

.tm_section_gray,
.tm_section_yellow{
	margin-top: 30px;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	border-radius: 5px;
	background-color: #fffbf1;
	overflow:hidden;
}

.tm_section_gray_in,
.tm_section_yellow_in{
	padding:0px 4.2% 25px 4.2%;
	background-color: #fffbf1;
}

.tm_section_gray,
.tm_section_gray_in{
	background-color: #F5F5F5;
}

.tm_section_in{
}


#tm_main{
	min-height:0;
	background-color: #fff;
}

.tm_content_main{
	background-color:#f0f0f0;
	padding:1px 2.6% 30px 2.6%;
}


.ico_pen{
	display: inline-block;
	width: 25px;
	height: 25px;
	background: transparent url(../../img/2017/ico_pen.png) 0 0 no-repeat;
	background-size: contain;
	vertical-align:middle;
}

#main_visual{
	margin:55px 0 0 0;
}

#main_visual h1{
	margin: 0 !important;
	padding:10px 2.6%;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-color: #EEE;
}

.box_border_gray{
	margin-top: 30px;
	padding:20px 4.2%;
	border-radius:5px;
	background-color: #fff;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
}

.box_border_gray_2{
	margin-bottom:1.5em;
	padding: 20px;
	border: 10px solid #efefef;
}

.tm_title_1{
	margin:2.5em 0 1.5em 0;
	padding:14px 14px 14px 30px ;
	background: #f5f5f5 url(../../img/2017/bgi_title_1.png) 14px center no-repeat;
	border-radius:4px;
	font-size:14px;
	font-weight: bold;
	line-height: 1.4;
}

.tm_title_2{
	margin:0 0 1.5em 0;
	padding:14px 0;
	background-color: #444444;
	font-size:16px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 1.4;
}

.tm_title_3{
	font-weight:bold;
	font-size:14px;
	line-height:1.5;
	margin:3em 0 0.5em 0;
}

.tm_container .tm_title_4{
	font-weight: bold;
	font-size:16px;
	margin:0 0 0.5em 0 !important;
}

.tm_container .tm_title_5{
	margin:0 0 1.5em 0;
	padding:0.5em 2em;
	background-color: #E70922;
	border-radius: 20px;
	font-size:16px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 1.4;
}

.tm_container .title_4{
	font-weight:bold;
	font-size:16px;
	line-height:1.5;
	margin:20px 0 5px 2px;
	color:#555;
}

.tm_container .title_red_c{
	color: #E70922;
	font-size:24px;
	font-weight: normal;
	line-height:1.5;
	letter-spacing: 0.02em;
	text-align: center;
	margin:2em 0 1.0em 0;
}

.tm_container .title_black_c{
	color: #000;
	font-size:22px;
	font-weight: normal;
	line-height:1.5;
	letter-spacing: 0.02em;
	text-align: center;
	margin:1.5em 0 1.0em 0;
}

.tm_container .title_black_c_large{
	color: #000;
	font-size:24px;
	font-weight: normal;
	line-height:1.5;
	letter-spacing: 0.02em;
	text-align: center;
	margin:0em 0 1.0em 0;
}

.tm_application_step{
	border-radius: 5px;
	background-color: #fff;
	font-size: 12px;
	overflow: hidden;
}

.tm_application_step .title{
	padding:13px 18px 13px 28px;
	font-weight: bold;
	line-height: 1.4;
	background: #CCC url(../../img/2017/bgi_title_1.png) 14px center no-repeat;
}

.tm_application_step .title .number{
	color: #e60911;
	margin-right: 10px;
}

.tm_application_step .body{
	padding:17px;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	border-radius:0 0 5px 5px;
}

.tm_application_step .body p, .tm_application_step .body dl, .tm_application_step .body dt, .tm_application_step .body dd{
	font-size: 12px;
	margin-bottom:0;
}

.tm_application_step .body dt, .tm_application_step .body dd{
	font-size: 10px;
}

.tm_step_arrow{
	width: 42px;
	text-align: center;
	margin: 10px auto;
}

.internal_link_head{margin-top:-60px;padding-top:60px}

.icon_ios,
.icon_doroidkun{
	width: 200px;
	height:131px;
	margin:0 auto 15px auto ;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:contain;
}

.icon_ios{
	background-image:url(../../img/2017/logo_ios.jpg);
}

.icon_doroidkun{
	background-image:url(../../img/2017/img_doroidkun.jpg);
}


.link_arrow:before{
	content:'\003e\2003';
}

.link_arrow{
	margin-left:20px;
	text-indent:-20px;
}

.tm_img_link_arrow_r,
.tm_img_link_arrow_r_red,
.tm_img_link_arrow_r_white{
	display:inline-block;
	vertical-align:middle;
	width:6px;
	height:6px;
	margin-right:5px;
}

.tm_img_link_arrow_r{
	background:url('../../img/2017/lsi_arrow_r_blue.png') no-repeat left top;
}

.tm_img_link_arrow_r_red{
	background:url('../../img/2017/lsi_arrow_r_red.png') no-repeat left top;
}

.tm_img_link_arrow_r_white{
	background:url('../../img/2017/lsi_arrow_r_white.png') no-repeat left top;
}

.ls_square_num{
	display: inline-block;
	width:2em;
	margin:0 10px 0 0;
	padding:0.5em;
	line-height: 1;
	font-weight: bold;
	color:#FFF;
	background-color:#ca4148;
	text-align: center;
}

#scroll_to_top{
	width:45px;
	height:45px;
	position:fixed;
	right:5px;
	bottom:20px;
	z-index:8000;
	cursor: pointer;
}

#scroll_to_top img:hover{
	opacity: 0.7;
}

.tm_footer_contact{
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	border-radius:5px;
	margin-top:30px;
	padding:25px 4.2%;
	text-align:center;
	background-color:#FFF;
}

p.tm_footer_contact_t,
.tm_footer_contact_b p{
	margin-bottom:0;
}

.tm_footer_contact_b p{
	margin-top:20px;
}

.tmsp_btn{
	margin:0 0 8px 0;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	line-height:1.4;
}

.tmsp_btn a{
	display:block;
	text-decoration:none !important;
	font-size:16px;
	font-weight:bold;
	width:auto;
	padding:12px 10px 12px 10px !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.tmsp_btn_gray{
	background:#f2f3f1 url('../../img/2017/bgi_gradation_gray.png') repeat-x left top;
}

.tmsp_btn_gray a{
	color:#454545 !important;
	text-decoration: none;
	border:solid 1px #EEE;
}

.tmsp_btn_black{
	text-align:center;
	background:#353b3f url('../../img/2017/bgi_gradation_black.png') repeat-x left top;
}

.tmsp_btn_black a{
	color:#FFFFFF !important;
	border:solid 1px #5e5e5e;
}

.tmsp_btn_red, .tmsp_btn_red_2, .tmsp_btn_blue{
	text-align:center;
}

.tmsp_btn_red a, .tmsp_btn_red_2 a, .tmsp_btn_blue a{
	padding:10px 0;
	color: #FFF !important;
}

.tmsp_btn_red_2{ background:#e14951 url('../../img/2017/bgi_gradation_red_2.png') repeat-x left top; }
.tmsp_btn_blue{ background:#e14951 url('../../img/2017/bgi_gradation_blue.png') repeat-x left top; }

.tmsp_btn_red_2 a, .tmsp_btn_blue a{
	color:#FFFFFF !important;
}

.tmsp_btn_red_2 a{ border:solid 1px #b32028; line-height: 1.4; }
.tmsp_btn_blue a{ border:solid 1px #06689a; line-height: 1.4; }

.tmsp_btn_red.fl, .tmsp_btn_red_2.fl, .tmsp_btn_blue.fl{
	float:left;
	width:49%;
}

.tmsp_btn_red.fr, .tmsp_btn_red_2.fr, .tmsp_btn_blue.fr{
	float:right;
	width:49%;
}

.tmsp_btn_current,
.tmsp_btn_gray:hover,
.tmsp_btn_red{
	background:#ca2321 url('../../img/2017/bgi_gradation_red.png') repeat-x left top;
}

.tmsp_btn_current a,
.tmsp_btn_gray a:hover,
.tmsp_btn_red a{
	color:#FFFFFF !important;
	border:solid 1px #d55e5c;
	box-shadow:0px 0px 1px rgba(255, 255, 255, 0.8) inset;
}

.tmsp_btn_black:hover,
.tmsp_btn_red:hover,
.tmsp_btn_red_2:hover,
.tmsp_btn_blue:hover{
	opacity:0.8;
}

.tm_btn_red,
.tm_btn_green,
.tm_btn_gray{
	text-align:center;
	margin-bottom: 1.5em;
}

.tm_btn_red a{
	display: block;
	max-width:340px;
	padding:0.5em 1em;
	font-size: 14px;
	font-weight: bold;
	color: #FFF !important;
	text-decoration: none;
	border-radius:40px;
	border-bottom:3px solid #ad1f27;
	background-color: #e1474f;
}

.tm_btn_green a{
	display: block;
	max-width:340px;
	padding:0.5em 1em;
	font-size: 14px;
	font-weight: bold;
	color: #FFF !important;
	text-decoration: none;
	border-radius:40px;
	border-bottom:3px solid #3f9010;
	background-color: #59a82c;
}

.tm_btn_gray a{
	display: block;
	width: auto;
	padding:0.5em 1em;
	font-size: 14px;
	font-weight: bold;
	color:#111 !important;
	border-radius:20px;
	border-bottom:2px solid #dfdcdc;
	background-color: #EEE;
	text-decoration: none;
}

.tm_btn_red a:hover,
.tm_btn_green a:hover,
.tm_btn_gray a:hover{
	opacity: 0.7;
}

.stepbox{
}

.stepbox .layout_2col_pc .layout_col_2 img{
	display: block;
	margin-left:auto;
	margin-right:auto;
}

.kantanbox{
	border:10px solid #efefef;
	margin:0 auto 1.5em auto ;
	clear:both;
	padding:25px;
}
.kantanbox p{ margin-bottom:10px; }
.kantanbox .kantanbox_r p:last-child{ margin-bottom:0px;}

.cautionbox{
	border-radius: 10px;
	margin-bottom: 1.5em;
	padding:25px 4.2%;
	background:#f5f5f5 url('../../img/2017/ico_caution.png') no-repeat 4.2% center;
}

.cautionbox .inner{
	padding:0 0 0 60px;
}

.cautionbox .inner p:last-child{
	margin-bottom: 0;
}

#tm_footer{
	min-width: inherit;
	background-color: #f5f5f5;
	text-align: center;
	padding:15px 0 10px 0 !important;
	border-top:2px solid #cdcdcd;
}

#tm_footer ul{
	margin: 0;
	padding:0 0 20px 0;
}

#tm_footer ul:after{
	content: "";
	clear: both;
	display: block;
}

#tm_footer ul li{
	float: left;
	width: 50%;
	font-size: 12px;
	margin-bottom: 0;
	display: block;
	padding:5px 0;
}

#tm_footer li a{
	text-decoration: none;
	color: #666 !important;
}

#tm_footer .tm_ci img{
	width:80px;
	margin:8px 0 10px 9px;
}

#tm_footer small{
	font-size:8px;
	margin-bottom:0;
}

.tm_tabaccordion_area{
	margin-bottom:1.5em;
}

.tm_tab,
.tm_tab_title{
	border-radius:5px;
}

.tm_tab.open .tm_tab_title{
	border-radius:5px 5px 0 0;
}

.tm_tab{
	position:static;
	width:100%;
	left:0;
	top:0;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	margin-top: 30px;
	background-color: #fff;
	border-radius:5px;
}

.tm_tab_title{
	position:static;
	margin-bottom: 0;
	padding:0;
	text-align:center;
	background:#777 url('../../img/2017/bgi_title_red.png') repeat-x left center;
}

.tm_tab_title.indigo_blue, .tm_tab_title.indigo_green{
	background:#777 url('../../img/2017/bgi_title_indigo.png') repeat-x left center;
}

.tm_tab_title .tm_2l{
	height:auto;
	padding:0px;
}

.tm_container .tm_tab_title a{
	display:block;
	height:auto;
	padding:10px 40px 10px 20px;
	font-size:16px;
	font-weight:bold;
	border:none;
	background:transparent url('../../img/2017/btn_arrow_b_white.png') no-repeat 97% center;
	background-size:20px;
	text-decoration: none;
	color:#FFF;
}

.tm_tab.open .tm_tab_title a{
	background:transparent url('../../img/2017/btn_arrow_t_white.png') no-repeat 97% center;
	background-size:20px;
}

.tm_tab_title.indigo_blue a{
	color:#0da7ed;
}

.tm_tab_title.indigo_green a{
	color:#a2cc2a;
}

.tm_tab_body{
	position:static;
	clear:both;
	padding:25px 4.2%;
	border-radius:0 0 5px 5px;
	border:none;
}

.tm_tab .tm_section_yellow,
.tm_tab .tm_footer_contact{
	border:1px solid #EEE;
	box-shadow:none;
}

/* table */
.tm_container table th,
.tm_container table td {
font-size: 12px;
}

.VB_Anchor-link-list_a{
	padding-left: 0;
}

.tm_container .VB_table_a {
border-collapse: collapse;
width: 100%;
}
.tm_container .VB_table_a th {
background-color: #f6f6f6;
border-left: solid 1px #e6e6e6;
border-top: none !important;
border-bottom: solid 1px #e6e6e6;
border-right: none !important;
padding: 12px;
font-weight: bold;
}

.tm_container .VB_table_a th:last-child {
border-top: none !important;
border-bottom: none !important;
border-right: solid 1px #e6e6e6 !important;
}

.tm_container .VB_table_a thead th {
background-color: #cccccc;
border-right: solid 1px #fff;
vertical-align:middle;
}

.tm_container .VB_table_a thead th:last-child {
border-right: solid 1px #e6e6e6 !important;
}

.tm_container .VB_table_a th.sub {
background-color: #e6e7e8;
font-weight: normal;
}
.tm_container .VB_table_a td {
background-color: #fff;
border-right: solid 1px #e6e6e6;
border-top: none !important;
border-bottom: solid 1px #e6e6e6;
border-left: none !important;
padding: 12px;
vertical-align:middle;
}

.tm_container .VB_table_a td:last-child {
border-top: none !important;
}

.tm_container .VB_table_a td.md {
background-color: #fff;
line-height:18px;
text-align: left;
}


.tm_container .table_spec {
line-height:1.3;
}

.tm_container .table_spec th,
.tm_container .table_spec td{
padding:10px 6px;
border: solid 1px #e6e6e6;
vertical-align:middle;
}

.tm_container .table_spec th {
background-color: #f6f6f6;
font-weight: bold;
}

.tm_container .table_spec thead th {
background-color: #cccccc;
}

.tm_container .table_spec .title_pink{
text-align:center;
background-color: #f7dee5;
}


.tm_dl_notice{
	font-size:12px !important;
	line-height:1.6;
	color:#666666;
}

.tm_dl_notice dt{
	width:2.5em;
	float:left;
}

.tm_dl_notice dd{
	margin-left:2.5em;
}

.step_horizontal_pc{
	text-align:center;
	margin-bottom:1.5em;
}

.step_horizontal_pc .arrow{
	margin:10px 0;
}


.feature_border_box{
	margin:4em 0 3em 0;
	padding:1em 4%;
	border: 0.4em solid #314f62;
	border-radius: 0.5em;
}

.feature_border_box .title{
	margin:-2.0em auto 0 auto;
	padding: 0 0 1.0em 0;
	text-align: center;
	font-weight: bold;
	font-size:140%;
	line-height: 1.2;
}

.feature_border_box .title_in{
	display: inline-block;
	padding:0 0.5em;
	background-color: #FFF;
}

.feature_border_box .subtitle{
	margin: 0 auto 1em auto;
	text-align: center;
	background-color: #314f62;
	border-radius: 0.4em;
	box-shadow:0 3px 3px rgba(0,0,0,0.3);
}

.feature_border_box .subtitle_in{
	display: inline-block;
	padding:0.2em 0;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size:80%;
}

.tm_container .feature_border_box p{
	font-size:100%;
}

.box_feature{
	border: 1px solid #DDD;
	border-radius: 10px;
	margin:2em 0 2em 0;
	padding:1em 1.0em;
	line-height: 1.4;
}

.feature_w_icon{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:2.0em 0 0 0;
}

.feature_w_icon .item {
	width:100%;
	margin:0 0 2.0em 0;
}

.feature_w_icon .item:after{
	content: "";
	clear: both;
	display: block;
}

.feature_w_icon .icon {
	float: left;
	width:70px;
	margin:0 10px 0 0;
}

.feature_w_icon .feature_txt {
	margin:0 0 0 80px;
}

.feature_w_icon .feature_txt p {
	margin-bottom: 0;
}

/*** wntcom ***/
/*
.wrapper{
}
*/

.allPd {
	padding:0;
}

#ocn_header{
	position:fixed;
	top:0px;
	width:100%;
	z-index:9000;
}

#ocn_header #btn_menu{
	right:0px;
	top:62px;
}

#ocn_header #btn_menu_close{
	right:0px;
	top:67px;
}

#ocn_header #local_nav_body{
	top:92px;
}

.wrapper #main_visual{
	margin-top:0;
}

.wrapper #tm_main{
	padding-bottom:0;
	background-color:transparent;
}

.wrapper .tm_content_main{
	padding-bottom:5px;
	background-color:#FFF;
}

.wrapper .tm_content_main_wrap {
	box-shadow:none;
}

.wrapper #main_visual{
	background-color:#fff;
}

.wrapper #main_visual a img:hover{
	opacity:0.7;
}

.wrapper .tm_container .list_notice dt,
.wrapper .tm_container .list_notice dd,
.wrapper .tm_dl_notice dt, .wrapper .tm_dl_notice dd{
	font-size:10px !important;
}
/*** wntcom ここまで ***/