.sp_map{
display: none;
}

body{
position: relative;
}

h1{
font-size: 23px;
color: #fff;
padding-top: 60px;
}

h1 span:last-of-type {
    padding-left: 136px;
}

.cont_1100{
width: 1100px;
margin: 0 auto;
}

.cont_1000{
width: 1000px;
margin: 0 auto;
margin-bottom: 200px;
}

.block02{
margin-top: 58px;
}

.tab_out_wrp{
min-width: 1100px;
border-bottom: #33b49d solid 2px;
}

.tab_in_wrp{
width: 1000px;
margin: 0 auto;
}

.tab_type01{
display: inline-block;
width: 190px;
color: #fff;
font-size: 16px;
padding: 10px 36px 10px 13px;
position: relative;
z-index: 1;
line-height: 1;
margin-right: 15px;
}

.tab_type01::after{
position: absolute;
content: ' ';
top: -4px;
right: 0px;
border: none;
border-right: solid 26px #fff;
border-bottom: solid 40px transparent;
z-index: 2;
}

.tab_type02{
display: inline-block;
width: 190px;
color: #fff;
font-size: 16px;
padding: 10px 36px 10px 13px;
position: relative;
z-index: 1;
line-height: 1;
}

.tab_type02::after{
position: absolute;
content: ' ';
top: -4px;
right: 0px;
border: none;
border-right: solid 26px #fff;
border-bottom: solid 40px transparent;
z-index: 2;
}

.block02 a.selected{
background-color: #33b49d;
}

.block02 .tab_type02{
background-color: #b2b2b2;
}

.tab_type02:hover{
background-color: #33b49d!important;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}




.upper_wrp{
margin-top: 65px;
}

.a_box{
width: 300px;
}

h2{
padding: 8px 0 8px 20px;
margin-bottom: 28px;
}

.a_box p > a{
font-size: 14px;
display: inline-block;
padding-bottom: 2px;
border-bottom: #3e3a39 solid 1px;
line-height: 1;
}

.a_box p:not(:last-of-type){
margin-bottom: 3px;
}

.a_box p > a:hover{
opacity:0.6;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}


.sg_wrp{
float: left;
}

.sg_wrp h2{
font-size: 18px;
color: #fff;
	background-color:#0a8765;
	letter-spacing: 0.1em;
}

.sg_wrp h2::before {
    background-image: url("../img/shared/pict_sg.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 36px;
    margin-right: 10px;
    vertical-align: -56%;
    width: 36px;
}


.bs_wrp{
float: left;
margin-left: 50px;
margin-right: 50px;
}

.bs_wrp h2{
font-size: 18px;
color: #fff;
background-color:#7b898c;
	letter-spacing: 0.1em;
}

.bs_wrp h2::before {
    background-image: url("../img/shared/pict_bs.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 36px;
    margin-right: 10px;
    vertical-align: -56%;
    width: 36px;
}


.hn_wrp{
float: left;
}

.hn_wrp h2{
font-size: 18px;
color: #fff;
background-color:#bf5340;
}

.hn_wrp h2::before {
    background-image: url("../img/shared/pict_hn.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 36px;
    margin-right: 10px;
    vertical-align: -56%;
    width: 36px;
}

.lower_wrp{
margin-top: 65px;
}

.op_wrp{
float: left;
}

.op_wrp h2{
font-size: 18px;
color: #fff;
background-color:#f5b316;
	letter-spacing: 0.1em;
}

.op_wrp h2::before {
    background-image: url("../img/shared/pict_op.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 36px;
    margin-right: 10px;
    vertical-align: -56%;
    width: 36px;
}

.hm_wrp{
float: left;
}

.hm_wrp h2{
font-size: 18px;
color: #fff;
background-color:#5f376a;
	letter-spacing: 0.1em;
}

.hm_wrp h2::before {
    background-image: url("../img/shared/pict_hm.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 36px;
    margin-right: 10px;
    vertical-align: -56%;
    width: 36px;
}

.hm_wrp{
margin-left: 50px;
}

.bw_wrp{
float: left;
}

.bw_wrp h2{
font-size: 18px;
color: #fff;
background-color:#3787c3;
	letter-spacing: 0.1em;
}

.bw_wrp h2::before {
    background-image: url("../img/shared/pict_bw.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 36px;
    margin-right: 10px;
    vertical-align: -56%;
    width: 36px;
}

.bw_wrp{
margin-left: 50px;
}







.custom_inquiry{
position: fixed;
bottom: 0;
right: 0;
width: 100%;
z-index: 10;
}

.custom_in_wrp{
position: relative;
min-width: 1100px;
background: rgb(18,55,104);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMxMjM3NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwMGE3ZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(18,55,104,1) 49%, rgba(0,167,221,1) 49%);
background: -webkit-linear-gradient(left, rgba(18,55,104,1) 49%,rgba(0,167,221,1) 49%);
background: linear-gradient(to right, rgba(18,55,104,1) 49%,rgba(0,167,221,1) 49%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123768', endColorstr='#00a7dd',GradientType=1 );
}

.block03 .out_wrp{
width: 1100px;
margin: 0 auto;
background-color: #00a7dd;
}

.block03 dl{
float: left;
width: 950px;
height: 65px;
padding: 0px 0px 21px 50px;
background: rgb(18,55,104);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyMzc2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGE3ZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(18,55,104,1) 0%, rgba(0,167,221,1) 100%);
background: -webkit-linear-gradient(left, rgba(18,55,104,1) 0%,rgba(0,167,221,1) 100%);
background: linear-gradient(to right, rgba(18,55,104,1) 0%,rgba(0,167,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123768', endColorstr='#00a7dd',GradientType=1 );
}

.block03 .out_wrp div{
width: 150px;
}

.block03 dl dt{
float: left;
font-size: 22px;
display: inline-block;
color: #fff;
border-bottom: #fff solid 1.5px;
padding-bottom: 3px;
padding-top: 21px;
margin-right: 30px;
}


.block03 dl dd{
font-size: 15.5px;
line-height: 1.6;
width: 635px;
float: left;
color: #fff;
letter-spacing: 0.15em;
padding-top: 21px;
}

.safari .block03 dl dd{
font-size: 15.5px;
line-height: 1.6;
width: 638px;
float: left;
color: #fff;
letter-spacing: 0.1em;
padding-top: 23px;
}

.under_support_link_btn {
position: absolute;
bottom: 0;
right: 0;
background-color: #00a184;
color: #fff;
display: block;
width: 87px;
font-size: 10px;
text-align: center;
padding-bottom: 20px;
height: 65px;
}

.chrome .under_support_link_btn {
padding-bottom: 18px;
}

.under_support_link_btn:hover {
opacity:0.6;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.under_support_link_btn img {
height: auto;
padding-bottom: 7px;
padding-top: 15px;
width: 27px;
}

.under_support_link_btn p{
font-size: 10px;
color: #fff;
}

.top_scroll_icon {
    position: absolute;
    right: 0;
    top: -45px;
}

@media only screen and (max-width:640px){
article {
    padding-top: 100px;
}

.sp_map{
display: block;
width: 100%;
height: auto;
}

h1{
font-size: 21px;
padding-top: 30px;
}

h1 span:last-of-type {
    padding-left: 0px;
}

h1 {
    font-size: 16px;
    padding-top: 19px;
}


.cont_1100 {
    margin: 0 auto;
    width: 90%;
}

.cont_1000 {
    margin: 0 auto;
    width: 100%;
}


.tab_out_wrp {
    min-width: inherit;
	width: 100%;
}

.tab_in_wrp {
	width: 100%;
}

.a_box {
    width: 100%;
	float: none!important;
	margin: 0;
}

.a_box:not(:first-of-type){
margin-top: 50px;
}

.lower_wrp .a_box:last-of-type{
margin-bottom: 170px;
}

.tab_type01 {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    margin-right: 0px;
    padding: 10px 36px 10px 13px;
    position: relative;
    width: 180px;
    z-index: 1;
}

.tab_type02 {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    padding: 10px 36px 10px 13px;
    position: relative;
    width: 130px;
    z-index: 1;
}











.custom_in_wrp {
    min-width: inherit;
	width: 100%;
}

.custom_inquiry {
    bottom: 0;
    position: fixed;
    width: 100%;
}

.block03 dl {
    float: none;
    padding: 9px 2.5% 9px 2.5%;
    width: 77%;
	text-align: center;
	height: 80px;
}

.block03 dl dt {
    border-bottom: 1.5px solid #fff;
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 11px;
    margin-right: 0px;
    padding-bottom: 5px;
	margin-bottom: 5px;
    padding-top: 0px;
    width: 100%;
}

.block03 dl dd {
    color: #fff;
    float: none;
    font-size: 10px;
    line-height: 1.6;
    width: 100%;
	text-align: left;
	padding-top: 0px;
letter-spacing: 0.08em;
}

.safari .block03 dl dd{
   color: #fff;
    float: none;
    font-size: 10px;
    line-height: 1.6;
    padding-top: 0;
    text-align: left;
    width: 100%;
}


.block03 .out_wrp div {
    float: right;
    width: 100%;
}

.block03 {
    margin-top: 65px;
    min-width: inherit;
	width: 100%;
}

.block03 .out_wrp {
    margin: 0 auto;
    width: 100%;
}


.under_support_link_btn {
	width: 23%;
	height: 80px;
}

.under_support_link_btn img {
padding-top: 23px;
}

.under_support_link_btn p{
font-size: 9px;
color: #fff;
}

.under_support_link_btn:hover {
opacity:1.0;
}


.top_scroll_icon {
    position: absolute;
    right: 0;
    top: -30px;
}

.ten{
display: inline-block;
margin-left: -3px;
margin-right: -3px;
}

.l_kakko{
display: inline-block;
margin-left: -4px;
}


}