@charset "UTF-8";
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: normal;
src: url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2") format("woff2"), url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff") format("woff"), url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf") format("opentype"); }

@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: bold;
src: url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2") format("woff2"), url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff") format("woff"), url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf") format("opentype"); }

html {
font-size: 62.5%; }

a {
color: #444444;
text-decoration: none; }

@media screen and (min-width: 1024px) {
a:hover {
text-decoration: underline; } }

sup {
vertical-align: top; }

input[type="submit"] {
-webkit-appearance: none;
border-radius: 0; }

/* youtube */
.movie {
position: relative;
padding-top: 56.25%;
width: 100%;
margin-bottom: 50px; }
.movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }

/* btn */
.btn {
display: block;
height: 100%;
width: 100%;
line-height: 1.8;
text-decoration: none !important; }
.btn span {
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }

.pt01 a {
height: 40px;
color: #fff;
background-color: #0071bc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align: center;
font-size: 1.4rem;
font-weight: 600; }

.pt02 a {
height: 45px;
margin: 0 auto;
border: 1px #fff solid;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
color: #fff;
font-weight: bold; }

.pt03 a {
height: 45px;
margin: 0 auto;
border: 1px #444 solid;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
color: #222; }

.pt04 a span:before {
font-family: 'FontAwesome';
content: '\f105';
color: #0071bc;
font-size: 1.4rem;
font-weight: bold;
margin: 0 5px 0;
text-decoration: none; }

.pt05 a {
width: 90%;
height: 45px;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
background: #0071bc;
border: 1px #0071bc solid; }

@media screen and (min-width: 768px) {
.pt01 a {
width: 188px; }
.pt03 a {
width: 230px; } }

@media screen and (min-width: 1024px) {
.pt01 a {
height: 33px; }
.pt01 a:hover {
background: #00a7e2;
text-decoration: none; }
.pt02 a:hover {
background-color: rgba(255, 255, 255, 0.25);
text-decoration: none; }
.pt03 a:hover {
background-color: #0071bc;
border: 1px #0071bc solid;
color: #FFF;
text-decoration: none; }
.pt04 a {
width: 100%;
height: 100%;
margin: 0 auto;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
color: #fff;
border: 1px #444 solid; }
.pt04 a:hover {
border: 1px #0071bc solid;
background: #0071bc; }
.pt04 a span:before {
display: none; }
.pt05 a:hover {
background: #fff;
border: 1px #0071bc solid;
text-decoration: none; } }

/* base */
body {
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #444444; }

.inner {
width: 90%;
margin: 0 auto;
position: relative; }

@media screen and (min-width: 1024px) {
body.home {
width: 100%;
overflow-x: hidden; }
.inner {
width: 1120px;
position: relative;
margin: 0 auto; } }

/*site-header*/
#site_header {
height: 54px;
z-index: 10000; }
#site_header .logo {
position: absolute;
top: 18px;
left: 0; }
#site_header .logo a {
display: block;
width: 150px;
/*height: 23px;*/ }
#site_header .logo a img {
width: 100%;
height: auto; }
#site_header #sp_btn {
position: absolute;
top: 6px;
right: 0;
z-index: 1000; }
#site_header #sp_btn #panel-btn {
display: inline-block;
position: relative;
width: 40px;
height: 40px; }
#site_header #sp_btn #panel-btn #panel-btn-icon {
display: block;
position: absolute;
top: 40%;
left: 50%;
width: 26px;
height: 3px;
margin: -1px 0 0 -13px;
background: #0072b9;
transition: .2s; }
#site_header #sp_btn #panel-btn #panel-btn-icon:before,
#site_header #sp_btn #panel-btn #panel-btn-icon:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 26px;
height: 3px;
background: #0072b9;
transition: .3s; }
#site_header #sp_btn #panel-btn #panel-btn-icon:before {
margin-top: -9px; }
#site_header #sp_btn #panel-btn #panel-btn-icon:after {
margin-top: 6px; }
#site_header #sp_btn #panel-btn #m_text {
position: absolute;
bottom: -1px;
left: 5px;
color: #0072b9; }
#site_header #sp_btn #panel-btn #panel-btn-icon.close {
background: transparent; }
#site_header #sp_btn #panel-btn #panel-btn-icon.close:before,
#site_header #sp_btn #panel-btn #panel-btn-icon.close:after {
margin-top: 0px; }
#site_header #sp_btn #panel-btn #panel-btn-icon.close:before {
transform: rotate(-45deg); }
#site_header #sp_btn #panel-btn #panel-btn-icon.close:after {
transform: rotate(-135deg); }
#site_header .sp_nav {
position: fixed;
top: 54px;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.97);
z-index: 100;
border-top: 1px solid #ddd;
display: none;
overflow-y: scroll;
padding: 0 0 64px; }
#site_header .g_nav > ul > li {
font-size: 1.4em;
font-weight: bold;
border-bottom: 1px solid #ddd; }
#site_header .g_nav > ul > li a {
color: #222;
display: block;
padding: 15px; }
@media screen and (min-width: 1024px) {
#site_header .g_nav > ul > li a {
padding: 0; } }
#site_header .g_nav > ul > li a:hover {
color: #0071bc;
text-decoration: none; }
#site_header .g_nav > ul > li > .sub {
padding: 5vw 0;
background-color: #222222;
display: none; }
@media screen and (min-width: 1024px) {
#site_header .g_nav > ul > li > .sub {
padding: 45px 0;
height: 230px;
position: fixed;
top: 100px;
left: 0;
width: 100%; } }
#site_header .g_nav > ul > li > .sub ul {
width: 90%;
margin: 0 auto; }
@media screen and (min-width: 768px) {
#site_header .g_nav > ul > li > .sub ul {
width: 90%;
display: flex;
justify-content: space-between; } }
@media screen and (min-width: 1024px) {
#site_header .g_nav > ul > li > .sub ul {
width: 1120px; } }
#site_header .g_nav > ul > li > .sub ul li {
background-repeat: no-repeat;
background-position: center center;
height: 90px; }
@media screen and (min-width: 768px) {
#site_header .g_nav > ul > li > .sub ul li {
height: 142px;
width: calc((100% - 30px) / 4);
margin: 0; } }
@media screen and (min-width: 1024px) {
#site_header .g_nav > ul > li > .sub ul li {
width: 257px;
background-size: 257px 142px; } }
#site_header .g_nav > ul > li > .sub ul li:nth-of-type(n+2) {
margin: 10px 0 0; }
@media screen and (min-width: 768px) {
#site_header .g_nav > ul > li > .sub ul li:nth-of-type(n+2) {
margin: 0; } }
#site_header .g_nav > ul > li > .sub ul li:hover {
background-color: #555555; }
#site_header .g_nav > ul > li > .sub ul a {
display: block;
margin: 0 0 10px;
width: 100%;
height: 100%;
position: relative;
color: #fff;
font-size: 1.8rem;
line-height: 1.578; }
@media screen and (min-width: 768px) {
#site_header .g_nav > ul > li > .sub ul a {
font-size: 1.7rem; } }
@media screen and (min-width: 1024px) {
#site_header .g_nav > ul > li > .sub ul a {
font-size: 1.9rem; } }
#site_header .g_nav > ul > li > .sub ul a span {
position: absolute;
width: 90%;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#site_header .g_nav > ul > li > .sub ul a span br {
display: none; }
@media screen and (min-width: 1024px) {
#site_header .g_nav > ul > li > .sub ul a span br {
display: block; } }
#site_header .g_nav > ul > li > .sub ul .sub01 {
background-image: url("../img/gnav_sub03.png"); }
#site_header .g_nav > ul > li > .sub ul .sub02 {
background-image: url("../img/gnav_sub04.png"); }
#site_header .g_nav > ul > li > .sub ul .sub03 {
background-image: url("../img/gnav_sub06.png"); }
#site_header .g_nav > ul > li > .sub ul .sub04 {
background-image: url("../img/gnav_sub05.png"); }
#site_header .g_nav > ul .a_down:after {
font-family: 'FontAwesome';
content: '\f107';
color: #0071bc;
margin: 0 5px 0; }
#site_header .g_nav > ul .a_up:after {
content: '\f106'; }
#site_header .h_nav ul li {
font-size: 1.4em;
border-bottom: 1px solid #ddd; }
#site_header .h_nav ul .h_nav01 {
background: url("../img/bg_mail_blue.png") no-repeat 15px center;
background-size: 19px 12px; }
#site_header .h_nav ul .h_nav01 a {
padding: 15px 15px 15px 40px; }
#site_header .h_nav ul .h_nav02 {
background: url("../img/bg_h_nav02.jpg") no-repeat 18px center;
background-size: 13px 17px;
margin: 0 0 15px; }
#site_header .h_nav ul .h_nav02 a {
padding: 15px 15px 15px 40px; }
#site_header .h_nav ul .h_nav03 {
font-family: 'Hind', sans-serif;
font-size: 1.4em;
margin: 0 auto 10px;
width: 200px;
text-align: center;
border: none;
line-height: 1.4; }
#site_header .h_nav ul .h_nav03 span {
display: block;
background: url("../img/bg_fb01_1_1_bl.png") no-repeat 0 5px;
background-size: 27px 20px;
padding: 0 0 0 35px;
font-size: 2.5rem;
font-weight: 600; }
#site_header .h_nav ul .pt01 {
width: 90%;
margin: 0 auto; }
@media screen and (min-width: 768px) {
#site_header .h_nav ul .pt01 {
width: 188px; } }
#site_header .h_nav ul .pt01 a {
color: #fff; }
#site_header .h_nav a {
color: #0071bc;
display: block; }
#site_header .h_nav a:hover {
color: #00a7e2;
text-decoration: none; }

@media screen and (min-width: 1024px) {
#site_header {
height: 100px; }
#site_header .logo {
top: 30px; }
#site_header .logo a {
width: 164px;
height: 40px; }
#site_header #sp_btn {
display: none; }
#site_header .h_nav {
position: absolute;
top: 10px;
right: 0; }
#site_header .h_nav ul li {
float: left;
font-size: 1.3em;
line-height: 32px;
border: none; }
#site_header .h_nav ul .h_nav01 {
background: url("../img/bg_mail_blue.png") no-repeat 0 10px;
background-size: 19px 12px;
padding: 0 25px;
vertical-align: middle; }
#site_header .h_nav ul .h_nav01 a {
padding: 0; }
#site_header .h_nav ul .h_nav02 {
background: url("../img/bg_h_nav02.jpg") no-repeat 0 7px;
background-size: 13px 17px;
padding: 0 25px;
vertical-align: middle;
margin: 0; }
#site_header .h_nav ul .h_nav02 a {
padding: 0; }
#site_header .h_nav ul .h_nav03 {
display: none; }
#site_header .h_nav ul .pt01 {
width: auto;
margin: 0; }
#site_header .h_nav ul .pt01 a {
color: #fff; }
#site_header .h_nav a {
color: #0071bc;
display: block;
padding: 0; }
#site_header .h_nav a:hover {
color: #00a7e2;
text-decoration: none; }
#site_header .sp_nav {
position: absolute;
background: none;
top: auto;
left: auto;
right: 0;
width: 900px;
height: auto;
border: none;
display: block;
overflow-y: visible; }
#site_header .g_nav {
position: absolute;
top: 65px;
right: 0; }
#site_header .g_nav ul li {
margin: 0 0 0 30px;
float: left;
border: none; }
#site_header .g_nav ul a {
color: #222;
display: block;
padding: 0; }
#site_header .g_nav ul a:hover {
color: #0071bc;
text-decoration: none; }
#site_header .g_nav ul .active {
border-bottom: 5px solid #222;
height: 35px; }
#site_header .g_nav ul .active a {
color: #0071bc; } }

.home #site_header {
height: 54px;
background: #fff; }
.home #site_header .g_nav ul a {
color: #fff;
opacity: 0.82; }
.home #site_header .g_nav ul a:hover {
color: #fff;
opacity: 1;
text-decoration: none; }
.home #site_header .g_nav ul li > .sub a {
color: #fff; }
.home #site_header .h_nav ul a {
color: #fff; }
.home #site_header .h_nav ul a:hover {
color: #fff;
text-decoration: none; }
.home #site_header .h_nav01 a,
.home #site_header .h_nav02 a,
.home #site_header .h_nav03 a {
opacity: 0.82; }
.home #site_header .h_nav01 a:hover,
.home #site_header .h_nav02 a:hover,
.home #site_header .h_nav03 a:hover {
opacity: 1; }
.home #site_header .g_nav.ts ul a {
color: #222; }
.home #site_header .h_nav.ts ul a {
color: #0071bc; }
.home #site_header .h_nav.ts ul .pt01 a {
color: #fff;
opacity: 1; }
.home #site_header .g_nav ul .a_down:after {
color: #fff; }
.home #site_header .g_nav.ts ul .a_down:after {
color: #0071bc; }

.home #site_header.fixed .g_nav ul a:hover {
color: #0071bc; }

.home #site_header.fixed .g_nav ul li > .sub a {
color: #fff; }

.home #site_header.fixed .g_nav ul .a_down:after {
color: #0071bc; }

@media screen and (min-width: 1024px) {
.home #site_header {
height: 100px;
background: none; }
.home #site_header .logo {
background: url("../img/logo_w.png") no-repeat 0 0;
background-size: 222px 40px;
z-index: 100; }
.home #site_header .logo img {
display: none; }
.home #site_header .logo a {
display: block;
width: 222px;
height: 40px; }
.home #site_header .pt01 a {
background-color: #0071bc; }
.home #site_header .pt01 a:hover {
background-color: #00a7e2; }
.home #site_header .h_nav ul .h_nav01 {
background: url("../img/bg_fb01_2_1.png") no-repeat 0 10px;
background-size: 19px 12px; }
.home #site_header .h_nav ul .h_nav02 {
background: url("../img/bg_fb01_2_2.png") no-repeat 0 7px;
background-size: 13px 17px; }
.home #site_header.fixed .pt01 a {
background-color: #0071bc;
font-size: 1.4rem;
height: 33px; }
.home #site_header.fixed .pt01 a:hover {
background-color: #00a7e2; } }

.home .video_wrap {
height: 300px;
background: url("../img/img_top.jpg") no-repeat center center;
background-size: cover; }

.v_inner {
position: relative;
width: 90%;
height: 100%;
margin: 0 auto; }

.text {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #fff;
letter-spacing: 1px; }
.text h2 {
font-size: 2.2em;
line-height: 1.3;
margin: 0 0 15px; }
.text p {
font-size: 1.4em;
font-weight: 600;
line-height: 1.6; }
.text p br {
display: none; }

@media screen and (min-width: 1024px) {
.home .video_wrap {
height: 500px;
background: none;
background-size: auto; }
.home .video_wrap video {
width: 100%;
min-width: 1460px;
height: auto;
display: block; }
.home .top_bg {
background: rgba(0, 65, 108, 0.55);
width: 100%;
height: 635px;
position: fixed;
top: 0;
left: 0;
z-index: -40; }
.home .video_wrap02 {
position: fixed;
top: 0;
left: 0;
height: 600px;
width: 100%;
background: none;
background-size: auto;
z-index: -50; }
.v_inner {
position: relative;
width: 1120px;
height: 500px;
z-index: 1; }
.v_inner .text h2 {
font-size: 4.4em;
line-height: 1.5; }
.v_inner .text p {
font-size: 1.4em;
line-height: 1.8; }
.v_inner .text p br {
display: block; } }

#site_header.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 54px;
background: #fff;
transition: 0.2s; }
#site_header.fixed .logo {
background: none;
top: 9px;
left: 0; }
#site_header.fixed .logo a {
width: 150px;
/*height: 23px;*/ }
#site_header.fixed .logo a img {
display: block; }
#site_header.fixed .sp_nav {
top: 54px; }

@media screen and (min-width: 1024px) {
#site_header.fixed .sp_nav {
top: auto;
width: 1000px; }
#site_header.fixed .g_nav {
top: 22px;
right: 215px; }
#site_header.fixed .g_nav ul li {
margin: 0 0 0 20px;
font-size: 1.3em; }
#site_header.fixed .g_nav ul li .sub {
top: 54px;
z-index: 110; }
#site_header.fixed .h_nav ul .h_nav01,
#site_header.fixed .h_nav ul .h_nav02 {
display: none; }
#site_header.fixed .g_nav ul a {
color: #222; } }

.square01,
.square02,
.square03 {
display: none; }

@media screen and (min-width: 1024px) {
.square_wrap {
width: 100%;
position: relative; }
.square01,
.square02,
.square03 {
display: block;
position: absolute; }
.square01 {
top: -100px; }
.square02 {
top: -615px; }
.square03 {
top: -1030px; } }

.panlist {
display: none; }

@media screen and (min-width: 1024px) {
.panlist {
display: block;
background: linear-gradient(to left, #0071bc 50%, #00a7e2 50%);
font-size: 1.2em;
overflow: hidden;
color: #d8e0e3;
font-weight: bold; }
.panlist .bg {
height: 30px;
line-height: 30px;
float: left; }
.panlist .bg a {
color: #d8e0e3;
position: absolute;
z-index: 2;
display: block;
padding: 0 0 0 23px;
background: url("../img/bg_home.png") no-repeat 0 8px;
background-size: 18px 14px; }
.panlist .bg02 {
background: #0071bc;
padding: 0 0 0 100px;
height: 30px;
line-height: 30px;
position: relative; }
.panlist .bg02 a {
color: #d8e0e3; }
.panlist .bg02 a:hover {
text-decoration: underline; }
.panlist .bg02:before {
content: '';
position: absolute;
top: -5px;
left: 0;
width: 90px;
height: 90px;
background: #00a7e2;
transform-origin: left center;
transform: rotate(-50deg);
z-index: 1; } }

.post-type-archive-case #content .a_title {
background: url("../img/bg_title02.jpg") no-repeat center center;
background-size: cover;
height: 140px;
color: #fff;
position: relative; }
@media screen and (min-width: 1024px) {
.post-type-archive-case #content .a_title {
height: 200px; } }
.post-type-archive-case #content .a_title:after {
content: url("../img/bg_title03.png");
position: absolute;
top: 0;
right: 0; }
.post-type-archive-case #content .a_title .inner {
position: relative;
top: 50%;
transform: translateY(-50%); }
@media screen and (min-width: 1024px) {
.post-type-archive-case #content .a_title .inner {
width: 768px; } }
.post-type-archive-case #content .a_title h1 {
font-size: 1.6em;
line-height: 1.4;
margin: 0 0 20px;
text-align: center; }
@media screen and (min-width: 1024px) {
.post-type-archive-case #content .a_title h1 {
font-size: 3em; } }

#content main {
font-family: "Noto Sans Japanese", sans-serif; }

#content .a_title {
background: url("../img/bg_title.jpg") no-repeat center center;
background-size: cover;
height: 100px;
color: #fff; }
#content .a_title .inner {
position: relative;
top: 50%;
transform: translateY(-50%); }
#content .a_title h1 {
font-size: 1.6em;
line-height: 1.4;
margin: 0 0 20px;
text-align: center; }

#content .disc .inner {
padding: 20px 0 0; }
#content .disc .inner p {
font-size: 1.2em;
line-height: 1.6; }

#content .post_area .post_body h2 {
font-size: 2em;
line-height: 1.4;
margin: 30px 0 10px; }

#content .post_area .post_body #product h2 {
margin: 60px 0 30px; }

#content .post_area .post_body #product .col_product_01 h2 {
margin: 0 0 30px; }

#content .post_area .post_body #product .col_product_02 h2,
#content .post_area .post_body #product .col_product_04 h2 {
width: 90%;
margin: 60px auto 30px; }

#content .post_area .post_body h3 {
font-size: 1.4em;
line-height: 1.4;
margin: 30px 0 10px; }
#content .post_area .post_body h3 br {
display: none; }

#content .post_area .post_body h4 {
font-size: 1.4em;
line-height: 1.4;
margin: 30px 0 10px; }
#content .post_area .post_body h4 br {
display: none; }

#content .post_area .post_body h5 {
font-size: 1.4rem;
margin: 30px 0 10px; }

#content .post_area .post_body p {
font-size: 1.4em;
line-height: 1.8;
margin: 0 0 15px; }

#content .post_area .post_body ul {
font-size: 1.4em;
line-height: 1.6;
list-style: disc;
margin: 0 0 0 20px; }
#content .post_area .post_body ul li {
margin: 15px 0; }

#content .post_area .post_body #product ul {
margin: 0 0 0 38px; }

#content .post_area .post_body ol {
font-size: 1.4em;
line-height: 1.6;
list-style: decimal;
margin: 0 0 0 20px; }
#content .post_area .post_body ol li {
margin: 15px 0; }

#content .post_area .post_body table {
font-size: 1.4em;
line-height: 1.6;
width: 100%; }
#content .post_area .post_body table th {
display: block;
background: #c3dbeb;
vertical-align: top;
padding: 10px;
text-align: left; }
#content .post_area .post_body table td {
display: block;
background: rgba(195, 219, 235, 0.2);
padding: 10px; }
#content .post_area .post_body table p {
font-size: 1em;
margin: 0;
line-height: 1.6; }
#content .post_area .post_body table ul {
font-size: 1em;
margin: 0 0 0 20px; }

#content .post_area .post_body .ty th, #content .post_area .post_body .ty td {
display: table-cell; }

#content .post_area .post_body .ty tr:last-child th, #content .post_area .post_body .ty tr:last-child td {
border-bottom: none; }

#content .post_area .post_body .ty th {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
text-align: center;
vertical-align: middle; }

#content .post_area .post_body .ty td {
border-bottom: 2px solid #fff;
border-left: 2px solid #fff; }
#content .post_area .post_body .ty td:first-of-type {
border-left: none; }

#content .post_area .post_body img {
width: 100%;
height: auto; }

#content .post_area .post_body hr {
height: 4px;
background: #fff;
border: none;
margin: 35px 0; }

#content .post_area .post_body blockquote {
padding: 10px;
background: #f2f2f2;
margin: 0 0 15px; }
#content .post_area .post_body blockquote p {
margin: 0;
line-height: 1.6; }
#content .post_area .post_body blockquote ul {
margin: 0 0 0 20px; }

#content .post_area .post_body .image_box img {
margin: 0 0 20px; }

.page-template-page-library_detail .post_area .post_body h3,
.single-column .post_area .post_body h3 {
color: #0071bc; }

.page-template-page-library_detail .post_area .post_body a,
.single-column .post_area .post_body a,
.single-release .post_area .post_body a {
color: #0071bc;
text-decoration: underline; }

.page-template-page-library_detail #content .post_area .post_body h2,
.single-column #content .post_area .post_body h2 {
margin: 80px 0 20px; }

.page-template-page-library_detail #content .post_area .post_body h2 + h3,
.single-column #content .post_area .post_body h2 + h3 {
margin: 40px 0 20px; }

@media screen and (max-width: 768px) {
.table_sc {
overflow: auto;
white-space: nowrap; }
.table_sc::-webkit-scrollbar {
height: 5px; }
.table_sc::-webkit-scrollbar-track {
background: #F1F1F1; }
.table_sc::-webkit-scrollbar-thumb {
background: #BCBCBC; } }

@media screen and (min-width: 768px) {
#content .post_area .post_body .image_box img {
width: 100%;
height: auto; }
#content .post_area .post_body .image_box .image_box_in {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
#content .post_area .post_body .image_box .image_box_in .image_box_child {
flex-basis: 48%; } }

@media screen and (min-width: 1024px) {
#content .a_title {
height: 240px; }
#content .a_title h1 {
font-size: 4em; }
#content .disc .inner {
width: 800px;
padding: 40px 0 0; }
#content .disc .inner p {
font-size: 1.4em;
line-height: 1.6; }
#content .post_area .post_body h2 {
font-size: 3em;
margin: 80px 0 40px; }
#content .post_area .post_body #product h2 {
margin: 120px 0 30px; }
#content .post_area .post_body #product .col_product_02 h2,
#content .post_area .post_body #product .col_product_04 h2 {
width: auto;
margin: 120px 0 30px; }
#content .post_area .post_body h3 {
font-size: 2em;
margin: 60px 0 20px; }
#content .post_area .post_body h3 br {
display: block; }
#content .post_area .post_body h4 {
font-size: 1.6em;
margin: 40px 0 20px; }
#content .post_area .post_body h4 br {
display: block; }
#content .post_area .post_body table tr:last-child th, #content .post_area .post_body table tr:last-child td {
border-bottom: none; }
#content .post_area .post_body table th {
display: table-cell;
padding: 20px;
width: 200px;
border-bottom: 2px solid #fff; }
#content .post_area .post_body table td {
display: table-cell;
padding: 20px;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff; }
#content .post_area .post_body table td:first-of-type {
border-left: none; }
#content .post_area .post_body hr {
margin: 90px 0 70px; }
#content .post_area .post_body img {
width: auto; }
#content .post_area .post_body .alignright {
float: right;
margin: 0 0 10px 10px; }
#content .post_area .post_body .alignleft {
float: left;
margin: 0 10px 10px 0; }
#content .post_area .post_body .aligncenter {
display: block;
margin: 50px auto; }
#content .post_area .post_body .flex-box {
display: flex;
justify-content: space-between;
margin: 0 0 50px; }
#content .post_area .post_body .flex-box .box_in {
flex-basis: 48%; }
#content .post_area .post_body .flex-box h3, #content .post_area .post_body .flex-box h4 {
text-align: center; }
#content .post_area .post_body .pt03 a {
width: 300px;
padding: 0 15px;
margin: 50px auto; }
#content .post_area .post_body .pt03 a:hover {
color: #fff; }
#content .post_area .post_body .pt05 a {
width: 300px;
padding: 0 15px;
margin: 50px auto;
color: #fff; }
#content .post_area .post_body .pt05 a:hover {
color: #0071bc; }
.page-template-page-library_detail .post_area .post_body a:hover,
.single-column .post_area .post_body a:hover,
.single-release .post_area .post_body a:hover {
color: #00a7e2; } }

.column-1 .post_area .post_header {
background: url("../img/bg_title.jpg") no-repeat center center;
background-size: cover;
height: 265px;
color: #fff; }
.column-1 .post_area .post_header .inner {
position: relative;
top: 50%;
transform: translateY(-50%); }
.column-1 .post_area .post_header .c_name {
text-align: center;
font-size: 1.2em;
margin: 0 0 20px;
font-weight: bold; }
.column-1 .post_area .post_header h1 {
font-size: 1.6em;
line-height: 1.4;
margin: 0 0 20px;
text-align: center; }
.column-1 .post_area .post_header p {
font-size: 1.2em;
line-height: 1.6em; }

.column-1 .post_area .cat_box .inner {
padding: 40px 0; }

.column-1 .post_area .cat_box dl {
font-size: 1.2em;
line-height: 1.6; }
.column-1 .post_area .cat_box dl dt {
font-weight: bold; }

.column-1 .post_area .cat_box .cat01 {
margin: 0 0 15px; }

.column-1 .post_area .cat_box .cat02 {
margin: 0 0 15px; }

.column-1 .post_area .cat_box .cat03 {
margin: 0 0 15px; }

.column-1 .post_area .post_body {
padding: 40px 0 20px;
background: #f3f6f7; }
.column-1 .post_area .post_body h2 {
text-align: center; }
.column-1 .post_area .post_body h2 br {
display: none; }

.column-1 #product_other {
padding: 60px 0; }
.column-1 #product_other a {
display: block;
margin: 0 0 30px; }
.column-1 #product_other a dl {
margin: 20px; }
.column-1 #product_other a dl dt {
width: 150px;
margin: 0 0 20px; }
.column-1 #product_other a dl dt img {
width: 100%;
height: auto; }
.column-1 #product_other a dl dd {
font-size: 1.2em;
line-height: 1.6; }

.column-1 #oyakudachi .inner {
padding: 60px 0; }

.column-1 #oyakudachi p {
font-size: 1.4em;
line-height: 1.6;
margin: 0 0 15px; }

.column-1 #oyakudachi .pn {
margin: 0 0 60px; }
.column-1 #oyakudachi .pn p {
margin: 0 auto 40px; }
.column-1 #oyakudachi .pn ul li {
margin: 0 0 2px; }
.column-1 #oyakudachi .pn ul li a {
display: block;
background: #f3f3f3;
width: 100%;
padding: 18px 0;
text-align: center;
font-size: 1.3em;
color: #0071bc; }

.column-1 #oyakudachi .box {
border: 1px solid #ccc;
padding: 20px;
margin: 0 0 60px; }
.column-1 #oyakudachi .box:last-of-type {
margin: 0; }
.column-1 #oyakudachi .box h2 {
font-size: 2em;
margin: 0 0 30px;
text-align: center;
color: #0071bc;
line-height: 1.4; }
.column-1 #oyakudachi .box h2 a {
color: #0071bc; }
.column-1 #oyakudachi .box ul {
font-size: 1.4em;
margin: 0 0 30px; }
.column-1 #oyakudachi .box ul li {
font-weight: bold;
margin: 10px 0;
line-height: 1.4;
padding: 0 0 0 13px;
text-indent: -16px; }
.column-1 #oyakudachi .box ul li:before {
font-family: 'FontAwesome';
content: '\f105';
color: #0071bc;
font-size: 1.6rem;
font-weight: bold;
margin: 0 5px 0; }
.column-1 #oyakudachi .box .pt03 a {
font-size: 1.4rem; }

.column-1 #oyakudachi .box02 {
border-bottom: 1px solid #ccc; }
.column-1 #oyakudachi .box02:first-of-type {
border-top: 1px solid #ccc; }
.column-1 #oyakudachi .box02 a {
padding: 24px 20px;
display: block; }
.column-1 #oyakudachi .box02 a h2 {
font-size: 1.4em;
margin: 0 0 20px;
color: #0071bc;
line-height: 1.4em; }
.column-1 #oyakudachi .box02 a .more {
height: 43px;
text-align: center;
padding: 14px 0 0;
font-size: 1.4em;
border: 1px solid #222;
width: 100%; }

.column-1 .yc_title {
background: url("../img/bg_title02.jpg") no-repeat center center;
background-size: cover;
height: 200px;
font-size: 2em;
font-weight: bold;
color: #fff;
text-align: center;
position: relative; }
.column-1 .yc_title:after {
content: url("../img/bg_title03.png");
position: absolute;
top: 0;
right: 0; }
.column-1 .yc_title .title_in {
display: block;
width: 90%;
margin: 0 auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1.5; }
.column-1 .yc_title .title_in span {
font-size: 1.4rem;
display: block;
margin: 0 0 4px; }

.column-1 #whitepaper {
margin: 60px 0 0; }
.column-1 #whitepaper dl {
margin: 0 0 60px 0; }
.column-1 #whitepaper dl dt {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 15px;
text-align: center;
font-size: 1.4em;
color: #0071bc;
margin: 0 0 30px; }
.column-1 #whitepaper dl .image {
margin: 0 auto 15px;
width: 180px; }
.column-1 #whitepaper dl .image img {
width: 100%;
height: auto; }
.column-1 #whitepaper dl .desc {
font-size: 1.4em;
line-height: 1.6;
margin: 0 0 40px; }
.column-1 #whitepaper dl .pt03 a {
width: 90%; }

.column-1 #company {
background: #f3f6f7; }
.column-1 #company ul {
display: flex;
flex-wrap: wrap;
font-size: 1.2em;
width: 90%;
margin: 0 auto;
padding: 20px 0;
font-weight: bold; }
.column-1 #company ul li {
flex-basis: 50%;
text-align: center;
margin: 10px 0; }
.column-1 #company ul li:before {
font-family: 'FontAwesome';
content: '\f105';
color: #0071bc;
font-size: 1.6rem;
font-weight: bold;
margin: 0 5px 0; }
.column-1 #company ul li.current_page_item a {
color: #0071bc; }
.column-1 #company ul a[target="_blank"]:after {
content: url("../img/img_blank.png");
margin: 0 0 0 10px; }

.column-1 .error_message {
font-size: 1.4em;
width: 90%;
margin: 0 auto 50px;
line-height: 1.6;
text-align: center; }

.column-1 #product_top {
margin: 40px 0; }
@media screen and (min-width: 1024px) {
.column-1 #product_top {
margin: 60px 0 0; } }
.column-1 #product_top .product_top_in.oroshi,
.column-1 #product_top .product_top_in.kouri {
width: 90vw;
margin: 0 auto; }
@media screen and (min-width: 768px) {
.column-1 #product_top .product_top_in.oroshi,
.column-1 #product_top .product_top_in.kouri {
display: flex;
flex-wrap: wrap;
justify-content: space-between; } }
@media screen and (min-width: 1024px) {
.column-1 #product_top .product_top_in.oroshi,
.column-1 #product_top .product_top_in.kouri {
width: 800px; } }
.column-1 #product_top .product_top_in.oroshi a,
.column-1 #product_top .product_top_in.kouri a {
background-color: #E4EFF6;
height: 140px;
display: block;
margin: 0 0 10px;
position: relative;
/*&:last-of-type {
width: 100%;
@media screen and (min-width: 1024px) {
width: 800px;
}
div {
@media screen and (min-width: 768px) {
width: 86vw;
}
@media screen and (min-width: 1024px) {
width: 770px;
}
}
dl {
@media screen and (min-width: 768px) {
width: 75vw;
}
@media screen and (min-width: 1024px) {
width: 740px;
}
}
dd {
@media screen and (min-width: 768px) {
font-size: 2.6rem;
}
}
}*/ }
@media screen and (min-width: 768px) {
.column-1 #product_top .product_top_in.oroshi a,
.column-1 #product_top .product_top_in.kouri a {
width: 44.5vw; } }
@media screen and (min-width: 1024px) {
.column-1 #product_top .product_top_in.oroshi a,
.column-1 #product_top .product_top_in.kouri a {
width: 395px; } }
.column-1 #product_top .product_top_in.oroshi a:first-of-type,
.column-1 #product_top .product_top_in.kouri a:first-of-type {
width: 100%; }
@media screen and (min-width: 1024px) {
.column-1 #product_top .product_top_in.oroshi a:first-of-type,
.column-1 #product_top .product_top_in.kouri a:first-of-type {
width: 800px; } }
@media screen and (min-width: 768px) {
.column-1 #product_top .product_top_in.oroshi a:first-of-type div,
.column-1 #product_top .product_top_in.kouri a:first-of-type div {
width: 86vw;
text-align: left; } }
@media screen and (min-width: 1024px) {
.column-1 #product_top .product_top_in.oroshi a:first-of-type div,
.column-1 #product_top .product_top_in.kouri a:first-of-type div {
width: 770px;
text-align: left; } }
@media screen and (min-width: 768px) {
.column-1 #product_top .product_top_in.oroshi a:first-of-type dl,
.column-1 #product_top .product_top_in.kouri a:first-of-type dl {
width: 75vw; } }
@media screen and (min-width: 1024px) {
.column-1 #product_top .product_top_in.oroshi a:first-of-type dl,
.column-1 #product_top .product_top_in.kouri a:first-of-type dl {
width: 680px; } }
@media screen and (min-width: 768px) {
.column-1 #product_top .product_top_in.oroshi a:first-of-type dd,
.column-1 #product_top .product_top_in.kouri a:first-of-type dd {
font-size: 3.2rem; } }
.column-1 #product_top .product_top_in.oroshi a::after,
.column-1 #product_top .product_top_in.kouri a::after {
font-family: 'FontAwesome';
content: '\f054';
color: #0071BC;
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%);
font-size: 1.5rem; }
.column-1 #product_top .product_top_in.oroshi a:hover,
.column-1 #product_top .product_top_in.kouri a:hover {
opacity: 0.8;
text-decoration: none; }
.column-1 #product_top .product_top_in.oroshi a > div,
.column-1 #product_top .product_top_in.kouri a > div {
background-color: #F3F8FB;
width: 82vw;
height: 100%;
text-align: center;
position: relative; }
@media screen and (min-width: 768px) {
.column-1 #product_top .product_top_in.oroshi a > div,
.column-1 #product_top .product_top_in.kouri a > div {
width: 40.5vw; } }
@media screen and (min-width: 1024px) {
.column-1 #product_top .product_top_in.oroshi a > div,
.column-1 #product_top .product_top_in.kouri a > div {
width: 365px; } }
.column-1 #product_top .product_top_in.oroshi a > div dl,
.column-1 #product_top .product_top_in.kouri a > div dl {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70vw; }
@media screen and (min-width: 768px) {
.column-1 #product_top .product_top_in.oroshi a > div dl,
.column-1 #product_top .product_top_in.kouri a > div dl {
width: 80%; } }
@media screen and (min-width: 1024px) {
.column-1 #product_top .product_top_in.oroshi a > div dl,
.column-1 #product_top .product_top_in.kouri a > div dl {
width: 345px; } }
.column-1 #product_top .product_top_in.oroshi a > div dl dt,
.column-1 #product_top .product_top_in.kouri a > div dl dt {
font-size: 1.2rem;
line-height: 1.5; }
.column-1 #product_top .product_top_in.oroshi a > div dl dd,
.column-1 #product_top .product_top_in.kouri a > div dl dd {
font-size: 1.8rem;
color: #0071BC;
font-weight: 700;
line-height: 1.5; }
.column-1 #product_top .product_top_in.oroshi a > div a[href$="/as400application/"] dd,
.column-1 #product_top .product_top_in.kouri a > div a[href$="/as400application/"] dd {
font-size: 1.7rem;
letter-spacing: -0.05em; }
@media screen and (min-width: 768px) {
.column-1 #product_top .oroshi_logo > div {
background-image: url("../img/product_logo_02.png");
background-size: 105.88px 77.14px;
background-position: 92% 50%;
background-repeat: no-repeat; } }
@media screen and (min-width: 768px) {
.column-1 #product_top .kouri_logo > div {
background-image: url("../img/product_logo_01.png");
background-size: 105.88px 77.14px;
background-position: 92% 50%;
background-repeat: no-repeat; } }
.column-1 #product_top .product_top_in {
width: 90vw;
margin: 0 auto; }
@media screen and (min-width: 768px) {
.column-1 #product_top .product_top_in {
display: flex;
flex-wrap: wrap;
justify-content: space-between; } }
@media screen and (min-width: 1024px) {
.column-1 #product_top .product_top_in {
width: 1120px;
justify-content: flex-start; } }
.column-1 #product_top .product_top_in a {
background-color: #E4EFF6;
margin: 0 0 10px 0;
height: 140px;
display: block;
position: relative; }
@media screen and (min-width: 768px) {
.column-1 #product_top .product_top_in a {
width: 44.5vw; } }
@media screen and (min-width: 1024px) {
.column-1 #product_top .product_top_in a {
width: 366px;
margin: 0 11px 10px 0; } }
.column-1 #product_top .product_top_in a::after {
font-family: 'FontAwesome';
content: '\f054';
color: #0071BC;
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%);
font-size: 1.5rem; }
.column-1 #product_top .product_top_in a:hover {
opacity: 0.8;
text-decoration: none; }
@media screen and (min-width: 1024px) {
.column-1 #product_top .product_top_in a:nth-of-type(3n) {
margin: 0 0 10px; } }
.column-1 #product_top .product_top_in a > div {
background-color: #F3F8FB;
width: 82vw;
height: 100%;
text-align: center;
position: relative; }
@media screen and (min-width: 768px) {
.column-1 #product_top .product_top_in a > div {
width: 40.5vw; } }
@media screen and (min-width: 1024px) {
.column-1 #product_top .product_top_in a > div {
width: 336px; } }
.column-1 #product_top .product_top_in a > div dl {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 77vw; }
@media screen and (min-width: 768px) {
.column-1 #product_top .product_top_in a > div dl {
width: 80%; } }
@media screen and (min-width: 1024px) {
.column-1 #product_top .product_top_in a > div dl {
width: 316px; } }
.column-1 #product_top .product_top_in a > div dl dt {
font-size: 1.2rem;
line-height: 1.5; }
.column-1 #product_top .product_top_in a > div dl dd {
font-size: 1.8rem;
color: #0071BC;
font-weight: 700;
line-height: 1.5; }
.column-1 #product_top .product_top_in a[href$="/as400application/"] dd {
font-size: 1.7rem;
letter-spacing: -0.05em; }

.column-1 #product .col_product_01 {
width: 90%;
margin: 0 auto; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_01 {
width: auto;
margin: 0; } }
.column-1 #product .col_product_01 h2 {
color: #0071BC; }
.column-1 #product .col_product_01 p {
margin: 0 auto 15px; }
@media screen and (min-width: 768px) {
.column-1 #product .col_product_01 p {
width: 720px; } }

.column-1 #product .col_product_02 {
width: 90%;
margin: 0 auto; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_02 {
width: auto;
margin: 0; } }
@media screen and (min-width: 768px) {
.column-1 #product .col_product_02 .col_product_02_in_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between; } }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_02 .col_product_02_in_wrap {
display: block; } }
.column-1 #product .col_product_02 .col_product_02_in {
margin: 0 0 20px; }
@media screen and (min-width: 768px) {
.column-1 #product .col_product_02 .col_product_02_in {
width: calc((100% - 20px) / 2);
background-color: #F3F6F7; } }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_02 .col_product_02_in {
background: linear-gradient(90deg, #ffffff 0%, #ffffff 50%, #F3F6F7 50%, #F3F6F7 100%);
margin: 0 0 60px;
width: auto; } }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_02 .col_product_02_in:nth-of-type(even) {
background: linear-gradient(90deg, #F3F6F7 0%, #F3F6F7 50%, #ffffff 50%, #ffffff 100%); } }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_02 .col_product_02_in:nth-of-type(even) .wrap {
flex-direction: row-reverse; } }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_02 .col_product_02_in:nth-of-type(even) .desc {
left: 0;
right: auto; } }
.column-1 #product .col_product_02 .col_product_02_in .wrap {
margin: 0 auto;
background-color: #F3F6F7;
position: relative; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_02 .col_product_02_in .wrap {
width: 1040px;
display: flex;
justify-content: space-between; } }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_02 .col_product_02_in .image {
width: 460px; } }
.column-1 #product .col_product_02 .col_product_02_in .image img {
width: 100%;
height: auto; }
.column-1 #product .col_product_02 .col_product_02_in .desc {
padding: 25px 5vw; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_02 .col_product_02_in .desc {
width: 540px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
padding: 0; } }
.column-1 #product .col_product_02 .col_product_02_in .desc h3 {
margin: 0 0 10px;
font-size: 1.6rem;
color: #0071BC;
line-height: 1.5; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_02 .col_product_02_in .desc h3 {
font-size: 2rem; } }
.column-1 #product .col_product_02 .col_product_02_in .desc p {
font-size: 1.4rem;
margin: 0; }

.column-1 #product .col_product_03 {
width: 90%;
margin: 0 auto; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_03 {
width: 800px; } }
.column-1 #product .col_product_03 .col_product_03_in {
background-color: #F3F8FB;
padding: 25px 5vw;
min-height: 238px;
margin: 0 auto;
display: table; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_03 .col_product_03_in {
padding: 45px 30px; } }
.column-1 #product .col_product_03 .col_product_03_in:nth-of-type(even) {
background-color: #E1EDF5; }
.column-1 #product .col_product_03 .col_product_03_in > div {
display: table-cell;
vertical-align: middle; }
.column-1 #product .col_product_03 .col_product_03_in h3 {
margin: 0 0 20px;
font-size: 1.6rem;
color: #0071BC;
line-height: 1.5;
text-align: center; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_03 .col_product_03_in h3 {
font-size: 2rem; } }
.column-1 #product .col_product_03 .col_product_03_in p {
font-size: 1.4rem;
margin: 0; }

.column-1 #product .col_product_04 {
margin: 0 auto;
width: 90%; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_04 {
width: 959px; } }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_04 .col_product_04_in {
display: flex;
flex-wrap: wrap; } }
.column-1 #product .col_product_04 .col_product_04_in dl {
margin: 0 0 10px;
background-color: #F3F8FB;
padding: 30px 5vw; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_04 .col_product_04_in dl {
padding: 30px;
width: 313px;
height: 193px;
margin: 0 10px 10px 0; } }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_04 .col_product_04_in dl:nth-of-type(3n) {
margin: 0 0 10px; } }
.column-1 #product .col_product_04 .col_product_04_in dl dt {
font-size: 1.6rem;
font-weight: 700;
line-height: 2.25;
text-align: center;
margin: 0 0 10px;
color: #0071BC; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_04 .col_product_04_in dl dt {
font-size: 2rem; } }
.column-1 #product .col_product_04 .col_product_04_in dl dd {
font-size: 1.4rem;
line-height: 1.5; }

.column-1 #product .col_product_05 {
width: 90%;
margin: 0 auto; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_05 {
width: 800px; } }
.column-1 #product .col_product_05 h3 {
color: #0071BC;
margin: 30px 0 20px; }
.column-1 #product .col_product_05 p {
margin: 0 0 30px;
line-height: 1.5; }
.column-1 #product .col_product_05 li {
font-weight: 700; }
@media screen and (max-width: 1023px) {
.column-1 #product .col_product_05 .wp-caption {
width: 100% !important;
margin: 0 0 30px; } }
.column-1 #product .col_product_05 .wp-caption-text {
font-size: 1.2rem;
margin: 10px 0 0;
text-align: center; }
@media screen and (min-width: 1024px) {
.column-1 #product .col_product_05 .movie_wrap {
width: 480px;
margin: 0 auto; } }
.column-1 #product .col_product_05 .movie {
margin: 60px auto; }

.column-1 #product_cv .col_product_06 {
border-top: 2px solid #DDDDDD;
width: 90%;
margin: 0 auto 40px; }
@media screen and (min-width: 1024px) {
.column-1 #product_cv .col_product_06 {
width: 800px; } }
@media screen and (min-width: 768px) {
.column-1 #product_cv .col_product_06 .col_product_06_in {
width: 650px;
margin: 0 auto; } }
.column-1 #product_cv .col_product_06 h2 {
font-size: 2rem;
line-height: 1.5;
margin: 40px 0 30px; }
@media screen and (min-width: 1024px) {
.column-1 #product_cv .col_product_06 h2 {
font-size: 3rem;
margin: 80px 0 30px;
text-align: center; } }
.column-1 #product_cv .col_product_06 h2 br {
display: none; }
@media screen and (min-width: 1024px) {
.column-1 #product_cv .col_product_06 h2 br {
display: block; } }
.column-1 #product_cv .col_product_06 p {
font-size: 1.4rem;
line-height: 1.8;
margin: 0 0 30px; }
@media screen and (min-width: 768px) {
.column-1 #product_cv .col_product_06 ul {
display: flex;
justify-content: space-between; } }
.column-1 #product_cv .col_product_06 ul .pt_p01 {
height: 54px;
margin: 0 auto 20px;
filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.16)); }
@media screen and (min-width: 768px) {
.column-1 #product_cv .col_product_06 ul .pt_p01 {
width: 300px;
margin: 0; } }
.column-1 #product_cv .col_product_06 ul .pt_p01 .btn {
background-color: #0171BC;
border-radius: 4px;
font-size: 1.6rem;
font-weight: 700;
color: #fff; }
.column-1 #product_cv .col_product_06 ul .pt_p01 .posi::after {
font-family: 'FontAwesome';
content: '\f054';
color: #0171BC;
margin: 0 5px 0 0;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
color: #fff;
font-size: 1.5rem;
margin: 0 8px 0 0; }
.column-1 #product_cv .col_product_06 ul .pt_p02 {
height: 70px;
margin: 0 auto 5px; }
@media screen and (min-width: 768px) {
.column-1 #product_cv .col_product_06 ul .pt_p02 {
width: 260px;
margin: 0; } }
.column-1 #product_cv .col_product_06 ul .pt_p02 .btn {
font-size: 1.2rem; }
.column-1 #product_cv .col_product_06 ul .pt_p02 .tel {
font-family: 'Hind', sans-serif;
font-size: 3.6rem;
display: block;
margin: 0 0 -40px;
font-weight: 700;
color: #0171BC;
letter-spacing: 0.03em; }
.column-1 #product_cv .col_product_06 ul .pt_p02 .tel::before {
font-family: 'FontAwesome';
content: '\f2a0';
color: #0171BC;
margin: 0 5px 0 0;
font-size: 3.2rem;
vertical-align: 2px; }
.column-1 #product_cv .col_product_06 ul .pt_p02 .tel a {
color: #0171BC; }
.column-1 #product_cv .col_product_06 ul .pt_p03 {
height: 54px;
margin: 0 auto;
filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.16)); }
@media screen and (min-width: 768px) {
.column-1 #product_cv .col_product_06 ul .pt_p03 {
width: 260px;
margin: 0; } }
.column-1 #product_cv .col_product_06 ul .pt_p03 .btn {
background-color: #FC980A;
border-radius: 4px;
font-size: 1.7rem;
font-weight: 700;
color: #fff; }
.column-1 #product_cv .col_product_06 ul .pt_p03 .posi::after {
font-family: 'FontAwesome';
content: '\f054';
color: #0171BC;
margin: 0 5px 0 0;
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
color: #fff;
font-size: 1.5rem;
margin: 0 8px 0 0; }
.column-1 #product_cv .col_product_06 ul .btn {
width: 100%;
height: 100%;
display: block;
text-align: center; }
@media screen and (min-width: 1024px) {
.column-1 #product_cv .col_product_06 ul .btn:hover {
opacity: 0.8; } }
.column-1 #product_cv .col_product_06 ul .btn .posi {
position: relative;
top: 50%;
transform: translateY(-50%);
width: auto; }
.column-1 #product_cv .col_product_06 .contact {
background-color: #F3F8FB;
padding: 20px;
margin: 30px 0 0; }
@media screen and (min-width: 768px) {
.column-1 #product_cv .col_product_06 .contact {
padding: 27px 45px 24px 34px;
margin: 50px 0 0; } }
.column-1 #product_cv .col_product_06 .contact h3 {
font-size: 1.6rem;
text-align: center;
color: #0171BC;
font-weight: normal;
margin: 0 0 20px; }
@media screen and (min-width: 1024px) {
.column-1 #product_cv .col_product_06 .contact h3 {
margin: 0 0 30px; } }

.page #content.column-1 .post_area .post_header,
.single-case #content.column-1 .post_area .post_header,
.error404 #content.column-1 .post_area .post_header {
background: url("../img/bg_title02.jpg") no-repeat center center;
background-size: cover;
height: 140px;
position: relative; }
.page #content.column-1 .post_area .post_header:after,
.single-case #content.column-1 .post_area .post_header:after,
.error404 #content.column-1 .post_area .post_header:after {
content: url("../img/bg_title03.png");
position: absolute;
top: 0;
right: 0; }
.page #content.column-1 .post_area .post_header h1 span,
.single-case #content.column-1 .post_area .post_header h1 span,
.error404 #content.column-1 .post_area .post_header h1 span {
display: block;
font-size: 1.4rem;
margin: 0 0 10px; }

.page #content.column-1 .post_area .post_body,
.single-case #content.column-1 .post_area .post_body,
.error404 #content.column-1 .post_area .post_body {
background: none; }
.page #content.column-1 .post_area .post_body h2:first-child,
.single-case #content.column-1 .post_area .post_body h2:first-child,
.error404 #content.column-1 .post_area .post_body h2:first-child {
margin: 0 0 40px; }
.page #content.column-1 .post_area .post_body .company,
.single-case #content.column-1 .post_area .post_body .company,
.error404 #content.column-1 .post_area .post_body .company {
width: 90%;
margin: 0 auto;
/*dl {
margin: 0 0 50px;
font-size: 1.6em;
flex-basis: 48%;
dt {
padding: 15px;
background: #0071bc;
color: #fff;
font-weight: bold;
margin: 0 0 15px;	
}
dd {
line-height: 1.6;
&:first-of-type {
min-height: 100px;
margin: 0 0 10px;
}
}
.more {
text-align: right;
font-weight: bold;
font-size: 1.4rem;
&:before {
font-family: 'FontAwesome';
content: '\f105';
color: $color01;
font-size: 1.6rem;
font-weight: bold;
margin: 0 5px 0;
}
}
}*/ }
.page #content.column-1 .post_area .post_body .company a,
.single-case #content.column-1 .post_area .post_body .company a,
.error404 #content.column-1 .post_area .post_body .company a {
display: block;
margin: 0 0 65px; }
.page #content.column-1 .post_area .post_body .company a:hover,
.single-case #content.column-1 .post_area .post_body .company a:hover,
.error404 #content.column-1 .post_area .post_body .company a:hover {
text-decoration: none;
opacity: 0.75; }
.page #content.column-1 .post_area .post_body .company a img,
.single-case #content.column-1 .post_area .post_body .company a img,
.error404 #content.column-1 .post_area .post_body .company a img {
width: 100%;
height: auto;
margin: 0 0 20px; }
.page #content.column-1 .post_area .post_body .company a .title,
.single-case #content.column-1 .post_area .post_body .company a .title,
.error404 #content.column-1 .post_area .post_body .company a .title {
font-size: 1.6em;
font-weight: bold;
display: block;
margin: 0 0 10px; }
.page #content.column-1 .post_area .post_body .company a .title::before,
.single-case #content.column-1 .post_area .post_body .company a .title::before,
.error404 #content.column-1 .post_area .post_body .company a .title::before {
font-family: 'FontAwesome';
content: '\f105';
color: #0071bc;
font-weight: bold;
margin: 0 5px 0; }
.page #content.column-1 .post_area .post_body .company a .desc,
.single-case #content.column-1 .post_area .post_body .company a .desc,
.error404 #content.column-1 .post_area .post_body .company a .desc {
font-size: 1.6em;
line-height: 1.6; }
.page #content.column-1 .post_area .post_body .company a:nth-of-type(3) .desc,
.single-case #content.column-1 .post_area .post_body .company a:nth-of-type(3) .desc,
.error404 #content.column-1 .post_area .post_body .company a:nth-of-type(3) .desc {
letter-spacing: -0.08em; }

.page-id-204 #content.column-1 main {
background: #f3f6f7; }

.page-id-204 #content.column-1 .post_area .post_body {
padding: 0; }
.page-id-204 #content.column-1 .post_area .post_body .inner {
width: 100%; }
.page-id-204 #content.column-1 .post_area .post_body h2:first-child {
margin: 0 0 30px; }
.page-id-204 #content.column-1 .post_area .post_body h2 .fs {
font-size: 2rem;
display: block;
margin: 0 0 5px; }
.page-id-204 #content.column-1 .post_area .post_body .select .white {
background: #fff; }
.page-id-204 #content.column-1 .post_area .post_body .select .box {
width: 90%;
margin: 0 auto;
padding: 80px 0; }
.page-id-204 #content.column-1 .post_area .post_body .select .blue {
color: #0071bc; }
.page-id-204 #content.column-1 .post_area .post_body .select h3 {
text-align: center;
margin: 0 0 20px; }
.page-id-204 #content.column-1 .post_area .post_body .select .fuki {
padding: 15px;
background: #0071bc;
font-size: 1.8em;
width: 90%;
margin: 40px auto 0;
font-weight: bold;
color: #fff;
text-align: center;
position: relative; }
.page-id-204 #content.column-1 .post_area .post_body .select .fuki:before {
content: '▲';
position: absolute;
top: -15px;
left: 46%;
color: #0071bc; }
.page-id-204 #content.column-1 .post_area .post_body .select .bg01 {
display: flex; }
.page-id-204 #content.column-1 .post_area .post_body .select .bg01 p {
display: none; }
.page-id-204 #content.column-1 .post_area .post_body .select .bg01 .bg_in01 {
background: url("../img/bg_bg_in01.jpg") no-repeat center center;
background-size: cover;
height: 200px;
flex-basis: 50%; }
.page-id-204 #content.column-1 .post_area .post_body .select .bg01 .bg_in02 {
background: url("../img/bg_bg_in02.jpg") no-repeat center center;
background-size: cover;
height: 200px;
flex-basis: 50%; }
.page-id-204 #content.column-1 .post_area .post_body .select .bg02 {
background: url("../img/bg_bg02.jpg") no-repeat center bottom;
background-size: cover;
height: 200px;
width: 100%; }
.page-id-204 #content.column-1 .post_area .post_body .select .bg02 p {
display: none; }
.page-id-204 #content.column-1 .post_area .post_body .select .bg03 {
background: url("../img/bg_bg03.jpg") no-repeat center center;
background-size: cover;
height: 200px;
width: 100%; }
.page-id-204 #content.column-1 .post_area .post_body .select .bg03 p {
display: none; }
.page-id-204 #content.column-1 .post_area .post_body .service {
background: #fff; }
.page-id-204 #content.column-1 .post_area .post_body .service .inner {
padding: 60px 0; }
.page-id-204 #content.column-1 .post_area .post_body .service p {
font-size: 1.4em;
line-height: 1.6;
margin: 0 auto 20px;
width: 90%;
text-align: justify; }
.page-id-204 #content.column-1 .post_area .post_body .service .box {
width: 90%;
margin: 0 auto; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .title03 {
font-size: 1.4em;
text-align: center;
width: 90%;
margin: 0 auto 15px;
font-weight: bold; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .title03:after {
content: '';
display: block;
transform-origin: 0 50%;
width: 100%;
height: 15px;
border-top: 1px solid #222; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl {
margin: 0 0 25px; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl dt {
width: 30%;
float: left; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl dt img {
width: 100%;
height: auto; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl dd {
float: right;
width: 65%; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl .title04 {
font-size: 1.4em;
margin: 0 0 5px;
font-weight: bold; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl .disc {
font-size: 1.2em;
line-height: 1.4; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .box01 {
margin: 0 0 30px; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .box01 .title03:after {
transform: skewX(46deg);
border-right: 1px solid #222;
margin: 10px 0 0; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .box02 .title03:after {
transform: skewX(-46deg);
border-left: 1px solid #222;
margin: 10px 0 0; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .pt02 {
width: 70%;
margin: 0 auto; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .pt02 a {
border: 1px #222 solid;
color: #222; }

.page-id-1819 #content.column-1 .post_area .post_body {
padding: 0 0 80px; }
.page-id-1819 #content.column-1 .post_area .post_body h2 {
color: #0071BB;
line-height: 1.8; }
.page-id-1819 #content.column-1 .post_area .post_body h2:first-child {
margin: 90px 0 60px; }

.page-id-1819 #content.column-1 #canvas {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden; }

.page-id-1819 #content.column-1 .n01 .inner {
padding: 80px 0 50px; }

.page-id-1819 #content.column-1 .n01 .title {
width: 90%;
margin: 0 auto 30px; }
.page-id-1819 #content.column-1 .n01 .title img {
width: 100%;
height: auto; }

.page-id-1819 #content.column-1 .n01 p {
font-size: 1.6em;
line-height: 1.8;
text-align: center; }

.page-id-1819 #content.column-1 .n02 {
background: #f3f6f7; }
.page-id-1819 #content.column-1 .n02 .inner {
padding: 100px 0; }
.page-id-1819 #content.column-1 .n02 h2 {
font-size: 2.4em;
text-align: center;
margin: 0 0 90px;
color: #0071BB;
line-height: 1.4; }
.page-id-1819 #content.column-1 .n02 h2 span {
font-size: 1.6rem;
display: block;
margin: 0 0 20px; }
.page-id-1819 #content.column-1 .n02 p {
margin: 0 0 50px;
font-size: 1.6em;
line-height: 1.8; }
.page-id-1819 #content.column-1 .n02 .img01 {
width: 70%;
margin: 0 auto 60px; }
.page-id-1819 #content.column-1 .n02 .img01 img {
width: 100%;
height: auto; }
.page-id-1819 #content.column-1 .n02 .img02 {
width: 70%;
margin: 0 auto 50px; }
.page-id-1819 #content.column-1 .n02 .img02 img {
width: 100%;
height: auto; }

.page-id-1819 #content.column-1 .n03 {
background-image: url("../img/bg_n03.jpg");
background-size: cover;
background-position: center center; }
.page-id-1819 #content.column-1 .n03 .inner {
width: 90%; }
.page-id-1819 #content.column-1 .n03 .inner img {
width: 100%;
height: auto; }

.page-id-1819 #content.column-1 .service {
background: #fff; }
.page-id-1819 #content.column-1 .service .inner {
padding: 100px 0; }
.page-id-1819 #content.column-1 .service h2 {
font-size: 2.4em;
text-align: center;
margin: 0 0 40px; }
.page-id-1819 #content.column-1 .service p {
font-size: 1.4em;
line-height: 1.6;
margin: 0 auto 20px;
width: 90%;
text-align: justify; }
.page-id-1819 #content.column-1 .service .box {
width: 90%;
margin: 0 auto; }
.page-id-1819 #content.column-1 .service .box .title03 {
font-size: 1.4em;
text-align: center;
width: 90%;
margin: 0 auto 15px;
font-weight: bold; }
.page-id-1819 #content.column-1 .service .box .title03:after {
content: '';
display: block;
transform-origin: 0 50%;
width: 100%;
height: 15px;
border-top: 1px solid #222; }
.page-id-1819 #content.column-1 .service .box dl {
margin: 0 0 25px; }
.page-id-1819 #content.column-1 .service .box dl dt {
width: 30%;
float: left; }
.page-id-1819 #content.column-1 .service .box dl dt img {
width: 100%;
height: auto; }
.page-id-1819 #content.column-1 .service .box dl dd {
float: right;
width: 65%; }
.page-id-1819 #content.column-1 .service .box dl .title04 {
font-size: 1.4em;
margin: 0 0 5px;
font-weight: bold; }
.page-id-1819 #content.column-1 .service .box dl .disc {
font-size: 1.2em;
line-height: 1.4; }
.page-id-1819 #content.column-1 .service .box .box01 {
margin: 0 0 30px; }
.page-id-1819 #content.column-1 .service .box .box01 .title03:after {
transform: skewX(46deg);
border-right: 1px solid #222;
margin: 10px 0 0; }
.page-id-1819 #content.column-1 .service .box .box02 .title03:after {
transform: skewX(-46deg);
border-left: 1px solid #222;
margin: 10px 0 0; }
.page-id-1819 #content.column-1 .service .box .pt02 {
width: 70%;
margin: 0 auto; }
.page-id-1819 #content.column-1 .service .box .pt02 a {
border: 1px #222 solid;
color: #222; }

.page-id-1530 #content.column-1 .post_area .post_body {
padding: 0; }
.page-id-1530 #content.column-1 .post_area .post_body .inner {
width: 100%; }
.page-id-1530 #content.column-1 .post_area .post_body .gray {
background: #F3F6F7; }
.page-id-1530 #content.column-1 .post_area .post_body .box {
padding: 60px 0;
width: 90%;
margin: 0 auto; }
.page-id-1530 #content.column-1 .post_area .post_body .table_sc img {
width: 901px; }

@media screen and (min-width: 768px) {
.column-1 .post_area .post_header {
height: 400px; }
.column-1 .post_area .post_header .inner {
width: 768px; }
.column-1 .post_area .post_header .c_name {
font-size: 2em;
margin: 0 0 30px; }
.column-1 .post_area .post_header h1 {
font-size: 4em; }
.column-1 .post_area .post_header p {
font-size: 1.4em;
line-height: 1.8em; }
.column-1 .post_area .cat_box .inner {
width: 740px; }
.column-1 .post_area .cat_box dl {
font-size: 1.4em; }
.column-1 .post_area .cat_box dl dt {
float: left; }
.column-1 .post_area .cat_box .cat01 {
float: left;
margin: 0 20px 15px 0; }
.column-1 .post_area .cat_box .cat01 dt {
width: 140px; }
.column-1 .post_area .cat_box .cat01 dd {
padding: 0 0 0 140px; }
.column-1 .post_area .cat_box .cat02 {
float: left;
margin: 0 20px 15px 0; }
.column-1 .post_area .cat_box .cat02 dt {
width: 40px; }
.column-1 .post_area .cat_box .cat02 dd {
padding: 0 0 0 40px; }
.column-1 .post_area .cat_box .cat03 dt {
width: 130px; }
.column-1 .post_area .cat_box .cat03 dd {
padding: 0 0 0 130px; }
.column-1 .post_area .post_body h2 br {
display: block; }
.column-1 #product_other {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.column-1 #product_other a {
display: block;
flex-basis: 48%; }
.column-1 #oyakudachi .w700 {
width: 500px; }
.column-1 #oyakudachi .pn ul li {
float: left;
width: calc(100% / 2 - 2px);
margin: 0 1px 1px 0; }
.column-1 #oyakudachi .pn ul li:nth-type-of(2n) {
margin: 0; }
.column-1 #oyakudachi .box {
padding: 40px; }
.column-1 #oyakudachi .box h2 {
font-size: 3em; }
.column-1 #oyakudachi .box ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.column-1 #oyakudachi .box ul li {
flex-basis: 48%; }
.column-1 #oyakudachi .box.b8 ul li {
flex-basis: 23%; }
.column-1 #oyakudachi .box02 {
position: relative; }
.column-1 #oyakudachi .box02 a {
height: 90px; }
.column-1 #oyakudachi .box02 a h2 {
font-size: 2em;
width: 400px;
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%); }
.column-1 #oyakudachi .box02 a .more {
width: 180px;
height: 43px;
text-align: center;
padding: 14px 0 0;
font-size: 1.4em;
border: 1px solid #222;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%); }
.column-1 #whitepaper {
display: flex; }
.column-1 #whitepaper dl {
flex-basis: 45%;
margin: 0 10% 60px 0; }
.column-1 #whitepaper dl:nth-of-type(2n) {
margin: 0 0 60px 0; }
.column-1 #company {
background: #f3f6f7; }
.column-1 #company ul {
display: flex;
flex-wrap: nowrap;
padding: 25px 0; }
.column-1 #company ul li {
flex-basis: 25%;
margin: 0; }
.column-1 .error_message {
font-size: 2em;
width: 700px;
margin: 0 auto 50px;
line-height: 1.8; }
.page #content.column-1 .post_area .post_header,
.single-case #content.column-1 .post_area .post_header,
.error404 #content.column-1 .post_area .post_header {
height: 200px; }
.page #content.column-1 .post_area .post_header h1,
.single-case #content.column-1 .post_area .post_header h1,
.error404 #content.column-1 .post_area .post_header h1 {
font-size: 3em; }
.page #content.column-1 .post_area .post_header h1 span,
.single-case #content.column-1 .post_area .post_header h1 span,
.error404 #content.column-1 .post_area .post_header h1 span {
font-size: 2rem; }
.page #content.column-1 .post_area .post_body .company,
.single-case #content.column-1 .post_area .post_body .company,
.error404 #content.column-1 .post_area .post_body .company {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%; }
.page #content.column-1 .post_area .post_body .company a,
.single-case #content.column-1 .post_area .post_body .company a,
.error404 #content.column-1 .post_area .post_body .company a {
width: 370px; }
.page-id-204 #content.column-1 .post_area .post_body .select .box {
width: 700px; }
.page-id-204 #content.column-1 .post_area .post_body .select .fuki {
width: 400px;
font-size: 2.5em; }
.page-id-204 #content.column-1 .post_area .post_body .select .bg01 .bg_in01, .page-id-204 #content.column-1 .post_area .post_body .select .bg01 .bg_in02 {
height: 400px; }
.page-id-204 #content.column-1 .post_area .post_body .select .bg02, .page-id-204 #content.column-1 .post_area .post_body .select .bg03 {
height: 400px; }
.page-id-204 #content.column-1 .post_area .post_body .service p {
margin: 0 auto 45px; }
.page-id-204 #content.column-1 .post_area .post_body .service .box {
width: 80%; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .title03 {
font-size: 1.6em;
margin: 0 0 15px;
width: auto; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .title03:after {
transform-origin: 0 100%; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl dt {
width: 20%; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl dd {
width: 75%; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl .title04 {
font-size: 2em; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl .disc {
font-size: 1.4em;
line-height: 1.6; }
.page-id-1819 #content.column-1 .n01 .title {
width: 550px; }
.page-id-1819 #content.column-1 .n02 .inner {
width: 580px;
padding: 100px 0; }
.page-id-1819 #content.column-1 .n02 h2 {
font-size: 3em; }
.page-id-1819 #content.column-1 .n02 h2 span {
font-size: 2rem; }
.page-id-1819 #content.column-1 .n02 .img01 {
width: 396px; }
.page-id-1819 #content.column-1 .n02 .img02 {
width: 350px; }
.page-id-1819 #content.column-1 .n03 .inner {
width: 80%; }
.page-id-1819 #content.column-1 .service h2 {
font-size: 3em; }
.page-id-1819 #content.column-1 .service p {
margin: 0 auto 45px; }
.page-id-1819 #content.column-1 .service .box {
width: 80%; }
.page-id-1819 #content.column-1 .service .box .title03 {
font-size: 1.6em;
margin: 0 0 15px;
width: auto; }
.page-id-1819 #content.column-1 .service .box .title03:after {
transform-origin: 0 100%; }
.page-id-1819 #content.column-1 .service .box dl dt {
width: 20%; }
.page-id-1819 #content.column-1 .service .box dl dd {
width: 75%; }
.page-id-1819 #content.column-1 .service .box dl .title04 {
font-size: 2em; }
.page-id-1819 #content.column-1 .service .box dl .disc {
font-size: 1.4em;
line-height: 1.6; } }

@media screen and (min-width: 1024px) {
.column-1 .inner {
width: 1100px; }
.column-1 .post_area .post_body {
padding: 80px 0 70px; }
.column-1 .post_area .post_body br {
display: block; }
.column-1 .haikei {
width: 700px;
margin: 0 auto; }
.column-1 .kadai .box {
display: flex; }
.column-1 .kadai .box .box_in {
margin: 0 20px;
flex-basis: 50%; }
.column-1 .w700 {
width: 700px;
margin: 0 auto; }
.column-1 #product_other a:hover {
text-decoration: none;
opacity: 0.7; }
.column-1 #product_other a dl dt {
float: left;
margin: 0; }
.column-1 #product_other a dl dd {
padding: 0 0 0 170px;
font-size: 1.4em; }
.column-1 #product_other a dl .title {
color: #0071bc;
margin: 0 0 10px; }
.column-1 #oyakudachi .inner {
width: 1080px; }
.column-1 #oyakudachi .w700 {
width: 700px; }
.column-1 #oyakudachi .pn ul li {
float: left;
width: 358px;
margin: 0 1px 1px 0; }
.column-1 #oyakudachi .pn ul li:nth-type-of(3n) {
margin: 0; }
.column-1 #oyakudachi .pn ul li a:hover {
background: #0071bc;
color: #fff;
text-decoration: none; }
.column-1 #oyakudachi .box02 {
width: 800px;
margin: 0 auto; }
.column-1 #oyakudachi .box02 a:hover {
text-decoration: none;
background: #f7f7f7; }
.column-1 #oyakudachi .box02 a:hover p {
text-decoration: underline; }
.column-1 #oyakudachi .box02 a:hover .more {
border: 1px solid #0071bc;
background: #0071bc;
color: #fff; }
.column-1 #oyakudachi .box02 a h2 {
width: 560px; }
.column-1 #oyakudachi .box02 a p {
width: 560px; }
.column-1 .yc_title {
font-size: 3em; }
.column-1 .yc_title .title_in span {
font-size: 2rem; }
.column-1 #whitepaper dl {
flex-basis: 300px;
margin: 0 100px 60px 0; }
.column-1 #whitepaper dl:nth-of-type(2n) {
margin: 0 100px 60px 0; }
.column-1 #whitepaper dl:nth-of-type(3n) {
margin: 0 0 60px 0; }
.column-1 #whitepaper dl dt {
font-size: 1.6em; }
.column-1 #whitepaper dl .pt03 a {
width: 290px; }
.column-1 #company {
background: #f3f6f7; }
.column-1 #company ul {
font-size: 1.4em;
width: 800px;
margin: 0 auto; }
.column-1 #company ul li {
flex-basis: 200px; }
.page-id-204 #content.column-1 .post_area .post_body .service p {
width: 700px;
margin: 0 auto 60px; }
.page-id-204 #content.column-1 .post_area .post_body .service .box {
width: 1120px;
display: flex;
justify-content: space-between; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .title03 {
font-size: 1.6em;
margin: 0 0 15px;
width: auto; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .title03:after {
transform-origin: 0 100%; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl {
height: 160px; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl dt {
width: 156px;
padding: 10px 0 0 20px; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl dd {
float: right;
width: 280px; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl .title04 {
font-size: 2em;
margin: 0 0 15px; }
.page-id-204 #content.column-1 .post_area .post_body .service .box dl .disc {
font-size: 1.4em;
line-height: 1.8; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .box01 {
width: 500px;
margin: 0 15px; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .box01 .title03:after {
margin: 20px 0 0; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .box02 {
width: 500px;
margin: 0 15px; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .box02 .title03:after {
margin: 20px 0 0; }
.page-id-204 #content.column-1 .post_area .post_body .service .box .pt02 {
width: 228px; }
.page-id-1819 #content.column-1 .post_area .post_body .inner {
width: 800px; }
.page-id-1819 #content.column-1 .n03 .inner {
width: 800px; }
.page-id-1819 #content.column-1 .service .inner {
width: 1120px; }
.page-id-1819 #content.column-1 .service p {
width: 700px;
margin: 0 auto 60px; }
.page-id-1819 #content.column-1 .service .box {
width: 1120px;
display: flex;
justify-content: space-between; }
.page-id-1819 #content.column-1 .service .box .title03 {
font-size: 1.6em;
margin: 0 0 15px;
width: auto; }
.page-id-1819 #content.column-1 .service .box .title03:after {
transform-origin: 0 100%; }
.page-id-1819 #content.column-1 .service .box dl {
height: 160px; }
.page-id-1819 #content.column-1 .service .box dl dt {
width: 156px;
padding: 10px 0 0 20px; }
.page-id-1819 #content.column-1 .service .box dl dd {
float: right;
width: 280px; }
.page-id-1819 #content.column-1 .service .box dl .title04 {
font-size: 2em;
margin: 0 0 15px; }
.page-id-1819 #content.column-1 .service .box dl .disc {
font-size: 1.4em;
line-height: 1.8; }
.page-id-1819 #content.column-1 .service .box .box01 {
width: 500px;
margin: 0 15px; }
.page-id-1819 #content.column-1 .service .box .box01 .title03:after {
margin: 20px 0 0; }
.page-id-1819 #content.column-1 .service .box .box02 {
width: 500px;
margin: 0 15px; }
.page-id-1819 #content.column-1 .service .box .box02 .title03:after {
margin: 20px 0 0; }
.page-id-1819 #content.column-1 .service .box .pt02 {
width: 228px; }
.page-id-1530 #content.column-1 .post_area .post_body .box {
width: 100%; }
.page-id-1530 #content.column-1 .post_area .post_body .box .w700 {
width: 700px;
margin: 0 auto 30px; }
.page-id-1530 #content.column-1 .post_area .post_body .box .w1000 {
width: 1000px;
margin: 0 auto; }
.page-template-page-company .column-1 .post_body .inner,
.page-id-1523 .column-1 .post_body .inner {
width: 800px; }
.single-case .column-1 .post_body .inner {
width: 800px; } }

@media screen and (max-width: 768px) {
#content .title:after {
content: "" !important; } }

@media screen and (max-width: 390px) {
.page-id-1330 .column-1 .yc_title .title_in {
width: 100%;
font-size: 1.75rem; } }

.column-2 {
border-bottom: 10px solid #ececec; }
.column-2 .title {
background: url("../img/bg_title02.jpg") no-repeat center center;
background-size: cover;
height: 140px;
font-size: 2em;
font-weight: bold;
color: #fff;
text-align: center;
position: relative; }
.column-2 .title:after {
content: url("../img/bg_title03.png");
position: absolute;
top: 0;
right: 0; }
.column-2 .title .title_in {
display: block;
width: 90%;
margin: 0 auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1.5; }
.column-2 .title .title_in span {
font-size: 1.4rem;
display: block;
margin: 0 0 4px; }
.column-2 .inner {
width: 100%; }
.column-2 .inner main {
padding: 40px 0;
width: 90%;
margin: 0 auto; }
.column-2 .inner .side {
padding: 20px;
background: #f3f3f3; }
.column-2 .inner .side .title01 {
font-family: 'Hind',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
color: #0071bc;
margin: 10px 0;
padding: 0 0 10px;
font-weight: bold;
font-size: 1.6em;
border-bottom: 1px solid #c4c4c4; }
.column-2 .inner .side .title01 a {
color: #0071bc; }
.column-2 .inner .side ul {
margin: 0 0 50px; }
.column-2 .inner .side ul li a {
display: block;
padding: 4px 0;
font-size: 1.4em;
font-weight: bold;
line-height: 1.6; }
.column-2 .inner .side ul li a:hover {
color: #0071bc; }
.column-2 .inner .side ul .s_top a {
color: #0071bc; }
.column-2 .inner .side ul .sub,
.column-2 .inner .side ul .children {
padding: 0 0 10px 20px;
margin: 0; }
.column-2 .inner .side ul .sub li a,
.column-2 .inner .side ul .children li a {
font-size: 1.4rem;
font-weight: normal; }
.column-2 .inner .side ul .current_page_item > a,
.column-2 .inner .side ul .current-cat > a {
color: #0071bc;
font-weight: bold !important; }
.column-2 .inner .side ul .current_page_item li a,
.column-2 .inner .side ul .current-cat li a {
color: #444; }
.column-2 .inner .side dl {
font-size: 1.4em; }
.column-2 .inner .side dl dt {
font-family: 'Hind', sans-serif;
color: #0071bc;
margin: 0 0 10px;
background: url("../img/bg_mail_blue.png") no-repeat 100% 0;
background-size: 19px 12px;
width: 130px;
line-height: 15px; }
.column-2 .inner .side dl dd {
line-height: 1.5; }
.column-2 .inner .side dl .more {
margin: 10px 0 0;
font-weight: bold; }
.column-2 .inner .side dl .more:before {
font-family: 'FontAwesome';
content: '\f105';
color: #0071bc;
font-size: 1.6rem;
font-weight: bold;
margin: 0 5px 0; }
.column-2 .post_area .post_header {
margin: 0 0 20px; }
.column-2 .post_area .post_header h1 {
font-size: 2em;
line-height: 1.4;
margin: 0 0 20px; }
.column-2 .post_area .post_header dl {
font-size: 1.2em;
line-height: 1.6;
margin: 0 0 20px; }
.column-2 .post_area .post_header .thumb {
margin: 0 0 20px; }
.column-2 .post_area .post_header .thumb img {
width: 100%;
height: auto; }
.column-2 .post_area .post_body {
margin: 0 0 80px; }
.column-2 .word dl {
margin: 0 0 60px; }
.column-2 .word dl dt {
margin: 0 0 40px;
font-size: 3.6em; }
.column-2 .word dl dd {
margin: 0 0 60px;
font-size: 1.6em; }
.column-2 .news {
padding: 0 0 60px; }
.column-2 .news dl {
font-size: 1.2em;
line-height: 1.6;
padding: 10px 0 0; }
.column-2 .news dl dt {
width: 190px;
margin: 0 0 10px; }
.column-2 .news dl dt span {
display: inline-block;
background: #d8e0e3;
margin: 0 0 0 20px;
width: 80px;
text-align: center; }
.column-2 .news dl dd {
padding: 0 0 10px 0;
margin: 0 0 10px; }

.column-2.right .inner .side {
padding: 50px 30px; }
.column-2.right .inner .side .title01 {
padding: 0 0 10px;
font-weight: bold;
border-bottom: 1px solid #c4c4c4; }
.column-2.right .inner .side .title01 span {
display: block;
margin: 0 0 5px; }

.column-2.right .side.po {
padding: 50px 20px 20px; }
.column-2.right .side.po .title01 {
padding: 0 0 10px;
font-weight: bold;
border-bottom: 1px solid #c4c4c4; }
.column-2.right .side.po .title01 span {
display: block;
margin: 0 0 5px; }

.column-2.fix {
/*#product {
h2 {
text-align: center;
margin: 40px 0;
}
.pn {
margin: 50px 0 0;
a {
display: block;
color: #0071bc;
&:after {
font-family: 'FontAwesome';
content: '\f107';
display: block;
font-size: 5rem;
line-height: 1;
}
}
.pn_in {
color: #0071bc;
font-weight: bold;
text-align: center;
line-height: 1.6;
font-size: 1.6em;
span {
font-size: 1.4rem;
}
br {
display: none;
}
}
}
.block {
.blue {
color: #0071bc;
font-size: 2rem;
display: block;
margin: 0 0 10px;
}
.box {

dl {
margin: 0 0 30px;
dt {
font-size: 2em;
text-align: center;
margin: 0 0 30px;
}
dd {
font-size: 1.4em;
line-height: 1.8;
}
.f8 {
font-size: 6rem;
color: #fc980a;	
}
}
}
}
.option {
a {
padding: 0 0 50px;
border-top: 4px solid #000;
display: block;
&:hover {
text-decoration: none;
}
dt {
font-size: 1.6em;
text-align: center;
margin: 20px 0;
font-weight: bold;
}
dd {
font-size: 1.2em;
line-height: 1.6;
}
.thumb {
width: 90px;
margin: 0 auto 20px;
img {
width: 100%;
height: auto;
}
}
}
}
.jirei {
.title01 {
font-size: 2em;
margin: 0 0 10px;
font-weight: bold;
text-align: center;
}
.jirei_in {
position: relative;
margin: 0 0 50px;
&:last-of-type {
margin: 0;
}
.title02 {
color: #0071bc;
font-size: 1.2em;
font-weight: bold;
}
.title03 {
font-size: 1.4em;
line-height: 1.6;
margin: 0 0 15px;
font-weight: bold;
}
.thumb {
margin: 0 auto 15px;
width: 70%;
}
.cat {
dl {
font-size: 1.2em;
margin: 0 0 10px;
line-height: 1.6;
dt {
font-weight: bold;
}
}
}
}
}
}*/ }
.column-2.fix .post_body {
margin: 0; }
.column-2.fix .inner {
width: 100%; }
.column-2.fix .inner main {
width: 100%;
padding: 0; }
.column-2.fix .inner main .block .inner {
width: 90%;
margin: 0 auto;
padding: 30px 0; }
.column-2.fix .inner main .block.bc01 {
background: #f3f6f7; }
.column-2.fix .side {
padding: 50px 20px 20px; }
.column-2.fix .side .title01 {
padding: 0 0 10px;
font-weight: bold;
border-bottom: 1px solid #c4c4c4; }
.column-2.fix .side .title01 a {
color: #0071bc;
text-decoration: none; }
.column-2.fix .side .title01 span {
display: block;
margin: 0 0 5px; }

@media screen and (min-width: 1024px) {
.column-2 .title {
font-size: 3em;
height: 200px; }
.column-2 .title .title_in span {
font-size: 2rem; }
.column-2 .inner {
width: 1280px;
display: flex; }
.column-2 .inner main {
width: 920px;
padding: 50px 40px 0 80px;
margin: 0; }
.column-2 .inner .side {
width: 280px; }
.column-2 .post_area .post_header h1 {
font-size: 4em; }
.column-2 .post_area .post_header dl {
font-size: 1.2em;
line-height: 1.6; }
.column-2 .post_area .post_header dl dt {
float: left;
width: 80px; }
.column-2 .post_area .post_header dl dd {
padding: 0 0 0 80px; }
.column-2 .post_area .post_body img {
max-width: 800px; }
.column-2 .news dl {
margin: 0 0 0 30px;
font-size: 1.4em; }
.column-2 .news dl dt {
float: left; }
.single-release .column-2 .post_area .post_header h1 {
font-size: 3.2em; }
.column-2.right .inner {
flex-direction: row-reverse; }
.column-2.right .side.po {
background: rgba(0, 113, 188, 0.1); }
.column-2.fix {
/*#product {
h2 {
margin: 0 0 40px;
text-align: center;
}
h3 {
&:first-child {
margin: 0 0 20px;
}
}
.pn {
display: flex;
a {
&:hover {
text-decoration: none;
color:#00a7e2;
}
}
.pn_in {
flex-basis: 50%;
border-right: 1px solid #CCC;
font-size: 1.8em;
&:last-of-type {
border: none;
}
span {
font-size: 1.6rem;
}
br {
display: block;
}
}
}
.block {
display: block;
.box {
display: flex;
justify-content: space-between;
dl {
flex-basis: 48%;
margin: 0;
dt {
font-size: 3em;
}
.f8 {
font-size: 8rem;
}
}
}
.w700 {
width: 700px;
margin: 0 auto 15px;
}
}
.option {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
a {
flex-basis: 30%;
&:hover {
opacity: 0.6;
}
}
}
.jirei {
.title01 {
font-size: 3em;
margin: 0 0 50px;
}
.jirei_in {
.title02 {
font-size: 1.4em;
}
.title03 {
font-size: 1.6em;
line-height: 1.8;
border-bottom: 1px solid #ccc;
padding: 0 0 15px;
}
.w500 {
width: 500px;
}
.thumb {
width: 244px;
height: 122px;
position: absolute;
top: 0;
right: 0;
margin: 0;
img {
width: 100%;
height: auto;
}
}
.cat {
width: 500px;
dl {
font-size: 1.4em;
margin: 0 0 5px;
line-height: 1.6;
dt {
float: left;
}
}
.cat01 {
dt {
width: 140px;
}
dd {
padding: 0 0 0 140px;
}
}
.cat02 {
dt {
width: 45px;
}
dd {
padding: 0 0 0 45px;
}
}
.cat03 {
dt {
width: 130px;
}
dd {
padding: 0 0 0 130px;
}
}
.left {
float: left;
margin: 0 20px 0 0;
}
}
.pt03 {
position: absolute;
bottom: 20%;
right: 0;
a {
width: 244px;
}
}
}
}
}*/ }
.column-2.fix .inner {
display: block; }
.column-2.fix .inner main {
min-height: 500px; }
.column-2.fix .inner main .block .inner {
width: 1280px;
padding: 80px 40px 80px 360px; }
.column-2.fix .inner .side {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: rgba(0, 113, 188, 0.1); } }

.c01 .title01 {
font-size: 2em;
font-weight: bold;
text-align: center;
color: #0071bc;
margin: 0 0 30px; }

.c01 .title02 {
font-size: 1.4em;
font-weight: bold;
margin: 0 0 20px;
color: #222; }

.c01 .title03 {
color: #222;
font-size: 1.2em;
font-weight: bold;
padding: 0 0 15px;
margin: 0 0 10px;
line-height: 1.5; }

.c01 .title04 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 10px;
color: #0071bc; }

.c01 .c01_1 {
margin: 0 0 60px; }
.c01 .c01_1 ul {
margin: 0 0 60px; }
.c01 .c01_1 ul li {
margin: 10px 0;
line-height: 1.6;
font-size: 1.4em;
padding: 0 0 0 10px;
text-indent: -10px; }
.c01 .c01_1 ul li:before {
font-family: 'FontAwesome';
content: '\f105';
margin: 0 5px 0 0;
color: #0071bc; }

.c01 .box {
margin: 0 0 50px; }
.c01 .box dl {
margin: 0 0 20px 0; }
.c01 .box dl dt {
margin: 0 0 5px; }
.c01 .box dl dt img {
width: 100%;
height: auto; }
.c01 .box dl dd {
font-size: 1.2em;
font-weight: bold;
line-height: 1.8; }
.c01 .box dl dd:nth-of-type(2) {
font-weight: normal; }

.c01 .cat_box dl {
font-size: 1.2em;
line-height: 2; }
.c01 .cat_box dl dt {
color: #222;
font-weight: bold; }

.c01 .pt03 {
margin: 30px 0 0; }

@media screen and (min-width: 768px) {
.c01 .c01_1 ul li {
margin: 5px 0; }
.c01 .box {
display: flex;
flex-wrap: wrap;
margin: 0; }
.c01 .box dl {
flex-basis: 30%;
margin: 0 5% 50px 0; }
.c01 .box dl:nth-of-type(3n) {
margin: 0 0 50px 0; }
.c01 .c01_1_1 {
position: relative; }
.c01 .c01w {
width: 60%; }
.c01 .c01_thumb {
position: absolute;
top: 0;
right: 0;
width: 35%;
margin: 0; } }

@media screen and (min-width: 1024px) {
.c01 .title01 {
font-size: 2.4em;
margin: 0 0 55px; }
.c01 .title02 {
font-size: 2em; }
.c01 .title03 {
font-size: 1.6em;
border-bottom: 1px solid #CCC; }
.c01 .title04 {
font-size: 1.4em; }
.c01 .yarpp-related:last-of-type dl {
flex-basis: 250px;
margin: 0 25px 25px 0; }
.c01 .yarpp-related:last-of-type dl dd {
font-size: 1.4em; }
.c01 .box {
margin: 0; }
.c01 .box dl {
flex-basis: 253px;
margin: 0 20px 50px 0; }
.c01 .box dl:last-of-type {
margin: 0 0 50px 0; }
.c01 .box dl dd {
font-size: 1.4em; }
.c01 .c01w {
width: 516px; }
.c01 .c01_thumb {
width: 244px; }
.c01 .cat_box dl {
font-size: 1.4em; }
.c01 .cat_box dl dt {
float: left; }
.c01 .c01_cat01 dd {
padding: 0 0 0 45px; }
.c01 .c01_cat02 {
float: left;
margin: 0 20px 0 0; }
.c01 .c01_cat02 dd {
padding: 0 0 0 45px; }
.c01 .c01_cat03 dd {
padding: 0 0 0 145px; }
.c01 .c01_cat04 dd {
padding: 0 0 0 130px; }
.c01 .pt03 {
position: absolute;
bottom: 20%;
right: 0; }
.c01 .pt03 a {
width: 244px; } }

.c02 {
background: #f3f6f7; }
.c02 .inner {
padding: 30px 0;
border-top: 2px solid #e5e5e5; }
.c02 h2 {
font-size: 2em;
text-align: center;
margin: 0 0 20px; }
.c02 .c02_1 {
margin: 0 0 60px; }
.c02 .c02_thumb {
width: 70%;
margin: 0 auto 15px; }
.c02 .c02_thumb img {
width: 100%;
height: auto; }
.c02 .title01 {
color: #222;
font-size: 2em;
font-weight: bold;
text-align: center;
margin: 0 0 20px; }
.c02 .title02 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 10px;
color: #0071bc; }
.c02 .title02 a {
color: #0071bc !important; }
.c02 .title03 {
color: #222;
font-size: 1.4em;
font-weight: bold;
padding: 0 0 15px;
margin: 0 0 10px;
line-height: 1.5; }
.c02 .title03 a {
color: #222 !important; }
.c02 dl {
font-size: 1.2em;
line-height: 2; }
.c02 dl dt {
color: #222;
font-weight: bold; }
.c02 .pt03 {
margin: 30px 0 0; }

.single .c02 .c02_1:last-of-type {
margin: 0; }

@media screen and (min-width: 768px) {
.c02 .inner {
padding: 80px 0;
border-top: 4px solid #fff; }
.c02 .c02_1_1 {
position: relative; }
.c02 .c02w {
width: 60%; }
.c02 .c02_thumb {
position: absolute;
top: 0;
right: 0;
width: 35%;
margin: 0; }
.archive .c02 .inner {
padding: 80px 0 0; } }

@media screen and (min-width: 1024px) {
.c02 h2 {
font-size: 3em;
margin: 0 0 40px; }
.c02 .title01 {
font-size: 3em;
margin: 0 0 60px; }
.c02 .title02 {
font-size: 1.4em; }
.c02 .title03 {
font-size: 2em;
border-bottom: 1px solid #CCC; }
.c02 .c02w {
width: 580px; }
.c02 .c02_thumb {
width: 380px; }
.c02 dl {
font-size: 1.4em; }
.c02 dl dt {
float: left; }
.c02 .c02_cat01 dd {
padding: 0 0 0 45px; }
.c02 .c02_cat02 {
float: left;
margin: 0 20px 0 0; }
.c02 .c02_cat02 dd {
padding: 0 0 0 45px; }
.c02 .c02_cat03 dd {
padding: 0 0 0 145px; }
.c02 .c02_cat04 dd {
padding: 0 0 0 130px; }
.c02 .pt03 {
margin: 15px 0 0; } }

.c03 .inner {
padding: 40px 0; }

.c03 .title01 {
font-size: 2em;
font-weight: bold;
text-align: center;
padding: 0 0 20px;
border-bottom: 1px solid #CCC;
margin: 0 0 20px;
color: #222; }

.c03 dl {
line-height: 35px;
margin: 0 0 30px; }
.c03 dl dt {
color: #222;
font-size: 1.2em;
font-weight: bold; }
.c03 dl dd {
margin: 0 0 20px; }
.c03 dl dd .select-wrap {
position: relative; }
.c03 dl dd .select-wrap:before {
z-index: 1;
position: absolute;
right: 15px;
top: 0;
font-family: 'FontAwesome';
content: "\f107";
line-height: 43px;
pointer-events: none;
font-size: 2rem;
color: #0071bc; }
.c03 dl dd select {
outline: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
background: none transparent;
vertical-align: middle;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 35px;
padding: 8px 12px;
border: 1px solid #ccc;
width: 100%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size: 1.2rem; }
.c03 dl dd select option {
background-color: #fff;
color: #333; }
.c03 dl dd select::-ms-expand {
display: none; }
.c03 dl dd select::-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #828c9a; }
.c03 dl dd ul {
display: flex;
flex-wrap: wrap; }
.c03 dl dd ul li {
height: 35px; }
.c03 dl dd ul li .checkbox-field label input[type="checkbox"] {
display: none; }
.c03 dl dd ul li .checkbox-field label {
cursor: pointer;
padding-right: 15px;
font-weight: normal;
font-size: 1.2rem; }
.c03 dl dd ul li .checkbox-field label .checkbox-field-text:before {
font-family: 'FontAwesome';
content: "\f096";
margin-right: 7px;
font-size: 1.6rem;
position: relative;
top: 2px; }
.c03 dl dd ul li .checkbox-field label input[type="checkbox"]:checked + .checkbox-field-text {
color: #0071bc; }
.c03 dl dd ul li .checkbox-field label input[type="checkbox"]:checked + .checkbox-field-text:before {
font-family: 'FontAwesome';
content: '\f046';
color: #0071bc; }

.c03 .submit_btn {
text-align: center; }

.c03 input[type="submit"] {
-webkit-appearance: none; }

.c03 .submit {
border: 1px solid #444;
background: #fff;
color: #222;
font-size: 1.6em;
font-weight: bold;
padding: 10px 0;
cursor: pointer;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
width: 230px; }

@media screen and (min-width: 768px) {
.c03 dl {
line-height: 35px;
margin: 0 0 30px; }
.c03 dl dt {
float: left;
width: 150px; }
.c03 dl dd {
padding: 0 0 0 150px; }
.c03 dl dd .select-wrap {
width: 400px; }
.c03 .submit:hover {
background: #0071bc;
border: 1px solid #0071bc;
color: #fff; } }

@media screen and (min-width: 1024px) {
.c03 .inner {
width: 800px; }
.c03 dl dt {
font-size: 1.4em; }
.c03 dl dd select {
font-size: 1.4rem; }
.c03 dl dd ul li .checkbox-field label {
font-size: 1.4rem; }
.c03 dl dd ul li .checkbox-field label .checkbox-field-text:before {
font-size: 2rem; } }

.c04 {
background: url("../img/bg_c04.jpg") no-repeat center center;
background-size: cover; }
.c04 .grad {
background: linear-gradient(to bottom, rgba(15, 80, 123, 0.5) 0%, rgba(15, 80, 123, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f507b', endColorstr='#000f507b',GradientType=0 ); }
.c04 .inner {
padding: 35px 0 15px; }
.c04 .title01 {
font-family: 'Hind', sans-serif;
font-size: 2em;
text-align: center;
font-weight: bold;
margin: 0 auto 10px;
position: relative;
color: #fff; }
.c04 .title01:after {
content: '';
display: inline-block;
background: #fff;
transform-origin: 0 100%;
transform: skewX(-46deg);
width: 4px;
height: 17px;
position: absolute;
bottom: -1px; }
.c04 .title02 {
font-size: 1.2em;
text-align: center;
font-weight: bold;
margin: 0 0 30px;
color: #d8e0e3; }
.c04 p {
font-size: 1.4em;
line-height: 1.8;
margin: 0 auto 30px;
color: #d8e0e3;
text-align: justify; }
.c04 .box {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.c04 .box dl {
width: 47%;
margin: 0 0 20px; }
.c04 .box dl dt {
margin: 0 0 10px; }
.c04 .box dl dt a {
font-size: 1.2rem; }
.c04 .box dl dd {
line-height: 1.6;
color: #d8e0e3;
text-align: justify; }

@media screen and (min-width: 1024px) {
.c04 .grad {
background: linear-gradient(to bottom, rgba(15, 80, 123, 0.3) 0%, rgba(15, 80, 123, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f507b', endColorstr='#000f507b',GradientType=0 ); }
.c04 .inner {
width: 1070px;
padding: 65px 0; }
.c04 .title01 {
font-size: 4em;
letter-spacing: 2px;
margin: 0 auto 20px; }
.c04 .title02 {
font-size: 1.6em; }
.c04 p {
font-size: 1.6em;
width: 600px;
margin: 0 auto 45px; }
.c04 .box {
flex-wrap: nowrap; }
.c04 .box dl {
width: 220px;
margin: 0; }
.c04 .box dl dt {
margin: 0 0 20px; }
.c04 .box dl dt a {
font-size: 1.6em; }
.c04 .box dl dd {
font-size: 1.4em; } }

.c05 .title01 {
font-size: 1.4em;
font-weight: bold;
margin: 0 0 20px;
color: #222; }

.c05 .c05_01 {
margin: 0 0 30px; }
.c05 .c05_01 dl {
margin: 0 0 20px; }
.c05 .c05_01 dl dt {
margin: 0 0 5px; }
.c05 .c05_01 dl dt img {
width: 100%;
height: auto; }
.c05 .c05_01 dl dd {
font-size: 1.2em;
line-height: 1.8;
font-weight: bold; }

.c05 .c05_02 ul {
margin: 0 0 60px; }
.c05 .c05_02 ul li {
margin: 10px 0;
line-height: 1.6;
font-size: 1.4em;
padding: 0 0 0 10px;
text-indent: -10px; }
.c05 .c05_02 ul li:before {
font-family: 'FontAwesome';
content: '\f105';
margin: 0 5px 0 0;
color: #0071bc; }

@media screen and (min-width: 768px) {
.c05 .c05_01 {
display: flex;
flex-wrap: wrap;
margin: 0 0 30px; }
.c05 .c05_01 dl {
flex-basis: 30%;
margin: 0 5% 0 0; }
.c05 .c05_01 dl:nth-of-type(3n) {
margin: 0 0 25px 0; }
.c05 .c05_02 ul li {
margin: 5px 0; } }

@media screen and (min-width: 1024px) {
.c05 .title01 {
font-size: 2em; }
.c05 .c05_01 dl {
flex-basis: 250px;
margin: 0 25px 25px 0; }
.c05 .c05_01 dl dd {
font-size: 1.4em; } }

.top01 {
background: #00a7e2; }
.top01 .grad {
background: linear-gradient(to bottom, #32414b, rgba(50, 65, 75, 0)); }
.top01 .inner {
padding: 60px 0; }
.top01 .title01 {
font-family: 'Hind', sans-serif;
font-size: 2em;
text-align: center;
font-weight: bold;
margin: 0 auto 10px;
position: relative;
color: #fff; }
.top01 .title01:after {
content: '';
display: inline-block;
background: #fff;
transform-origin: 0 100%;
transform: skewX(-46deg);
width: 4px;
height: 17px;
position: absolute;
bottom: -1px; }
.top01 .title02 {
font-size: 1.2em;
text-align: center;
font-weight: bold;
margin: 0 0 30px;
color: #d8e0e3; }
.top01 p {
font-size: 1.4em;
line-height: 1.6;
margin: 0 auto 45px;
color: #d8e0e3;
text-align: justify; }
.top01 .pt02 {
width: 200px;
margin: 0 auto; }

@media screen and (min-width: 768px) {
.top01 {
background: #0a2537; 
background: url("../img/bg_top01.jpg.png") no-repeat center center;
background-size: cover; }
.top01 .inner {
padding: 65px 0; }
.top01 p {
width: 600px;
font-size: 1.6em;
line-height: 1.8; }
.top01 .pt02 {
width: 230px; } }

@media screen and (min-width: 1024px) {
.top01 .title01 {
font-size: 4em;
letter-spacing: 2px;
margin: 0 auto 20px; }
.top01 .title02 {
font-size: 1.6em; } }

.top02 {
background: url("../img/bg_top02.jpg.png") no-repeat center center;
background-size: cover; }
.top02 .grad {
background: linear-gradient(to bottom, rgba(15, 80, 123, 0.5) 0%, rgba(15, 80, 123, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f507b', endColorstr='#000f507b',GradientType=0 ); }
.top02 .inner {
padding: 60px 0; }
.top02 .title01 {
font-family: 'Hind', sans-serif;
font-size: 2em;
text-align: center;
font-weight: bold;
margin: 0 auto 10px;
position: relative;
color: #ff66cc; }
.top02 .title01:after {
content: '';
display: inline-block;
background: #fff;
transform-origin: 0 100%;
transform: skewX(-46deg);
width: 4px;
height: 17px;
position: absolute;
bottom: -1px; }
.top02 .title02 {
font-size: 1.2em;
text-align: center;
font-weight: bold;
margin: 0 0 30px;
color: #d8e0e3; }
.top02 p {
font-size: 1.4em;
line-height: 1.6;
margin: 0 auto 20px;
color: #d8e0e3;
text-align: justify; }
.top02 .box .title03 {
font-size: 1.4em;
text-align: center;
width: 90%;
margin: 0 auto 15px;
font-weight: bold;
color: #fff; }
.top02 .box .title03:after {
content: '';
display: block;
transform-origin: 0 50%;
width: 100%;
height: 15px;
border-top: 1px solid #fff; }
.top02 .box dl {
margin: 25px 0; }
.top02 .box dl dt {
width: 30%;
float: left; }
.top02 .box dl dt img {
width: 100%;
height: auto; }
.top02 .box dl dd {
float: right;
width: 65%;
color: #d8e0e3;
text-align: justify; }
.top02 .box dl .title04 {
font-size: 1.4em;
margin: 0 0 10px;
font-weight: bold;
color: #fff; }
.top02 .box dl .disc {
font-size: 1.2em;
line-height: 1.4; }
.top02 .box .box01 {
margin: 0 0 30px; }
.top02 .box .box01 .title03:after {
transform: skewX(46deg);
border-right: 1px solid #fff;
margin: 10px 0 0; }
.top02 .box .box02 .title03:after {
transform: skewX(-46deg);
border-left: 1px solid #fff;
margin: 10px 0 0; }
.top02 .box .pt02 {
width: 70%;
margin: 0 auto; }

@media screen and (min-width: 768px) {
.top02 .grad {
background: linear-gradient(to bottom, rgba(15, 80, 123, 0.3) 0%, rgba(15, 80, 123, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f507b', endColorstr='#000f507b',GradientType=0 ); }
.top02 p {
font-size: 1.6em;
line-height: 1.8;
margin: 0 auto 45px; }
.top02 .box .title03 {
font-size: 1.6em;
margin: 0 0 15px;
width: auto; }
.top02 .box .title03:after {
transform-origin: 0 100%; }
.top02 .box dl dt {
width: 20%; }
.top02 .box dl dd {
width: 75%; }
.top02 .box dl .title04 {
font-size: 2em; }
.top02 .box dl .disc {
font-size: 1.4em;
line-height: 1.6; } }

@media screen and (min-width: 1024px) {
.top02 .inner {
/*padding: 87px 0;*/ }
.top02 .title01 {
font-size: 4em;
letter-spacing: 2px;
margin: 0 auto 20px; }
.top02 .title02 {
font-size: 1.6em; }
.top02 p {
width: 570px; }
.top02 .box {
display: flex;
justify-content: space-between; }
.top02 .box .title03 {
font-size: 1.6em;
margin: 0 0 15px;
width: auto; }
.top02 .box .title03:after {
transform-origin: 0 100%; }
.top02 .box dl {
height: 150px; }
.top02 .box dl dt {
width: 150px;
padding: 0 0 0 15px; }
.top02 .box dl dd {
float: right;
width: 280px; }
.top02 .box dl .title04 {
font-size: 2em; }
.top02 .box dl .disc {
font-size: 1.4em;
line-height: 1.6; }
.top02 .box .box01 {
width: 500px;
margin: 0 15px; }
.top02 .box .box01 .title03:after {
margin: 20px 0 0; }
.top02 .box .box02 {
width: 500px;
margin: 0 15px; }
.top02 .box .box02 .title03:after {
margin: 20px 0 0; }
.top02 .box .pt02 {
width: 228px; } }

.top03 {
background: #FFF;
font-family: "Noto Sans Japanese", sans-serif; }
.top03 .inner {
padding: 60px 0; }
.top03 .inner .box .title01 {
font-size: 1.6em;
font-weight: bold;
margin: 0 auto 20px;
padding: 0 0 0 26px;
position: relative; }
.top03 .inner .box .title01:before {
content: '';
display: block;
background: #0071bc;
transform-origin: 0 100%;
transform: skewX(-46deg);
width: 6px;
height: 12px;
position: absolute;
top: 1px;
left: 0; }
.top03 .inner .box .box01 {
margin: 0 0 30px 0; }
.top03 .inner .box .box01 .title01 {
font-family: 'Hind', sans-serif; }
.top03 .inner .box .box01 dl {
font-size: 1.2em;
line-height: 1.6;
border-top: 1px dotted #ccc;
padding: 10px 0 0; }
.top03 .inner .box .box01 dl dt {
width: 190px;
margin: 0 0 10px; }
.top03 .inner .box .box01 dl dt span {
display: inline-block;
background: #d8e0e3;
margin: 0 0 0 20px;
width: 80px;
text-align: center; }
.top03 .inner .box .box01 dl dd {
padding: 0 0 10px 0;
margin: 0 0 10px;
border-bottom: 1px dotted #ccc; }
.top03 .inner .box .box02 {
display: flex; }
.top03 .inner .box .box02 .box02_1,
.top03 .inner .box .box02 .box02_2 {
flex-basis: 50%; }
.top03 .inner .box .box02 ul {
font-size: 1.2em;
margin: 0 0 35px 30px; }
.top03 .inner .box .box02 ul li {
margin: 0 0 15px; }
.top03 .inner .box .box02 ul li:before {
font-family: 'FontAwesome';
content: '\f105';
margin: 0 5px 0 0;
color: #0071bc; }
.top03 .inner .box .box02 p {
font-size: 1.2em;
line-height: 1.4;
margin: 0 0 20px 5px; }

@media screen and (min-width: 1024px) {
.top03 .inner {
width: 1120px;
padding: 55px 0 50px; }
.top03 .inner .box {
display: flex; }
.top03 .inner .box .title01:before {
height: 17px; }
.top03 .inner .box a:hover {
color: #0071bc;
text-decoration: underline;
font-weight: bold; }
.top03 .inner .box .pt03 a:hover {
color: #fff;
text-decoration: none; }
.top03 .inner .box .box01 {
flex-basis: 650px;
margin: 0 20px 0 0;
position: relative; }
.top03 .inner .box .box01 .title01 {
font-size: 2.4em;
letter-spacing: 2px; }
.top03 .inner .box .box01 dl {
margin: 0 0 0 30px;
font-size: 1.4em; }
.top03 .inner .box .box01 dl dt {
float: left; }
.top03 .inner .box .box01 .more {
position: absolute;
top: 2px;
left: 220px;
font-size: 1.4em; }
.top03 .inner .box .box01 .more:before {
font-family: 'FontAwesome';
content: '\f105';
color: #0071bc;
font-size: 1.6rem;
font-weight: bold;
margin: 0 5px 0; }
.top03 .inner .box .box02 {
display: block;
flex-basis: 450px; }
.top03 .inner .box .box02 .title01 {
font-size: 2em; }
.top03 .inner .box .box02 .box02_1,
.top03 .inner .box .box02 .box02_2 {
flex-basis: auto; }
.top03 .inner .box .box02 dl {
font-size: 1.4em; }
.top03 .inner .box .box02 dl dd {
display: inline-block; }
.top03 .inner .box .box02 dl dd:first-of-type {
margin: 0 20px 0 0; }
.top03 .inner .box .box02 p {
font-size: 1.4em;
line-height: 1.6;
margin: 0 0 20px 30px; } }

#site_footer {
background: #222; }
#site_footer .inner {
padding: 40px 0; }
#site_footer .fb01 {
background: #174c92;
color: #fff; }
#site_footer .fb01 a {
color: #fff; }
#site_footer .fb01 h3 {
font-size: 2em;
margin: 0 0 15px;
text-align: center; }
#site_footer .fb01 p {
font-size: 1.4em;
color: #d8e0e3;
width: 256px;
margin: 0 auto; }
#site_footer .fb01 .fb01_1 ul {
font-size: 1.4em;
margin: 0 auto 5px;
color: #d8e0e3;
width: 225px; }
#site_footer .fb01 .fb01_1 ul li {
line-height: 1.6;
list-style: disc; }
#site_footer .fb01 .fb01_2 {
border-top: 1px solid #d8e0e3;
padding: 15px 0 0; }
#site_footer .fb01 .fb01_2 ul {
font-size: 1.1em;
font-weight: bold;
display: flex;
justify-content: space-around; }
#site_footer .fb01 .fb01_2 ul li {
line-height: 2;
margin: 0 1%; }
#site_footer .fb01 .fb01_2 ul .fb01_2_1 {
background: url("../img/bg_fb01_2_1.png") no-repeat 0 center;
background-size: 22px 14px;
padding: 0 0 0 25px; }
#site_footer .fb01 .fb01_2 ul .fb01_2_2 {
background: url("../img/bg_fb01_2_2.png") no-repeat 3px center;
background-size: 15px 20px;
padding: 0 0 0 25px; }
#site_footer .fb01 dl {
text-align: center;
margin: 0 0 15px; }
#site_footer .fb01 dl dt {
font-size: 1.4em;
font-weight: bold;
margin: 0 0 15px; }
#site_footer .fb01 dl .tel {
font-family: 'Hind', sans-serif;
font-size: 3em;
font-weight: 600;
margin: 0 auto 10px;
background: url("../img/bg_fb01_1_1.png") no-repeat 0 3px;
background-size: 27px 20px;
padding: 0 0 0 35px;
width: 230px; }
#site_footer .fb01 dl .time {
color: #d8e0e3;
font-size: 1.2em;
line-height: 1.5; }
#site_footer .fb01 dl .time br {
display: none; }
#site_footer .fb01 .pt02 {
width: 230px;
margin: 30px auto; }
#site_footer .fb02 .inner {
padding: 10px 0; }
#site_footer .fb02 ul {
font-size: 1.4rem;
font-weight: bold;
line-height: 2; }
#site_footer .fb02 ul li {
margin: 0 0 15px; }
#site_footer .fb02 a {
color: #fff; }
#site_footer .fb02 .fb02_1 {
display: none; }
#site_footer .fb02 .fb02_2 {
display: none; }
#site_footer .fb02 .fb02_3 {
display: none; }
#site_footer .fb02 .fb02_4 {
display: none; }
#site_footer .fb02 .fb02_5 {
font-size: 1rem;
text-align: center; }
#site_footer .fb02 .fb02_5 li {
display: inline-block;
margin: 0 3px; }
#site_footer .fb03 {
color: #fff;
text-align: center;
font-size: 1em;
height: 70px; }
#site_footer .fb03 ul {
margin: 0 0 20px;
opacity: 0.5; }
#site_footer .fb03 ul li {
display: inline;
margin: 0 10px; }
#site_footer .fb03 a {
color: #fff; }
#site_footer .fb03 .copy {
font-family: 'Hind', sans-serif; 
line-height: 70px;}

#pageup {
display: none;
position: fixed;
bottom: 15px;
right: 5%; }
#pageup a {
display: block;
background: rgba(0, 0, 0, 0.25);
border-radius: 1px;
width: 48px;
height: 48px;
color: #d6d6d6;
text-indent: -9999px; }
#pageup a::before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 8px;
bottom: 0;
margin: auto;
width: 14px;
height: 14px;
margin: auto;
border-right: 3px solid #fff;
border-top: 3px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
z-index: 5;
opacity: 0.85; }
@media print {
#pageup {
display: none !important; } }

@media screen and (min-width: 768px) {
#site_footer .fb01 {
/*height: 380px;*/ }
#site_footer .fb01 .inner {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
align-items: center;
width: 70%; }
#site_footer .fb01 h3 {
font-size: 1.6em;
text-align: inherit; }
#site_footer .fb01 p {
width: auto;
margin: 0; }
#site_footer .fb01 .fb01_1 {
width: 50%;
margin: 0 0 50px; }
#site_footer .fb01 .fb01_1 ul {
font-size: 1.4em;
margin: 0 0 5px 20px;
color: #d8e0e3;
width: auto; }
#site_footer .fb01 .fb01_1 ul li {
line-height: 1.6;
list-style: disc; }
#site_footer .fb01 .fb01_2 {
border-top: none;
padding: 30px 0 30px 30px; }
#site_footer .fb01 .fb01_2 ul {
font-size: 1.5em;
font-weight: bold;
display: block; }
#site_footer .fb01 .fb01_2 ul li {
line-height: 2;
margin: 0; }
#site_footer .fb01 .fb01_2 ul .fb01_2_1 {
background: url("../img/bg_fb01_2_1.png") no-repeat 0 9px;
background-size: 22px 14px;
padding: 0 0 0 30px; }
#site_footer .fb01 .fb01_2 ul .fb01_2_2 {
background: url("../img/bg_fb01_2_2.png") no-repeat 3px 5px;
background-size: 15px 20px;
padding: 0 0 0 30px; }
#site_footer .fb01 dl {
margin: 0; }
#site_footer .fb01 dl .tel {
width: auto; }
#site_footer .fb01 dl .time br {
display: block; }
#site_footer .fb01 .pt02 {
margin: 0; } }

@media screen and (min-width: 1024px) {
#site_footer .fb01 {
/*height: 220px;*/ }
#site_footer .fb01 .inner {
justify-content: space-between;
flex-wrap: nowrap;
width: 1120px; }
#site_footer .fb01 .fb01_1 {
margin: 0;
width: auto; }
#site_footer .fb01 dl .tel {
width: auto;
letter-spacing: 3px; }
#site_footer .fb01 .fb01_2 {
border-left: 1px solid #d8e0e3; }
#site_footer .fb02 {
/*height: 220px;*/ }
#site_footer .fb02 .inner {
display: flex;
justify-content: space-between;
padding: 30px 0 0; }
#site_footer .fb02 ul {
font-size: 1.4rem;
font-weight: bold;
line-height: 2; }
#site_footer .fb02 ul li {
margin: 0 0 15px; }
#site_footer .fb02 a {
color: #fff; }
#site_footer .fb02 .sub {
font-weight: normal;
margin: 10px 0 0;
opacity: 0.5; }
#site_footer .fb02 .sub li {
margin: 0; }
#site_footer .fb02 .fb02_1 {
display: block; }
#site_footer .fb02 .fb02_2 {
display: block; }
#site_footer .fb02 .fb02_3 {
display: block; }
#site_footer .fb02 .fb02_4 {
display: block; }
#site_footer .fb02 .fb02_5 {
font-size: 1.4rem;
text-align: inherit;
line-height: 30px; }
#site_footer .fb02 .fb02_5 li {
display: block;
margin: 0; }
#site_footer .fb03 {
font-size: 1.2em; }
#pageup {
bottom: 40px;
right: 40; } }

/* wp-pagenavi */
.wp-pagenavi {
clear: both;
font-size: 1.4em;
text-align: center;
padding: 60px 0; }
.wp-pagenavi a {
color: #222;
padding: 8px 10px;
margin: 0 3px; }
.wp-pagenavi a:hover {
text-decoration: none;
background: #0071bc;
color: #FFF; }
.wp-pagenavi span {
padding: 8px 10px;
margin: 0 3px; }
.wp-pagenavi .pages,
.wp-pagenavi .current {
font-weight: 600;
color: #fff;
background: #0071bc; }

.product_box {
padding: 30px 0; }
@media screen and (min-width: 1024px) {
.product_box {
padding: 100px 0 80px; } }
.product_box .inner {
width: 90%; }
@media screen and (min-width: 1024px) {
.product_box .inner {
width: 800px; } }
.product_box .product_box_in {
margin: 0 0 40px; }
.product_box h2 {
font-size: 2rem;
margin: 0 0 15px;
line-height: 1.4;
text-align: center; }
@media screen and (min-width: 1024px) {
.product_box h2 {
font-size: 3rem;
margin: 0 0 52px; } }
.product_box h3 {
font-size: 1.6rem;
line-height: 1.4;
margin: 0 0 10px;
color: #0071BC; }
@media screen and (min-width: 1024px) {
.product_box h3 {
font-size: 2rem;
margin: 0 0 15px; } }
.product_box p {
font-size: 1.4rem;
line-height: 1.8;
margin: 0 0 15px; }
.product_box .more {
text-align: right; }
.product_box .more:before {
font-family: 'FontAwesome';
content: '\f105';
font-size: 1.4rem;
font-weight: bold;
margin: 0 15px 0;
text-decoration: none; }

.pr {
display: none; }

.case_body .inner {
width: 90%;
padding: 53px 0 80px;
border-bottom: 1px solid #707070; }
@media screen and (min-width: 1024px) {
.case_body .inner {
width: 800px; } }

.case_body h2 {
font-size: 2rem;
margin: 40px 0 20px;
font-weight: 700;
line-height: 1.3;
text-align: center;
color: #000; }
@media screen and (min-width: 768px) {
.case_body h2 {
font-size: 3rem;
margin: 102px 0 52px; } }

.case_body h3 {
font-size: 1.6rem;
margin: 30px 0 20px;
font-weight: 700;
line-height: 1.3;
color: #0071BC; }
@media screen and (min-width: 768px) {
.case_body h3 {
font-size: 2rem;
margin: 57px 0 17px; } }

.case_body p {
font-size: 1.4rem;
margin: 0 0 23px;
line-height: 1.6; }

.case_body .case_image {
width: 100%;
position: relative;
margin: 0 0 65px; }
.case_body .case_image .caption {
font-size: 1.3rem;
color: #000;
width: 100%;
margin: 10px 0 0;
text-align: center;
line-height: 1.4; }
.case_body .case_image .caption.first {
font-size: 1.6rem;
padding: 20px 10px;
color: #fff;
background-color: rgba(0, 0, 0, 0.4);
font-weight: 700;
position: absolute;
bottom: 0;
left: 0;
line-height: 1; }
@media screen and (min-width: 768px) {
.case_body .case_image .caption.first {
font-size: 2.2rem;
padding: 35px 10px; } }
.case_body .case_image img {
width: 100%;
height: auto; }

.case_body .corp_outline {
margin: 35px 0 40px; }
@media screen and (min-width: 768px) {
.case_body .corp_outline {
display: table; } }
.case_body .corp_outline .corp_logo {
width: 220px;
padding: 37px 28px;
border: 1px solid #F3F3F3;
margin: 0 auto 30px; }
@media screen and (min-width: 768px) {
.case_body .corp_outline .corp_logo {
display: table-cell;
margin: 0; } }
.case_body .corp_outline .corp_logo img {
width: 100%;
height: auto; }
.case_body .corp_outline ul {
font-size: 1.4rem; }
@media screen and (min-width: 768px) {
.case_body .corp_outline ul {
display: table-cell;
vertical-align: middle;
padding: 0 0 0 65px;
width: 75%; } }
@media screen and (min-width: 1024px) {
.case_body .corp_outline ul {
width: 580px; } }
.case_body .corp_outline ul li {
line-height: 1.6; }

.case_body .corp_outline_print {
display: none; }

.case_body .movie {
margin: 40px 0 0; }
@media screen and (min-width: 1024px) {
.case_body .movie {
margin: 80px 0 0; } }
.case_body .movie:first-of-type {
margin: 0; }

.post-type-archive-case h2 {
margin: 40px 0 20px; }
@media screen and (min-width: 768px) {
.post-type-archive-case h2 {
font-size: 3rem;
margin: 57px 0 38px; } }

.post-type-archive-case .nav {
border-bottom: 1px solid #707070;
padding: 0 0 76px; }
@media screen and (min-width: 768px) {
.post-type-archive-case .nav ul {
display: flex;
justify-content: space-between; } }
.post-type-archive-case .nav ul li {
margin: 0 0 15px;
width: 100%;
height: 45px;
display: table;
position: relative; }
@media screen and (min-width: 768px) {
.post-type-archive-case .nav ul li {
width: 30%;
margin: 0; } }
@media screen and (min-width: 1024px) {
.post-type-archive-case .nav ul li {
width: 230px; } }
.post-type-archive-case .nav ul li:before {
font-family: 'FontAwesome';
content: '\f13a';
color: #fff;
font-size: 1.6rem;
font-weight: bold;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%); }
.post-type-archive-case .nav ul li a {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 1.4rem;
font-weight: 700;
text-decoration: none;
background-color: #0071bc;
color: #fff;
padding: 0 30px;
border-radius: 4px; }
.post-type-archive-case .nav ul li a:hover {
background-color: #00a7e2; }

.post-type-archive-case .case_box {
border-bottom: 1px solid #707070;
padding: 0 0 76px; }
@media screen and (min-width: 768px) {
.post-type-archive-case .case_box .case_box_in {
display: flex;
flex-wrap: wrap; } }
.post-type-archive-case .case_box .case_box_in a {
display: block;
margin: 0 0 25px;
padding: 50px 15px;
border: 3px solid #EEE;
text-decoration: none;
color: #000;
text-align: center; }
@media screen and (min-width: 768px) {
.post-type-archive-case .case_box .case_box_in a {
width: 30%;
margin: 0 5% 25px 0; } }
@media screen and (min-width: 1024px) {
.post-type-archive-case .case_box .case_box_in a {
width: 250px;
margin: 0 25px 25px 0; } }
.post-type-archive-case .case_box .case_box_in a:nth-of-type(3n) {
margin: 0 0 25px; }
.post-type-archive-case .case_box .case_box_in a .logo {
width: 163px;
margin: 0 auto 20px; }
.post-type-archive-case .case_box .case_box_in a .logo img {
width: 100%;
height: auto; }
.post-type-archive-case .case_box .case_box_in a .c_name {
font-size: 1.4rem;
margin: 0 0 30px;
font-weight: 700;
line-height: 1.6; }
.post-type-archive-case .case_box .case_box_in a .disc {
font-size: 1.3rem;
line-height: 1.7; }
.post-type-archive-case .case_box .case_box_in a:hover {
opacity: 0.65; }
.post-type-archive-case .case_box:last-of-type {
border: none; }

@media print {
.single-case {
width: 210mm;
/* needed for Chrome */
size: A4 portrait;
margin: 0mm;
padding-top: 0px !important; }
.single-case .pr {
display: block; }
.single-case #site_header {
display: none; }
.single-case #content.column-1 .post_area .post_header {
height: auto;
background: none; }
.single-case #content.column-1 .post_area .post_header .inner {
top: auto;
transform: none;
width: 100%;
display: flex;
padding: 20px 0;
display: table;
height: 120px; }
.single-case #content.column-1 .post_area .post_header .pr_cell {
display: table-cell;
text-align: left;
vertical-align: middle;
padding: 0 0 0 40px; }
.single-case #content.column-1 .post_area .post_header h1 {
color: #000;
font-size: 2.4rem;
margin: 0;
text-align: left; }
.single-case #content.column-1 .post_area .post_header h1 .pdn {
display: none; }
.single-case #content.column-1 .post_area .post_header #p_title {
width: 200px;
border-right: 1px solid #707070;
color: #000;
font-size: 1.6rem;
line-height: 1.6;
text-align: center;
font-weight: 700;
display: table-cell;
vertical-align: middle; }
.single-case #content.column-1 .post_area .post_header #p_product_title {
font-size: 1rem;
color: #000;
margin: 6px 0 4px; }
.single-case .case_body {
-webkit-print-color-adjust: exact; }
.single-case .case_body .inner {
width: 100%;
padding: 0;
border: none; }
.single-case .case_body .sc {
display: none; }
.single-case .case_body h2 {
font-size: 1.2rem;
margin: 30px auto 20px;
background-image: url("../img/bg_print_02.jpg");
background-size: 28.6px auto;
background-position: 0 100%;
background-repeat: no-repeat;
width: 135px; }
.single-case .case_body h2.title_h2 {
font-size: 1.2rem;
margin: 30px 15px 20px;
padding: 0 0 0 30px;
line-height: 1.3;
text-align: left;
background-image: url("../img/bg_print_02.jpg");
background-size: 28.6px auto;
background-position: 0 100%;
background-repeat: no-repeat;
width: auto; }
.single-case .case_body h3 {
font-size: 1.2rem;
margin: 20px 0 10px; }
.single-case .case_body p {
font-size: 1.2rem;
margin: 0 0 15px;
color: #000;
line-height: 1.7;
word-break: break-all;
text-align: justify; }
.single-case .case_body .case_image {
width: 100%;
margin: 0 0 40px; }
.single-case .case_body .case_image .caption {
background: none;
margin: 10px 0 0;
color: #000;
font-size: 1rem;
padding: 0;
font-weight: normal; }
.single-case .case_body .case_image .caption.first {
background-image: url("../img/bg_print_01.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding: 35px 0;
font-size: 2rem;
bottom: 0;
color: #fff;
font-weight: 700; }
.single-case .case_body .corp_outline {
display: none; }
.single-case .case_body .corp_outline_print {
display: table;
padding: 0 15px;
color: #000; }
.single-case .case_body .corp_outline_print .corp_logo {
width: 120px;
padding: 0 20px;
border: 1px solid #F3F3F3;
display: table-cell;
vertical-align: middle; }
.single-case .case_body .corp_outline_print .corp_logo img {
width: 100%;
height: auto; }
.single-case .case_body .corp_outline_print .corp_name {
display: table-cell;
vertical-align: middle;
padding: 0 30px;
font-weight: 700; }
.single-case .case_body .corp_outline_print ul {
display: table-cell;
vertical-align: middle; }
.single-case .case_body .corp_outline_print ul li {
margin: 0 0 5px;
line-height: 1.2; }
.single-case .case_body .print_box {
position: relative;
padding: 0 15px; }
.single-case .case_body #sec01 {
height: 290px;
page-break-after: always; }
.single-case .case_body #sec01 .print_text {
width: calc(48% - 15px);
position: absolute;
top: 0;
left: 15px; }
.single-case .case_body #sec01 .case_image {
width: 46%;
position: absolute;
top: 0;
right: 15px;
margin: 0; }
.single-case .case_body #sec02 {
height: 290px;
padding: 1px 15px 0; }
.single-case .case_body #sec02 .print_text {
width: calc(48% - 15px);
position: absolute;
top: 0;
right: 15px; }
.single-case .case_body #sec02 .case_image {
width: 46%;
position: absolute;
top: 0;
left: 15px;
margin: 0; }
.single-case .case_body #sec03 {
position: relative;
height: 310px; }
.single-case .case_body #sec03 h2 {
position: absolute;
top: -15px;
left: 0; }
.single-case .case_body #sec03 p {
position: absolute;
top: 50px;
left: 15px;
width: calc(50% - 15px); }
.single-case .case_body #sec03 .case_image {
width: 30%;
position: absolute;
bottom: 0;
left: 15px;
margin: 0; }
.single-case .case_body #sec03 .case_image .caption {
position: absolute;
right: -150px;
top: 50%;
transform: translateY(-50%);
width: 50%;
line-height: 1.6;
text-align: left; }
.single-case .case_body #sec03 .corp_profile {
width: 44%;
position: absolute;
top: 50px;
right: 15px; }
.single-case .case_body #sec03 .corp_profile .corp_profile_in {
border: 1px solid #707070;
padding: 20px;
margin: 0 0 10px; }
.single-case .case_body #sec03 .corp_profile .corp_profile_in .wrap {
display: table;
margin: 0 0 20px; }
.single-case .case_body #sec03 .corp_profile .corp_profile_in .wrap .logo {
width: 100px;
display: table-cell; }
.single-case .case_body #sec03 .corp_profile .corp_profile_in .wrap .logo img {
width: 100%;
height: auto; }
.single-case .case_body #sec03 .corp_profile .corp_profile_in .wrap .c_name {
font-size: 1.6rem;
font-weight: 700;
display: table-cell;
vertical-align: middle;
padding: 0 0 0 20px; }
.single-case .case_body #sec03 .corp_profile dl {
display: flex; }
.single-case .case_body #sec03 .corp_profile dl:first-of-type {
margin: 0 0 15px; }
.single-case .case_body #sec03 .corp_profile dl dt {
width: 30%;
font-size: 1.4rem; }
.single-case .case_body #sec03 .corp_profile dl dd {
width: 70%;
line-height: 1.6; }
.single-case .case_body #sec03 .corp_profile .att {
line-height: 1.6; }
.single-case .case_body #sec04 {
margin: 0; }
.single-case .case_body #sec04 .case_image {
width: 48%;
float: left; }
.single-case .case_body #sec05 {
display: none; }
.single-case .product_box,
.single-case .yarpp-related,
.single-case .c03,
.single-case .c04,
.single-case #site_footer {
display: none; } }

.link_box {
margin: 0 0 50px; }
.link_box .link_box_in .link_title {
font-size: 1.6rem;
margin-bottom: 15px;
line-height: 1.4;
color: #0071BC;
font-weight: 700; }
.link_box .link_box_in p {
font-size: 1.4rem;
line-height: 1.8;
margin: 0 0 15px; }
.link_box .link_box_in .more {
text-align: right; }
.link_box .link_box_in .more:before {
font-family: 'FontAwesome';
content: '\f105';
font-size: 1.4rem;
font-weight: bold;
margin: 0 15px 0;
text-decoration: none; }