@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------------
/* 共通
-------------------------------------------------------------------- */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, fieldset, form, label, legend, b, u, i, center, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 15px;
	color: #333333;
	vertical-align: baseline;
	background: transparent;
}
body, table, input, textarea, select, option {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height: 1.4;
}
html, body {
	height: 100%;
	color: #000;
	background-color: #fff;
	width:100%;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.section {
	overflow: hidden;
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.inner {
	width: 980px;
	margin: 0 auto;
}
.innerIn {
	width: 800px;
	margin: 0 auto;
	}
a img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#wrapper {
	
}


.sp{
  display: none ;
}
.pc{
  display: block;
}

@media(min-width: 1px) and (max-width: 940px) {
 img {
	 max-width:100%; 
	  }
.inner {
    width: 96%;
    margin: 0 auto;
}
.innerIn {
    width: 96%;
    margin: 0 auto;
}	

/* --------------------------------------------------------------------
/* コンタクトバナー
-------------------------------------------------------------------- */
.contactBnr {
    width: 96%;
    margin: 3vw auto;
    border: 8px solid #0B6022;
    padding: 2em 1em;
    box-sizing: border-box;
    text-align: center;
}
.contactBnr .tel li {
	padding: 1vw .5em 0;
}
.contactBnr .tel.tel02 li {
    font-size: 4vw;	
}
.contactBnr .tel.tel02 li.deta {
	font-size: 4vw;
}	
/* --------------------------------------------------------------------
/* header
-------------------------------------------------------------------- */
header h1 {
    float: left;
    font-size: 5vw;
    color: #014301;
    padding: 0 0 20px;
} 
/* menuAccordion
---------------------------------------- */
#menuAccordion {
   padding: 10px;
}

.cf:before, .cf:after {
    content: " ";
    display: table;
}

#menuAccordion h1 {
    width: 42.25%;
    margin-top: 9px;
}

.floatL {
    float: left;
}

#menuAccordion .nav {
}

.floatR {
    float: right;
}

#menuAccordion .pulldown {
    display: none;
    z-index: 9999;
    position: absolute;
    top: 75px;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #0d48a8;
}

#menuAccordion .pulldown a{
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    position: relative;
}

#menuAccordion .pulldown a:before {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 10px;
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    background: #fff;
}

#menuAccordion .pulldown a:after {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 15px;
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    background: #0d48a8;
}

#menuAccordion .pulldown li {
    border-bottom: solid 1px #ffffff;
    padding: 15px 10px;
    font-size: 13px;
}

.pulldown .close_btn {
    background-color: #ffffff;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    box-shadow: 0 3px 5px #999;
    margin-bottom: 0px;
}

#menuAccordion .menu_btn {
}

.imgWidth_100{
   width: 100%;
}

.menuAccordionBox{
   height: 64px;
   background: #fff;
}

/* --------------------------------------------------------------------
/* 共通
-------------------------------------------------------------------- */ 
.sec {
    padding: 7vw 0;
    width: 100%;
}
.sec h2.tit {
      color: #004300;
    font-size: 5vw;
    text-align: center;
    padding: 0 0 4vw;
}
/* --------------------------------------------------------------------
/* block02
-------------------------------------------------------------------- */
#sec2 {
       background: url(../img/sec2_bg.png) no-repeat 50%;
    background-size: cover;
}
/* --------------------------------------------------------------------
/* block03
-------------------------------------------------------------------- */
#sec3 dl dt {
	display: block;
	    width: 100%;
	}
#sec3 dl dd {
	display: block;
	    width: 100%;
	}
/* --------------------------------------------------------------------
/* block04
-------------------------------------------------------------------- */	
.box ul {
   padding: 0 0 5vw;
    width: 96%;
    margin: 0 auto;
}
.box ul li {
	text-align: center;
    padding: 1vw 0 0;
	}
.box ul li h3 {
	    font-size: 5vw;
    text-align: center;
	}
	
.box ul li h3 span.number  {
         font-size: 10vw;
    display: block;
    text-align: center;
    padding: 0 0 2vw;	
	}	
/* --------------------------------------------------------------------
/* block05
-------------------------------------------------------------------- */		
#sec5 .txt {
	    font-size: 4vw;
	}
/* --------------------------------------------------------------------
/* block06 ギャラリー
-------------------------------------------------------------------- */
#sec6 {
	background: url(../img/gallery_bg.png) no-repeat 50%;
    background-size: cover;
	
}
.gallerybox ul li {
   display: inline-block;
    padding: 2% 1%;
    width: 47%;
    text-align: center;
}
.gallerybox {
background-color: #fff;
    padding: 4vw;
}		
/* --------------------------------------------------------------------
/* block07
-------------------------------------------------------------------- */		
.box.box01 ul {
   
}
.box.box01 ul li {
	     padding: 0 4vw 5vw;
    text-align: left;
	}
.box.box01 ul li h3 {
	       font-size: 5vw;
    text-align: center;
    border-bottom: 1px solid #000;
    margin: 0 0 3vw;
	}
	
.box.box01 ul li h3 span.number  {
       font-size: 10vw;
    display: block;
    text-align: center;
    padding: 2vw 0;	
	}	
/* --------------------------------------------------------------------
/* block08
-------------------------------------------------------------------- */		
.imgArea li {
    display: inline-block;
    width: 48%;
}	
	

	
	
/* --------------------------------------------------------------------
/* ページtop
-------------------------------------------------------------------- */
#page-top a {
    background: rgba(153, 153, 153, 0.7);
    text-decoration: none;
    color: #fff;
    width: 12vw;
    padding: 3vw 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
/* --------------------------------------------------------------------
/* フッター
-------------------------------------------------------------------- */
#footer .left {
    float: none;
    width: 100%;
}
#footer .left .telArea dl dd {
	     min-height: auto;
    width: 100%;
    box-sizing: border-box;
    display: block;
    margin: 3vw 0;
    padding: 2vw 0;
	}
#footer .right {
    float: none;
    width: 100%;
}	
	}	

/** PC **/
@media(min-width: 768px) {}
/** SP **/
@media(min-width: 1px) and (max-width: 767px) {
	
.sp{
  display: block;
}
.pc{
  display: none;
}	
	
}

/* --------------------------------------------------------------------
/* ここから下に追加する
-------------------------------------------------------------------- */
.w1200 {
	width:1200px;
	margin-left:auto;
	margin-right:auto; 
	}
.c_red {
	color: #f00;
}
.f_18 {
	font-size: 18px;
}
.ta_c {
	text-align: center;
}
.ta_l {
	text-align: left;
}
.ta_r {
	text-align: right;
}
.f_l {
	float: left;
}
.f_r {
	float: right;
}
.p_t10 {
	padding-top: 10px;
}
.p_t20 {
	padding-top: 20px;
}
.p_t25 {
	padding-top: 25px;
}
.p_t30 {
	padding-top: 30px;
}
.p_t40 {
	padding-top: 40px;
}
.p_t50 {
	padding-top: 50px;
}
.p_l10 {
	padding-left: 10px;
}
.p_l15 {
	padding-left: 15px;
}
.p_l20 {
	padding-left: 20px;
}
.p_r0 {
	padding-right: 0px !important;
}
.p_r10 {
	padding-right: 10px;
}
.p_r15 {
	padding-right: 15px;
}
.p_r20 {
	padding-right: 20px;
}
.m_b10 {
	margin-bottom: 10px;
}
.m_b20 {
	margin-bottom: 20px;
}
.m_b30 {
	margin-bottom: 30px;
}
.m_b40 {
	margin-bottom: 40px;
}
.f40 {
	font-size: 40px;
	font-weight: bold;
}
.f30 {
	font-size: 30px;
	font-weight: bold;
}

/** PC **/
@media(min-width: 768px) {}
/** SP **/
@media(min-width: 1px) and (max-width: 767px) {}

/*==========================================================

        header

========================================================== */

header {
    width: 100%;
    border-top: 5px solid #0299c4;
}
header .inner {position: relative;}
.__header {
    background-color: #f4f9fd;
    padding-top: 10px; padding-bottom: 15px;	
}
header .inner .approval_txt {
	position: absolute;
	top: -17px;right: 0;
    color: #fff;
    font-size: 12px;
}
.__header .__logo {
    float: left;
    display: inline-block;
	width: 40%;
}
.__header .__logo h1 {
    font-size: 14px;
    color: #737373;
    font-weight: normal;
    padding-bottom: 5px;	
}
.__header .__logo img {}
.__header .__logo .__txt {
    font-size: 16.5px;
    font-weight: bold;
    color: #191919;
}
.__header .__area01 {
	float: right;
	padding-top: 12px;
}
.__header .__area01 .__tel {
	display: inline-block;





	margin-right: 10px;
}
.__header .__area01 .__con_btn {
	display: inline-block;	
}

/** PC **/
@media(min-width: 768px) {}
/** SP **/
@media(min-width: 1px) and (max-width: 767px) {
	

.__header {

}
header .inner .approval_txt {

}
.__header .__logo {
    width: 50vmin;
}
.__header .__logo h1 {
    font-size: 3vmin;	
}
.__header .__logo img {}
.__header .__logo .__txt {
	display: none;
}
.__header .__area01 {
	padding-top: 0;
}
.__header .__area01 .__tel {

}

.__header .__area01 .menu {
	padding: 1vmin;		
}
.__header .__area01 .menu i {
	font-size: 8vmin;	
}
	
}

/* --------------------------------------------------------------------
/* gnav
-------------------------------------------------------------------- */
.gnav {
	clear: both;
	border-top: 2px solid #0299c4;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 0;
	}
.gnav ul {
    letter-spacing: -1.4em;
    padding: 10px 0;
	}	
.gnav ul li {
    display: inline-block;
    width: 20%;
    letter-spacing: normal;
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}
.gnav ul li:first-child {
	 border-left: 1px solid #ddd;
}
.gnav ul li span.en {
    display: block;
    font-size: 9px;
    color: #0299c4;
}

.gnav ul li a {
	display: block;
	font-size: 14px;
	color: #656464;
	}	
.gnav ul li a:hover {

	}


/** PC **/
@media(min-width: 768px) {}
/** SP **/
@media(min-width: 1px) and (max-width: 767px) {
	
.gnav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fdfdfd;
    z-index: 999;
}
.gnav ul {

	}	
.gnav ul li {
display: block;
    width: 100%;
    border-right: 0;
    border-top: 1px solid #ddd;
}
.gnav ul li:first-child {
    border-left: none;
    border-top: none;
}
.gnav ul li span.en {

}

.gnav ul li a {
    padding-top: 3vmin;
    padding-bottom: 2vmin;
	}	
.gnav ul li a:hover {

	}
	
}




/*==========================================================

        footer

========================================================== */
/* --------------------------------------------------------------------
/* ページtop
-------------------------------------------------------------------- */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
       background: #999;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #666;
}
/* --------------------------------------------------------------------
/* フッター
-------------------------------------------------------------------- */
footer {margin-top: 7em;}

footer::before {
	content: "";
	background: url(../img/foot_top.png) repeat-x;
	height: 128px;
	display: block;
	background-color: #fdfcf2;
}

footer .__img01 {
    font-size: 0;
    text-align: center;	
}
footer .__img01 img {
	max-width: 100%;
}
footer .__footer {
    border-top: 3px solid #0299c4;
    padding: 30px 0;
    box-sizing: border-box;
	background: #f4f9fd;
}
footer .__footer .inner {}
footer .__footer .__area01,
footer .__footer .__area02 {
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
    padding: 20px;
    vertical-align: middle;
}
footer .__footer .__area01 {
    border-right: 2px #bce4ef dotted;	
}
footer .__footer .__area01 .__logo {
    display: inline-block;
    padding-bottom: 30px;
}
footer .__footer .__area01 .__logo h1 {
    font-size: 14px;
    color: #737373;
    font-weight: normal;
    padding-bottom: 5px;		
}
footer .__footer .__area01 .__logo .__txt {
    text-align: right;
    font-size: 16.5px;
    font-weight: bold;
    color: #191919;
}
footer .__footer .__area01 .__conbox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #fff;
    padding: 15px;	
}
footer .__footer .__area01 .__conbox .__tel {
    padding: 5px 10px;	
}
footer .__footer .__area01 .__conbox .__con_btn {
    padding: 10px;	
}
footer .__footer .__area02 {}
footer .__footer .__area02 .__p_link {
    display: inline-block;
    padding: 15px;	
}

footer .__footer .__area02 .__p_link li {
	padding-bottom: 10px;
}
footer .__footer .__area02 .__p_link li a {
    position: relative;
    padding-left: 25px;
    display: block;	
}
footer .__footer .__area02 .__p_link li a::before {
    content: "";
    width: 4px;
    height: 4px;
    border: 0px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}

footer .__footer .__area02 .sp{
	display: none !important;
}

footer .__copy {}
footer .__copy p {
    text-align: center;
    border-top: 1px dotted #ddd;
    padding-top: 10px;padding-bottom: 10px;
}

/** PC **/
@media(min-width: 768px) {}
/** SP **/
@media(min-width: 1px) and (max-width: 767px) {
	
footer {/* margin-top: 50px; */}

footer::before {

}

footer .__img01 {

}
footer .__img01 img {

}
footer .__footer {
    padding: 6vmin 0;
}
footer .__footer .inner {}
footer .__footer .__area01,
footer .__footer .__area02 {
    width: 100%;
    display: block;
}
footer .__footer .__area01 {
	border-right: 0;
}
footer .__footer .__area01 .__logo {

}
footer .__footer .__area01 .__logo h1 {
		
}
footer .__footer .__area01 .__logo .__txt {
	font-size: 14.5px;
	text-align: center;
}
footer .__footer .__area01 .__conbox {
    display: block;
    text-align: center;
    padding: 3vmin;
}
footer .__footer .__area01 .__conbox .__tel {

}
footer .__footer .__area01 .__conbox .__con_btn {

}
footer .__footer .__area02 {}
footer .__footer .__area02 .__p_link {
    display: block;
    padding: 0;
}
footer .__footer .__area02 .__p_link li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0;
}
footer .__footer .__area02 .__p_link li a {
    padding-top: 3vmin;
    padding-bottom: 3vmin;
}
footer .__footer .__area02 .__p_link li a::before {

}


footer .__copy {}
footer .__copy p {
	font-size: 3vmin;
}
	
}

/*==========================================================

       main

========================================================== */

#main {
	text-align: center;
    background-color: #f4f9fd;
    margin-bottom: 1em;
}
#main .__img {
    font-size: 0;	
}
#main .__img img {max-width: 100%;}

/** PC **/
@media(min-width: 768px) {}
/** SP **/
@media(min-width: 1px) and (max-width: 767px) {}





/*==========================================================

        共通

========================================================== */
.sec {
	padding: 2em 0 1em 0;
	width: 100%;
}

.title01 {
    text-align: center;
    padding-bottom: 20px;
}
.title01 .__jp {
    font-size: 24px;
    display: block;
    font-weight: normal;
}
.title01 .__en {
    color: #0299c4;
    font-size: 14px;
    font-weight: 100;
}

.title02 {
    border-top: 2px solid #0299c4;
    box-shadow: 0px 0px 1px #c0bcbc;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.title02 span,
.title02 i {
    display: inline-block;
    vertical-align: middle;	
}

.title02 i {
    font-size: 20px;
    color: #0299c4;
    padding-right: 10px;
}

.title02 .__jp {
    font-size: 17px;
    padding-right: 10px;	
}
.title02 .__en {
    font-size: 10px;
    color: #0299c4;
}

.contents h2{
	    text-align: center;
	    font-size: 30px;
	    margin-bottom: 1.5em;
}

.contents .page_ttl{
	position: relative;
}


.contents .page_ttl::after {
    width: 65px;
    bottom: -13px;
    content: "";
    border-bottom: 3px solid #0299c4;
    position: absolute;
    top: 0;

    left: 0;
    right: 0;
    margin: auto;
}

.h3Title01 {
    margin-top: 50px;
    margin-bottom: 20px;
    padding: 10px 0;
    border-top: 3px solid #0299c4;
    border-bottom: 1px solid #ccc;
    font-size: 0;
}

.h3Title01 h3 span {
	font-size: 22px;
}

/** PC **/
@media(min-width: 768px) {}
/** SP **/
@media(min-width: 1px) and (max-width: 767px) {
	
	
.sec {

}

.title01 {

}
.title01 .__jp {
    font-size: 7vmin;
}
.title01 .__en {
    font-size: 3.4vmin;
}

.title02 {
    padding: 3vmin;
}

.title02 span,
.title02 i {
    font-size: 4vmin;
}

.title02 i {
	font-size: 5vmin;
}

.title02 .__jp {
    font-size: 4vmin;	
}
.title02 .__en {
	font-size: 3vmin;
}	
	
}


/* --------------------------------------------------------------------
/* table
-------------------------------------------------------------------- */


.table th,
.table td{
	border: solid 1px #ddd;
}

.table_heavy tbody th{
	padding: 20px 1.5em 18px;
}

.table_heavy tbody td{
	padding: 10px 1.5em;
	border-width: 0 1px 1px 0;
	vertical-align: middle;
}

.table {
	border-radius: 3px;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border-top: 1px solid #ddd;
}

.table th,
.table td {
	text-align: left;
	line-height: 1.4;
	vertical-align: top;
}

.table thead th {
	background: #f5f3ee;
}

.table tbody th {
	font-weight: bold;
	text-align: left;
	background: #fbfeff;
	width: 20%;
	border-width: 0 1px 1px 1px;
	vertical-align: middle;
	color: #0299c4;
}

.table_thin thead th {
	padding: 8px 0;
	font-size: 1.2rem;
}

.table_thin tbody th,
.table_thin tbody td {
	padding: 10px 1em;
}

.table_regular thead th {
	padding: 15px 0;
}

.table_regular tbody th,
.table_regular tbody td {
	padding: 15px 1em 13px;
}

.table_heavy thead th {
	padding: 20px 0;
}

/********  table_type01  **********/

.table_type01 {
	width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-top: 1px solid #0299c4;
    border-right: 1px solid #0299c4;	
}

.table_type01 tr {}

.table_type01 tr th,
.table_type01 tr td {
    padding: 10px 20px;
    border-bottom: 1px solid #0299c4;
    border-left: 1px solid #0299c4;
    vertical-align: middle;	
}

.table_type01 tr th {
	font-weight: bold;
    text-align: left;
    background: #fbfeff;
    width: 35%;
    background-color: #f2fafc;	
}

.table_type01 tr td {
    color: #126c86;
    font-weight: bold;	
}


/********  page_table  **********/

.page_table {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-collapse: collapse;
    box-sizing: border-box;	
}
.page_table tr {}
.page_table tr th,
.page_table tr td {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 10px 20px;	
}
.page_table tr th {
	background-color: #edfafd;	
}
.page_table tr td {}
.page_table tr td:first-child {}


/** PC **/
@media(min-width: 768px) {}
/** SP **/
@media(min-width: 1px) and (max-width: 767px) {}




/* ボタン
===========================================================*/
/*===== 下側影付き　角丸 =====*/
.btn_type01 {
	display:inline-block;
	padding-top:8px; padding-bottom:6px;
	font-weight:bold;
	box-sizing:border-box;
	text-align:center;
	text-decoration:none;
	border-radius:8px;
	color:#153393;
}

.btn_type01 span { padding-left:1em; position:relative;}

.btn_type01 span:before {
	content:'';
	width: 6px; height: 6px;
	border-bottom: 1px solid #153393;
	border-right: 1px solid #153393;
	transform: rotate(-45deg);
	position:absolute; left:0; top:50%;
	margin-top:-4px;
}

/* 色 */
.btn_type01.__white {
	background:#fff;
	box-shadow:0 5px #c9caca;
}

.btn_type01.__yellow {
	background:#faee00;
	box-shadow:0 5px #dac147;
}

.btn_type01.__navy {
	background:#153393;
	color:#fff;
	box-shadow:0 5px #152662;
}

/** PC **/
@media(min-width: 768px) {}
/** SP **/
@media(min-width: 1px) and (max-width: 767px) {}

/* --------------------------------------------------------------------
/* ぱんくず

-------------------------------------------------------------------- */
.pankuzu {
	line-height: 1.2;
	background-size: 82px;
	width: 980px;
	margin: 10px auto;
}
	
.pankuzu .pankuzu_set {
	text-align: left;
}

.pankuzu .pankuzu_item {
	display: inline;
}

.pankuzu_set i{
	color: #0299c4;
}

.pankuzu .pankuzu_item a {
	font-size: 12px;
	margin: 0 1em;
	text-decoration: none;
	color: #999999;
	display: inline-block;
}

.pankuzu .home::before {
	display: none;
}

.pankuzu .home a {
	margin-left: 2px;
	font-size: 12px;
}

.pankuzu .home a:hover {
	text-decoration: underline;
}

.pankuzu + * {
	margin-top: 3em;
}

@media(min-width: 1px) and (max-width: 767px) { .pankuzu { width: 100%;}}




/*==========================================================

        保険種類のご案内

========================================================== */

.sec.__type {}
.sec.__type .typelist {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.sec.__type .typelist li {
    padding: 10px;	
}


/** タブレット **/
@media(min-width: 768px) and (max-width: 1024px) {
	
.sec.__type .typelist li {
    width: 47%;
	text-align: center;
}	
	
}

/** PC **/
@media(min-width: 768px) {}



/** SP **/
@media(min-width: 1px) and (max-width: 767px) {
.sec.__type {}
.sec.__type .typelist {

}
.sec.__type .typelist li {

}	
}


/*==========================================================

        最新インフォメーション

========================================================== */
.sec.__info {}
.sec.__info .infobox {
    box-sizing: border-box;
    padding: 0 20px 10px;
    border-bottom: 1px dotted #ddd;
    overflow-y: auto;
    max-height: 165px;
}
.sec.__info .infobox dl {
    overflow: hidden;
	clear: both;
}
.sec.__info .infobox dl a {
	display: block;
}
.sec.__info .infobox dl dt,
.sec.__info .infobox dl dd{
    float: left;
    padding: 5px 0 5px 0;
}
.sec.__info .infobox dl dt {
    width: 20%;
    color: #0299c4;
}
.sec.__info .infobox dl dd {}

.sec.__info .link_bnr {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 55px;
}
.sec.__info .link_bnr li {}


/** タブレット **/
@media(min-width: 768px) and (max-width: 1024px) {
	
.sec.__info .link_bnr li  {
    width: 32%;
}	
	
}


/** PC **/
@media(min-width: 768px) {}
/** SP **/
@media(min-width: 1px) and (max-width: 767px) {
	
.sec.__info {}
.sec.__info .infobox {

}
.sec.__info .infobox dl {

}
.sec.__info .infobox dl a {

}
.sec.__info .infobox dl dt,
.sec.__info .infobox dl dd{
    float: none;

}
.sec.__info .infobox dl dt {

}
.sec.__info .infobox dl dd {}

.sec.__info .link_bnr {
	display: block;
    text-align: center;
    padding-top: 7vmin;
}
.sec.__info .link_bnr li {}	
	
}



/*==========================================================

        ネット契約

========================================================== */

.sec.__web {
    background-color: #fdfcf2;
    padding: 1em 0 1em 0;
    margin: 5em 0 0 0;
    border-top: #0299c4 solid 1px;
}
.sec.__web .web_link {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.sec.__web .web_link li {}
.sec.__web .title02 {
    border-top: 0;
    box-shadow: none;
    padding: 10px 20px;
    margin-bottom: 10px;
	text-align: center;
}

.sec.__web .title02 .__jp {
    font-size: 22px;
    padding-right: 10px;
}


/** タブレット **/
@media(min-width: 768px) and (max-width: 1024px) {
	
.sec.__web .web_link li {
    width: 19%;
}
	
}


/** PC **/
@media(min-width: 768px) {}
/** SP **/
@media(min-width: 1px) and (max-width: 767px) {

	
.sec.__web {
    margin: 5em 0 0 0;
    padding: 7vmin 0;
}
.sec.__web .web_link {

}
.sec.__web .web_link li {
    width: 49%;	
	}
.sec.__web .title02 {


}

.sec.__web .title02 .__jp {

}	
	
	
}



/*==========================================================

        ネット契約

========================================================== */
/** PC **/
@media(min-width: 768px) {.sukima_f{
	position: relative;
    bottom: 30px;
}}
/** SP **/
@media(min-width: 1px) and (max-width: 767px) {}


/* --------------------------------------------------------------------
/* header
-------------------------------------------------------------------- */

/*header {
	    width: 100%;
    overflow: hidden;
    
}
header .leftArea {
	         float: left;
    width: 65%;
    padding: 2em 0;
	}
header .logo {
	display: inline-block;
    vertical-align: middle;
}

header h1 {
	  display: inline-block;
    vertical-align: middle;
}
header h1 span {
	   
	}
header .rightArea {
	    float: right;
    width: 35%;
	}
.btn {
	letter-spacing: -1.4em;
	}
.btn li {
	display: inline-block;
    width: 50%;
    letter-spacing: normal;
    text-align: center;
	}	
.btn .btn01 {
	
	}
.btn .btn02 {
	
	}	
.btn a {
	    background-color: #43aedc;
    display: block;
    width: 100%;
    padding: 1em 0;
    color: #fff;
	}
.btn .btn02 a {
	 background-color: #01478d;
	}
.rightArea .telArea {
	    padding: 1em 0 0;
    overflow: hidden;
	}
.rightArea .telArea li {
	float:left;
	}					
.rightArea .telArea li.tel {
	    padding-left: 15px;
	}
div.supportArea {
	
	}
div.supportArea p {
	    font-size: 12px;
	}	
div.supportArea .txt01 {
	    text-align: center;
    border: 1px solid #43aedc;
    color: #01478d;
    padding: 3px 0;
	}

div.supportArea .txt02 {
	    font-weight: bold;
    color: #01478d;
	}*/		
			

/* --------------------------------------------------------------------
/* コンタクトバナー
-------------------------------------------------------------------- */
.contactBnr {
	    width: 800px;
    margin: 3em auto;
    border: 8px solid #0B6022;
    padding: 2em 1em;
    box-sizing: border-box;
    text-align: center;
}
.contactBnr .btn {
	
}
.contactBnr .tel {
	padding: 1em 0 0;
}

.contactBnr .tel li {
	    display: inline-block;
    padding: 0 .5em;
	vertical-align: middle;
}
.contactBnr .tel.tel02 {
	
}
.contactBnr .tel.tel02 li {
	    font-weight: bold;
    font-size: 20px;
}
.contactBnr .tel.tel02 li.deta {
	background-color: #B20000;
    border-radius: 20px;
    padding: 5px 15px;
    color: #fff;
    font-size: 17px;
}
/* --------------------------------------------------------------------
/* 共通
-------------------------------------------------------------------- */




			
/* --------------------------------------------------------------------
/* block01
-------------------------------------------------------------------- */
#sec1 {
}