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


/*@media screen and (max-width: 639px) {*/

.contentsWidth .MB10 {
	margin-bottom:6px;
}
.contentsWidth .MB20 {
	margin-bottom:12px;
}
.contentsWidth .MB30 {
	margin-bottom:18px;
}
.contentsWidth .MB40 {
	margin-bottom:24px;
}
.contentsWidth .MB50 {
	margin-bottom:30px;
}
.contentsWidth .MB80 {
	margin-bottom:48px;
}
.contentsWidth .MB90 {
	margin-bottom:56px;
}
.contentsWidth .MT10 {
	margin-top:6px;
}
.contentsWidth .MT20 {
	margin-top:12px;
}
.contentsWidth .MT30 {
	margin-top:18px;
}
.contentsWidth .MT40 {
	margin-top:24px;
}
.contentsWidth .MT50 {
	margin-top:30px;
}
.pconly {
	display:none!important;
}
.sponly {
	display:block;
}
br.sponly {
	display:inherit;
}
.area_1_contents, .area_2_contents, .area_3_contents {
    padding: 0px 15px;
}
.area_img_flex{
	display: block;
}

.nav_title{
	font-size: 30px;
    line-height: 20px;
}
.nav_title_small {
    font-size: 13px;
    margin-top: 10px;
}

.nav_item1, .nav_item2, .nav_item3 {
    font-size: 20px;
}

.nav_items .mission{
	font-size: 15px;
}
.nav_items .number {
    font-size: 25px;
}
.meshJacket {
    margin-bottom: 30px;
}
.meshJacket .text_box{
	padding: 20px 5%;
	margin: 0 auto;
	width: 70%;
}
.meshJacket a .more_btn {
    width: 50%;
	font-size: 17px;
}

.twowayJacket .text_box{
	padding: 20px 5%;
	margin: 5px auto 0;
	width: 70%;
}
.twowayJacket a .more_btn {
    width: 50%;
	font-size: 17px;
}

.text_center{
	margin-left: 10%;
}

.meshJacket .mesh_text01{
	font-size: 11px;
}
.meshJacket .mesh_text02{
	font-size: 24px;
}
.meshJacket .mesh_text03{
	font-size: 11px;
}

.twowayJacket .mesh_text01{
	font-size: 11px;
}
.twowayJacket .mesh_text02{
	font-size: 24px;
}
.twowayJacket .mesh_text03{
	font-size: 11px;
}

.area1_img05{
	margin-right: 0;
}
.area_1 .title_box p {
    font-size: 15px;
}
.area_2 .title_box p {
    font-size: 15px;
}
.area_3 .title_box p {
    font-size: 15px;
}
.area_1 .title_box .title {
    font-size: 35px;
}
.area_2 .title_box .title {
    font-size: 35px;
}
.area_3 .title_box .title {
    font-size: 35px;
}
.area_1 .title_box p .mission {
    font-size: 15px;
}
.area_2 .title_box p .mission {
    font-size: 15px;
}
.area_3 .title_box p .mission {
    font-size: 15px;
}
.area_1 .title_box p .number {
    font-size: 25px;
}
.area_2 .title_box p .number {
    font-size: 25px;
}
.area_3 .title_box p .number {
    font-size: 25px;
}
.area_1 .title_box .title::before {
	left: -80%; 
  }
.area_1 .title_box .title::after {
    right: -80%;
}
.area_2 .title_box .title::before {
	left: -70%; 
  }
.area_2 .title_box .title::after {
    right: -70%;
}
.area_3 .title_box .title::before {
    left: -88%;
}
.area_3 .title_box .title::after {
    right: -88%;
}

.area_1 .area_1_contents h3 {
    font-size: 20px;
    padding: 5px 15px 5px 10px;
}
.area_2 .area_2_contents h3 {
    font-size: 20px;
    padding: 5px 15px 5px 10px;
}
.area_3 .area_3_contents h3 {
    font-size: 20px;
    padding: 5px 15px 5px 10px;
}

.area_1_contents .h3_middle {
    font-size: 20px;
	margin-bottom: 10px;
}
.area_1_contents .h3_small {
    margin: 10px 0;
}
.area1_img03{
	display: none;
}
.area1_img03_sp{
	display: block;
}
.area1_img04_box .title {
    font-size: 20px;
	margin-left: 15px;
}
.area1_img04_box .title_text {
    font-size: 12px;
	margin: 0 15px;
}

.area1_img04_flex{
	display: block;
}
.area1_img4 {
    width: 65%;
}
.area1_img4_bottom_text {
    width: 65%;
    text-align: center;
}

.area1_img04_right p {
    font-size: 16px;
    margin: 0 auto 10px;
    padding: 0 15px;
}

.area1_img04_right .information {
    font-size: 12px;
    margin: 0 auto;
	padding: 0 15px;
}
.area_img_flex .text {
    font-size: 13px;
}

.area_img_flex .area1_img06{
	display: none;
}
  
.area1_img06_sp{
	display: block;
}
.area1_icon02 {
	width: 70%;
	margin: 10px auto 0;
}
.MT_30 {
    margin-top: 10px;
}
.MB_90_sp{
	margin-bottom: 70px;
}
.MB_15_sp{
	margin-bottom: 0px;
  }
.area1_icon01 {
    width: 13%;
    margin: 10px 0;
}
.protector_list .list_item {
    font-size: 11px;
    margin-bottom: 10px;
}
.imgs_modal_list {
    margin-top: 15px;
}
.area2_img01{
	display: none;
}
.area2_img01_sp{
	display: block;
	width: 95%;
}
.area2_img02{
	display: none;
}
.area2_img02_sp{
	display: block;
	width: 95%;
}
.area3_icon01 {
	width: 31%;
	margin-right: 10%;
	margin-bottom: 15px;
}
.area3_img01 {
    width: 58%;
	margin-top: 15px;
}

.area3_img_icon_flex_pc{
	display: none;
}
.area3_img_icon_flex_sp{
	display: block;
}
.area3_video {
    width: 100%;
}
.area3_video_text {
    width: 100%;
	margin: 0;
}
.mesh_flex {
	display: block;
	margin: 0 auto 30px;
	width: 100%;
}

.area4_mesh_imgs {
	width: 75%;
	margin: 15px auto 0;
}

.area4_title {
    width: 70%;
    margin: 0 auto 0 0;
}
.mesh_list{
	width: 85%;
        margin: 0 auto;
}
.mesh_flex2 {
    width: 100%;
    margin: 0 auto;
}
.mesh_item {
    width: 100%;
}
.twoway_flex {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.area4_twoway_imgs {
	width: 75%;
	margin: 15px auto 0;
}
.twoway_list{
	width: 85%;
	margin: 0 auto;
}
.twoway_flex2 {
    width: 100%;
    margin: 0 auto;
}
.twoway_item {
    width: 100%;
}
.item_text {
    font-size: 10px;
}

.area5_item_list1 {
	padding: 16px 16px 160px 16px;
	margin-bottom: 40px;
}

.area5_item_list2 {
	padding: 16px 16px 90px 16px;
}

.area5_title_pc{
	display: none;
}
.area5_title_sp{
	display: block;
}

.area_3 .area_3_contents .new_pick {
    padding-right: 10px;
}
.MB_50_sp{
	margin-bottom: 40px;
}
.MT_35_sp{
	margin-top: 15px;
}
.area4_title_pc{
	display: none;
}
.area4_title_sp{
	display: block;
}
.area4_title_small {
	width: 100%;
	font-weight: bold;
	margin: 10px 0 20px 3%;
	padding-left: 0;
	font-size: 13px;
}

.imgs_modal_list_pc{
	display: none;
}
.imgs_modal_list_sp{
	display: block;
}

.protector_list {
	margin-top: 15px;
}