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

/* font
=========================================== */

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Regular.otf');
  src:
  url('../fonts/font/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Regular.ttf') format('TrueType');
	font-weight: 400;
}

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Medium.otf');
  src:
  url('../fonts/font/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Medium.ttf') format('TrueType');
	font-weight: 500;
}

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-SemiBold.otf');
  src:
  url('../fonts/font/NotoSansJP-SemiBold.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-SemiBold.woff') format('woff'),
  url('../fonts/font/NotoSansJP-SemiBold.ttf') format('TrueType');
	font-weight: 600;
}

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Bold.otf');
  src:
  url('../fonts/font/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Bold.ttf') format('TrueType');
	font-weight: 700;
}

@font-face {/*NotoSerifJP*/
  font-family: 'NotoSerifJP';
  src: url('../fonts/font/NotoSerifJP-Regular.otf');
  src:
  url('../fonts/font/NotoSerifJP-Regular.woff2') format('woff2'),
  url('../fonts/font/NotoSerifJP-Regular.woff') format('woff'),
  url('../fonts/font/NotoSerifJP-Regular.ttf') format('TrueType');
	font-weight: 400;
}


@font-face {/*Oswald*/
  font-family: 'Oswald';
  src: url('../fonts/font/Oswald-Medium.otf');
  src:
  url('../fonts/font/Oswald-Medium.woff2') format('woff2'),
  url('../fonts/font/Oswald-Medium.woff') format('woff'),
  url('../fonts/font/Oswald-Medium.ttf') format('TrueType');
	font-weight: 500;
}

@font-face {/*Oswald*/
  font-family: 'Oswald';
  src: url('../fonts/font/Oswald-Bold.otf');
  src:
  url('../fonts/font/Oswald-Bold.woff2') format('woff2'),
  url('../fonts/font/Oswald-Bold.woff') format('woff'),
  url('../fonts/font/Oswald-Bold.ttf') format('TrueType');
	font-weight: 700;
}


/*共通*/
body{overflow: hidden;width: 100%;}
.pc {display:none!important;}
.sp {display:block;}
body {
	color: #000;
	background:#fff;
	font-size:16px;
	line-height:normal;
	font-family: 'NotoSansJP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 500;
	font-style: normal;
	word-break: break-all;}
img{width:100%;height:auto;}


table {width: 100%;table-layout: fixed;}

h1,h2,h3,h4,h5,h6{font-weight: 700;}
a:link, a:visited {
    color: #000;
    text-decoration: none;
	transition: 0.3s;
}

.wrap{position:relative;}

a {color: #000;}

:focus { outline: none;}

input, select {
  -webkit-appearance: auto;
  appearance: auto;
}

/*共通設定*/
.btn01 {width:131px;height:114px;display:table;}
.btn01 a {display:table-cell;vertical-align:middle;text-align:center;font-weight:600;line-height: 18px;cursor:pointer;letter-spacing:-0.02em;position:relative;}
.btn01 a::before {content:"";width:92px;height:92px;border:2px solid #908B8B;box-sizing:border-box;position:absolute;inset:0;margin:auto;border-radius: 100%;}
.btn01 a::after {content:"";width:100%;height:100%;background:url("../img/common/btn_waku01.svg") no-repeat;background-size:contain!important;position:absolute;inset:0;margin:auto;animation:rotation 10s linear infinite;}
.btn01 a span {display: inline-block;padding:24px 0;background:url("../img/common/btn01.svg") no-repeat left 50% bottom;position: relative;transition:0.3s;}
.btn01 a:hover span {background-position:left 60% bottom 10%;}

.btn02 a {color:#fff;}
.btn02 a::before {border-color:#fff;}
.btn02 a::after {;background:url("../img/common/btn_waku02.svg") no-repeat}

.k_btn01 {width:100%;height:80px;display:table;margin:0 auto;}
.k_btn01 a {display:table-cell;vertical-align:middle;text-align:center;border:1px solid #1A2FB5;border-radius:40px;color:#fff;font-weight:bold;text-decoration:none;background:url("../img/p02/k_btn01.svg") no-repeat center right 25px #1A2FB5;}

.title01 {}
.title01 .eng {font-size:30px;font-family: 'Oswald';font-weight: 500;margin-bottom:10px;}
.title01 .jap {font-size:40px;}

.title02 {}
.title02 .jap {font-size:30px;width:100%;order: 1;}
.title02 .eng {font-size:21px;font-family: 'Oswald';font-weight: 500;margin-bottom:5px;width: 100%;}

.common_text {line-height:2;}

/*ウェブフォント*/
.tcenter {text-align: center;}
.tright {text-align: right;}
.osw {font-family: 'Oswald';font-weight:500;}

/*色*/
.shiro {color:#fff;}
.ao {color:#1A2FB5;}
.ki {color:#FDFD03;}
.mt20 {margin-top: 20px;}

.flex {width: 100%;
    margin: 0 ;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*header
---------------------------------------------------------------*/
#header {width:100%;position:fixed;transition: 0.3s;left:0;right: 0;top:0;margin: auto;z-index: 100;}
.fixed #header {background:#fff;}
.header_inner {display: block;height: 100%;width: calc(100% - 80px);position: relative;z-index: 103;}
.header_inner .left {display: block;height: 100%;}
.header_inner .left .p01 {display:none;}
.header_inner .logo {padding-left:5%;}
.header_inner .logo a {display: block;width:220px;height: 80px;background: url("../img/common/logo.png") no-repeat center left;background-size: contain!important;}
.header_inner .logo a img {display:none;}
.header_inner .nav-btn {display:none;}
.header_inner .nav-box {display:none;}

.header_inner.opon {background:#001598;}
.header_inner.opon .logo a {background: url("../img/common/logo02.png") no-repeat center left;}


.fixed #header {box-shadow: 0 0 16px rgba(0,0,0,0.4);}

/* nav
=========================================== */
.sp-nav-btn {width: 80px;height:80px;position: absolute;box-sizing: border-box;text-align: center;top: 0;right:0;background:#FDFD03;margin: auto;transition: 0.3s;display: table;z-index: 109;padding-top:16px;}
.sp-nav-btn:before{content:"";width:30px;height:2px;background:#3C3926;position: absolute;top:36px;left:0;right:0;margin:auto;transition: 0.3s;box-shadow: 0 8px 0 0 #3C3926;}
.sp-nav-btn:after{content:"";width:30px;height:2px;background:#3C3926;position: absolute;bottom:26px;;left:0;right:0;margin:auto;transition: 0.3s;}

.sp-nav-btn span {width:100%;font-family: 'Oswald';font-weight:500;text-align:center;font-size:11px;color:#3C3926;}
.sp-nav-btn .op {display:block;}
.sp-nav-btn .cl {display:none;}

.sp-nav-btn.opon .op {display:none;}
.sp-nav-btn.opon .cl {display:block;}

.sp-nav-btn.opon:before {transform: rotateZ(45deg);top:47px;box-shadow: none!important;}
.sp-nav-btn.opon:after {transform: rotateZ(-45deg);bottom:31px;}

div.navs-list {position: fixed;width: 100%;height:calc(100% - 80px);z-index: 102;top: 80px;padding:50px 20px;box-sizing: border-box;right:-100%;transition: 0.3s;overflow-x: hidden;overflow-y: auto;background:#001598;}
div.navs-list.opon {right:0;}

div.navs-list > ul {margin: 0 auto 100px;width:90%;}
div.navs-list > ul > li {margin-bottom:20px;}
div.navs-list > ul > li:last-child {margin-bottom:0;}
div.navs-list > ul > li > a {padding-left:26px;display:block;text-decoration:none;color:#fff;background:url("../img/common/h_nav.svg")no-repeat center left;background-size:16px;}


.h_tel_box {width: 275px;margin: 0 auto 30px;}
.h_tel_box .zenkoku {}
.h_tel_box .zenkoku span {display:inline-block;padding:5px 10px;background:#fff;color:#04126E;font-weight:600;}
.h_tel_box .tel {margin-bottom:5px;font-size:24px;text-align:center;}
.h_tel_box .tel a {color:#fff;}
.h_tel_box .tel a span {font-size:40px;margin-left:10px;}
.h_tel_box .time {text-align:center;color:#fff;}

.h_contact {width:100%;height:60px;display:table;}
.h_contact a {display:table-cell;vertical-align:middle;text-align:center;color:#1C1C08;font-weight:bold;text-decoration:none;background:#FDFD03;border-radius:30px;}
div.navs-list .p03 {margin-top:15px;color:#fff;}


/* 槍 */
/*-------------------------------------------*/
.nagare_ya {position:fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 0;padding-top: 34%;z-index: 100;pointer-events: none;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}

.nagare_ya.on {
	animation-name:nagare_ya01;
	animation-iteration-count: infinite;
	animation-duration:20s;
	animation-timing-function:linear;
}

@-webkit-keyframes nagare_ya01 {
  0% {
   clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
  1.5% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  3% {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }
}

.nagare_ya::before {content:"";background:url("../img/top/nagare_ya.png") no-repeat;background-size: contain;width: 14%;height: 0;padding-bottom: 14.2%;position: absolute;top: -10%;right: -7%;transform: rotate(37deg);}

.nagare_ya.on::before {
	animation-name:nagare_ya02;
	animation-iteration-count: infinite;
	animation-duration:10.5s;
	animation-timing-function:linear;
}


@-webkit-keyframes nagare_ya02 {
	0% {
		top: -10%;
		right: -7%;
		transform: rotate(37deg);
	}
	1% {
		top: -5%;
		right: 24%;
		transform: rotate(28deg);
	}
	1.5% {
		top: 6%;
		right: 40%;
		transform: rotate(22deg);
	}
	2% {
		top: 40%;
 		right: 70%;
		transform: rotate(13deg);
	}
	2.5% {
		top: 77%;
		right: 93%;
		transform: rotate(2deg);
	}
	3% {
		top: 100%;
		right: 100%;
		transform: rotate(2deg);
	}
}

/* ロード中
=========================================== */
.loading_anime {position: fixed;left:0;top:0;background:#000;width:100%;height:100%;z-index: 1000;}
.loading_anime .loading_anime01 {width:0;height:0;position:absolute;inset:0;margin:auto;animation:la01 2s ease-out 0.5s forwards;}
.loading_anime .loading_anime01 img {max-width:none;width:100%;}
@keyframes la01 {
	0% {width:0;height:0;opacity:1;}
	100% {width:100vw;height:100vw;opacity:0;}
}

.loading_anime .loading_anime02 {width:100vw;height:100vw;position:absolute;inset:0;margin:auto;opacity:0;animation:la02 1.5s ease-in 2.5s forwards;}
.loading_anime .loading_anime02 img {max-width:none;width:100%;}

@keyframes la02 {
	0% {width:100vw;height:100vw;opacity:0;}
	100% {width:0;height:0;opacity:1;}
}

.loading_anime .loading_anime03 {width:100%;height:100%;position:absolute;inset:0;margin:auto;opacity:0;animation:la03 0.5s 3.5s forwards;}
@keyframes la03 {
	0% {opacity:0;}
	100% {opacity:1;}
}

.loading_anime .loading_anime03 .wrap {height: 100%;}
.loading_anime .loading_anime03 .wrap::before {content:"";height:100%;width:6%;background:url("../img/loading/loading_anime03_02.svg") repeat-y;position:absolute;top:0;right:10%;animation: bgMove 30s linear infinite;background-size: contain;}
.loading_anime .loading_anime03 .wrap::after {content:"";height:100%;width:6%;background:url("../img/loading/loading_anime03_03.svg") repeat-y;position:absolute;top:0;right:0;animation: bgMove 20s linear infinite;background-size: contain;}

.loading_anime03_01 {padding: 15vw 20% 0 5%;width: 100%;box-sizing: border-box;}
.latext_box {color:#fff;width:100%;height:100%;position:absolute;left:0;right:0;top: 0;margin:auto;scale: 0.9;}
.latext_box .latext_box_in {display:block;height:100%;position:relative;}
.latext_box .latext_box_in .latext {position:absolute;}
.latext_box .latext_box_in .latext_in {display:block;font-family: 'NotoSerifJP';font-weight:400;}
.latext_box .latext_box_in .latext01 {font-size:5vw;letter-spacing:-0.02em;top:0;left:0;/*! white-space: nowrap; */}
.latext_box .latext_box_in .latext02 {font-size:5vw;top:42vw;left:0;width: 65%;}
.latext_box .latext_box_in .latext03 {font-size:8vw;letter-spacing:-0.01em;top:72vw;left:0;}
.latext_box .latext_box_in .latext04 {font-size:2.8vw;left:0;top:86vw;}
.latext_box .latext_box_in .latext05 {font-size:2.3vw;letter-spacing:-0.02em;left:0;top:97vw;}

/* main */
/*-------------------------------------------*/
#main {}
#main.home_main {background:url("../img/main/main_sp.png") no-repeat center top;background-size:cover;position:relative;padding-top: 35%;}
#main.home_main::after {content:'';background:url("../img/main/kaku.png") no-repeat bottom;width:100%;height:0;padding-bottom:10%;background-size:contain;position:absolute;bottom:0;left: 50%;transform: translate(-50%);}

#main.home_main .cnt {display:block;}
#main.home_main .cnt h2 {font-size:6.5vw;letter-spacing:-0.03em;padding-left: 5%;margin-bottom:25%;}
#main.home_main .cnt h2 .big_waku {display:block;}
#main.home_main .cnt h2 .big {font-size:11vw;letter-spacing:-0.02em;}

#main.home_main .cnt .tate_slider_box {width:100%;}
#main.home_main .cnt .tate_slider_box .tate_slider {width:100%;margin-bottom:0!important;}
#main.home_main .cnt .tate_slider_box .tate_slider02 {direction: ltr;}
#main.home_main .cnt .tate_slider_box .tate_slider .tate01 {border: 0 !important;}

#main.home_main .scroll_btn {position: absolute;bottom:0;left:0;display:table;z-index: 1;right: 0;margin: auto;width: 120px;height: 95px;}
#main.home_main .scroll_btn a {display:table-cell;vertical-align:middle;text-align:center;cursor:pointer;}
#main.home_main .scroll_btn a::before {content:"";background:url("../img/main/scroll.png") no-repeat center #64605F;background-size: 80%;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);position:absolute;inset:0;margin:auto;animation:rotation 10s linear infinite;}
#main.home_main .scroll_btn a .text {font-family: 'Oswald';font-size:3vw;letter-spacing:-0.02em;color:#fff;display: inline-block;padding-bottom:30px;background:url("../img/main/ya.svg") no-repeat center bottom 5px;position: relative;transition:0.3s;}

/* 下層 main */
/*-------------------------------------------*/
#main.kasou {padding:140px 5% 150px;position:relative;z-index: 2;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 50px));background:url("../img/main/kasou_sp.png") no-repeat top;background-size:cover;margin-bottom: -50px;}
#main.kasou .eng {font-size:30px;font-family: 'Oswald';font-weight: 500;color:#1A2FB5;margin-bottom:10px;}
#main.kasou .jap {font-size:40px;line-height:55px;}

/*パンくず*/
div#bread {height:0;position:relative;top:90px;z-index:3;padding:0 5%;}
ul.bread-list {flex-wrap: nowrap;white-space: nowrap;overflow: hidden;-webkit-line-clamp: 1;}
ul.bread-list li {font-size:11px;font-weight:400;}
ul.bread-list li a {text-decoration:none;color:#1A2FB5;}
ul.bread-list li:after{content:"／";margin: 0 10px;color:#ccc;}
ul.bread-list li:last-child:after{content:none;}

/* TOPへ戻る・追従 */
/*-------------------------------------------*/
#fixed_trigger {position: absolute;left: 0;top:80px;z-index: -100;}

/* CLEARFIX
=========================================== */

.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*ライトボックス設定*/
#fancybox-wrap { padding: 0!important;width: 100%!important;left: 0!important;}
div#fancybox-content {border:none;width: 92%!important;padding: 2%;margin: 2%;height: auto!important;}
div#fancybox-outer {background: none;}
#fancybox-close {position: absolute; top: 0!important;right: 0!important;}

section {position:relative;}

/* footer */
/*-------------------------------------------*/
#footer {}

.footer_address {display:block;}
.footer_address .footer_address_in {width:100%;}
.footer_address .footer_address_in .img {}
.footer_address .footer_address_in .gmap {position: relative;padding-bottom:61.4%;height: 0;overflow: hidden;}
.footer_address .footer_address_in .gmap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.footer_address .footer_address_in .footer_address_box {padding:80px 0;background:#1A2FB5;}
.footer_address .footer_address_in .footer_address_box h3 {font-size:28px;margin-bottom:40px;}
.footer_address .footer_address_in .footer_address_box h3 span {display:inline-block;padding:0 43px;background:url("../img/common/pass02.svg") no-repeat center left,url("../img/common/pass02.svg") no-repeat center right;}


.footer_address .footer_address_in .footer_address_box .num_box_list {}
.footer_address .footer_address_in .footer_address_box .num_box_list li {margin-top:20px;}
.footer_address .footer_address_in .footer_address_box .num_box_list li .num {font-size:24px;}
.footer_address .footer_address_in .footer_address_box .num_box_list li .num a {color:#fff;}
.footer_address .footer_address_in .footer_address_box .num_box_list li .num .big {font-size:40px;margin-left:10px;}
.footer_address .footer_address_in .footer_address_box .num_box_list li .time {margin-top:5px;}
.footer_address .footer_address_in02 .footer_address_box {background:#3F54D6;}
.footer_address .footer_address_in02 .footer_address_box h3 span {background:url("../img/common/pass03.svg") no-repeat center left,url("../img/common/pass03.svg") no-repeat center right;}


.footer {padding:80px 5% 65px;background:url("../img/common/footer_sp.png") no-repeat center bottom 100px #04126E;background-size:416px;}
.footer .cnt {display:block;}
.footer .cnt .left {width: 275px;margin:0 auto;}
.footer .cnt .left .logo {width:220px;margin:0 auto 35px;}
.footer .cnt .left .p01 {margin-bottom:65px;font-size:11px;line-height:21px;text-align:center;}

.footer .cnt .left .zenkoku {}
.footer .cnt .left .zenkoku span {display:inline-block;padding:5px 10px;background:#fff;color:#04126E;font-weight:600;}
.footer .cnt .left .tel {margin-bottom:5px;font-size:24px;text-align:center;}
.footer .cnt .left .tel a {color:#fff;}
.footer .cnt .left .tel a span {font-size:40px;margin-left:10px;}
.footer .cnt .left .time {text-align:center;color:#fff;margin-bottom:30px;}
.footer .cnt .left .h_contact {margin-bottom:15px;width: 110%;left: -5%;position: relative;}
.footer .cnt .left .p02 {color:#fff;width: 110%;left: -5%;position: relative;}

.footer .cnt .left .yari_btn {margin:60px auto 0;width:103px;height:90px;display:table;position:relative;cursor:pointer;}
.footer .cnt .left .yari_btn::after {content:'';background:url("../img/common/ya01.png") no-repeat;width:68px;height:45.5px;background-size:contain;position: absolute;top:-5px;left:13.5px;}
.footer .cnt .left .yari_btn .waku {display:table-cell;vertical-align:middle;text-align:center;font-size:14px;line-height: 18px;}
.footer .cnt .left .yari_btn .waku::before {content:"";background:#1A2FB5;clip-path: polygon(26px 0, calc(100% - 26px) 0, 100% 50%,  calc(100% - 26px) 100%, 26px 100%, 0 50%);position:absolute;inset:0;margin:auto;animation:rotation 10s linear infinite;}


@-webkit-keyframes rotation {
  0% {
    transform:rotate(0)
  }
  100% {
    transform:rotate(1turn)
  }
}
.footer .cnt .left .yari_btn .waku .text {display: inline-block;padding-bottom:17px;background:url("../img/common/kaku01.svg") no-repeat left 50% bottom;position: relative;transition:0.3s;z-index: 2;}
.footer .cnt .left .yari_btn:hover .waku .text {background-position:left 55% bottom 5%;}
.footer .cnt .left .yari_btn .waku .yari_btn_text {display:block;}

.footer .cnt .right {width:90%;margin:50px auto 0;}
.footer .cnt .right .f_nav {justify-content:space-between;margin-bottom:90px;}
.footer .cnt .right .f_nav ul {width:48%;}
.footer .cnt .right .f_nav ul li {margin-bottom:16px;}
.footer .cnt .right .f_nav ul li:last-child {margin-bottom:0;}
.footer .cnt .right .f_nav ul li a {padding-left:26px;display:block;text-decoration:none;color:#fff;background:url("../img/common/h_nav.svg")no-repeat center left;background-size:16px;}

.footer .cnt .right .policy {width: 300px;margin: 0 auto;justify-content:space-between;display: flex;}
.footer .cnt .right .policy li a {color:#fff;text-decoration:none;position:relative;}
.footer .copyright {text-align:center;margin-top:50px;color:#fff;font-weight:400;width:100%;}

/*TOPページ　p01
=========================================== */
#topbox01 {background:#F2F2F2;padding:65px 5% 0;}
#topbox01 .cnt {display:block;align-items:center;position:relative;}
#topbox01 .cnt .title {display:flex;align-items:baseline;}
#topbox01 .cnt .title .eng {font-size:30px;font-weight:500;margin-right:15px;}
#topbox01 .cnt .title .jap {font-weight:400;}
#topbox01 .cnt .top_news {width:100%;margin-top:20px;}
#topbox01 .cnt .top_news a {text-decoration:none;}
#topbox01 .cnt .top_news a:hover {opacity:0.7;}
#topbox01 .cnt .top_news a .time {font-weight:400;margin-top:5px;}
#topbox01 .cnt .top_news a .title {font-weight:400;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width: 100%;}
#topbox01 .cnt .btn {position:absolute;right:0;top:17.5px;}
#topbox01 .cnt .btn a {font-weight:bold;padding-right:38px;background:url("../img/top/pass01.svg") no-repeat center right;line-height:27px;text-decoration:none;}


#topbox02 {padding:150px 5% 120px;background:#F2F2F2;position:relative;}
#topbox02::before {content:"";width:100%;height:50px;background:#F2F2F2;clip-path: polygon(0 0, 0 100%, 100% 0);position:absolute;bottom:-50px;left: 50%;transform: translate(-50%);z-index: 2;}
#topbox02::after {content:"";width:100%;height:100%;background:url("../img/top/neji_bg02.png") repeat;background-size:400%;position:absolute;top:0;bottom:0;left:50%;margin:auto;animation:fuwa02 2s linear infinite;opacity: 0.5;}

@keyframes fuwa01 {
	0% {transform: translate(-50%, 0);}
	50% {transform: translate(-50%, 10px);}
	100% {transform: translate(-50%, 0);}
}

@keyframes fuwa02 {
	0% {transform: translate(-50%, 0);}
	50% {transform: translate(-50%, -10px);}
	100% {transform: translate(-50%, 0);}
}

#topbox02 .wrap {z-index:2;}
#topbox02 .title01 {margin-bottom:40px;}
#topbox02 .text {margin-bottom:40px;}
#topbox02 .text p {display:inline;}
#topbox02 .ul_box {text-align:center;}
#topbox02 .ul_box ul {text-align: left;display: inline-block;}
#topbox02 .ul_box ul li {margin-bottom:10px;line-height:26px;font-weight:600;color:#fff;}
#topbox02 .ul_box ul li:last-child {margin-bottom:0;}
#topbox02 .ul_box ul li span {display:block;padding:20px 20px 20px 60px;background:url("../img/top/li01.svg") no-repeat top 16px left 20px #1A2FB5;background-size:30px;}

.obi {
	transition: 0.5s;
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
    
.obi_in {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	transition-delay :0.5s;
}

#topbox02 .ul_box ul li:nth-child(2) span {transition-delay:0.7s;}
#topbox02 .ul_box ul li:nth-child(3) span {transition-delay:0.9s;}
#topbox02 .ul_box ul li:nth-child(4) span {transition-delay:1.1s;}

#topbox02 .btn01 {margin:40px auto 0;}

#topbox03 {padding: 150px 5% 90px;background:url("../img/top/bg01.png") no-repeat top 30px right 30%,#04126E;position:relative;background-size: 970px;}
#topbox03 .title01 {margin-bottom:40px;}

#topbox03 h4 {font-size:30px;font-weight:500;line-height:45px;margin-bottom:40px;} 
#topbox03 .text {margin:0 auto 40px;}

.service01 {padding:15px 20px;box-sizing:border-box;align-items:center;clip-path: polygon(18px 0%, calc(100% - 18px) 0%, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0% 18px);background: #fff;display:flex!important;}
.service01 .img {width:90px;margin-right:10px;}
.service01 .img .in_img { aspect-ratio: 1 / 1;}
.service01 h5 {width:calc(100% - 100px);font-size:18px;line-height:28px;}

.service_slider {margin-bottom:45px!important;}
.service_slider .service01 {width:100%;margin-bottom:20px;}

#topbox03 .btn01 {margin:0 auto;}

.top_bg01 {}

#topbox04 {padding:150px 5% 100px;background:url("../img/top/bg01_sp.png") no-repeat center top;background-size:100%;}
#topbox04::before {content:"";width:100%;height:50px;background:#04126E;clip-path: polygon(0 0, 100% 100%, 100% 0);;position:absolute;top:0;left: 50%;transform: translate(-50%);z-index: 2;}

#topbox04 .box {position:relative;margin-bottom:150px;}
#topbox04 .box .box_in {display:block;width:100%;color: #000;}
#topbox04 .box .box_in .title01 {margin-bottom:40px;}
#topbox04 .box .box_in .title01 .eng {margin-bottom:40px;color:#1A2FB5;}
#topbox04 .box .box_in  h4 {font-size:30px;font-weight:500;line-height:45px;margin-bottom:40px;} 
#topbox04 .box .box_in .text {}

.order_slider {margin-bottom:70px!important;}
.order_slider::after {content:'';background:url("../img/top/bf01.png") no-repeat;background-size:contain;width: 50%;height: 0;position: absolute;top: -35%;right: 0;padding-bottom: 43%;}

.order_slider .order01 {background:#FEFEFE;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);;position:relative;}
.order_slider .order01 .img {position:relative;overflow:hidden;}
.order_slider .order01 .img .in_img { aspect-ratio: 670 / 580;}

.order_slider .order01.slick-active .img .in_img {}
@keyframes img_big {
  0% {
    scale:1;
  }
  100% {
    scale:1.3;
  }
}

.order_slider .order01 h5 {position:absolute;width:100%;left:0;bottom:30px;font-size:18px;}

.order_slider .slick-dots {bottom:-32px!important;}
.order_slider .slick-dots li {width:12px!important;;height:12px!important;}
.order_slider .slick-dots li button {width:12px!important;;height:12px!important;padding:0!important;}
.order_slider .slick-dots li button:before {content:""!important;width:100%!important;height:100%!important;opacity:1!important;border-radius:100%;background:#ACB2D6;}
.order_slider .slick-dots li.slick-active button:before {opacity:1!important;background:#7887E1;}

#topbox04 .btn01 {margin:0 auto;}

#topbox05 {padding:100px 5%;background: #F2F2F2;}
#topbox05 .wrap {z-index:2;}
#topbox05 .title01 {margin-bottom:40px;text-align:center;}
.case_slider {padding-bottom:80px;margin-bottom:0!important;}
.case_slider .slick-track {display:flex;}
.case_slider .case01 {}

.case01 {width:100%;height: auto!important;}
.case01 a {display:block;height:100%;background:#04126E;text-decoration:none;color:#fff;}
.case01 a .img {position:relative;background:#1A2FB5;padding:15px 15px 15px 0;}
.case01 a .img .img_in {position:relative;overflow:hidden;}
.case01 a .img .img_in .in_img { aspect-ratio: 640 / 480;transition: 0.3s;}
.case01 a .img .tax {width:auto;position:absolute;top:0;left:0;padding:10px 20px;background:#04126E;color:#fff;font-weight:400;}
.case01 a .img .tax li::after {content:"・";}
.case01 a .img .tax li:last-child::after {content:none;}
.case01 a .info {padding:40px 20px;}
.case01 a .info .title {font-size:20px;font-weight:600;margin-bottom:20px;}
.case01 a .info ul {}
.case01 a .info ul li {font-weight:400;margin-bottom:20px;display:block;}
.case01 a .info ul li:last-child {margin-bottom:0;}
.case01 a .info ul li .midashi {width:100%;margin-bottom:5px;}
.case01 a .info ul li .naiyou {width:100%;}

.case_slider button.slick-arrow {opacity: 1;z-index: 2;transition: 0.3s;width:60px;height:54px;box-sizing: border-box;top:auto;bottom:-27px;}
.case_slider button.slick-prev.slick-arrow {background: url("../img/top/arrow01.svg") no-repeat center;left:calc(50% - 70px);}
.case_slider button.slick-next.slick-arrow {background: url("../img/top/arrow02.svg") no-repeat center;right:calc(50% - 70px);}
.case_slider button.slick-arrow::before {content:none!important;}

#topbox05 .btn01 {margin:40px auto 0;}

#topbox06 {padding:100px 5%;background:url("../img/top/bg02_sp.png") no-repeat center bottom;background-size:100%;}
#topbox06 .title01 {margin-bottom:40px;}
#topbox06 .img {width:100%;margin-bottom:40px;}
#topbox06 .text {width:100%;margin-bottom:40px;}
#topbox06 .btn01 {margin:0 auto;}

#topbox07 {padding:100px 5%;background:url("../img/top/bg03_sp.png") no-repeat center;background-size:cover;}
#topbox07 .box {background:#fff;padding:100px 20px;box-sizing:border-box;display:block;}
#topbox07 .box .img {width:100%;margin-bottom:40px;}
#topbox07 .box .info {width:100%;box-sizing:border-box;position:relative;}
#topbox07 .box .info .title01 {margin-bottom:40px;text-align:center;}
#topbox07 .box .info .text {right: 50px;}
#topbox07 .box .info .text p {display:inline;}
#topbox07 .box .info .btn01 {margin:40px auto 0;}


#topbox08 {padding:100px 5%;background:#04126E;}
#topbox08 .title01 {margin-bottom:40px;text-align:center;}

.top_news_list {padding-bottom:80px;margin-bottom:0!important;}
.top_news_list .slick-track {display:flex;}

.top_news_list .news01 {width:100%;}
.top_news_list .news01 a {text-decoration:none;color:#fff;}
.top_news_list .news01 a .img {position:relative;overflow:hidden;}
.top_news_list .news01 a .img .in_img { aspect-ratio: 340 / 230;transition: 0.3s;}
.top_news_list .news01 a .info {align-items:center;margin:30px 0 16px;}
.top_news_list .news01 a .info .time {width:115px;padding-left:20px;box-sizing: border-box;background:url("../img/top/time.svg") no-repeat left bottom 2px;}
.top_news_list .news01 a .info .cat {width:calc(100% - 115px);}
.top_news_list .news01 a .info .cat li {padding:3px 8px;background:#4155D8;border-radius:5px;margin-right:5px;}
.top_news_list .news01 a .info .cat li:last-child {margin-right:0;}
.top_news_list .news01 a .title {font-weight:500;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width: 100%;}

.top_news_list button.slick-arrow {opacity: 1;z-index: 2;transition: 0.3s;width:60px;height:54px;box-sizing: border-box;top:auto;bottom:-27px;}
.top_news_list button.slick-prev.slick-arrow {background: url("../img/top/arrow01.svg") no-repeat center;left:calc(50% - 70px);}
.top_news_list button.slick-next.slick-arrow {background: url("../img/top/arrow02.svg") no-repeat center;right:calc(50% - 70px);}
.top_news_list button.slick-arrow::before {content:none!important;}

#topbox08 .btn01 {margin:40px auto 0;}




/*内田ボールトの特長 (features) p02
=========================================== */
#p02box01 {background:#F6F6F6;padding:130px 5% 0;}
#p02box01 .cnt {display:block;}
#p02box01 .cnt .info {width:100%;margin-bottom:60px;}
#p02box01 .cnt .info h2 {font-size:30px;line-height:45px;margin-bottom:40px;}
#p02box01 .cnt .info .text {}
#p02box01 .cnt .info .text .marb {margin-bottom:1em;}
#p02box01 .cnt .img {width:100%;position:relative;}

#p02box01 .cnt .img::before {content:'';background:url("../img/p02/neji_sp.png") no-repeat;width: 130%;height: 130%;position: absolute;top: -2%;left: -15%;z-index: 3;background-size: contain;}

#p02box02 {padding:100px 5%;position:relative;}
#p02box02::before {content:"";width:100%;height:50px;background:#F6F6F6;clip-path: polygon(0 0, 0 100%, 100% 0);position:absolute;top:-1px;left: 50%;transform: translate(-50%);z-index: 2;}
#p02box02 .title01 {margin-bottom:60px;}



#p02box02 .reason_list {}
#p02box02 .reason_list .reason01 {margin-bottom:60px;}
#p02box02 .reason_list .reason01:last-child {margin-bottom:0;}
#p02box02 .reason_list .reason01 .num {width:60px;height:50px;display:table;margin:0 auto 15px;}
#p02box02 .reason_list .reason01 .num span {display:table-cell;vertical-align:middle;text-align:center;font-size:20px;font-weight:500;background:#F5E84A;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}
#p02box02 .reason_list .reason01 .midashi {font-size:30px;font-weight:500;margin-bottom:40px;line-height:45px;}

#p02box02 .reason_list .reason01 .ul_list {display:block; margin-bottom:60px;}
#p02box02 .reason_list .reason01 .ul_list li {margin-bottom:10px;font-size:16px;font-weight:600;color:#fff;display:block;padding:20px 20px 20px 60px;background:url("../img/top/li01.svg") no-repeat top 16px left 20px #1A2FB5;background-size:30px;}
#p02box02 .reason_list .reason01 .ul_list li:last-child {margin-bottom:0;}

#p02box02 .reason_list .reason01 .cnt {display:block;}
#p02box02 .reason_list .reason01 .cnt .text {width:100%;margin-bottom:40px;}
#p02box02 .reason_list .reason01 .cnt .text .marb {margin-bottom:1em;}
#p02box02 .reason_list .reason01 .cnt .img {width:100%;}

#p02box02 .k_btn01 {margin-top:60px;}

/*取り扱い商品 (products) p03
=========================================== */
#p03box01 {padding:130px 5% 25px;background:#F2F2F2;}
#p03box01 h2 {font-size:30px;margin-bottom:40px;}
#p03box01 .text {}
#p03box01 .text .marb {margin-bottom:1em;}
#p03box01 .img_sp {position:relative;margin-top:40px;}
#p03box01 .img_sp::before {content:'';background:url("../img/p03/img_sp_neji.png") no-repeat;width: 110%;height: 110%;position: absolute;top: 50%;left: -5%;z-index: 3;background-size: contain;}

#p03box02 {padding:150px 5%;position:relative;background:#04126E;}
#p03box02::before {content:"";width:100%;height:50px;background:#F2F2F2;clip-path: polygon(0 0, 0 100%, 100% 0);position:absolute;top:-1px;left: 50%;transform: translate(-50%);z-index: 2;}
#p03box02::after {content:"";width:100%;height:50px;background:#fff;clip-path: polygon(100% 0, 0% 100%, 100% 100%);position:absolute;bottom:-1px;left: 50%;transform: translate(-50%);z-index: 2;}
#p03box02 .title01 {margin-bottom:40px;}
#p03box02 .p01 {margin-bottom:20px;}
#p03box02 .p02 {margin-bottom:60px;text-align:center;}
#p03box02 .p02 span {display:inline-block;padding:3px 11px;border:1px solid #fff;}
#p03box02 .service_list {}
#p03box02 .service_list .service01 {width:100%;margin-bottom:20px;}
#p03box02 .service_list .service01:last-child {margin-bottom:0;}

#p03box03 {padding:80px 5% 100px;position:relative;}
#p03box03 h2 {font-size:40px;line-height:55px;margin-bottom:40px;text-align:center;}
#p03box03 h3 {font-size:30px;line-height:45px;font-weight:500;margin-bottom:40px;}
#p03box03 .text {margin-bottom:40px;}
#p03box03 .text .marb {margin-bottom:1em;}

#p03box03 h4 {text-align:center;}
#p03box03 h4 span {display:block;padding:10px;background:#04126E;font-size:22px;}

#p03box03 .bg {border:1px solid #04126E;padding:40px 20px;box-sizing:border-box;}
#p03box03 .bg ul {}
#p03box03 .bg ul li {position:relative;padding-bottom:30px;border-bottom:1px dashed #707070;margin-bottom:34px;}
#p03box03 .bg ul li:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;}

#p03box03 .bg ul li .midashi_box {align-items:center;margin-bottom:20px;display: block;text-align: center;}
#p03box03 .bg ul li .midashi_box .num_box {align-items:center;width:auto;margin-bottom:10px;justify-content: center;}
#p03box03 .bg ul li .midashi_box .num_box .step {font-size:24px;margin-right:8px;}
#p03box03 .bg ul li .midashi_box .num_box .num {width:46px;height:40px;display:table;}
#p03box03 .bg ul li .midashi_box .num_box .num span {display:table-cell;vertical-align:middle;text-align:center;font-size:18px;font-weight:500;background:#F5E84A;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}
#p03box03 .bg ul li .midashi_box h5 {font-size:18px;}

#p03box03 .bg ul li .text01 {font-weight:400;line-height:26px;}
#p03box03 .bg ul li .text02 {position:absolute;left:0;right:0;bottom:-12px;margin:auto;text-align:center;}
#p03box03 .bg ul li .text02 span {padding:2px 16px;background:#aaa;font-size:13px;display:inline-block;}
#p03box03 .bg ul li .text02::before {content:'';background:url("../img/p03/kaku01.svg") no-repeat;width:14px;height:6px;position: absolute;bottom:-5px;left:0;right:0;margin:auto;}
#p03box03 .k_btn01 {margin-top:40px;}


/*オーダーメイド (custommade) p04
=========================================== */
#p04box01 {padding:130px 5% 100px;background: url("../img/p04/bg01_sp.png") no-repeat center top;background-size:cover;}
#p04box01::after {content:"";width:100%;height:50px;background:#fff;clip-path: polygon(100% 0, 0% 100%, 100% 100%);position:absolute;bottom:-1px;left: 50%;transform: translate(-50%);z-index: 2;}

#p04box01 .bg {padding:60px 20px;box-sizing:border-box;background:#fff;box-shadow:4px 4px 30px rgba(0,0,0,0.06);}
#p04box01 .bg h2 {font-size:30px;line-height:45px;margin-bottom:40px;}
#p04box01 .bg h2 span {font-weight:400;}
#p04box01 .bg ul {display:block;}
#p04box01 .bg ul li {margin-bottom:10px;font-size:16px;font-weight:600;color:#fff;display:block;padding:20px 20px 20px 60px;background:url("../img/top/li01.svg") no-repeat top 16px left 20px #1A2FB5;background-size:30px;}
#p04box01 .bg ul li:last-child {margin-bottom:0;}
#p04box01 .bg .text {margin-top:40px;}


#p04box02 {padding:50px 5%;}
#p04box02 .title01 {margin-bottom:50px;}
#p04box02 .text01 {margin-bottom:40px;}

#p04box02 .flow_list {margin-bottom:40px;display:block;}

#p04box02 .flow_list .flow {width:100%;margin-bottom:54px;text-align:center;position:relative;}
#p04box02 .flow_list .flow:nth-child(2) {margin-bottom:140px;}
#p04box02 .flow_list .flow:nth-child(3) {margin-bottom:0;}
#p04box02 .flow_list .flow .flow_maru {width:295px;height:295px;background:#F4F4F9;border-radius:100%;margin:0 auto 20px;box-sizing: border-box;padding-top: 60px;position:relative;}
#p04box02 .flow_list .flow .flow_maru .num_box {align-items:center;justify-content: center;width:auto;margin-bottom:20px;}
#p04box02 .flow_list .flow .flow_maru .num_box .step {font-size:24px;margin-right:10px;}
#p04box02 .flow_list .flow .flow_maru .num_box .num {width:46px;height:40px;display:table;}
#p04box02 .flow_list .flow .flow_maru .num_box .num span {display:table-cell;vertical-align:middle;text-align:center;font-size:18px;font-weight:500;background:#F5E84A;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}
#p04box02 .flow_list .flow .flow_maru .img {}
#p04box02 .flow_list .flow .flow_maru .img img {width:auto;}
#p04box02 .flow_list .flow .flow_text {line-height:26px;}

#p04box02 .flow_list .flow:nth-child(1)::after {content:"";background:url("../img/p04/kaku01_sp.png") no-repeat;background-size: contain;width:28px;height:14px;position:absolute;bottom:-34px;left:0;right:0;margin:auto;}
#p04box02 .flow_list .flow:nth-child(2)::after {content:"";background:url("../img/p04/kaku02_sp.png") no-repeat;background-size: contain;width:120px;height:100px;position:absolute;bottom:-120px;left:0;right:0;margin:auto;}

#p04box02 .cnt {width:100%;display:block;padding:30px 20px;background:#F6F6F6;box-sizing:border-box;font-size:14px;line-height:19px;}
#p04box02 .cnt p {margin-bottom:10px;}
#p04box02 .cnt ul {font-weight:400;}
#p04box02 .cnt ul li {text-indent:-1em;padding-left:1em;margin-bottom:10px;}
#p04box02 .cnt ul li:last-child {margin-bottom:0;}

#p04box03 {padding:150px 5% 100px;background:url("../img/p08/bg01_sp.png") no-repeat top center;background-size:cover;}
#p04box03::before {content:"";width:100%;height:50px;background:#fff;clip-path: polygon(0 0, 0 100%, 100% 0);position:absolute;top:-1px;left: 50%;transform: translate(-50%);z-index: 2;}
#p04box03 .title01 {margin-bottom:40px;}
#p04box03 .case_slider {width: 100%;}
#p04box03 .k_btn01 {margin-top:40px;}


/*問題解依頼事例決事例 (case) p05
=========================================== */
#two_contents {padding:130px 5% 100px;}
#two_contents .case_info_text {margin-bottom:60px;}

#two_contents .cnt {display:block;}
#two_contents .cnt #two-main {width:100%;}

#two_contents .cnt #two-side {width:100%;margin-top:100px;}
#two_contents .cnt #two-side .sidebox {}
#two_contents .cnt #two-side .sidebox .sidebox_in {margin-bottom:40px;}
#two_contents .cnt #two-side .sidebox .sidebox_in:last-child {margin-bottom:0;}
.widgettitle {font-size:18px;padding-left:14px;position:relative;margin-bottom:20px;}
.widgettitle::before {content:'';background:#4155D8;width:4px;height:22px;position: absolute;bottom:1px;left:0;}

#two_contents .cnt #two-side .sidebox .sidebox_in .cat_list {}
#two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li {margin-bottom:4px;}
#two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li:last-child {margin-bottom:0;}
#two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li > a {display: block;text-decoration:none;padding:13px 20px;box-sizing:border-box;background:#F4F4F9;}
#two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li > a:hover {background:#04126E;color:#fff;}
#two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li.selected > a {background:#04126E;color:#fff;}

#two_contents .cnt #two-side .sidebox .sidebox_in .new_news_list {}
#two_contents .cnt #two-side .sidebox .sidebox_in .new_news_list > li {border-bottom:1px solid #eee;}
#two_contents .cnt #two-side .sidebox .sidebox_in .new_news_list > li > a {display: block;text-decoration:none;padding:20px;box-sizing:border-box;}
#two_contents .cnt #two-side .sidebox .sidebox_in .new_news_list > li > a:hover {opacity:0.7;}
#two_contents .cnt #two-side .sidebox .sidebox_in .new_news_list > li > a .time {font-weight:400;padding-left: 20px;background: url("../img/p05/time.svg") no-repeat center left;margin-bottom: 10px;}
#two_contents .cnt #two-side .sidebox .sidebox_in .new_news_list > li > a h3 {font-weight:400;line-height:26px;width: 100%;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

#two_contents .cnt #two-side .sidebox .sidebox_in select {width:100%;height:50px;border: 1px solid #F4F4F9;box-sizing:border-box;background:#F4F4F9;font-size:16px;font-weight:400;padding:13px 20px;}

.case_list .case01 {margin-bottom: 20px;}
.case_list .case01:last-child {margin-bottom:0;}

/*一覧ページページャー*/
.wp-pagenavi {text-align: center;margin: 40px auto 0;}
.wp-pagenavi a,.wp-pagenavi span {text-decoration: none;display: inline-block;width:58px;text-align:center;line-height:50px;margin:0 5px;font-size:18px;font-family: 'Oswald';font-weight:500;background:#E9E9F4;color:#1A2FB5;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}
.wp-pagenavi a:hover, .wp-pagenavi span.current, span.pages {color:#fff;background:#1A2FB5;}

span.extend {display: none;}
span.pages {display: none;}

.wp-pagenavi a.first {color:transparent!important;background: url("../img/p05/arrow01.svg") no-repeat center;width:20px;clip-path: none;}
.wp-pagenavi a.previouspostslink {color:transparent!important;background: url("../img/p05/arrow02.svg") no-repeat center;width:12px;clip-path: none;}
.wp-pagenavi a.nextpostslink {color:transparent!important;background: url("../img/p05/arrow03.svg") no-repeat center;width:12px;clip-path: none;}
.wp-pagenavi a.last {color:transparent!important;background: url("../img/p05/arrow04.svg") no-repeat center;width:20px;clip-path: none;}

.wp-pagenavi a.first:hover {opacity:0.7;}
.wp-pagenavi a.previouspostslink:hover {opacity:0.7;}
.wp-pagenavi a.nextpostslink:hover {opacity:0.7;}
.wp-pagenavi a.last:hover {opacity:0.7;}


/*詳細*/
.case_single_info {margin-bottom:30px;}
.case_single_info .title {font-size:35px;line-height:50px;margin-bottom:20px;}
.case_single_info .tax {width:auto;display: inline-flex;padding:4px 10px;background:#04126E;color:#fff;font-weight:400;}
.case_single_info .tax li::after {content:"・";}
.case_single_info .tax li:last-child::after {content:none;}
.case_single_info .case_single_ul {line-height:2;margin-top: 16px;}
.case_single_info .case_single_ul li {font-weight:400;}
.case_single_info .case_single_ul li .midashi {width:100px;}
.case_single_info .case_single_ul li .naiyou {width:calc(100% - 100px);}

.select_editor {}
.select_editor .midashi01 {font-size:30px;padding-bottom:21px;margin-bottom:30px;position:relative;}
.select_editor .midashi01::after {content:"";width:100%;height:1px;background: linear-gradient(to right, #04126E 0, #04126E 30px, #eee 30px, #eee 100%);position:absolute;left:0;bottom:0;}

.select_editor .midashi02 {font-size:24px;margin-bottom:20px;}

.select_editor .editor {margin-bottom:60px;font-weight:400;}
.select_editor .editor a {color:#1A2FB5;text-decoration:underline;}

.select_editor .img_list {justify-content:space-between;margin-bottom:40px;}
.select_editor .img_list .img_list_in {width:49%;}
.select_editor .img_list .img_list_in img {width:100%;}

.select_editor .ul {margin-bottom:40px;}
.select_editor .ul li {margin-bottom:12px;padding-left:1em;position:relative;}
.select_editor .ul li::before {content:"・";position: absolute;left: 0;top: 0;}
.select_editor .ul li:last-child {margin-bottom:0;}

.select_editor .select_in:last-child {margin-bottom:0;}

/*詳細ページページャー*/
.post-navigation {margin:40px auto 0;}
.post-navigation ul {text-align: center;justify-content: center;align-items: center;}

.post-navigation ul li.post_back {margin: 0 20px;width:200px;display:table;height:60px;}
.post-navigation ul li.post_back a {border:1px solid #1A2FB5;color:#1A2FB5;background:#F4F4F9;display:table-cell;text-align:center;vertical-align:middle;text-decoration:none;box-sizing: border-box;border-radius:40px;}
.post-navigation ul li.post_back a:hover {color:#fff;background:#1A2FB5;}

.post-navigation ul li.next a span {font-size: 0;color:#1A2FB5;background: url("../img/p05/arrow02.svg") no-repeat center left;display:inline-block;padding-left:12px;height:60px;line-height: 60px;}
.post-navigation ul li.prev a span {font-size: 0;color:#1A2FB5;background: url("../img/p05/arrow03.svg") no-repeat center right;display:inline-block;padding-right:12px;height:60px;line-height: 60px;}

.post-navigation ul li.next a:hover {opacity:0.7;}
.post-navigation ul li.prev a:hover {opacity:0.7;}

/*CSR (csr) p07
=========================================== */
#p07box01 {padding:130px 5% 100px;background: #F6F6F6;}
#p07box01::after {content:"";width:100%;height:50px;background:#fff;clip-path: polygon(100% 0, 0% 100%, 100% 100%);position:absolute;bottom:-1px;left: 50%;transform: translate(-50%);z-index: 2;}
#p07box01 h2 {font-size:30px;margin-bottom:20px;}
#p07box01 .text {margin-bottom:40px;}
#p07box01 ul {display:block;}
#p07box01 ul li {margin-bottom:10px;font-size:16px;font-weight:600;padding:20px 20px 20px 60px;background:url("../img/p07/li01.svg") no-repeat top 16px left 20px #fff;background-size:30px;}
#p07box01 ul li:last-child {margin-bottom:0;}

#p07box02 {padding:50px 5%;}
#p07box02 .title01 {margin-bottom:40px;}

.authorization_list {}
.authorization_list .authorization01 {padding:40px 20px;background:#F4F4F9;position:relative;box-sizing: border-box;margin-bottom:20px;}
.authorization_list .authorization01:last-child {margin-bottom:0;}
.authorization_list .authorization01 .title {padding-left:27px;font-size:24px;margin-bottom:10px;font-weight:600;position:relative;}
.authorization_list .authorization01 .title::before {content:'';background:url("../img/p07/kaku.svg") no-repeat;width:16px;height:14px;position: absolute;top: 12px;left: 0;}
.authorization_list .authorization01 .time {padding-left:27px;font-size: 12px;margin-bottom:20px;font-weight:600;}

.authorization_list .authorization01 .img {margin: 0 auto 20px;background:#fff;padding:15px;width: 210px;box-sizing: border-box;}
.authorization_list .authorization01 .img .in_img { aspect-ratio: 205 / 279;}

.authorization_list .authorization01 .info {padding:30px;box-sizing:border-box;background: #fff;}
.authorization_list .authorization01 .info .info_img {width: 90%;box-sizing: border-box;margin:0 auto 20px;}
.authorization_list .authorization01 .info .info_img .in_img {aspect-ratio: 220 / 160;}
.authorization_list .authorization01 .info .info_text {width:260px;}
.authorization_list .authorization01 .info .info_text h5 {margin-bottom:10px;}
.authorization_list .authorization01 .info .info_text h5 span {padding:2px 10px;color:#fff;background:#04126E;font-weight:bold;display:inline-block;}
.authorization_list .authorization01 .info .info_text .text {line-height:26px;font-weight:400;}

#p07box03 {padding:150px 5% 100px;background:url("../img/p08/bg01_sp.png") no-repeat top center;background-size:cover;}
#p07box03::before {content:"";width:100%;height:50px;background:#fff;clip-path: polygon(0 0, 0 100%, 100% 0);position:absolute;top:-1px;left: 50%;transform: translate(-50%);z-index: 2;}
#p07box03 .title01 {margin-bottom:20px;}
#p07box03 .text01 {margin-bottom:25px;}
.initiatives_list {display:block;}
.initiatives_list .initiatives01 {width:100%;margin-bottom:40px;}
.initiatives_list .initiatives01:last-child {margin-bottom:0;}

.initiatives_list .initiatives01 .title {font-size:24px;padding-bottom:13px;margin-bottom:20px;position:relative;}
.initiatives_list .initiatives01 .title::after {content:"";width:100%;height:1px;background: linear-gradient(to right, #04126E 0, #04126E 30px, #eee 30px, #eee 100%);position:absolute;left:0;bottom:0;}
.initiatives_list .initiatives01 .img {width: 100%;}
.initiatives_list .initiatives01 .img .in_img {aspect-ratio: 530 / 280;}
.initiatives_list .initiatives01 .text {margin-top:20px;line-height:26px;font-size: 14px;}

.initiatives02 {margin-top:60px;}
.initiatives02 h4 {margin-bottom:-80px;}
.initiatives02 h4 .waku_in {font-size:22px;padding:10px 20px;color:#fff;background:#04126E;font-weight:bold;display:inline-block;margin-bottom:5px;}
.initiatives02 h4 .waku_in:last-child {margin-bottom:0;}

.initiatives02 .initiatives02_in {padding:100px 20px 60px;border:1px solid #04126E;box-sizing:border-box;display:block;}

.initiatives02 .initiatives02_in .img {width:100%;margin-top:20px;}
.initiatives02 .initiatives02_in .text {line-height:26px;}
.initiatives02 .initiatives02_in .text .marb {margin-bottom:1em;}

#p07box04 {padding:100px 5%;background:#F6F6F6;}
#p07box04::before {content:"";width:100%;height:50px;background:#fff;clip-path: polygon(0 0, 0 100%, 100% 0);position:absolute;top:-1px;left: 50%;transform: translate(-50%);z-index: 2;}

.csr_list {padding-bottom:80px;margin-bottom:0!important;}
.csr_list .slick-track {display:flex;}

.csr_list button.slick-arrow {opacity: 1;z-index: 2;transition: 0.3s;width:60px;height:54px;box-sizing: border-box;top:auto;bottom:-27px;}
.csr_list button.slick-prev.slick-arrow {background: url("../img/top/arrow01.svg") no-repeat center;left:calc(50% - 70px);}
.csr_list button.slick-next.slick-arrow {background: url("../img/top/arrow02.svg") no-repeat center;right:calc(50% - 70px);}
.csr_list button.slick-arrow::before {content:none!important;}

#p07box04 .title01 {margin-bottom:20px;}
#p07box04 .k_btn01 {margin-top:40px;}


/*会社概要 (company) p08
=========================================== */
#p08box01 {padding:130px 5% 70px;}
#p08box01 .title02 {margin-bottom:25px;}
#p08box01 .company_ul_list {display:block;}
#p08box01 .company_ul_list .company_ul {width:100%;}
#p08box01 .company_ul_list .company_ul > li {margin-bottom:20px;padding-bottom:21px;position:relative;line-height:26px;display:block;padding-left:20px;box-sizing:border-box;}
#p08box01 .company_ul_list .company_ul > li::after {content:"";width:100%;height:1px;background: linear-gradient(to right, #04126E 0, #04126E 30px, #eee 30px, #eee 100%);position:absolute;left:0;bottom:0;}
#p08box01 .company_ul_list .company_ul:first-child > li:first-child {margin-top:20px;padding-top:21px;}
#p08box01 .company_ul_list .company_ul:first-child > li:first-child::before {content:"";width:100%;height:1px;background: linear-gradient(to right, #04126E 0, #04126E 30px, #eee 30px, #eee 100%);position:absolute;left:0;top:0;}

#p08box01 .company_ul_list .company_ul:last-child > li:last-child {margin-bottom:0;}
#p08box01 .company_ul_list .company_ul > li .midashi {width:100%;box-sizing:border-box;margin-bottom:10px;font-weight:bold;}
#p08box01 .company_ul_list .company_ul > li .naiyou {width:100%;}
#p08box01 .company_ul_list .company_ul > li .naiyou .address_list {}
#p08box01 .company_ul_list .company_ul > li .naiyou .address_list li {margin-bottom:20px;}
#p08box01 .company_ul_list .company_ul > li .naiyou .address_list li:last-child {margin-bottom:0;}
#p08box01 .company_ul_list .company_ul > li .naiyou .address_list li .p01 {margin-bottom:5px;}

#p08box02 {padding:150px 5% 110px;background:#04126E;}
#p08box02 .title02 {margin-bottom: 40px;}
#p08box02::before {content:"";width:100%;height:50px;background:#fff;clip-path: polygon(0 0, 0 100%, 100% 0);position:absolute;top:-1px;left: 50%;transform: translate(-50%);z-index: 2;}

#p08box03 {padding:175px 5% 0;background:url("../img/p08/bg01_sp.png") no-repeat top center;background-size:cover;}
#p08box03::before {content:"";width:100%;height:50px;background:#04126E;clip-path: polygon(0 0, 0 100%, 100% 0);position:absolute;top:-1px;left: 50%;transform: translate(-50%);z-index: 2;}

#p08box03 .title02 {margin-bottom:20px;}

#p08box03 .cnt {display:block;}
#p08box03 .cnt .info {width:100%;}
#p08box03 .cnt .info .text {margin-bottom:20px;}
#p08box03 .cnt .info .text p {margin-bottom:1em;}
#p08box03 .cnt .info .text p:last-child {margin-bottom:0;}
#p08box03 .cnt .info .name {font-size:20px;}
#p08box03 .cnt .info .name span {font-size:14px;display:inline-block;margin-right:15px;}
#p08box03 .cnt .img {width:100%;margin-top:40px;}

#p08box04 {padding:100px 5% 100px;}
#p08box04 .title02 {margin-bottom:20px;}
#p08box04 .sougyo {margin-bottom:40px;}

.enkaku_list {}
.enkaku_list .enkaku {margin-bottom:20px;padding-bottom:18px;position:relative;padding-left:20px;display:block;box-sizing: border-box;}
.enkaku_list .enkaku::after {content:"";width:100%;height:1px;background: linear-gradient(to right, #04126E 0, #04126E 30px, #eee 30px, #eee 100%);position:absolute;left:0;bottom:0;}
.enkaku_list .enkaku:last-child {margin-bottom:0;}
.enkaku_list .enkaku .nen_box {width:100%;box-sizing:border-box;align-items:baseline;margin-bottom:10px;}
.enkaku_list .enkaku .nen_box .nen01 {font-size:24px;margin-right:10px;}
.enkaku_list .enkaku .nen_box .nen02 {font-size:12px;}
.enkaku_list .enkaku .naiyou {width:100%;font-weight:400;}

.company_slider {margin-bottom:0!important;}

/*よくある質問 (faq) p09
=========================================== */
#p09box01 {padding:130px 5% 100px;}
.faq_cnt {display:block;}
.faq_cnt .faq_side {width:100%;margin-bottom:70px;}
.faq_cnt .faq_side .widgettitle {margin-bottom:20px;}
.faq_cnt .faq_side .faq_tax_list {width: 100%;height: 50px;box-sizing: border-box;padding: 13px 20px;border: 1px solid #F4F4F9;background: #F4F4F9;}

.faq_main {width:100%;}
.faq_box_list {}
.faq_box_list .faq_box {margin-bottom:40px;}
.faq_box_list .faq_box:last-child {margin-bottom:0;}

.faq_box_list .faq_box .faq_midashi {font-size:22px;padding-bottom:13px;margin-bottom:20px;position:relative;}
.faq_box_list .faq_box .faq_midashi::after {content:"";width:100%;height:1px;background: linear-gradient(to right, #04126E 0, #04126E 30px, #eee 30px, #eee 100%);position:absolute;left:0;bottom:0;}

.faq_list .faqbox {margin-bottom:10px;background:#F4F4F9;padding:20px;line-height: 26px;}
.faq_list .faqbox:last-child {margin-bottom:0;}
.faq_list .faqbox .q_text {padding-right:42px;background:url("../img/p09/op.svg") no-repeat center right;}
.faq_list .faqbox .q_text.on {background:url("../img/p09/cl.svg") no-repeat center right;}
.faq_list .faqbox .q_text h3 {font-weight:400;}
.faq_list .faqbox .q_text h3 span {display: inline-block;margin-right: 6px;}
.faq_list .faqbox .a_text {display:none;margin-top: 15px;padding: 0 0 0 22px;position:relative;font-weight:400;}
.faq_list .faqbox .a_text::before {content:"A.";color:#1A2FB5;position:absolute;left:0;top:0;}


/*お知らせ (news) p10
=========================================== */
.news01 {width:100%;}
.news01 a {text-decoration:none;}
.news01 a .img {width:100%;box-shadow:0 4px 10px #BDC8D1;transition: 0.3s;margin-bottom:30px;}
.news01 a .img .img_in {position:relative;overflow:hidden;}
.news01 a .img .img_in .in_img {aspect-ratio: 340 / 230;transition: 0.3s;}
.news01 a .info {width:100%;}
.news01 a .info .info_in {align-items:center;margin-bottom:16px;}
.news01 a .info .info_in .time {width:115px;padding-left:20px;box-sizing: border-box;background:url("../img/p05/time.svg") no-repeat left bottom 2px;}
.news01 a .info .info_in .cat {width:calc(100% - 115px);}
.news01 a .info .info_in .cat li {padding:3px 8px;background:#4155D8;color:#fff;border-radius:5px;margin-right:5px;}
.news01 a .info .info_in .cat li:last-child {margin-right:0;}
.news01 a .info .title {font-weight:500;font-size:22px;line-height:30px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;}
.news01 a .info .editor {font-weight:400;font-size:14px;line-height:24px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 100%;padding-top:20px;border-top:1px solid #eee;margin-top:20px;}

.news_list .news01 {margin-bottom:40px;}
.news_list .news01:last-child {margin-bottom:0;}

/*詳細*/
.news_single_info {margin-bottom:30px;}
.news_single_info .info {align-items:center;margin-bottom:20px;}
.news_single_info .info .time {width:115px;padding-left:20px;box-sizing: border-box;background:url("../img/p05/time.svg") no-repeat left bottom 2px;}
.news_single_info .info .cat {width:calc(100% - 115px);}
.news_single_info .info .cat li {padding:3px 8px;background:#4155D8;color:#fff;border-radius:5px;margin-right:5px;}
.news_single_info .info .cat li:last-child {margin-right:0;}
.news_single_info .title {font-size:35px;line-height:50px;}

.writer_name {padding:20px;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-top:40px;}
.writer_name span {display:inline-block;font-weight:400;margin-left:10px;}


/*お問い合わせ (contact) p12
=========================================== */
.page-contact .footer_address {display:none;}

#p12box01 {padding:130px 5% 50px;background:#F6F6F6;}
#p12box01 .cnt01 {margin-bottom:40px;display:block;}
#p12box01 .cnt01 .p01 {margin-bottom:20px;}
#p12box01 .cnt01 .p01 span {padding:4px 20px;display:inline-block;background:#04126E;color:#fff;font-weight:bold;}
#p12box01 .cnt01 .p02 {line-height:31px;font-weight:400;}

#p12box01 .num_box_list {margin-bottom:30px;display:block;}
#p12box01 .num_box_list .num_box {padding:30px 0 40px;width:100%;box-sizing:border-box;background: #fff;text-align:center;margin-bottom:5px;}
#p12box01 .num_box_list .num_box:last-child {margin-bottom:0;}
#p12box01 .num_box_list .num_box h2 {font-size:24px;margin-bottom:10px;}
#p12box01 .num_box_list .num_box .num {font-size:20px;}
#p12box01 .num_box_list .num_box .num a {color:#1A2FB5;}
#p12box01 .num_box_list .num_box .num .big {font-size:36px;margin-left:4px;}
#p12box01 .num_box_list .num_box .time {font-size:14px;}

#p12box01 .text01 {line-height:26px;margin-bottom:15px;font-weight:400;}
#p12box01 .ul01 {line-height:17px;font-weight:400;font-size:12px;}
#p12box01 .ul01 li {margin-bottom:1em;}
#p12box01 .ul01 li:last-child {margin-bottom:0;}

#p12box02 {padding:100px 5% 100px;}
#p12box02::before {content:"";width:100%;height:50px;background:#F6F6F6;clip-path: polygon(0 0, 0 100%, 100% 0);position:absolute;top:-1px;left: 50%;transform: translate(-50%);z-index: 2;}

form.wpcf7-form {padding-top: 100px;margin-top: -100px;}

ul.contact-state {width:100%;height:90px;position: relative;margin:0 auto 40px;}
ul.contact-state > li {width:100%;height:90px;}
ul.contact-state > li span {display: none;}
ul.contact-state > li.state01 {background: url("../img/p12/state01_sp.png") no-repeat center;background-size: contain;}
ul.contact-state > li.state02 {background: url("../img/p12/state02_sp.png") no-repeat center;background-size: contain;position:absolute;left:0;top:0;}

.state-text {text-align: center;color: #E32525;font-weight: 700;font-size: 16px;margin-bottom: 40px;}

.contactTBL > ul {}
.contactTBL > ul > li {padding-bottom:21px;margin-bottom:20px;position:relative;display:block;}
.contactTBL > ul > li::after {content:"";width:100%;height:1px;background: linear-gradient(to right, #04126E 0, #04126E 30px, #eee 30px, #eee 100%);position:absolute;left:0;bottom:0;}
.contactTBL > ul > li:first-child {padding-top:21px;}
.contactTBL > ul > li:first-child::before {content:"";width:100%;height:1px;background: linear-gradient(to right, #04126E 0, #04126E 30px, #eee 30px, #eee 100%);position:absolute;left:0;top:0;}
.contactTBL > ul > li:last-child {margin-bottom:0;}

.contactTBL > ul > li > .th {width:100%;justify-content:space-between;align-items:center;font-weight:bold;display: flex;margin-bottom:15px;}
.contactTBL > ul > li > .td {width:100%;font-weight:400;}

.hissu {color:#fff;background:#FF0000;padding:4px 10px;font-size:14px;}

input.wpcf7-text {width: 100%;height:50px;box-sizing: border-box;padding:13px 20px;border:1px solid #eee;background:#F6F6F6;}

/*textarea*/
textarea.wpcf7-form-control.wpcf7-textarea {width: 100%;height:200px;box-sizing: border-box;padding:20px;border:1px solid #eee;background:#F6F6F6;}

/*multifile01*/
.codedropz-upload-handler {font-family: 'NotoSansJP';border: none!important;margin-bottom: 0 !important;}
.codedropz-upload-inner {text-align: left!important;}
.codedropz-upload-inner h4 {display: none;}
.codedropz-upload-handler span {display: none;}
.codedropz-btn-wrap {width:260px;height: 50px;display: table;}
.codedropz-btn-wrap a {height: 50px;display: table-cell;background:#000;color:#fff;text-align:center;vertical-align: middle;}
.codedropz-upload-container {padding: 0!important;}


/*radio*/
.wpcf7-list-item {margin: 0 40px 0 0!important;}
.wpcf7-list-item.last {margin-right: 0!important;}

.privacypolicy01 {display:block;margin-top:14px;line-height:24px;font-weight:400;}
.privacypolicy01 a {text-decoration:underline;color:#1A2FB5;}

.tuiki_memo02 {display:block;margin:14px 0 0 0;font-size:14px;line-height:24px;}


/*送信ボタン*/
.contact-submit.flex { justify-content: center;margin-top:40px;}
input.wpcf7-form-control.btn04 {width: 100%;height: 80px;cursor: pointer; transition: 0.3s;font-size: 16px;text-align: center;box-sizing:border-box;font-family:'NotoSansJP';display: block;border:1px solid #1A2FB5;background:url("../img/p02/k_btn01.svg") no-repeat center right 25px #1A2FB5;color:#fff;font-weight:bold;border-radius:40px;}

input.wpcf7-form-control.btn04:hover {background:url("../img/p02/k_btn01.svg") no-repeat center right 25px;color:#1A2FB5;}

input.wpcf7-form-control.btn05.wpcf7c-btn-back {width: 100%;height: 80px;cursor: pointer; transition: 0.3s;font-size: 16px;text-align: center;box-sizing:border-box;font-family:'NotoSansJP';display: block;border:1px solid #1A2FB5;background:url("../img/p02/k_btn01.svg") no-repeat center right 25px;color:#1A2FB5;font-weight:bold;border-radius:40px;}

input.wpcf7-form-control.btn05:hover {background:url("../img/p02/k_btn01.svg") no-repeat center right 25px #1A2FB5;color:#fff;}

input.wpcf7-form-control.btn05.wpcf7c-btn-back {margin-top: 20px;}
input.wpcf7-form-control.btn04:focus { outline: none;}

.wpcf7c-conf { background-color: #D4D4D4 !important; }
input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #F9F5F5 inset !important; box-shadow: 0 0 0px 1000px #F9F5F5 inset !important;}
.wpcf7 .ajax-loader {display: none !important;}
.wpcf7c-elm-step2.mt20 {width: 100%;text-align: center;margin-top: 20px;}
.wpcf7-spinner {display: none !important;}

/*Thanks・404
=========================================== */
#other{padding:130px 5% 100px;text-align: center;}
#other h2 {font-size: 22px;margin-bottom: 25px;}
#other .other_in p {font-size: 17px;position: relative;margin: 10px 0;}
#other .k_btn01 {margin-top:25px;}

/*プライバシーポリシー
=========================================== */
div#pageBox01{padding:130px 5% 100px;}
h2.pp-title01 {font-size: 22px;border-bottom: solid 2px;margin-bottom: 25px;padding-bottom: 10px;}
h3.pp-title02 {font-size: 17px;padding-left: 15px;position: relative;margin: 10px 0;}
h3.pp-title02:before{content:"";width:5px;height:65%;background:#000;position: absolute;left:0;top:0;bottom:0;margin:auto 0;}
div#pageBox01 p {line-height: 26px;}
div#pageBox01 ul {line-height: 26px;}

/*ウインドー幅ごと
=========================================== */
@media screen and (min-width: 370px) {
}
@media screen and (min-width: 0px) and (max-width: 350px) {
}
@media screen and (min-width: 0px) and (max-width: 330px) {
}