@charset "utf-8";
/* ====================================================================================== */
/* tablet */
/* ====================================================================================== */
@media screen and (max-width:1099px){
	img{max-width:100%;height:auto;}

	/* -------------------------------------------------- */
	/* header */
	header{height:60px;}
	header #gnav{display:none;width:100%;max-width:350px;height:100%;height:calc(100vh - 60px);background:rgba(0,0,0,0.85);position:absolute;top:60px;right:0;z-index:99;overflow-y:auto!important;}
	header #gnav .menu{margin:0;padding:30px 0 30px;}
	header #gnav .menu li{display:block;text-align:left;border-bottom:1px solid #333;}
	header #gnav .menu li:last-child{border-bottom:0;}
	header #gnav .menu li a{padding:25px 70px 25px 40px;}
	header #gnav .menu li a::before{content:"";display:block;width:12px;height:18px;background:url("../../../../../../resources/sw_img/arrow02.png");background-size:100% auto;position:absolute;right:30px;top:50%;margin-top:-9px;}
	header #gnav .menu li a::after{display:none;}
	header #gnav .menu li a:hover{background:#333;}
	header #gnav .upper-menu{position:static;padding:30px 0;border-top:1px solid #666;margin-bottom:60px;}
	header #gnav .upper-menu li{display:block;}
	header #gnav .upper-menu li a{color:#ddd;font-size:1.4rem;padding:15px 40px;display:block;}
	header #gnav .upper-menu li a::before{content:"";display:inline-block;width:12px;height:12px;border:3px solid #a61f25;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:15px;}
	header #gnav .upper-menu li a::after{display:none;}

	header #sp-btn{width:60px;height:60px;position:fixed;top:0;right:0;z-index:102;display:block;cursor:pointer;}
	header #sp-btn span{display:block;background:#fff;width:40%;height:1px;position:absolute;top:50%;left:50%;margin-left:-20%;transition:.4s;}
	header #sp-btn span:nth-of-type(1){-webkit-transform:translateY(-6px);transform:translateY(-6px);}
	header #sp-btn span:nth-of-type(3){-webkit-transform:translateY(6px);transform:translateY(6px);}
	header #sp-btn.active span:nth-of-type(1){-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
	header #sp-btn.active span:nth-of-type(2){opacity: 0;}
	header #sp-btn.active span:nth-of-type(3){-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);}

	header.fixed #gnav .upper-menu{display:block;}
	header.fixed #gnav .menu{margin-top:0;}

	/* -------------------------------------------------- */
	/* footer */
	#page-top{right:20px;}
	#page-top.show{bottom:20px;}

	#site-info .area-footer .area-footer-sitemap >* >* >* >div{padding-right:15px;}
	#site-info .area-footer .area-footer-sitemap .sitemap-1st .siteLevel_1{margin-left:15px;}
	#site-info .area-footer .area-footer-frame1 .area-footer-link{position:static;text-align:center;}
	#site-info .area-footer .area-footer-frame1 .area-footer-link li:first-child a{padding-left:20px;}
	#site-info .area-footer .area-footer-frame1 .area-footer-copyright{text-align:center;margin-top:20px;font-size:1.2rem;}

	/* -------------------------------------------------- */
	/* layout */
	#wrapper-3{padding:0!important;}
	#sharewithmain{padding:0 4%;}

	/* page-intro */
	#page-intro.animated::before{width:10%;}
	#page-intro > h1{padding-top:102px;line-height:1.2;}

	/* パンくず */
	.bread-crumb {top:60px;}

	/* table */
	.shwTable, .highlights-table, .highlights-alltable-2nd, .haitou-table-2nd{overflow-x:auto;}

	/* -------------------------------------------------- */
	/* 第二階層 */
	/* -------------------------------------------------- */
	#sharewithmain .back01::before{top:-20%;}

	/* -------------------------------------------------- */
	/* 建造実績詳細 */
	/* -------------------------------------------------- */
	body[data-page-path^="/ja/product/ship/case/"] #page-intro,
	body[data-page-path^="/ja/product/iron/iron_list/"] #page-intro,
	body[data-page-path^="/en/business/product/"] #page-intro,
	body[data-page-path^="/en/business/case/"] #page-intro{height:auto;}
	body[data-page-path^="/ja/product/ship/case/"] #page-intro > h1,
	body[data-page-path^="/ja/product/iron/iron_list/"] #page-intro > h1,
	body[data-page-path^="/en/business/product/"] #page-intro > h1,
	body[data-page-path^="/en/business/case/"] #page-intro > h1{padding-top:30px;padding-bottom:20px;font-size:3.6rem;letter-spacing:0.1rem;}
	body[data-page-path^="/ja/product/ship/case/"] #page-intro .abstractImage,
	body[data-page-path^="/ja/product/iron/iron_list/"] #page-intro .abstractImage,
	body[data-page-path^="/en/business/product/"] #page-intro .abstractImage,
	body[data-page-path^="/en/business/case/"] #page-intro .abstractImage{height:-webkit-calc(100% - 94px);height:calc(100% - 94px);margin-top:94px;}
	body[data-page-path^="/ja/product/ship/case/"] #page-intro .abstractImage img,
	body[data-page-path^="/ja/product/iron/iron_list/"] #page-intro .abstractImage img,
	body[data-page-path^="/en/business/product/"] #page-intro .abstractImage img,
	body[data-page-path^="/en/business/case/"] #page-intro .abstractImage img{position:static;max-width:100%;min-height:0;width:100%;height:auto;-webkit-transform:none;transform:none;}

	/* -------------------------------------------------- */
	/* バナーリスト */
	/* -------------------------------------------------- */
	.block-banner02{padding-left:4%;padding-right:4%;}
	.block-banner02::before{left:-4%;}

	/* -------------------------------------------------- */
	/* 造船のプロセス */
	/* -------------------------------------------------- */
	#block-process .block-item .block-wrapper::before{top:50%;left:-15%;}

	/* -------------------------------------------------- */
	/* 100年にわたる進化の歴史 */
	/* -------------------------------------------------- */
	#block-100year .block-item::after{left:-15%;}

	/* -------------------------------------------------- */
	/* TOPページ */
	/* -------------------------------------------------- */
	body#top #sharewithmain{padding:0;}
	body#top #mv{height:750px;}
	body#top #mv .main-ttl{font-size:10rem;left:40px;bottom:40px;white-space:nowrap;}
	body#top #mv .main-ttl span{font-size:16rem;}
	body#top #mv::before{width:150px;}
	body#top #mv .movie{height:750px;}
	body#top #slider{height:750px;}

	body#top #block-introduction{padding-left:4%;padding-right:4%;}
	body#top #block-introduction .block-left{left:4%;padding-top:50px;padding-bottom:50px;}
	body#top #block-introduction::before{left:0;}

	body#top .block-interviews .interviews-slider .slick-arrow{background-size:50% auto;}

	body#top .block-introduction2,
	body#top .block-news,
	body#top .block-interviews,
	body#top .block-banner{padding-left:4%;padding-right:4%;}

	body#top .block-shiptypes2{left:0;margin:0;}
	body#top .block-shiptypes3{left:0;margin:0;}
	body#top .block-shiptypes2 .internal-link-area:not(.highlight) p{font-size:2.4rem;}
	body#top .block-projects{padding:80px 4% 0;}
	body#top .block-projects::before{left:0;padding-bottom:80%;}
	body#top .block-projects .internal-link-area p{font-size:2.4rem;}
	body#top .block-projects .internal-link-area p::before{vertical-align:1px;}
	body#top .block-interviews::before{left:0;}
	body#top .block-interviews .internal-link-area p{padding:24px 5px;font-size:1.6rem;}
	body#top .block-banner::before{left:0;}

	/* animation */
	body#top #block-introduction::after{right:0;}
	body#top .block-projects::after{left:0;padding-bottom:80%;}
}

@media screen and (max-width:999px){
	body#top #block-introduction{padding-top:30px;}
	body#top #block-introduction .block-left{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:80%;padding:40px;}
	body#top #block-introduction .block-left .btn{margin-top:30px;}
	body#top #block-introduction .block-right{margin-top:-30px;width:80%;padding-bottom:44.5%;}
}

/* ====================================================================================== */
/* sp */
/* ====================================================================================== */
@media screen and (max-width:767px){
	html{font-size:54%;}

	/* -------------------------------------------------- */
	/* header */
	header .logo{width:190px;padding:19px 0 0 8px;}
	header .logo::before{width:500px;height:160px;top:-60px;}
	header #gnav{max-width:100%;}
	header #gnav .menu{padding:20px 0 20px;}
	header #gnav .menu li a{font-size:1.6rem;padding:20px 60px 20px 35px;}
	header #gnav .menu li a:hover{background:transparent;}
	header #gnav .menu li a::before{width:9px;height:14px;margin-top:-7px;}

	header #gnav .upper-menu{border-top:0;background:rgba(165,31,36,0.7);padding:0;margin-bottom:80px;}
	header #gnav .upper-menu li a{font-size:1.6rem;padding:24px 35px;border-bottom:1px solid #8f393c;}
	header #gnav .upper-menu li:last-child a{border-bottom:0;}
	header #gnav .upper-menu li a::before{display:none;}

	/* -------------------------------------------------- */
	/* footer */
	#page-top{right:10px;bottom:-35px;width:35px;height:35px;background-color:#fff;}
	#page-top.show{bottom:10px;}

	#site-info .area-footer .area-footer-sitemap{padding:10px 4%;}
	#site-info .area-footer .area-footer-sitemap >* >* >* >div{width:100%;float:none;padding:0;}
	#site-info .area-footer .area-footer-sitemap .sitemap-1st{border-bottom:1px solid #333;margin:0;}
	#site-info .area-footer .area-footer-sitemap .reuse-main-area > .multiColumn1:last-child .sitemap-1st{border-bottom:0;}
	#site-info .area-footer .area-footer-sitemap .sitemap-1st > a{display:block;padding:20px 0 20px 10px;font-size:1.6rem;position:relative;}
	#site-info .area-footer .area-footer-sitemap .sitemap-1st > a::before{position:absolute;top:50%;right:0;margin-top:-6px;background-image:url(../../../../../../resources/sw_img/arrow02.png);}
	#site-info .area-footer .area-footer-sitemap .sitemap-1st .siteLevel_1{display:none;}

	#site-info .area-footer .area-footer-frame1{padding:0;}
	#site-info .area-footer .area-footer-frame1 > div{padding:0;}
	#site-info .area-footer .area-footer-frame1 .area-footer-link{overflow:hidden;margin-bottom:-10px;}
	#site-info .area-footer .area-footer-frame1 .area-footer-link li{display:block;width:50%;float:left;margin-bottom:0;}
	#site-info .area-footer .area-footer-frame1 .area-footer-link li a{font-size:1.4rem;padding:0;text-align:center;padding:15px 10px;border-bottom:1px solid #b63439;white-space:nowrap;}
	#site-info .area-footer .area-footer-frame1 .area-footer-link li:first-child a{padding-left:10px;}
	#site-info .area-footer .area-footer-frame1 .area-footer-link li a::after{border-right:1px solid #b63439;}
	#site-info .area-footer .area-footer-frame1 .area-footer-link li:last-child a::after{display:none;}

	#site-info .area-footer .area-footer-frame1 .area-footer-copyright{font-size:1rem;letter-spacing:0.1rem;white-space:nowrap;margin-bottom:10px;}
/*
	body[data-page-path^="/en"] footer .footer-bottom .footer-bottom-menu li:first-child{width:100%;}
	body[data-page-path^="/en"] footer .footer-bottom .footer-bottom-menu li:first-child a{border-right:0;}
	body[data-page-path^="/en"] footer .footer-bottom .footer-bottom-menu li:nth-child(odd) a{border-right:0;}
	body[data-page-path^="/en"] footer .footer-bottom .footer-bottom-menu li:nth-child(even) a{border-right:1px solid #b63439;}
*/

	/* -------------------------------------------------- */
	/* layout */
	.multiColumn1, .multiColumn2, .multiColumn3, .multiColumn4, .multiColumn5{margin-bottom:30px;display:block;}
	.multiColumn3 > .column1, .multiColumn3 > .column2, .multiColumn3 > .column3, .multiColumn4 > .column1, .multiColumn4 > .column2, .multiColumn4 > .column3, .multiColumn4 > .column4, .multiColumn5 > .column1, .multiColumn5 > .column2, .multiColumn5 > .column3, .multiColumn5 > .column4, .multiColumn5 > .column5{margin-bottom:10px;}
	.multiColumn3 + .multiColumn3{margin-top:-30px;}
	.multiColumn4 + .multiColumn4{margin-top:-30px;}
	.multiColumn2.inline,	.multiColumn3.inline,	.multiColumn4.inline,
	.multiColumn2.inline-last,	.multiColumn3.inline-last,	.multiColumn4.inline-last{display:inline;}
	.multiColumn2.inline-last::after,	.multiColumn3.inline-last::after,	.multiColumn4.inline-last::after{content:"1";display:block;clear:both;margin-bottom:30px;}
	.column1, .column2, .column3, .column4, .column5{font-size:1.6rem;}

	#page-intro{height:250px;margin-bottom:50px;}
	#page-intro > h1{font-size:4rem;}
	body[data-page-path^="/en/"] #page-intro > h1,
	body[data-page-path^="/namuraPublic/en/"] #page-intro > h1{font-size:5rem;}
	body[data-page-path^="/ja/news/"] #page-intro > h1 ,
	body[data-page-path^="/en/news/"] #page-intro > h1{font-size:2.8rem;}

	.text-section h2, .link-list h2, .link-list-url h2, .news-result dl dt, .news-yuho dl dt, .news-presentation dl dt, .news-material dl dt, .title2:not(.highlight) h2{margin-bottom:30px;font-size:3.2rem;}
	body[data-page-path^="/en/"] .text-section h2 ,
	body[data-page-path^="/en/"] .link-list h2,
	body[data-page-path^="/en/"] .link-list-url h2,
	body[data-page-path^="/en/"] .news-result dl dt ,
	body[data-page-path^="/en/"] .news-yuho dl dt ,
	body[data-page-path^="/en/"] .news-presentation dl dt ,
	body[data-page-path^="/en/"] .news-material dl dt ,
	body[data-page-path^="/en/"] .title2:not(.highlight) h2,
	body[data-page-path^="/namuraPublic/en/"] .text-section h2 ,
	body[data-page-path^="/namuraPublic/en/"] .link-list h2,
	body[data-page-path^="/namuraPublic/en/"] .link-list-url h2,
	body[data-page-path^="/namuraPublic/en/"] .news-result dl dt ,
	body[data-page-path^="/namuraPublic/en/"] .news-yuho dl dt ,
	body[data-page-path^="/namuraPublic/en/"] .news-presentation dl dt ,
	body[data-page-path^="/namuraPublic/en/"] .news-material dl dt ,
	body[data-page-path^="/namuraPublic/en/"] .title2:not(.highlight) h2{font-size:4.2rem;}

	.title3:not(.highlight) h3{margin-bottom:20px;padding:15px;}
	.title4:not(.highlight) h4{margin-bottom:15px;}
	.text-section{margin-bottom:30px;}

	/* サイドナビ */
	#nav-box{margin:0;display:none;}

	/* パンくず */
	.bread-crumb{padding-left:130px;}
	.bread-crumb ol li{padding-right:10px;padding-top:12px;padding-bottom:12px;}
	.bread-crumb h5 p:after ,.bread-crumb h5 span:after ,.bread-crumb ol li:after{margin-left:15px;}

	/* ニュース */
	.news-list-2nd ,.news-list-tabbed-2nd ,.news-english-2nd ,.news-english-tabbed-2nd {margin-bottom:30px;}
	.news-list-2nd ul li .news_tx a ,.news-list-tabbed-2nd ul li .news_tx a ,.news-english-2nd ul li .news_tx a ,.news-english-tabbed-2nd ul li .news_tx a {padding:40px 0 10px 0;}
	.news-list-2nd ul li .date ,	.news-list-tabbed-2nd ul li .date ,	.news-english-2nd ul li .date ,	.news-english-tabbed-2nd ul li .date {top:12px;left:0;width:auto;}
	.news-list-2nd ul li .c_icon ,.news-list-tabbed-2nd ul li .c_icon ,.news-english-2nd ul li .c_icon ,.news-english-tabbed-2nd ul li .c_icon {top:12px;left:auto;right:0;}
	.news-list-2nd ul li .c_icon::before, .news-list-tabbed-2nd ul li .c_icon::before, .news-english-2nd ul li .c_icon::before, .news-english-tabbed-2nd ul li .c_icon::before{width:10rem;}

	/* faq */
	.faq-list > ul > li{margin-bottom:0;padding-bottom:0;}
	.faq-list h3{padding-left:42px;min-height:0;}
	.faq-list h3:before{font-size:5rem;top:5px;}
	.faq-list h3 a{padding:15px 0;}
	.faq-item {margin: 10px 0 20px 6px;padding-left: 50px;}
	.faq-item:before{font-size:3.6rem;left:20px;}

	/* エリアリンク */
	.internal-link-area:not(.highlight) p, .external-link-area:not(.highlight) p{padding:12px 15px;font-size:1.8rem;letter-spacing:0.05rem;}
	.multiColumn3 .internal-link-area:not(.highlight) p, .multiColumn3 .external-link-area:not(.highlight) p{padding:10px;font-size:1.6rem;}
	.multiColumn4 .internal-link-area:not(.highlight) p, .multiColumn4 .external-link-area:not(.highlight) p{padding:10px;}
	.multiColumn1 .internal-link-area:not(.highlight), .multiColumn1 .external-link-area:not(.highlight){margin-bottom:20px;}
	.internal-link-area:not(.highlight), .external-link-area:not(.highlight){margin-bottom:0;}

	/* リンクリスト */
	.link-list:not(.highlight) .internal-link-text::before, .link-list:not(.highlight) .external-link-text::before, .link-list:not(.highlight) .text-without-link::before, .link-list-url .internal-link-text::before, .link-list-url .external-link-text::before{top:14px;}
	.link-list:not(.highlight) .internal-link-text::after, .link-list:not(.highlight) .external-link-text::after, .link-list:not(.highlight) .text-without-link::after, .link-list-url .internal-link-text::after, .link-list-url .external-link-text::after{top:9px;}
	.link-list:not(.highlight) .download-link-text::before, .link-list-url .download-link-url::before{top:14px;}
	.link-list:not(.highlight) .download-link-text::after, .link-list-url .download-link-url::after{top:9px;}

	/*-- リンクリスト（ハイライト表示） --*/
	.link-list.highlight {margin-bottom:30px;}
	.link-list.highlight ul li a{font-size:1.6rem;padding:15px 5px 11px;border-width:2px;}
	.link-list.highlight ul li.highlight::before{border-width: 10px 12px 0 12px;bottom:-8px;margin-left:-12px;}

	/*-- 決算短信・有報・最新決算・説明会資料（自動連携） --*/
	.news-result dl:not(:last-child) ,
	.news-yuho dl:not(:last-child) ,
	.news-presentation dl:not(:last-child) ,
	.news-material dl:not(:last-child) {
		margin-bottom: 70px;
	}

	/* マルチ一覧タブ */
	.basic-list .tabs > ul > li > ul ,
	.basic-list-english .tabs > ul > li > ul {margin-bottom:20px;}
	.basic-list .tabs > ul > li > ul > li[aria-hidden="false"] span,
	.basic-list-english .tabs > ul > li > ul >li[aria-hidden="false"] span{font-size:1.4rem;padding:13px 15px 9px;}
	.basic-list .tabs span:before, .basic-list-english .tabs span:before{display:block;font-size:1.4rem;}
	.basic-list .tabs li.allall span,
	.basic-list-english .tabs li.allall span ,
	.basic-list .tabs > ul > li > ul > li[aria-hidden="false"] span,
	.basic-list-english .tabs > ul > li > ul >li[aria-hidden="false"] span{font-size:1.4rem;padding:13px 15px 9px;}

	/* マルチ一覧 */
	.basic-list.thumnail ul.tabItems li ,
	.basic-list-english.thumnail ul.tabItems li {width:48%;}
	.basic-list.thumnail ul.tabItems li .news_tx ,
	.basic-list-english.thumnail ul.tabItems li .news_tx {font-size:1.6rem;padding:8px 10px;letter-spacing:0.05rem;}
	.basic-list.thumnail ul.tabItems li .c_icon ,
	.basic-list-english.thumnail ul.tabItems li .c_icon {margin:0}
	.basic-list.thumnail ul.tabItems li .c_icon span::before ,
	.basic-list-english.thumnail ul.tabItems li .c_icon span::before {margin:0;}


	/* .block-news タイル型 */
	.block-news .basic-list.thumnail{border-bottom:1px solid #ccc;}
	.block-news .basic-list.thumnail ul.tabItems li, .block-news .basic-list-english.thumnail ul.tabItems li{width:100%;margin-right:0;border-top:1px solid #ccc;padding:15px 0;margin:0;}
	.block-news .basic-list.thumnail a, .block-news .basic-list-english.thumnail a{padding-bottom:0;position:relative;}
	.block-news .basic-list.thumnail .n_img, .block-news .basic-list-english.thumnail .n_img,
	.block-news .basic-list.thumnail .no-img.titleOnly h3::before, .block-news .basic-list-english.thumnail .no-img.titleOnly h3::before,
	.block-news .basic-list.thumnail .no-img a::before, .block-news .basic-list-english.thumnail .no-img a::before{width:35%;margin-right:4%;padding-bottom:20%;float:left;}
	.block-news .basic-list.thumnail ul.tabItems li .news_tx, .block-news .basic-list-english.thumnail ul.tabItems li .news_tx{width:61%;overflow:hidden;padding-bottom:0;}
	.block-news .basic-list.thumnail ul.tabItems li .date, .block-news .basic-list-english.thumnail ul.tabItems li .date{position:static;margin-bottom:8px;}
	.block-news .basic-list.thumnail ul.tabItems li .c_icon, .block-news .basic-list-english.thumnail ul.tabItems li .c_icon{bottom:auto;top:0;}
	.block-news .basic-list .c_icon span:before, .block-news .basic-list-english .c_icon span:before{height:18px;font-size:1rem;width: 80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 10px;padding-right: 10px;padding-top:4px;}

	/* .block-news リスト型 */
	.block-news .basic-list:not(.thumnail) ul.tabItems li, .block-news .basic-list-english:not(.thumnail) ul.tabItems li{width:100%;float:none;margin:0;padding:40px 0 12px;}
	.block-news .basic-list:not(.thumnail) ul.tabItems li .date, .block-news .basic-list-english:not(.thumnail) ul.tabItems li .date{font-size:2rem;width:10rem;top:10px;left:0;}
	.block-news .basic-list:not(.thumnail) ul.tabItems li .c_icon, .block-news .basic-list-english:not(.thumnail) ul.tabItems li .c_icon{left:auto;top:9px;right:0;}
	.block-news .basic-list:not(.thumnail) ul.tabItems li .news_tx, .block-news .basic-list-english:not(.thumnail) ul.tabItems li .news_tx{padding:0;}
	.block-news .basic-list:not(.thumnail) .c_icon span:before, .block-news .basic-list-english:not(.thumnail) .c_icon span:before{height:24px;}

	/* .block-news2 リスト型 */
	.block-news2 .basic-list ul.tabItems li, .block-news2 .basic-list-english ul.tabItems li{width:100%;float:none;margin:0;padding:40px 0 12px;}
	.block-news2 .basic-list ul.tabItems li .date, .block-news2 .basic-list-english ul.tabItems li .date{font-size:2rem;width:10rem;top:10px;left:0;}
	.block-news2 .basic-list ul.tabItems li .c_icon, .block-news2 .basic-list-english ul.tabItems li .c_icon{left:auto;top:9px;right:0;}
	.block-news2 .basic-list ul.tabItems li .news_tx, .block-news2 .basic-list-english ul.tabItems li .news_tx{padding:0;}
	.block-news2 .basic-list .c_icon span:before, .block-news2 .basic-list-english .c_icon span:before{height:24px;}


	/* table */
	.shwTable table.htCore tr td, th, td{padding:12px;font-size:1.5rem;}

	/* sitemap */
	.sitemap-1st > a, .sitemap-1st > ul > li > a{font-size:2rem;padding:15px 20px 15px 52px;}
	.sitemap-1st ul.siteLevel_2 > li{width:100%;margin-right:0;}

	/* お問い合わせ */
	.form-wrapper div.form-edit, .form-wrapper div.form-selection{overflow:hidden;}
	.form-wrapper div.form-edit > label, .form-wrapper div.form-selection > label{background:#a61f25;width:100%;float:none;padding:12px 4%;}
	.form-wrapper div.form-edit > label span, .form-wrapper div.form-selection > label span{position:static;padding:0;}
	.form-wrapper div.form-edit:before, .form-wrapper div.form-selection:before{display:none;}
	.form-wrapper div.form-edit > span{display:block;margin:-5px 4% 0!important;}
	.form-wrapper div.form-edit > input[type="text"], .form-wrapper div.form-edit > textarea, .form-wrapper div.form-edit > span, .form-wrapper div.form-selection > fieldset{width:92%!important;margin:15px auto;float:none;}
	.form-wrapper div.button-wrapper{padding-top:40px;}
	.new-search .button, .form-wrapper div.button-wrapper input{width:80%;}

	.form-summary table th,.form-summary table td{display:block;width:100%!important;}
	body[data-page-path$="check"] .form-wrapper div.button-wrapper input[value="戻って修正をする"]{margin-bottom:10px;}

	.highlight-quoted-text{padding:25px;margin-bottom:30px;}
	.shwTable{margin-bottom:30px;}
	[role="main"] .teaser.no-img:not(.highlight), [role="main"] .external-teaser.no-img:not(.highlight){margin-bottom:30px;}

	/* -------------------------------------------------- */
	/* バナーリスト */
	/* -------------------------------------------------- */
	.block-banner02{padding:30px 4%;margin:40px auto 0;}
	.block-banner02 .external-teaser{width:48.5%;margin-right:3%;margin-bottom:3%;}
	.block-banner02 .external-teaser:nth-of-type(3n){margin-right:3%;}
	.block-banner02 .external-teaser:nth-of-type(even){margin-right:0;}
	.block-banner02 > .column1{margin-bottom:-3%;}

	/* -------------------------------------------------- */
	/* 造船のプロセス */
	/* -------------------------------------------------- */
	#block-process{margin-bottom:40px;}
	#block-process .block-item::after{width:60px;height:50px;margin:30px auto;}
	#block-process .block-item .block-wrapper::before{height:200px;}
	#block-process .block-item .small{margin-bottom:30px;}
	#block-process .block-item .img{display:block;width:100%;float:none;margin-bottom:0;}
	#block-process .block-item .img > div{display:block;}
	#block-process .block-item .img img + img{margin-top:10px;}
	#block-process .block-item .inner{display:block;width:100%;float:none;padding:0;text-align:center;overflow:visible;}
	#block-process .block-item .inner .box{display:block;}
	#block-process .block-item .inner .ttl{font-size:2.4rem;padding:8px 45px 6px;margin:-20px 0 15px 0;letter-spacing:0.15rem;position:relative;z-index:5;}
	#block-process .block-item .inner .txt{text-align:left;}
	#block-process .block-item .inner .txt p{margin-bottom:10px;}

	#block-process .block-item:nth-child(even) .img{float:none;}
	#block-process .block-item:nth-child(even) .inner{padding-right:0;}

	/* -------------------------------------------------- */
	/* 100年にわたる進化の歴史 */
	/* -------------------------------------------------- */
	#block-100year{margin-bottom:40px;margin-top:20px;}
	#block-100year .block-item{padding-top:120px;}
	#block-100year .block-item::after{width:150vw;left:-25%;height:300px;}
	#block-100year .block-item::before{top:35px;}
	#block-100year .ttl-block::before{width:16px;height:16px;margin-top:20px;margin-left:-8px;}
	#block-100year .ttl-block .subttl{font-size:2.4rem;}
	#block-100year .ttl-block .subttl::after{width:90%;margin:20px auto;}
	#block-100year .ttl-block .subttl br{display:block;}
	#block-100year .ttl-block .ttl{font-size:3.6rem;margin:30px auto 20px;}
	#block-100year .ttl-block .ttl br{display:block;}

	#block-100year .list li{width:100%;margin-right:0;float:none;margin-bottom:20px;}
	#block-100year .list li .img{overflow:hidden;position:relative;width:100%;text-align:center;}
	#block-100year .list li:nth-child(2){margin-top:0;}
	#block-100year .list li .txt{margin-top:10px;text-align:center;}

	#block-100year .block-item:first-child{margin-top:-60px;}

	/* -------------------------------------------------- */
	/* TOPページ */
	/* -------------------------------------------------- */
	body#top #mv{height:500px;}
	body#top #mv .main-ttl{width:100%;font-size:7rem;left:0;bottom:20px;white-space:normal;line-height:0.95;padding:0 20px;}
	body#top #mv .main-ttl span{font-size:11rem;}
	body#top #mv::before{width:90px;}
	body#top #mv .movie{height:500px;}
	body#top #slider{height:500px;}

	body#top .multiColumn1 > .column1, body#top .multiColumn2 > .column1, body#top .multiColumn2 > .column2{margin:0;width:100%;}
	body#top .teaser{max-width:80%;}
	body#top #block-introduction{padding-top:20px;margin-bottom:20px;}
	body#top #block-introduction::before{top:-15%;padding-bottom:190%;}
	body#top #block-introduction .block-left{width:88%;padding:35px 30px 30px;}
	body#top #block-introduction .block-left::after{top:10px;right:20px;font-size:3.6rem;}
	body#top #block-introduction .block-left .ttl span{font-size:2.4rem;}
	body#top #block-introduction .block-left .ttl::after{margin:12px 0;}
	body#top #block-introduction .block-left .btn{padding:15px 30px 14px 35px;margin-top:20px;font-size:1.7rem;}
	body#top #block-introduction .block-left .btn::before{left:12px;}
	body#top #block-introduction .block-right{width:88%;margin-top:-20px;padding-bottom:49%;}
	body#top #block-introduction .block-right::after{width:60px;height:60px;}

	body#top .block-news .title2 h2,
	body#top .block-shiptypes .title2 h2,
	body#top .block-projects .title2 h2,
	body#top .block-interviews .title2 h2{font-size:1.5rem;}

	body#top .block-news .title2 h2 span,
	body#top .block-shiptypes .title2 h2 span,
	body#top .block-projects .title2 h2 span,
	body#top .block-interviews .title2 h2 span{font-size:4.8rem;}

	body#top .block-introduction2 .internal-link-area{overflow:hidden;margin-bottom:3%;height:0;padding-bottom:45%;}
	body#top .block-news{margin-top:40px;}
	body#top .block-shiptypes{margin-bottom:0;}
	body#top .block-shiptypes2 > .column1{width:100%;border-right:0;}
	body#top .block-shiptypes2 > .column2{width:100%;border-right:0;}
	body#top .block-shiptypes2 > .column3{width:100%;border-right:0;}

/* 3カラム
body#top .block-shiptypes2 .internal-link-area{height:0;padding-bottom:60%;position:relative;}
body#top .block-shiptypes2 .internal-link-area img{position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);}
*/
	/* 2カラム */
	body#top .block-shiptypes2 .internal-link-area{height:0;padding-bottom:56%;position:relative;}
	body#top .block-shiptypes2 .internal-link-area img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

	body#top .block-shiptypes2 .internal-link-area:not(.highlight) p{padding:20px;font-size:2rem;}
	body#top .block-shiptypes3{padding:35px 4% 34px;height:130px;}

	body#top .block-projects{padding-top:50px;margin-bottom:30px;}
	body#top .block-projects::before{top:-130px;padding-bottom:140%;}
	body#top .block-projects .title2 h2{margin-bottom:30px;}
	body#top .block-projects .internal-link-area{width:100%;}
	body#top .block-projects .internal-link-area p{font-size:1.6rem;}
	body#top .block-projects .column1 div:nth-of-type(3){margin-left:0;}
/*	body#top .block-projects .column1 div:nth-of-type(4){margin-left:0;}*/
	body#top .block-projects .teaser{margin-top:40px;}

	body#top .block-interviews{margin-bottom:0;}
	body#top .block-interviews::before{height:60%;}
	body#top .block-interviews .interviews-slider .slick-track > div:nth-child(odd){margin-top:10px;}
	body#top .block-interviews .interviews-slider .slick-arrow{background-size:70% auto;}
	body#top .block-interviews .interviews-item .txt{white-space:normal;background:none;color:#111;font-weight:500;font-size:1.8rem;background:#f5f5f5;}
	body#top .block-interviews .teaser{padding-top:10px;}

	body#top .block-banner{padding:30px 4%;margin:40px auto 0;}
/*
	body#top .block-banner .external-teaser{width:48.5%;margin-right:3%;margin-bottom:3%;}
	body#top .block-banner .external-teaser:nth-of-type(3n){margin-right:3%;}
	body#top .block-banner .external-teaser:nth-of-type(even){margin-right:0;}
*/
	body#top .block-banner > .column1{margin-bottom:-3%;}

	/* animation */
	body#top #block-introduction::after{top:-15%;padding-bottom:190%;}
	body#top .block-projects::after{top:-130px;padding-bottom:126%;}
}

@media screen and (max-width:369px){
	/* -------------------------------------------------- */
	/* header */
	header .logo{width:160px;padding:18px 0 0 8px;}
	header .logo::before{top:-74px;}
	.bread-crumb{padding-left:110px;}

	body#top #block-introduction .block-left .btn{padding:15px 15px 14px 15px;font-size:1.5rem;}
	body#top #block-introduction .block-left .btn::before{display:none;}
	body#top .block-projects::before{padding-bottom:147%;}
}