@charset "UTF-8";

/* CSS Document */

/*------------------------------------------------------------------

Template Name:      Hair Salon Website Templates Free Download
Version:            1.0.0
Created Date:       30/03/2017 
Author:             Jitu Chauhan 

------------------------------------------------------------------
[CSS Table of contents]

1.  Body / Typography 
2.  Form Elements
3.  Buttons
4.  General / Elements
        4.1 Section space
        4.2 Margin space
        4.3 Padding space
        4.4 Background color
        4.5 Features
        4.7 Call to actions
        4.8 Img hover effect
        4.9 Icon
        -----------------------
5. Header / Navigations
        5.1 Header Regular
        5.2 Header Transparent
        5.3 Navigation Regular
        5.4 Page Header

        -----------------------
6. Slider
        6.1 Slider
        -----------------------
7. Content
8. Footers
9. Pages
    9.1  Service
    9.2  Service Single / sidebar with sidenav
    9.3  case
    9.4  Contact us
    9.5  Styleguide
	9.6  kiyaku
    ------------------------------------
10.Blog
    10.1 Blog Default
    10.2 Blog Single
    ------------------------------------
11.Sidebar
    11.1 Widget
    ------------------------------------

13. Media Queries

------------------------------------------------------------------*/

html {
    /* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
}


li {list-style-type: none;}

/*-----------------------------------
    1. Body / Typography 
-----------------------------------*/

body { font-size: 1.6em;
    background-color: #fff;
    color: #333;
    font-family:  'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;
    line-height: 28px;
    font-weight: 500; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; margin-bottom: 10px; color: #333;
    font-family: 'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif; text-transform: uppercase; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
h1 { font-size: 35px; line-height: 50px; font-weight:600; margin-bottom: 40px; }
h2 { font-size: 30px; line-height: 40px; font-weight:600; margin-bottom: 30px;}
h3 { font-size: 20px; line-height: 30px; font-weight:600; margin-bottom: 20px;}
h3_old { font-size: 18px; line-height: 28px; }
h4 { font-size: 16px; line-height: 24px; margin-bottom: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { margin: 0 0 20px; }
p:last-child { margin-bottom: 0px; }
ul, ol { 
	margin: 0;
	padding: 0;
    line-height: 16px;
}
ul li, ol li { }
a { color: #e69500; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-weight:600;}
a:focus, a:hover { text-decoration: none; color: #E2660A; }

 
b, strong {
    font-weight: 400;
}
.listnone { list-style: none; width:100%;}
.listnone3 { list-style: none; padding: 60px 30px 30px 30px; width:260px;}
.listnone2 { list-style: none; padding: 0px; width:100%;}
.listnone4 { width: 100%; list-style: none outside;}
.nav_list{width:50%; float: left;}
.nav_list2{width:100%; float: left;}
.lead { font-size: 21px; color: #3c3c3c; font-weight: 400; }
.italic { font-style: italic; }
.small-text { color: #b4b1ac; font-size: 12px; }
.text-caps { text-transform: uppercase; letter-spacing: 2px; }
::selection { background: #ffecb3; color: #333; }
h3 small { font-weight: 400; line-height: 1; color: #2F4FA1; font-size: 14px; }
 
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ddd; }
blockquote { padding: 10px 20px; margin: 0px; font-size: 21px; line-height: 32px; color: #3c3c3c; font-style: italic; border-left: 5px solid #2F4FA1; }

.title_big { font-size: 40px; line-height: 60px; font-weight:600; margin-bottom: 40px; }

.header-top-container{width:100%; margin:0 auto; padding:0px;}

/*-------------- align ------------*/

/* =WordPress Core
-------------------------------------------------------------- */

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 0px 0 30px 30px;  }
.alignleft { float: left; margin: 0px 30px 0px 0;   }
a img.alignright { float: right; margin: 0px 0 30px 30px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%;    /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/*-----------------------------------
    2. Form css 
-----------------------------------*/
label { }
.control-label { color: #474747; font-weight: 700; font-size: 12px; text-transform: uppercase; }
.form-control { width: 100%; height: 50px; padding: 6px 12px; 
    font-size: 16px; line-height: 1.42857143; color: #333; background-color: #fff; border: 1px solid #dcd9d3; 
    background-image: none; border-radius: 10px; -webkit-box-shadow: inset 0 0px 0px rgba(255, 255, 255, .075); 
    box-shadow: inset 3px 3px 3px rgba(255, 255, 255, .075); margin-bottom: 15px; }
.form-control:focus { border-color: #bab6ae;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .075), 0 0 8px rgba(255, 255, 255, .6);
    box-shadow: inset 0 3px 3px rgba(255, 255, 255, .075), 0 0 8px rgba(235, 237, 238, .6);
    background-color: #fffefd; }
.textarea.form-control { background-color: #f6f8f9; height: auto; }
.required { }
.form-news-letter .form-control { float: left; width: 75%; margin-right: 10px; }
.form-group { margin-bottom: 10px; }
.get-in-touch { }
.get-in-touch .form-control { margin-bottom: 10px; }

/*-----------------------------------
    3. Buttons 
-----------------------------------*/
.logo_xs{height:40px; margin:0 0 80px 0;}
.btn_header {width:165px; display: inline-block;  padding:10px 5px; margin:2px; font-size: 14px; font-weight:500; 
    letter-spacing: 1px; text-align: center; border: none; 
    text-transform: uppercase; border-radius: 5px;font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
.btn_header_mobile {width:130px; display: inline-block;  padding: 5px; margin:2px 2px 2px 20px; font-size: 10px; font-weight:500; 
    letter-spacing: 1px; text-align: center; border: none; 
    text-transform: uppercase; border-radius: 5px;font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
.top_btn { padding:20px 0px 0px 62px;}
.btn { display: inline-block; padding: 13px 18px; margin-bottom: 0; font-size: 15px; font-weight: 500; 
    letter-spacing: 1px; line-height: 1.42857143; text-align: center; border: none; 
    text-transform: uppercase; border-radius: 16px;font-family:"游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; margin:4px;}
	.btn_bg{font-size: 1.5em; font-weight: 900; line-height:; }
	.btn_bg2{font-size: 1.3em; font-weight: 900; line-height:; }
.btn-default { color: #fff; background-color: #2F4FA1; }
.btn-default:hover { color: #fff; background-color: #0A8AF2; border-color: #0A8AF2; }
.btn-default-sb { color: #fff; background-color: #333333; }
.btn-default-sb:hover { color: #fff; background-color: #999999; border-color: #999999; }
.btn-default-js { color: #fff; background-color: #48D1CC; }
.btn-default-js:hover { color: #fff; background-color: #4682B4; border-color: #4682B4; }
.btn-default-gn { color: #fff; background-color: #FF8C00; }
.btn-default-gn:hover { color: #fff; background-color: #FFD700; border-color: #FFD700; }
.btn-default-nm { color: #fff; background-color: #2E8B57; }
.btn-default-nm:hover { color: #fff; background-color: #00FF7F; border-color: #00FF7F; }
.btn-default.focus, .btn-default:focus { color: #fff; background-color: #0A8AF2; border-color: #0A8AF2; }
.btn-primary { background-color: #2d281a; color: #fff; }
.btn-primary:hover { background-color: #333; color: #fff; }
.btn-primary.focus, .btn-primary:focus { }
.btn-white { color: #2F4FA1; background-color: #fff; border: 1px solid #fff; }
.btn-white:hover { background-color: #0A8AF2; border-color: #0A8AF2; color: #fff; }
.btn-blue { color: #FFF; background-color: #2F4FA1; border: 1px solid #2F4FA1; }
.btn-blue:hover { background-image:url(../images/bg_bk2_opacity.png); background-repeat:repeat; }
.btn-white.focus, .btn-white:focus { background-color: #0A8AF2; border-color: #0A8AF2; color: #fff; }
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; padding-bottom: 2px; }
.btn-link:hover { color: #2F4FA1; font-weight: 700; text-decoration: none; border-bottom: 1px solid #2F4FA1; }
.btn-lg { font-size: 14px; padding: 20px 30px; }
.btn-sm { font-size: 12px; padding: 5px 10px; }
.btn-xs { font-size: 12px; padding: 5px 7px; }
.mobile_btn{font-size: 12px;}
.btn-atent {
	display: block;
    text-align: center;
    background:#FF0000;
    color: #FFF;
    font-size: 1.3em;
    font-weight: 500;
	letter-spacing:0.08em;
	margin: 20px auto 0;
	width: 80%;
	padding:0px 0px;
	font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	 -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
		  
}
.btn-atent a{
	color:#FFF;
	display:block;
    width:100%;
	height: 100%;
	padding:0.7em 0px;
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.btn-atent a:hover {
    background: #610B0B;
}

.btn-atenty {
	display: block;
    text-align: center;
    background:#F4A017;
    color: #FFF;
    font-size: 1.3em;
    font-weight: 500;
	letter-spacing:0.08em;
	margin-top: 20px;
	font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	 -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
		  
}
.btn-atenty a{
	color:#FFF;
	display:block;
    width:100%;
	height: 100%;
	padding:0.7em 0;
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.btn-atenty a:hover {
    background: #cf6f02;
}

.mini{
	font-size:0.7em;
	line-height:1em;
	vertical-align:text-bottom;
}

.atent-blue {
	display: block;
    text-align: center;
    background:#0A8AF2;
    color: #FFF;
    font-size: 1.3em;
    font-weight: 500;
	letter-spacing:0.08em;
	margin-top: 20px;
	padding:0.7em 0;
	font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	 -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
		  
}
.atent-blue a{
	color:#FFF;
	display:block;
    width:100%;
	height: 100%;
	padding:0.7em 0;
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.atent-blue a:hover {
    background: #FFF;
}

.btn-info-box {
	display:flex;
	justify-content:center;
}


.btn-info {
	display: block;
    text-align: center;
    background:#2F4FA1;
    color: #FFF;
    font-size: 0.9em;
    font-weight: lighter;
	letter-spacing:0.08em;
	flex-basis:40%;
	margin:1em;
	font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 16px;
	 -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
		  
}
.btn-info a{
	color:#FFF;
	display:block;
	height: 100%;
	padding:0.7em 0;
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 16px;

}

.btn-info a:hover {
    background: #0A8AF2;
}

/*-----------------------------------
    4. 
-----------------------------------*/

/*----------------------- 
    4.1 Section space :
-------------------------*/

/*Note: Section space help to create top bottom space;*/

.space-small { padding-top: 40px;}
.space-medium { padding-top: 80px; padding-bottom: 40px; }
.space-large { padding-top: 120px; padding-bottom: 120px; }
.space-ex-large { padding-top: 140px; padding-bottom: 140px; }

/*----------------------
   4.2 Margin Space
-----------------------*/
.mb0 { margin-bottom: 0px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.mb150 { margin-bottom: 150px; }
.mb150 { margin-bottom: 150px; }
.mb240 { margin-bottom: 240px; }
.mb290 { margin-bottom: 290px; }
.mt0 { margin-top: 0px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.purpose_mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }
.mth { margin-top: 10px; }
.mth2 { margin-top: 12px; margin-bottom:0px;}

.m-auto{margin:0 auto 0;}

/*----- less margin space from top --*/
.mt-20 { margin-top: -20px; }
.mt-40 { margin-top: -40px; }
.mt-60 { margin-top: -60px; }
.mt-80 { margin-top: -80px; }
.mb-40 { margin-bottom: -40px; }

.ml60 {margin-left: 60px;}

.grid-center{ display: grid;
  place-item: center;}


/*-----------------------
   4.3 Padding space
-------------------------*/
.nopadding { padding: 0px; }
.nopr { padding-right: 0px; }
.nopl { padding-left: 0px; }
.pinside10 { padding: 10px; }
.pinside20 { padding: 20px; }
.pinside30 { padding: 30px; }
.pinside40 { padding: 40px; }
.pinside50 { padding: 50px; }
.pinside60 { padding: 60px; }
.pinside80 { padding: 80px; }
.pinside130 { padding: 130px; }
.pdt10 { padding-top: 10px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdt40 { padding-top: 40px; }
.pdt60 { padding-top: 60px; }
.pdt80 { padding-top: 80px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdb40 { padding-bottom: 40px; }
.pdb60 { padding-bottom: 60px; }
.pdb80 { padding-bottom: 80px; }
.pdl10 { padding-left: 10px; }
.pdl20 { padding-left: 20px; }
.pdl30 { padding-left: 30px; }
.pdl40 { padding-left: 40px; }
.pdl60 { padding-left: 60px; }
.pdl80 { padding-left: 80px; }
.pdr10 { padding-right: 10px; }
.pdr20 { padding-right: 20px; }
.pdr30 { padding-right: 30px; }
.pdr40 { padding-right: 40px; }
.pdr60 { padding-right: 60px; }
.pdr80 { padding-right: 80px; }
.mr-20 { margin-right: -20px; }

.kaburi_trans{padding-top: 90px; margin-top: -90px;}
.kaburi_set{padding-top: 120px; margin-top: -120px;}

/*--------------------------------
4.4 Background & Block color 
----------------------------------*/
.bg-light { background-color: #f4f1ec; }
.bg-light-box { background-color: #f4f1ec; padding:5px 10px;}
.bg-primary { background-color: #2F4FA1 ; }
.bg-default { background-color: #f4f1ec; }
.bg-white { background-color: #fff; }
.outline { border: 1px solid #e5e7ec; }
.section-title { margin:50px 0 50px 0; }
.section-title2 { font-weight:600; }
.title { color: #333; font-size:26px; font-weight:600; line-height:34px;}
.small-title{color: #84837f; font-size: 13px; letter-spacing: 1px; margin-bottom: 20px; font-family:'Montserrat', sans-serif;}
.small-title2{ font-size: 16px; margin: 20px 0 20px 0; line-height: 22px; color:#333;}
.small-title3{ font-size: 16px; line-height: 18px; color:#333; font-weight:600; margin-top:-14px;}
.small-title4{ font-size: 18px; line-height: 18px; font-weight:600; margin-top:14px;}
.small-title5{ font-size: 14px; line-height: 18px; }
.small-title6{ font-size: 28px; line-height: 32px; font-weight:900; letter-spacing:-1px;}
.text-white { color: #fff; }
.primary-sidebar { }
.secondary-sidebar { }
.well-block{background-color: #fff;padding: 20px;}
.eng_img{height:474px;}
/*--------------------------------
4.5 Features Block 
----------------------------------*/
.feature { }
.feature-icon { margin-bottom: 20px; }
.feature-left { }
.feature-left .feature-icon { float: left; }
.feature-left .feature-content { padding-left: 80px; }
.feature-center { }
.feature-center .feature-icon { }
.feature-center .feature-content { }
.feature-inner { }
.feature-outline { }
.thumbnail-block { }
.thumbnail-img { }
.thumbnail-content { }
.thumbnail-inner { }
.thumbnail-outline { }

/*----------------- video ---------------*/
.video-section { position: relative; }
.video-img { position: relative; }
.video-img img { width: 100%; }
.video-action { position: absolute; top: 40%; left: 47%; }

/*--------------------------------
4.6 Bullet 
----------------------------------*/
.bullet { position: relative; padding-left: 15px; color: #78807e; line-height: 32px; }
.bullet-double-right li:before { font-family: FontAwesome; display: block; position: absolute; left: 0; width: 13px; font-size: 14px; color: #78807e; content: "\f101"; }

/*--------------------------------
4.7 Call to actions 
----------------------------------*/
.cta-block { }
.cta-text { font-size: 18px; color: #a2fed4; margin-bottom:0px;}
.cta-content { }
.cta-call, .cta-mail { }

.keyin{padding:30px 10px 30px 10px;
    background: rgba(0,0,0,0.60);
    color: #fff;
    width: 100%;
	}
.cta-section { 
    padding-top: 100px; padding-bottom: 100px; 
    background:  url(../images/PA1000-535.jpg) no-repeat center; background-size: cover; }
.cta-section2 { 
    padding-top: 100px; padding-bottom: 100px; 
    background: linear-gradient(rgba(30, 28, 24, 0.1), rgba(30, 28, 24, 0.1)), rgba(30, 28, 24, 0.1) url(../images/9365.webp) no-repeat center; background-size: cover; }
.cta-section3 { 
    padding-top: 100px; padding-bottom: 100px; 
    background:  url(../images/2019.webp) no-repeat center; background-size: cover; }
.cta-section4 { 
    padding-top: 100px; padding-bottom: 100px; margin-bottom: -50px;
    background:  url(../images/top_box_img.png) no-repeat center; background-size: auto; }
.cta-caption {  }
.cta-title { color: #fff;font-weight: 600; margin-bottom: 10px;  font-family: 'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.cta-text { font-size: 18px; color: #fff; margin-bottom: 10px; }

.3step-box {}

/*--------------------------------
4.8 Image Hover Effect 
----------------------------------*/
.listlink a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.listlink a:hover h5{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.imghover { display: block; position: relative; max-width: 100%; }
.imghover::before, .imghover::after { display: block; position: absolute; content: ""; text-align: center; opacity: 0; }
.imghover::before { top: 0; right: 0; bottom: 0; left: 0; }
.imghover::after { top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px; margin: -25px 0 0 -25px; content: "\f2a8"; font-family: "FontAwesome"; font-size: 36px; }
.imghover:hover::before, .imghover:hover::after { opacity: 1; }
.imghover:hover::before { background: rgba(212, 27, 44, .55); }
.imghover:hover::after { color: #FFFFFF; }
[class^='imghvr-'], [class*=' imghvr-'] { background: rgba(211, 0, 80, .55); }

.imghover02 { display: block; position: relative; max-width: 100%; }
.imghover02::before, .imghover02::after { display: block; position: absolute; content: ""; text-align: center; opacity: 0;}
.imghover02::before { top: 0; right: 0; bottom: 0; left: 0; }
.imghover02::after { top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px; margin: -25px 0 0 -25px; }
.imghover02:hover::before, .imghover02:hover::after { opacity: 1;transition: .2s; }
.imghover02:hover::before { background: rgba(241, 241, 241, .25); }
.imghover02:hover::after { color: #FFFFFF; }

/*--------------------------------
4.9 Icon 
----------------------------------*/
.icon { }
.icon-1x { font-size: 18px; }

/* default icon size of font*/
.icon-2x { font-size: 38px; }
.icon-4x { font-size: 65px; }
.icon-6x { font-size: 88px; }
.icon-8x { font-size: 108px; }
.icon-default { color: #2F4FA1; }
.icon-primary { color: #474954; }
.icon-secondary { color: #fff; }
.icon-white { color: #fff; }
.logo img{
	padding:5px 0 5px 0;
	max-width: 180px;
   height: auto;
   	 -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;

}
/*--------------------------------
5 Header / Navigations 
----------------------------------*/

/*--------------------
    5.1 Header Regular 
   ----------------------*/

.logo { }
.header { background-color: #fff; z-index: 9999; position: relative; padding-top: 5px; padding-bottom: 0px; padding-left:15px; padding-right:15px;}
.top-text { text-align: right; }
.top-text .text-block { padding-left: 20px; color: #fff; line-height: 18px; }
.call-block { }
.call-no { }
.mail-block { }
.mail-text { }
.time-block { }
.time-text { }
.call-block, .mail-block, .time-block { }
.header_tel{padding:2px 0 0 0;
     text-align:center; font-size:14px; line-height:
	16px;}
.header_list{}
/*--------------------------111
    5.2 Navigations Regular
   ----------------------------*/
.logo_grand{padding:20px 40px 40px 40px;}
.grand-top { ;height:740px; background: linear-gradient(rgba(36, 39, 38, 0), rgba(36, 39, 38, 0)), rgba(36, 39, 38, 0) url(../images/grand_top3.jpg) no-repeat center; background-size: cover; }
.grand-top_mb {margin-top:10px; padding-top:60px ;height:740px; background: linear-gradient(rgba(36, 39, 38, 0), rgba(36, 39, 38, 0)), rgba(36, 39, 38, 0) url(../images/grand_mobile.webp) no-repeat center; background-size: cover; }
.grand_title {font-weight:900; font-size:28px; line-height:50px;}
.grand_title2 {font-weight:900; font-size:28px; line-height:60px;}
.grand_text{ font-size:18px; line-height:24px;}
.grand_mongon{font-weight: 900; color:#333; font-size:30px; font-family: 'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.mongon{ font-weight: 900; color:#333; font-size:24px; line-height:36px; font-family: 'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.hero-caption { padding-top: 100px; padding-bottom: 100px; }
.hero-title { font-size: 8px; color: #fff; line-height: 58px; font-weight: 600; margin-bottom: 30px; letter-spacing: -1px;  text-align:center;}
.hero-title2 { font-size: 40px; color: #fff; line-height: 50px; font-weight: 600; letter-spacing: -1px; text-align:center; }
.hero-title3 { font-size: 40px; color: #fff; line-height: 50px; font-weight: 600; letter-spacing: -1px; text-align:center; }
.hero-title4 { font-size: 80px; color: #fff; line-height: 90px; font-weight: 600; letter-spacing: -1px; text-align:center; }
.top-title {font-size: 45px; font-weight: 900; line-height: 55px; margin-bottom: 40px; color: #000000; margin-top: -40px;}
.top-box {padding:0 10px;}
.top-box p{font-size: 20px;}
.pankuzu { font-size: 14px; line-height:18px; margin-top:4px;}
.hero-text { font-size: 18px; color: #fff; margin-bottom: 30px; }
.navigation { float: right; }
.center{
	text-align: center;
  }
 
.is-sticky .header {border-bottom: 1px solid #eae7e2;}
#navigation, #navigation ul, #navigation ul li, #navigation ul li a, #navigation #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#navigation:after, #navigation > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#navigation #menu-button { display: none; }
#navigation { font-family: 'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
#navigation > ul > li { float: left; }
#navigation.align-center > ul { font-size: 0; text-align: center; }
#navigation.align-center > ul > li { display: inline-block; float: none; }
#navigation.align-center ul ul { text-align: left; }
#navigation.align-right > ul > li { float: right; }
#navigation > ul > li > a { padding: 20px; font-size: 14px; color: #333; text-decoration: none; font-weight: 900; text-transform: uppercase; }
#navigation > ul > li:hover > a { color: #ffffff; background-color: #2F4FA1; }
#navigation > ul > li.has-sub > a { padding-right: 28px; }
#navigation > ul > li.has-sub > ul { z-index:100; }

/*#navigation > ul > li.has-sub > a:after {
 position: absolute;
 top: 22px;
 right: 11px;
 width: 8px;
 height: 2px;
 display: block;
 background: #dddddd;
 content: '';
}*/
#navigation > ul > li.has-sub > a:before { position: absolute; right: 14px; font-family: FontAwesome; content: "\f107"; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }

/*#navigation > ul > li.has-sub:hover > a:before {
 top: 23px;
 height: 0;
}*/
#navigation ul ul { position: absolute; left: -9999px; }
#navigation.align-right ul ul { text-align: right; }
#navigation ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#navigation li:hover > ul { left: auto; }
#navigation.align-right li:hover > ul { left: auto; right: 0; }
#navigation li:hover > ul > li { height: 46px; }
#navigation ul ul ul { margin-left: 100%; top: 0; }
#navigation.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
#navigation ul ul li a { padding: 17px; width: 170px; font-size: 13px; text-decoration: none; color: #fff; font-weight: 500; 
						background: #2F4FA1; text-transform: uppercase; border-bottom: 1px solid #fff; margin-bottom: 1px;}
#navigation ul ul li:last-child > a, #navigation ul ul li.last-item > a { border-bottom: 0; }
#navigation ul ul li:hover > a, #navigation ul ul li a:hover { color: #ffffff; background-color: #0A8AF2; }
#navigation ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
#navigation.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
#navigation ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#navigation.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; }
#navigation ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }
#navigation.small-screen { width: 100%; }
#navigation.small-screen ul { width: 100%; display: none; }
#navigation.small-screen.align-center > ul { text-align: left; }
#navigation.small-screen ul li { width: 100%; border-top: 1px solid #474747; }
#navigation.small-screen ul ul li, #navigation.small-screen li:hover > ul > li { height: auto; }
#navigation.small-screen ul li a, #navigation.small-screen ul ul li a { width: 100%; border-bottom: 0; padding: 20px 15px; }
#navigation.small-screen > ul > li { float: none; }
#navigation.small-screen ul ul li a { padding-left: 25px; }
#navigation.small-screen ul ul ul li a { padding-left: 35px; }
#navigation.small-screen ul ul li a { color: #474747; background: none; }
#navigation.small-screen ul ul li:hover > a, #navigation.small-screen ul ul li.active > a { color: #474747; }
#navigation.small-screen ul ul, #navigation.small-screen ul ul ul, #navigation.small-screen.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
#navigation.small-screen > ul > li.has-sub > a:after, #navigation.small-screen > ul > li.has-sub > a:before, #navigation.small-screen ul ul > li.has-sub > a:after, #navigation.small-screen ul ul > li.has-sub > a:before { display: none; }
#navigation.small-screen #menu-button {display: block; color: #474747; cursor: pointer; font-size: 12px;
   text-transform: uppercase; font-weight: 700;}
#navigation.small-screen #menu-button:after { position: absolute; top: 11px; right: 17px; display: block; height: 12px; width: 20px; border-top: 2px solid #474747; border-bottom: 2px solid #474747; content: ''; }
#navigation.small-screen #menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #474747; content: ''; }
#navigation.small-screen #menu-button.menu-opened:after { top: 18px; border: 0; height: 2px; width: 15px; background: #474747; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#navigation.small-screen #menu-button.menu-opened:before { top: 18px; background: #474747; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#navigation.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #474747; height: 53px; width: 53px; cursor: pointer; }
#navigation.small-screen .submenu-button.submenu-opened { }
#navigation.small-screen ul ul .submenu-button { height: 34px; width: 34px; }
#navigation.small-screen .submenu-button:after { position: absolute; top: 22px; right: 20px; width: 8px; height: 2px;
 display: block; background: #474747; content: ''; }
#navigation.small-screen ul ul .submenu-button:after { top: 15px; right: 13px; }
#navigation.small-screen .submenu-button.submenu-opened:after { background: #474747; }
#navigation.small-screen .submenu-button:before { position: absolute; top: 19px; right: 23px; display: block;
 width: 2px; height: 8px; background: #474747; content: ''; }
#navigation.small-screen ul ul .submenu-button:before { top: 12px; right: 16px; }
#navigation.small-screen .submenu-button.submenu-opened:before { display: none; }
#navigation.small-screen.select-list { padding: 5px; }

/*----------------------------------------------
    5.4 Page Header
----------------------------------------------*/
.page-header { background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/page-header.png) no-repeat center; background-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
.wedding-header { background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/wedding-header.png) no-repeat center; backgroundedding-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
.video-header { background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/video-header.png) no-repeat center; backgroundedding-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
.school-header { background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/school-header.png) no-repeat center; backgroundedding-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
.lecture-header { background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/lecture-header.png) no-repeat center; backgroundedding-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
.dj-header { background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/dj-header.png) no-repeat center; backgroundedding-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
.outing-header { background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/outing-header.png) no-repeat center; backgroundedding-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
.pa1000-header{ background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/1000-header.png) no-repeat center; backgroundedding-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
.paset-header{ background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/paset-header.jpg) no-repeat center; backgroundedding-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
.transport-header{ background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/transport-header.jpg) no-repeat center; backgroundedding-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
.soundengineer-header{ background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/soundengineer-header.jpg) no-repeat center; backgroundedding-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; width:100%;}
.street-header{ background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/street-header.png) no-repeat center; backgroundedding-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
.jobs-header{ background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/jobs-header.webp) no-repeat center; background-position: top; background-size: auto; margin: 0; border-bottom: none; padding-bottom: 0px; }
.line6-header{ 
                background-color: #191919;
                margin: 0;
                height:450px;
                padding:25px 0;
                border-bottom: none; padding-bottom: 0px; }

.line6_top_img{width:80%; margin-left: 20%;}
.top_right_title_box{height:450px; display: flex; padding-left:40px; align-items:center;}
.right_title{font-family:"游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif; color:#FFF; font-size:3.2em; text-align:left; line-height: 1.8em; font-weight: 900; margin-top:; }



.bunner_img{width:100%; height:auto;}
.service-title2 { font-size: 26px; color: #fff; line-height: 190px; font-weight: 900; text-align:center; font-family: 'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;   }
.row4{margin:4px -12px 4px -12px;}
.top_space{;}
.top_back {background: rgba(0, 0, 0, 0); padding:0px 0px ;}
.top_text { padding-top:22px; font-size: 15px;  line-height:22px; color: #fff; text-align:center; font-family: 'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.top_text2 {font-weight:600;padding-top:6px; margin-bottom:0px; font-size: 15px; color: #fff; text-align:center; font-family: 'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.top_24h {padding-top:28px; width:80%; }
.top_pay {padding-top:5px; width:90%; }
.top_icon{font-weight:900; height:90px; border:solid 1px #fff; background: rgba(0, 0, 0, 0.2);}
.hero-section {padding-top:80px ;height:880px; background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), rgba(0, 0, 0, 0.0) url(../images/hero-img.jpg) no-repeat center; background-size: cover; }
.service-header1{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), rgba(0, 0, 0, 0.5) url(../images/service-img1.jpg) no-repeat center;background-size: 100%; display:block; }
.service-header2{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), rgba(0, 0, 0, 0.5) url(../images/service-img2.jpg) no-repeat center;background-size: 100%; display:block;}
.service-header3{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), rgba(0, 0, 0, 0.5) url(../images/service-img3.jpg) no-repeat center;background-size: 100%; display:block;}
.service-header4{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), rgba(0, 0, 0, 0.5) url(../images/case-img8.jpg) no-repeat center;background-size: 100%; display:block;}
.service-header5{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), rgba(0, 0, 0, 0.5) url(../images/service-img5.jpg) no-repeat center;background-size: 100%; display:block;}
.service-header6{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), rgba(0, 0, 0, 0.5) url(../images/service-img6.jpg) no-repeat center;background-size: 100%; display:block;}
.service-header7{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), rgba(0, 0, 0, 0.5) url(../images/service-img7.jpg) no-repeat center;background-size: 100%; display:block;}
.service-header8{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), rgba(0, 0, 0, 0.5) url(../images/service-img8.jpg) no-repeat center;background-size: 100%; display:block;}
.grand_bunner1{background:linear-gradient(rgba(36, 39, 38, 0), rgba(36, 39, 38, 0)), rgba(36, 39, 38, 0)  url(images/grandbunner_osaka.jpg) no-repeat center;background-size: 100%; display:block;}

.page-caption { padding: 100px 0px 80px 0px; position: relative; z-index: 1; color: #fff; text-align: center; }
.page-caption2 { padding: 100px 0px 40px 0px; position: relative; z-index: 1; color: #fff; text-align: center; }
.page-title { color: #fff;  font-size: 40px; font-weight: 400; letter-spacing: -1px; line-height:15px; font-family:'Montserrat', sans-serif;}
.page-title2 { color: #fff;  font-size: 18px; font-weight: 400; line-height: 21px; }
.set-title { color: #fff;  font-size: 15px; font-weight: 900; line-height: 18px;  }
.page-breadcrumb {   }
.page-breadcrumb .breadcrumb { background-color: transparent; margin-bottom: 0px; font-size: 12px; text-transform: uppercase; }


/* --------------------------------
breadcrumb
----------------------------------*/
.bread-container{
}


#breadcrumb {
  margin: 0;
  padding: 13px 15px;
  background-color: #FFF;
}
.archive #breadcrumb {
  padding: 0;
  background: transparent;
}
#breadcrumb ul {
  margin: 0;
}
#breadcrumb li {
  display: inline;
  list-style: none;
  font-size: 0.87em;
  line-height: 2em;
  color:#2F4FA1;
}
#breadcrumb li:after {
  padding: 0 6px;
  color: #b0c4de;
  content: ">";
  font-size: 14px;
}

#breadcrumb li:last-child::after {
  content: "";
}

#breadcrumb li a {
  text-decoration: none;
  font-weight: 500;
  color:#b0c4de;
}
#breadcrumb li:first-child a:before {
  padding-right: 5px;
  font-size: 1.1em;
  font-weight: normal;
}
#breadcrumb li a:hover {
  color:#2F4FA1;
  text-decoration: none;
}


#breadcrumb2 {
  margin: 0;
  padding: 0;
  background-color: #FFF;
}
.archive #breadcrumb2 {
  padding: 0;
  background: transparent;
}
#breadcrumb2 ul {
  margin: 0;
}
#breadcrumb2 li {
  display: inline;
  list-style: none;
  font-size: 0.87em;
  line-height: 2em;
  color:#2F4FA1;
}
#breadcrumb2 li:after {
  padding: 0 6px;
  color: #b0c4de;
  content: ">";
  font-size: 14px;
}

#breadcrumb2 li:last-child::after {
  content: "";
}

#breadcrumb2 li a {
  text-decoration: none;
  font-weight: 500;
  color:#b0c4de;
}
#breadcrumb2 li:first-child a:before {
  padding-right: 5px;
  font-size: 1.1em;
  font-weight: normal;
}
#breadcrumb2 li a:hover {
  color:#2F4FA1;
  text-decoration: none;
}

/*-----------------------------------
7. Content 
-------------------------------------*/

.content { padding-top: 30px; padding-bottom: 30px; }
.logo-top{margin-top: 80px;}

/*-----------------------------------
8. Footer 
-------------------------------------*/
.footer { 	background: url(/images/common/bg_bk_opacity.png);
 padding-top: 60px; padding-bottom: 60px;}
.footer-block{background-color: #282725;padding: 40px 40px 0px 40px; border-radius: 10px;}
.footer-widget p { color: #747474; }
.footer-widget .widget-title { color: #fff; font-weight: 600; padding-bottom: 20px; margin-bottom: 30px; }
.footer-widget { }
.footer-widget ul { }
.footer-widget li { }
.footer-widget li a { color: #747474; line-height: 34px; }
.footer-widget li a:hover { color: #2F4FA1; }
.footer-link { }
.footer-social { }
.footer-social ul { }
.footer-social ul li { }
.footer-social ul li a i { padding-right: 10px; width: 30px; }
.footer-social ul li a:hover i { color: #2F4FA1; }
.footer .contact li { position: relative; padding-left: 40px; display: block; 
margin-bottom: 8px; padding: 0 0 8px 40px; color: #747474; }
.footer .contact li i { display: block; position: absolute; top: 5px; left: 0; width: 30px; 
    font-size: 16px; text-align: center; }
.widget-newsletter .form-control { height: 48px; color: #eee; background-color: #393836; border: none; box-shadow: none; 
    font-size: 14px; border-radius: 30px 0px 0px 30px;}
.widget-newsletter button { height: 48px; }

/*-------------- tiny footer ------------*/
.tiny-footer {  padding-top: 19px; padding-bottom: 9px; font-size: 12px; 
    color: #56575e; text-align: left; text-transform: uppercase; text-align: center; }
.copyright-content { padding: 12px; color: #747474; }
.copyright{color:#FFF; text-align: right; margin:10px 0;}

/*-----------------------------------
9. Pages 
-------------------------------------*/
.caution7{
	padding: 5px 10px 10px 60px!important;
	background: url(../images/icon/icon-check07.png) left top no-repeat;
}

/*-------------------------
 9.1 About us
---------------------------*/

.about-text { line-height: 40px; }
.about-block { }
.about-img { }
.about-info { }
.about-contact { font-size: 18px; color: #8c9292; font-weight: 600; margin-left: 5px; }
.counter_block { }
.counter_box { border-bottom: 1px solid #eee; padding: 40px 0px; }
.counter_number { font-weight: 900; margin-bottom: 0px; }
.counter_text { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; }

/*-------------------------
 9.2  Service / single / sidebar
--------------------------*/

/* service section */
.platform{
	text-align:center;
}
.platform img{
	width:200px;
	margin:20px;
}
.row .service{
	border:4px solid #1f2c5c;
	border-radius:8px;
	width:175px;
	float:left;
	margin:5px;
	padding:20px 10px 10px 10px;
	text-align:center;
	height:175px;
	font-weight:bold;
	color:#1f2c5c;
	font-size:0.95em;
	line-height:1.5em;
	background:#fffbc7;
}
.row .service img{
	width:auto;
	height:100px;
	margin:0 0 10px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #000;

}
@media (max-width: 767px) {
.row .service{
	width:46%;
	margin:5px;
	padding:20px 10px 10px 10px;
	height:180px;
	font-size:0.7em;
}
.row .service img{
	width:auto;
	height:100px;
	margin:0 0 10px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #000;
}
.platform img{
	width:32%;
	margin:20px;
}
}

@media (max-width: 767px) {
.service-arrow{
	width:100px;
	margin:0 auto;

}
}


.service-block { margin-bottom: 30px; }
.service-img { margin-bottom: 30px; }
.service-img img { width: 100%; }
.service-caption { }
.service-title { font-size: 20px; color: #212330; text-transform: uppercase; text-align: center; letter-spacing: 1px; }
.service-icon { }
.service-icon img { }
.service-single-block { }
.service-single-img { }
.service-single-content { }
.price{font-size: 24px; color: #2F4FA1; font-weight: 600; font-family:  'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.box { padding: 5px 10px 10px; margin-bottom:10px; }
.box_lr_np { padding: 5px 0px 10px; margin-bottom:10px; }
.box_old { padding: 5px 5px 10px; margin-bottom:10px; background:#ddd;}
.text-box { margin-top:10px;}
.text-box_old {display:flex; justify-content:center; }
.type-text {font-size: 14px; line-height: 16px; font-weight:500; font-family:  'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.type-text2 {font-size: 12px;  color:#2F4FA1; font-weight:500; display: inline-block;}
.text_clear {padding:6.5px;}
.text_clear2 {padding:7.5px;}
.bunner_tenpo{ font-weight:900; font-size: 24px; line-height:34px; margin: 8px -12px 0 40px ;color:#231815;}

.set_name2{
font-size:54px;
font-weight: 900;
color:#DF0101;
 line-height:54px
}
.price-text{ font-weight:500; font-size: 15px; line-height:20px; color:#ff0000; letter-spacing: 1px; }
.price-text-right{ font-weight:500; font-size: 18px; line-height:20px; color:#ff0000; letter-spacing: 1px; float: right; clear: both; padding-right: 10px;}
.tax-mini{ font-size:11px; letter-spacing: 0px; line-height: 17px; }

ul li.maker-name{padding:10px 0 15px 3px; height: 61px; }
ul li.title-text{ font-size:16px; height:32px; font-weight: bold;}
/*-----------------------------------------
    service side-nav
   ------------------------------------------*/
.sidenav5 { background-color: #fff; margin:-20px 0 280px 0; }
\.sidenav5 li:last-child { 
	margin-bottom: 0px;
	}
.sidenav5 li a { display: block; line-height: 14px; color: #2b2d2c; 
    font-weight: 500; font-size: 14px; background-color: #DAE2EF ; padding: 12px; margin:1px; text-transform: uppercase;font-family:  'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.sidenav5 li a:hover { color: #fff; background-color: #2F4FA1; }
.sidenav5 li a.active, .sidenav ul li a.active .sidenav ul li i { color: #fff; background-color: #2F4FA1; }
.sidenav5 li a:focus { color:#e69500; }
.sidenav5 li.active a:before { color:#e69500; }

.sidenav { background-color: #fff; margin-bottom: 30px; 
	left:72%;
	 display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 15%;}
\.sidenav li:last-child { 
	margin-bottom: 0px;
	}
.sidenav li a { display: block; line-height: 14px; color: #2b2d2c; 
    font-weight: 500; font-size: 14px; background-color: #DAE2EF ; padding: 20px; margin-bottom: 1px; text-transform: uppercase;font-family:  'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.sidenav li a:hover { color: #fff; background-color: #2F4FA1; }
.sidenav li a.active, .sidenav ul li a.active .sidenav ul li i { color: #fff; background-color: #2F4FA1; }
.sidenav li a:focus { color:#e69500; }
.sidenav li.active a:before { color:#e69500; }

.sidenav3 { background-color: #fff; margin-bottom: 30px; 
	left:72%;
	 display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 15%;
  width:270px;}
.sidenav3 li:last-child { 
	margin-bottom: 0px;
	}
.sidenav3 li a { display: block; line-height: 14px; color: #2b2d2c; 
    font-weight: 500; font-size: 14px; background-color: #DAE2EF ; padding: 20px; margin-bottom: 1px; text-transform: uppercase;font-family: 'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.sidenav3 li a:hover { color: #fff; background-color: #2F4FA1; }
.sidenav3 li a.active, .sidenav3 ul li a.active .sidenav3 ul li i { color: #fff; background-color: #2F4FA1; }
.sidenav3 li a:focus { color:#e69500; }
.sidenav3 li.active a:before { color:#e69500; }
.sidenav4 { background-color: #fff; margin-bottom: 30px; 
	left:72%;
	 display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 15%;}
.sidenav4 li:last-child { 
	margin-bottom: 0px;
	}
.sidenav4 li a { display: block; line-height: 14px; color: #2b2d2c; 
    font-weight: 500; font-size: 14px; background-color: #DAE2EF ; margin-bottom: 1px; text-transform: uppercase;font-family: 'Montserrat','Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.sidenav4 li a:hover { color: #fff; background-color: #2F4FA1; }
.sidenav4 li a.active, .sidenav4 ul li a.active .sidenav4 ul li i { color: #fff; background-color: #2F4FA1; }
.sidenav4 li a:focus { color:#e69500; }
.sidenav4 li.active a:before { color:#e69500; }

.studionav { background-color: #fff; margin-bottom: 30px; 
width:260px;
height:auto;
	left:72%;
	 display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 10%;}
.studionav a:hover { background-image: url("/img/btn_sample_over.png");
}
.studionav li a.active, .studionav ul li a.active .studionav ul li i { color: #fff; background-color: #2F4FA1; }
.studionav li a:focus { color:#e69500; }
.studionav li.active a:before { color:#e69500; }

.sidenav2 { background-color: #fff; margin-bottom: 30px; 
	width:100%;
  display:none;}

  
.sidenav2 li:last-child { 
	margin-bottom: 0px;
	}
.sidenav2 li a { display: block; line-height: 14px; color: #2b2d2c; 
    font-weight: 500; font-size: 14px; background-color: #DAE2EF ; padding: 20px; margin-bottom: 1px; text-transform: uppercase;font-family: 'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.sidenav2 li a:hover { color: #fff; background-color: #2F4FA1; }
.sidenav2 li a.active, .sidenav2 ul li a.active .sidenav2 ul li i { color: #fff; background-color: #2F4FA1; }
.sidenav2 li a:focus { color:#e69500; }
.sidenav2 li.active a:before { color:#e69500; }

.studionav2 { background-color: #fff; margin-bottom: 30px; 
	width:100%;
  display:none;}

  
.studionav2 li:last-child { 
	margin-bottom: 0px;
	}
.studionav2 li a { display: block; line-height: 14px; color: #2b2d2c; 
    font-weight: 500; font-size: 14px; background-color: #DAE2EF ; padding: 20px; margin-bottom: 1px; text-transform: uppercase;font-family: 'Montserrat','Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.studionav2 li a:hover { color: #fff; background-color: #2F4FA1; }
.studionav2 li a.active, .studionav2 ul li a.active .studionav2 ul li i { color: #fff; background-color: #2F4FA1; }
.studionav2 li a:focus { color:#e69500; }
.studionav2 li.active a:before { color:#e69500; }

  

/*.sidenav li a:before { margin-right: 10px; font-family: FontAwesome; position: absolute; width: 20px; font-size: 12px; color: #7d7f89; content: "138"; left: 10px; }
.sidenav li a:hover:before { color:#e69500; }*/
.arrow-circle-right li:last-child { border-bottom: 0px solid #6f4a52; }
.arrow-circle-right li a:before { margin-right: 10px; font-family: FontAwesome; position: absolute; left: 20px; width: 20px; font-size: 16px; color: #5a5a5a; content: "\f105"; font-weight: normal; }

/*--------------------------
  9.5  case
---------------------------*/
.quote-left { position: absolute; font-size: 100px; font-family: 'Libre Baskerville', 'Noto Sans Japanese', serif; font-style: normal; color: #2F4FA1; line-height: 0px; top: 52px; }
.case-block {margin-bottom: 30px; padding-top:20px;  font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif; text-transform: uppercase; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.case-img { margin-bottom:5px; }
.case-img img { }
.case-content { padding:0 5px;}
.case-info { line-height: 1; }
.case-text { font-size: 1.8rem; line-height: 3rem; color: #333333; padding: 10px; }
.case_textbox { height:200px; margin-bottom: 15px;}
.case-name { font-size: 22px; font-weight: 900; color: #2F4FA1; text-align:center; }
.case-meta { font-size: 13px; text-transform: uppercase;color: #2F4FA1; padding-right: 10px; font-weight: 400; }
.case-title1 { font-size: 2.2rem; display:block; margin-bottom:3rem; position:relative; padding: 0.8rem 0rem 0rem 9rem;}
.case-title2 { font-size: 2.2rem; display:block; margin-bottom:3rem; position:relative; padding: 0.8rem 0rem 0rem 9rem;}
.case-title3{ font-size: 2.2rem; display:block; margin-bottom:3rem; position:relative; padding: 0.8rem 0rem 0rem 9rem;}
.case-title4 { font-size: 2.2rem; display:block; margin-bottom:3rem; position:relative; padding: 0.8rem 0rem 0rem 9rem;}
.case-title5 { font-size: 2.2rem; display:block; margin-bottom:3rem; position:relative; padding: 0.8rem 0rem 0rem 9rem;}
.case-title1:before{ position: absolute; content: 'CASE.1'; font-size: 2rem; top: 0; left: 0; color: white; padding: 0.8rem; background: #F4A017; border-radius: 0.3rem;}
.case-title2:before{ position: absolute; content: 'CASE.2'; font-size: 2rem; top: 0; left: 0; color: white; padding: 0.8rem; background: #F4A017; border-radius: 0.3rem;}
.case-title3:before{ position: absolute; content: 'CASE.3'; font-size: 2rem; top: 0; left: 0; color: white; padding: 0.8rem; background: #F4A017; border-radius: 0.3rem;}
.case-title4:before{ position: absolute; content: 'CASE.4'; font-size: 2rem; top: 0; left: 0; color: white; padding: 0.8rem; background: #F4A017; border-radius: 0.3rem;}
.case-title5:before{ position: absolute; content: 'CASE.5'; font-size: 2rem; top: 0; left: 0; color: white; padding: 0.8rem; background: #F4A017; border-radius: 0.3rem;}

.case-price-box{background-color: #f5f5f5; padding:20px; margin:10px 0;}

.case_list ul, ol {
  color: #555555;
  /*border-top: solid #1e366a 1px;/*上のボーダー*/
  /*border-bottom: solid #1e366a 1px;/*下のボーダー*/
  padding: 0.5em 0 0.5em 1.5em;
}

.case_list ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}



/*--------------------------
  9.6  kiyaku
---------------------------*/

.kiyaku-block, .kiyaku-quote{ position: relative; background-color: #f4f1ec; padding: 30px; border-radius: 10px;  margin-bottom: 30px;}
.kiyaku-strong{display:block; margin:2em 0;}
.kiyaku-block p{margin-bottom:3em;}
.kiyaku-block h3{color:#0A8AF2;}

/*--------------------------
  9.7  jobs
---------------------------*/
.jobs-block-text{ position: relative; background-color: #f4f1ec; padding: 30px; border-radius: 10px;  margin-bottom: 30px;}
.jobs-block{margin:0 auto 50px;}
.jobs-block-left{font-size: 18px; font-weight:900; background-color: #f4f1ec; height:100px; line-height: 100px; padding-left:20px;}
.jobs-block-right{font-size: 18px;  height:100px;  padding-left:20px; display:grid; align-items:center;}
.jobs-description{font-size: 28px; height:100%; line-height: 100px; background-color: #f4f1ec; padding-left:20px;}
.jobs-block-left2{font-size: 18px; font-weight:900; background-color: #f4f1ec; padding:20px; height:100%; display:grid; align-items:center;}
.jobs-block-right2{font-size: 15px; padding:20px; height:100%;}
.row-eq-height{display: flex; flex-wrap: wrap; margin-top: 20px; border-bottom: solid 2px #f4f1ec;}
summary {
	list-style: none;
	cursor:pointer;
	position:relative;
}
summary:hover {background-color:#fffaf0;
}
summary::after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	transition: transform 0.5s;
	font-size: 70px;
}

details[open] summary::after {
	transform: translateY(-50%) rotate(45deg);
}summary::-webkit-details-marker {
	display: none;
}

.app-form{color:#fff; background-color:#f4a017 ; margin:0 auto; padding:20px; width:60%; height:80px; display:grid; place-items:center; font-size: 2rem; font-weight: 900; border-radius: 5px;}
.app-form:hover{background-color:#d86414 ; color: #FFF;}
.app-form-top{color:#fff; background-color:#f4a017 ; margin:100px auto 0; padding:20px; width:60%; height:80px; display:grid; place-items:center; font-size: 2rem; font-weight: 900; border-radius: 5px;}
.app-form-top:hover{background:rgba(244, 160, 23, 0.6) ; color: #FFF;}
.form-box{margin:-100px auto 0; height:auto; width:100%;}
.iframe_height{ height:4000px;}
.appback-base{
  min-height: 800px; /* 高さの最小値を決めることで高さを確保させます。デバイスサイズに応じて数値を変更させると、背景画像もレスポンシブに変化します。　*/
　background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; /* 背景画像をフルスクリーンにフィットさせます */
}
.appback {
  background: url('../images/appback.webp') no-repeat fixed ; 　/* 背景画像を固定させます。 */
}
.appback2 {
  background: url('../images/appback2.webp') no-repeat fixed ;　/* 背景画像を固定させます。 */
}
.appback3 {
  background: url('../images/appback3.webp') no-repeat fixed ;　/* 背景画像を固定させます。 */
}
.appback4 {
  background: url('../images/appback4.webp') no-repeat fixed ;　/* 背景画像を固定させます。 */
}

.balloon5 {
  margin: 1.5em auto;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px rgba(244, 160, 23, 0.9);
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: rgba(244, 160, 23, 0.9);
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid rgba(244, 160, 23, 0.9);
}

.says p {
  margin: 0;
  padding: 0;
  color:#FFF;
  font-weight:900;
  font-family: "ヒラギノ丸ゴ Pro W6","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",sans-serif;
  letter-spacing: 1px;
}
.jobs-image{ background: linear-gradient(rgba(36, 39, 38, 0), rgba(36, 39, 38, 0)), rgba(36, 39, 38, 0) url(../images/jobs-image.webp) no-repeat center; background-position: top; background-size: auto; margin: 0; border-bottom: none; padding-bottom: 0px; }
.h384{height:384px;}
/*-------------------------
  9.8 Contact us
---------------------------*/
.contact-block { }
.contact-block ul { }
.contact-block ul li { border: 1px solid #f1f2f4; padding-top: 30px; padding-bottom: 30px; }
.contact-block ul li i { color: #2F4FA1; float: left; padding: 0px; }
.contact-block .contact-text { }
.contact-info { background-color: #cda34d; color: #fff; }
.contact-info ul { padding-left: 0px; }
.contact-info li { position: relative; padding-left: 70px; margin-bottom: 30px; border-bottom: 1px solid #b69042; padding-bottom: 29px; }
.contact-info li:last-child { border-bottom: none; }
.contact-info li i { display: block; position: absolute; left: 0;    /* font-size: 50px; */    /* text-align: center; */
color: #fff;    /* bottom: 0px; */ }
.map { height: 400px; }
.contact-social { text-align: center; }
.contact-social { }
.contact-social a i { height: 32px; width: 32px; border-radius: 50px; background-color: #0A8AF2; text-align: center; padding: 7px; line-height: 1.2; font-size: 14px; color: #c12d17; }
.contact-social a i:hover { color: #0A8AF2; }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; }

/*------------------------
 10. Blog pages
--------------------------*/
.reason11{padding:30px;}
.reason11-2{padding:30px; margin:0 30px 0 30px;}
.reason11_text{font-weight: 900; color:#333; font-size:20px; font-family: 'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif; line-height:30px;
padding:80px 0;}
.reason11_text2{font-weight: 900; color:#333; font-size:20px; font-family: 'Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif; line-height:30px;
padding:80px 0;}
.reason11_img{width:100%; height:auto;}
.content { }
.sidebar { }
.flow-box{ position: relative; padding:10px 0; margin:0 0 2em 0; text-align: center; background-color: #2F4FA1; color:#FFF; font-size: 20px; font-weight: 600; }
.flow-box:after{position: absolute; content: ''; top:100%; left:50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); border: 15px solid transparent; border-top: 13px solid #2F4FA1; width: 0; height: 0;}
.post-block, .post-quote{ position: relative; background-color: #f4f1ec; padding: 25px; border-radius: 10px;  margin-bottom: 30px;}
.flow-block3{ position: relative; background-color: #2F4FA1; padding: 10px 5px;text-align:center; }
.flow-block2{ position: relative; background-color: #2F4FA1; padding: 10px 5px;text-align:center; }
.flow-block{margin: 10px; }
.flow_text{color:#333; font-size:24px; line-height:22px;}
.flow_text5{ margin:20px; color:#333; font-size:16px; line-height:20px;}
.flow_text2{color: rgb(255, 255, 255); font-weight: 600; font-size:20px;}
.flow_text3{color:#333; font-weight: 600; font-size:20px;}
.bunner_text3{color:#231815; font-weight: 600; font-size:18px; text-align:center;}
.flow_text6{color:#FFF; font-weight: 600; font-size:16px;}
.flow_text4{ margin:20px; color:#333; font-weight: 600; font-size:20px;}
.flow_img{margin:0px auto; }
.flow_arrow{width:100%; margin:40px 0 40px 0;}
.flow_arrow2{ width:8%; margin-top:-12px; margin-bottom:20px;}
.flow_border{ position: relative; border:solid 1px; height:360px; color:#C9C9C9; margin-bottom: 40px; background-color: #FFF;}
.flow_border:before,.flow_border:after {position: absolute; content: ''; top:100%; left:50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); width: 0; height: 0;}
.flow_border:before{border: 15px solid transparent; border-top: 15px solid #C9C9C9;}
.flow_border:after{border: 16px solid transparent; border-top: 16px solid #FFF; margin-top: -2px;}
.flow_border2{ border:solid 1px; height:auto; color:#C9C9C9;}
.flow_line{ position: relative; display:inline-block; border-bottom:solid 1px; color:#C9C9C9; margin-bottom: 20px; background-color: #FFF;}
.flow_line:before,.flow_line:after {position: absolute; content: ''; top:100%; left:50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); width: 0; height: 0;}
.flow_line:before{border: 15px solid transparent; border-top: 15px solid #C9C9C9;}
.flow_line:after{border: 16px solid transparent; border-top: 16px solid #FFF; margin-top: -2px;}
/*-- use for thumbnail --*/
.post-holder { position: relative; margin-bottom: 30px; }
/*-- for single post page --*/
.post-img { position: relative; }
.post-img img{border-radius: 10px; width: 100%;}
.post-title { }
.post-content {padding-top: 0px; padding-right: 0px;}
.post-header { }

/*-------- Post meta --------*/
.meta { font-size: 12px; text-transform: uppercase; margin-bottom: 20px; font-family: 'Montserrat','Lato', "游ゴシック", YuGothic, "メイリオ", Meiryo,  sans-serif;}
.meta-date { }
.meta-user { }
.meta-comment { }
.meta-author { }
.meta-cat { }
.meta-date, .meta-author, .meta-comment, .meta-cat { display: inline-block; margin-right: 10px; }
.meta-link { }
.meta-tags { }

/*-------- Post Type --------*/
.post-sticky { background: url(../images/sticky.png) no-repeat; position: absolute; right: 35px; bottom: 35px; width: 30px; height: 30px; color: #fff; }
.post-gallery { }
.post-video { }
.post-video .video-sign { }
.post-audio {}
.post-quote {background-color: #2F4FA1; }
.quote-content{}
.post-quote blockquote{color: #fff; font-size: 34px; line-height: 42px;}
/*-------- Related Post --------*/
.related-post-block { border-top: 1px solid #eee; padding-top: 29px; margin-top: 30px; ; }
.related-post {margin-bottom: 30px; }
.related-post-title { }
.related-post-img { margin-bottom: 30px; }
.related-post-img img{border-radius: 10px;}
/*----- Prev Next Post -----*/
.post-navigation { margin-bottom: 30px; }
.nav-previous, .nav-next { border: 1px solid #f4f1ec; padding: 20px; }
.nav-previous { }
.nav-next { }
.prev-post { }
.next-post { }
.prev-link { }
.next-link { }
.prev-link, .next-link { margin-bottom: 10px; display: block; text-transform: uppercase; font-size: 12px; }

/*----- Author Post -----*/
.author-post { margin-bottom: 30px; background: #f4f1ec; padding: 30px; border-radius: 10px; }
.author-img { }
.author-title { }
.author-img img { width: 100%; border-radius: 10px; }
.author-bio { }
.author-meta { }
.author-name { }
.author-header { }
.author-detail { }
.author-link { }
.author-social { }
.author-social ul { }
.author-social ul li { }
.author-social ul li a { }
.author-social ul li a:hover { }
.author-info { }

/*------------- Post Pagination -------------*/
.st-pagination { }
.st-pagination .pagination>li>a, .pagination>li>span { position: relative; float: left; margin-left: -1px; line-height: 1.42857143; color: #3c3c3c; text-decoration: none; 
    font-size: 12px; background-color: #fff; 
    font-weight: 700; text-transform: uppercase; margin-right: 5px; 
    margin-bottom: 5px; padding: 8px 13px; border: 1px solid #efefef; border-radius: 100%; }
.st-pagination .pagination>li>a:focus, .st-pagination .pagination>li>a:hover, .st-pagination .pagination>li>span:focus, .st-pagination .pagination>li>span:hover, .st-pagination .pagination>li>a.active { z-index: 2; color: #fff; background-color: #2F4FA1; border: 1px solid #f4f1ec; }
.st-pagination .pagination>li:first-child>a, .st-pagination .pagination>li:first-child>span { margin-left: 0; border-radius: 100%; }
.st-pagination .pagination>li:last-child>a, .st-pagination .pagination>li:last-child>span { border-radius: 100%; }
.st-pagination .pagination>.active>a, .st-pagination .pagination>.active>a:focus, .st-pagination .pagination>.active>a:hover, .st-pagination .pagination>.active>span, .st-pagination .pagination>.active>span:focus, .st-pagination .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #2F4FA1;border: 1px solid #2F4FA1;}

/*------------------------
  12. Sidebar / Widgets
--------------------------*/

/*----- widget -----*/

.widget { margin-bottom: 10px; background-color: #f4f1ec; padding: 30px; border-radius: 10px; }
.widget-title { margin-bottom: 20px; }
.widget ul { }
.widget ul li { margin-bottom: 16px; line-height: 18px;}
.widget ul li:last-child { margin-bottom: 0px; }
.widget ul li a { color: #474747; }
.widget ul li a.active { color: #2F4FA1; }
.widget ul li a:hover { color: #2F4FA1; }
.widget-search { }
.widget-search .input-group-addon { color: #fff; text-align: center; background-color: #2F4FA1; border: 1px solid #2F4FA1; border-left: transparent; }
.widget-categories { }
.widget-categories ul { }
.widget-categories ul li { }
.widget-categories ul li a { }
.widget-archives { }
.widget-archives ul { }
.widget-archives ul li { }
.widget-archives ul li a { }
ul.widget-recent-post { }
.widget-recent-post li { margin-bottom: 10px; border-bottom: 1px solid #cecbc7;  padding-bottom: 10px;}
.widget-recent-post li:last-child{border-bottom: 1px solid transparent;}
.widget-recent-post ul li a {}
.widget-recent-post .meta{margin-bottom: 0px;}
.recent-post-img {margin-bottom: 20px; }
.recent-post-content { }
.recent-title{font-size: 12px; line-height: 18px;}

.widget-tags { }
.widget-tags a { border: 1px solid #cecbc7; padding: 2px 10px; display: inline-block; background-color: #fff; 
    font-size: 12px; text-transform: uppercase; margin-bottom: 5px; margin-right: 3px; border-radius: 50px; color: #333; }
.widget-tags a:hover { background-color: #2F4FA1; color: #fff;  border: 1px solid #2F4FA1; }
.widget-text { }
.widget-contact { }
.widget-social { }
.social-circle a { height: 33px; width: 33px; background-color: #2F4FA1; color: #fff; border-radius: 100%; padding: 5px; display: inline-block; text-align: center; margin-right: 10px; }
.social-circle a:hover { background-color: #0A8AF2; }
.widget-call-to-action{background-color: #eddba5;}
.widget-call-to-action .widget-title{font-size: 20px; font-weight: 400; margin-bottom: 20px; line-height: 28px;}
.widget-call-to-action p{font-size: 18px; color: #333;}
.team-block { margin-bottom: 20px; }
.team-img { margin-bottom: 20px; }
.team-content { text-align: center; }
.team-title { margin-bottom: 0px; }
.team-name { }
.team-meta { text-transform: uppercase; font-size: 12px; color: #2F4FA1; font-weight: 500; letter-spacing: 1px; }
.team-designation { }

/*----- Comment Post -----*/
.comments-area { }
.comments-title { border-bottom: 1px solid #f4f1ec; padding-bottom: 20px; margin-bottom: 30px; }
.comment-list { list-style: none;  padding: 0px;}
.comment { }
.comment-body { margin-top: 20px; margin-bottom: 30px; border-bottom: 1px solid #f4f1ec; padding-bottom: 20px; }
.comment-author { }
.comment-author img { float: left; }
.comment-info { padding-left: 120px; }
.comment-header { margin-bottom: 0px; }
.user-title { font-size: 15px; color: #474747; margin-bottom: 10px; font-weight: 500; }
.comment-meta { }
.comment-meta-date { color: #98989c; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; }
.comment-content { color: #6f6f6f; margin-bottom: 20px; }
.reply { }

/*---- thread comments --------*/
.childern { padding-left: 100px; list-style: none; }
.childern .comment-body { background-color: #f4f1ec; padding: 20px; border-radius: 10px; }
.childern .comment-info { padding-left: 120px; }

/*----- Leave Reply -----*/
.leave-comments { margin-top: 30px; background-color: #f4f1ec; padding: 40px; border-radius: 10px;}
.leave-comments .control-label { color: #474747; font-weight: 600; font-size: 13px; }

/*----- Contact Icon -----*/
.contact-icon{ font-family:'FontAwesome'; content:"/f0e0";}


/*--------------------------------
 Extra Plugin CSS - Back to top  
---------------------------------*/
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; overflow: visible; text-indent: 100%; white-space: nowrap; background: rgba(212, 27, 44, 100) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible {    /* the button becomes visible */
visibility: visible; opacity: 1; }
.cd-top.cd-fade-out {    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5; }
.no-touch .cd-top:hover { background-color: #e70359; opacity: 1; }

/*-------------styleguide-------------*/
.box-info { }
.box-default-color { background-color: #2F4FA1; height: 160px; width: 160px; }
.box-primary-color { background-color: #333; height: 160px; width: 160px; }
.box-heading-color { background-color: #333; height: 160px; width: 160px; }
.box-secondary-color { background-color: #6f6f6f; height: 160px; width: 160px; }
.box-bg-color { background-color: #eddba5; height: 160px; width: 160px; }
.mobile_only{display:none;}
.pc_only{display:block;}
.text_line{text-decoration: line-through;}
/*==========  Non-Mobile First Method  ==========*/
    @media only screen and (max-width : 1400px) {
   .studionav {  width:210px; top:10%;}
	.bunner_text3{font-size:16px;}}
    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
     .navigation { float: none; }
     .hero-title {font-size: 25px; line-height: 40px;}
	 .hero-section{padding-top:200px; height:1240px;}
     .comment-info {padding-left: 100px;}
     .cta-title {font-size: 26px; line-height: 40px;}
     .cta-section {padding-top: 50px; padding-bottom: 50px;}
     .cta-section2 {padding-top: 50px; padding-bottom: 50px;}
     .footer-widget {margin-bottom: 20px;}
     .footer-widget .widget-title {margin-bottom: 0px;}
     .page-title {font-size: 20px;}
     .page-caption {padding: 100px 0px 60px 0px;}
     .page-caption2 {padding: 100px 0px 30px 0px;}
     .childern .comment-info {padding-left: 90px;}
     .childern {padding-left: 0px; list-style: none;}
.service-title2 {font-size: 24px;  line-height: 140px; }
   .studionav {  width:180px; top:15%;}
   .bunner_text3{font-size:16px;}
.bunner_tenpo{ font-size: 18px; line-height:24px; margin: 10px -12px 0 40px ;}
.sidenav3 { 
left:80%;
  width:220px;}
.flow_border{ height:309px;}
.top_text {padding-top:18px; font-size: 14px;  line-height:18px; }
.top_text2 {padding-top:6px; font-size: 14px;  line-height:18px; }
.top_24h {padding-top:20px;}
.top_pay { }
.top_icon{height:70px; }
	}
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
     .navigation { float: none; }
     .hero-title {font-size: 25px; line-height: 40px;}
     .comment-info {padding-left: 100px;}
     .cta-title {font-size: 26px; line-height: 40px;}
     .cta-section {padding-top: 50px; padding-bottom: 50px;}
     .cta-section2 {padding-top: 50px; padding-bottom: 50px;}
     .footer-widget {margin-bottom: 20px;}
     .footer-widget .widget-title {margin-bottom: 0px;}
     .page-title {font-size: 20px;}
     .page-caption {padding: 100px 0px 60px 0px;}
     .childern .comment-info {padding-left: 90px;}
     .childern {padding-left: 0px; list-style: none;}
.service-title2 { font-size: 30px; color: #fff; line-height: 220px; text-align:center;  }
.l_none{display:inline-block;}
.studionav{display:none;}
.studionav2{display:inline;}
.bunner_tenpo{ font-size: 24px; line-height:24px; margin: 0 ;}
.mb-bunner{margin-bottom:40px;}
.eng_img{width:100%; height:auto;}
.flow_border{ height:818px;}
.mobile_only{display:block;}
.pc_only{display:none;}
.top_icon{height:86px; }
.md-hidden{display: none}
.sidenav3{display:none;}
.top-title {font-size: 35px; font-weight: 900; line-height: 45px; margin-bottom: 40px; color: #000000; }
    }


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
                h1{font-size: 2.5em;}
                h2{font-size: 2.0em;}
.section-title2{font-size:28px; line-height:36px;}
		.btn_bg2{font-size:16px;}
.top_back {padding:0px 0px 0px 0px;}
.grand_title {font-weight:900; font-size:20px; line-height:50px;}
.grand_title2 {font-weight:900; font-size:20px; line-height:50px;}
.grand_text{ font-size:14px; line-height:20px;}
     .navigation { float: none; }
     .hero-title {font-size: 25px; line-height: 40px;}
	.hero-title2 { font-size: 30px; color: #fff; line-height: 35px; font-weight: 600; letter-spacing: -1px; }
	.hero-title3 { font-size: 18px; color: #fff; line-height: 30px; font-weight: 600; letter-spacing: -1px; }
	.hero-title4 { font-size: 30px; color: #fff; line-height: 30px; font-weight: 600; letter-spacing: -1px; }
		 .hero-section{padding-top:40px; height:960px;}

     .comment-info {padding-left: 100px;}
     .cta-title {font-size: 26px; line-height: 40px;}
     .cta-section {padding-top: 50px; padding-bottom: 50px;}
     .cta-section2 {padding-top: 50px; padding-bottom: 50px;}
     .footer-widget {margin-bottom: 20px;}
     .footer-widget .widget-title {margin-bottom: 0px;}
     .page-title {font-size: 20px;}
     .page-caption {padding: 80px 0px 40px 0px;}
     .page-caption2 {padding: 80px 0px 20px 0px;}
     .childern .comment-info {padding-left: 90px;}
     .childern {padding-left: 0px; list-style: none;}
	 .g-map-height {height: 300px;}
.service-title2 { font-size: 30px; color: #fff; line-height: auto; text-align:center;  }
.bunner_tenpo{ font-size: 28px; line-height:32px;text-align:center;}
.top_text {padding:30px 0;  font-size: 18px;  line-height:22px; }
.top_text2 {padding-top:8px; font-size: 18px;  line-height:22px; }
.top_24h {padding-top:24px; width:90%;}
.top_pay {width:90%; }
.top_icon{height:120px; }
.row4{margin:3px -12px 3px -12px;}
.space-medium { padding-top: 30px; padding-bottom: 20px; }
.section-title { margin:0; }
.iframe_height{ height:4300px;}
.top-title {font-size: 30px; font-weight: 900; line-height: 40px; margin-bottom: 20px; color: #000000; margin-top: 0px;}
.top-box p{font-size: 18px;}
.cta-section4 { 
    padding-top: 50px; padding-bottom: 100px; margin-bottom: 0px;
    background:  url(../images/top_box_img.png) no-repeat center; background-size: auto; }
    }


    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        h1{font-size: 1.8em;}
        h2{font-size: 1.5em;}
table.comp{ width:100%; font-size:16px;font-weight:400; border: 1px solid #333;}
.title {  font-size:16px; line-height:20px; }
     .navigation { float: none; }
     .hero-title {font-size: 25px; line-height: 40px;}
	    .mongon{ font-size:14px; line-height:18px;}
		.reason11{padding:0px;}
		.reason11-2{padding:0px; margin:0 0px 0 0px;}
		.reason11_img{width:80%; height:auto; padding-bottom:20px;}
	    .reason11_text{ font-size:14px; line-height:18px; padding:50px 0;}
	    .reason11_text2{ font-size:14px; line-height:18px; padding:40px 0;}
		 .hero-section{padding-top:40px; height:700px;}
.hero-title2 { font-size:25px; color: #fff; line-height: 30px; font-weight: 600; letter-spacing: -1px; }
.hero-title3 { font-size:16px; color: #fff; line-height: 25px; font-weight: 600; letter-spacing: -1px; }
     .comment-info {padding-left: 100px;}
     .cta-title {font-size: 26px; line-height: 40px;}
     .cta-section {padding-top: 50px; padding-bottom: 50px;}
     .cta-section2 {padding-top: 50px; padding-bottom: 50px;}
.cta-section4 { 
    padding-top: 40px; padding-bottom: 50px; margin-bottom: 10px;
    background:  none; }

     .footer-widget {margin-bottom: 20px;}
     .footer-widget .widget-title {margin-bottom: 0px;}
     .page-title {font-size: 20px;}
     .page-title2 {font-size: 14px;}
     .page-caption{padding: 80px 0px 40px 0px;}
     .page-caption2{padding: 80px 0px 10px 0px;}
     .childern .comment-info {padding-left: 90px;}
     .childern {padding-left: 0px; list-style: none;}
.service-title2 { font-size: 20px; color: #fff; line-height: 120px; text-align:center;  }
.pankuzu { font-size: 10px; line-height:14px;}
.flow_border{ height:754px;}
.set_name2{
font-size:36px;
 line-height:40px;
}
.cta-text{font-size:14px; line-height:20px;}
.case-text{font-size:1.6rem; line-height:2.5rem;}
.case-name{font-size:18px; line-height:18px;}
.flow_border{ height:817px;}
.logo img{width:80px;}	
.top_text {padding:20px 0; font-size: 15px;  line-height:19px; letter-spacing: 0px;}
.top_text2 {padding-top:0px; font-size: 15px;letter-spacing: 0px;}
.top_24h {padding-top:16px; width:90%;}
.top_pay {padding-top:0px; width:90%; }
.top_icon{height:75px; }
.row4{margin:1px -14px 1px -14px;}
.btn{font-size:12px;}
.iframe_height{ height:4700px;}
.top-title {font-size: 20px; font-weight: 900; line-height: 30px; margin-bottom: 20px; color: #000000; margin-top: 0px;}
.top-box p{font-size: 16px;}
	}

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
		 .hero-section{padding-top:10px; height:520px;}
     .navigation { float: none; }
     .hero-title {font-size: 25px; line-height: 40px;}
.hero-title2 { font-size:22px; color: #fff; line-height: 27px; font-weight: 600; letter-spacing: -1px; }
.hero-title3 { font-size:14px; color: #fff; line-height: 25px; font-weight: 600; letter-spacing: -1px; }
     .comment-info {padding-left: 100px;}
     .cta-title {font-size: 26px; line-height: 40px;}
     .cta-section {padding-top: 50px; padding-bottom: 50px;}
     .cta-section2 {padding-top: 50px; padding-bottom: 50px;}
     .footer-widget {margin-bottom: 20px;}
     .footer-widget .widget-title {margin-bottom: 0px;}
     .page-title {font-size: 20px;}
     .page-caption{padding: 70px 0px 40px 0px;}
     .childern .comment-info {padding-left: 90px;}
     .childern {padding-left: 0px; list-style: none;}
.service-title2 { font-size: 18px; color: #fff; line-height: 100px; text-align:center;  }
.set_name2{
font-size:30px;
 line-height:34px;
}
.top_text {padding:20px 0; font-size: 12px;  line-height:16px; letter-spacing: 0px;}
.top_text2 {padding-top:7px; font-size: 12px;letter-spacing: 0px;}
.top_24h {padding-top:16px; width:90%;}
.top_pay {padding-top:0px; width:90%; }
.top_icon{height:70px; }
.logo-top{margin-top: 40px;}
.row4{margin:1px -14px 1px -14px;}
.btn{font-size:10px; padding:10px 14px;}
.btn-atent{font-size: 12px; line-height: 16px;}
    }
    /* arai */
::placeholder {
   color: rgb(120, 120, 120);
}

.longtime{padding:20px;}
    @media only screen and (max-width : 428px) {
	.flow_border{ height:788px;}}
.headtext{font-weight:500;}	
.bold{font-weight:900;}	
.contents_blue{color:#2F4FA1; font-size:14px; line-height:18px;}
.contents_red{color:red; font-size:17px; line-height:22px;}
.contents_text{ font-size:14px; line-height:22px;}
.sen_text{ font-size:14px; line-height:22px;}
.sen_text2{ font-size:20px; line-height:30px; color:#DF0101; font-weight:900;}
.contents_price{ font-size:28px; font-weight:900;line-height:36px; margin:5px 0 40px 0; }
.case_price{ font-size:24px; color:#DF0101; text-align:right; line-height: 1; font-weight:500;}
.sen_price{ font-size:40px; color:#DF0101; text-align:center; line-height: 1; font-weight:500;}
.text_right{text-align:right;}
.contact_clear{padding-bottom:50px;}
.contact_clear10{padding-bottom:10px;}
.contact_clear20{padding-bottom:20px;}
.clear5{padding-bottom:5px;}
.clear100{padding-bottom:100px;}
.clear50{padding-bottom:50px;}
.contact_right{margin:2px 0 16px 0;}
.karaoke_case{
	margin-right: 10px;
    background-color:#F4A017;
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    clear: both;
    padding: 2px 8px;
    border-radius: 3px;
	font-weight: 900;
}
.title_bar{
    background-image: url(../images/title_bar.png);
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 60px 0px 20px 0px;
    padding: 10px 10px 10px 10px;
	font-weight:900;
	height:50px;
	width:100%;
}
.row2{margin-left:0px;}
.row3{margin:0 -14px 2px -14px;}
.flow_bar{
    background-image: url(../images/flow_arrow2.png);
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:900;
	width:100%;
	text-align:center;
	line-height:60px;
}
#button_transport {
 -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
 } 
#button_transport ul {
  font-size: 0;
}
#button_transport li {
  display: inline-block;
  font-size: 20px;
	width: 100%;
		height: 60px;
  text-align:center;
  
 } 
#button_transport li a {
	display: block;
color: #fff; 
padding: 20px;
    background:#2F4FA1;
    color: #FFF;

	} 
#button_transport li a:link,
#button_transport li a:visited{  } /*すでに訪れたリンクの背景色*/
#button_transport li a:hover{
	background-image:url(../images/bg_bk2_opacity.png);
	background-repeat:repeat;
}

.button_transport {
	display: flex;
    align-items: center;
    justify-content: center;
    width:70%;
	height: 60px;
    background:#F4A017;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
	font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:0 auto;
	padding:0px 20px;
	 -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
}
.button_transport:hover {
    background: #D86414;
}
.button_more {
	display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
	height: 20px;
    background:#2F4FA1;
    color: #FFF;
    font-size: 16px;
    font-weight: 900;
	font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	padding:0px 20px;
	 -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
}
.button_more:hover {
    background: #005b84;
}
.aaa{
	background:#2F4FA1;
	font-size:16px;
	padding:7px;
	display:block;
	color:#FFF;
	margin:5px auto 5px 5px;
	text-align:center;
	float:left;
}
.aaa:hover{
	background:#2D7EC2;
}

.bbb{
	background:#FFF;
	font-size:16px;
	padding:3px 7px;
	display:block;
	color:#2F4FA1;
	margin:5px auto 5px 5px;
	text-align:center;
	float:left;
	border:solid 4px #2F4FA1;
	box-sizing:border-box;
}
table{
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	font-size:14px;
}
table.comp{ width:100%; font-size:22px;font-weight:400; border: 1px solid #333;}
table.comp th{ padding:10px;border: 1px solid #333; background-color:#2F4FA1; color:#fff; }
table.comp td{ padding:10px;border: 1px solid #333; background-color:#FFFACD;}
#erea table.type09{
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border:none;
	width:100%;
}
#erea table.type09 thead th{
	padding: 30px 0 10px 0;
	font-size:18px;
	font-weight: bold;
	vertical-align: top;
	color: #04162e;
	background-color:#FFF;
	width:30%;
}
#erea table.type09 tbody th{
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background: #FFF;
	color:#333;
}

#erea table.type09 tbody th.erea1{
	border-left:6px solid #006;
	color:#006;
}

#erea table.type09 tbody th.erea2{
	border-left:6px solid #393;
	color:#393;
	background-color:#F5F5F5;
}


#erea table.type09 tbody th.erea3{
	border-left:6px solid #990;
	color:#990;
}

#erea table.type09 tbody th.erea4{
	border-left:6px solid #900;
	color:#900;
	background-color:#F5F5F5;
}


#erea table.type09 tbody th.erea5{
	border-left:6px solid #90C;
	color:#90C;
}

#erea table.type09 td{
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color:#FFF;
}
#erea table.type09 .even{
	background:#F5F5F5;
}
.slider{
　　padding:0 50px;
　　background-color: #000000;
　　width:100%;
　　height:auto;
}
.logo_footer{
	max-width:220px;
	height:auto;
}
.page-top{
	position: fixed;
	right: 0;
	bottom: 10px;
	z-index: 99;
	width: 40px;
	height:50px;
	line-height:1.22rem;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
}

.page-top img{
	width:20px;
display: none;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 8px;
	padding-left: 10px;
	border: 0px solid #fff;
	border-right: 0;
	text-decoration: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}

.page-top a:link,
.page-top a:visited{
	background:rgba(234,234,234,0.5);
	color: #333;
}

.page-top a:hover,
.page-top a:active{
	background: url(/images/common/bg_bk_opacity.png);
	color: #FFF;
}

.page-top-mobile, .page-top-mobile img{
	display:none;
}
.footer_clear{padding-bottom:20px;}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
	display: block;
	padding: 12px 12px;
	margin: 18px 10 12px 0;
	border: 0;
	outline: none;
	vertical-align: middle;
	color: #616263;
	font-family: "raleway-bold", sans-serif;
	font-size: 15px;
	line-height: 24px;
	border-radius: 3px;
	max-width: 100%;
	background: rgba(130, 150, 150, 0.1);
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width:100%
}
.button, .button:visited, button, input[type="submit"], input[type="reset"], input[type="button"] {
	display: inline-block;
	font: 16px/30px "raleway-heavy", sans-serif;
	padding: 9px 16px;
	margin: 0 3px 6px 0;
	background: #2F4FA1;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	height: auto;
	text-align: center;
	border: none;
	-webkit-appearance: none;
	-webkit-font-smoothing: inherit;
	border-radius: 3px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 5px;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	color: #FFFFFF;
	background: #2D7EC2;
}
#set_bunner {
 } 
#set_bunner .otesp{
   background-color: #696969;
} 
#set_bunner .rakus{
   background-color: #696969;
 } 
#set_bunner .rakum{
   background-color: #696969;
 } 
#set_bunner .band{
   background-color: #696969;
 } 
#set_bunner ul {
  font-size: 0;
}
#set_bunner li {
  display: inline-block;
  font-size: 16px;
	width: 25%;
  text-align:center;
	border: solid 1px #fff;
 } 
#set_bunner li a {
	display: block;
color: #fff; 
padding: 5px;
 } 
#set_bunner li a:link,
#set_bunner li a:visited{  } /*すでに訪れたリンクの背景色*/
#set_bunner li a:hover{
	background-image:url(../images/bg_bk2_opacity.png);
	background-repeat:repeat;
}
#set_bunner2 {
 } 
#set_bunner2 .pa1000{
   background-color: #696969;
 } 
#set_bunner2 ul {
  font-size: 0;
}
#set_bunner2 li {
  display: inline-block;
  font-size: 16px;
	width: 100%;
  text-align:center;
	border: solid 1px #fff;
 } 
#set_bunner2 li a {
	display: block;
color: #fff; 
padding: 5px;
 } 
#set_bunner2 li a:link,
#set_bunner2 li a:visited{  } /*すでに訪れたリンクの背景色*/
#set_bunner2 li a:hover{
	background-image:url(../images/bg_bk2_opacity.png);
	background-repeat:repeat;
}
#set_bunner2_2 {
 } 
#set_bunner2_2 .pa1000{
   background-color: #F39800;
 } 
#set_bunner2_2 ul {
  font-size: 0;
}
#set_bunner2_2 li {
  display: inline-block;
  font-size: 16px;
	width: 100%;
  text-align:center;
 } 
#set_bunner2_2 li a {
	display: block;
color: #fff; 
padding: 10px;
 } 
#set_bunner2_2 li a:link,
#set_bunner2_2 li a:visited{  } /*すでに訪れたリンクの背景色*/
#set_bunner2_2 li a:hover{
	background-image:url(../images/bg_bk2_opacity.png);
	background-repeat:repeat;
}
.set_detail{
}
.set_name{
font-size:30px;
font-weight: 900;
color:#333;
 line-height:32px
}
.set_img{width:100%}
.set_img2{width:100%}
.set_price{ font-size:28px; color:#DF0101; text-align:right; font-weight:900; line-height:28px}
.sticky {
position: -webkit-sticky;
  position: sticky;
  top: 15px;}
#set_eq {
 } 
#set_eq ul {
  font-size: 0;
}
#set_eq li {
  display: inline-block;
  font-size: 16px;
	width: 10%;
  text-align:center;
 } 
#set_eq2 {
 } 
#set_eq2 ul {
  font-size: 0;
}
#set_eq2 li {
  display: inline-block;
	width: 50%;
	vertical-align: top;
 } 
.sen_name{
font-size:18px;
font-weight: 400;
color:#333;
}
.sen_name2{
font-size:18px;
font-weight: 900;
color:#333;
}
.sen_price{ font-size:40px; color:#DF0101; text-align:right; font-weight:900;}

.bg{
	background-image:url(../images/bg_bk2_opacity.png);
	background-repeat:repeat;
	}

.mainasu{margin-bottom:-10px;}
.mainasu5{margin-bottom:-5px;}
.mainasu2{margin-bottom:-2px;}
.mainasu1{margin-bottom:-1px;}

.fixed {
    position: absolute;
} 
/*--------------------------------------------------------
Q&A　アコーディンオン式
--------------------------------------------------------*/
.cp_qa *, .cp_qa *:before, .cp_qa *:after {
font-family: ''Noto Sans Japanese'', sans-serif ;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size:20px;

}
.cp_qa {
margin: 0 auto;
padding-bottom: 50px;
background: #ffffff;
}
.cp_qa input {
display: none;
}
/* カテゴリー */
.cp_qa #cp_content1,
.cp_qa #cp_content2,
.cp_qa #cp_content3,
.cp_qa #cp_content4 {
display: none;
padding: 20px 0 0;
border-top: 1px solid #dddddd;
}
.cp_qa label.cp_tabitem {
display: inline-block;
margin: 0 0 -1px;
padding: 15px 15px;
text-align: center;
color: #bbbbbb;
border: 1px solid transparent;
width:49.3%;
}
.cp_qa label.cp_tabitem:before {
margin-right: 10px;
}
.cp_qa label.cp_tabitem:hover {
cursor: pointer;
color: #888888;
}
.cp_qa input:checked + label {
color: #555555;
border: 1px solid #dddddd;
border-bottom: 1px solid #ffffff;
}
/* --ブロックのバーの色 */
.cp_qa input:checked + label[for*='1'] {
border-top: 5px solid #2F4FA1;
}
.cp_qa input:checked + label[for*='2'] {
border-top: 5px solid #F4A017;
}
.cp_qa input:checked + label[for*='3'] {
border-top: 5px solid #03A9F4;
}
.cp_qa input:checked + label[for*='4'] {
border-top: 5px solid #E91E63;
}
@media screen and (max-width: 650px) {
.cp_qa label.cp_tabitem {
font-size: 14px;
}
label:before {
font-size: 14px;
margin: 0;
}
}
@media screen and (max-width: 400px) {
.cp_qa label.cp_tabitem {
padding: 5px;
}
.cp_qa label.cp_tabitem:before {
margin-right: 0px;
}
.cp_qa label.cp_tabitem {
font-size: 12px;
}
label:before {
font-size: 12px;
margin: 0;
}
}
/* QAブロック */
.cp_qa #cp_conttab1:checked ~ #cp_content1,
.cp_qa #cp_conttab2:checked ~ #cp_content2,
.cp_qa #cp_conttab3:checked ~ #cp_content3,
.cp_qa #cp_conttab4:checked ~ #cp_content4 {
display: block;
}
.cp_qa .cp_qain {
overflow-x: hidden;
margin: 0 auto;
color: #333333;
}
.cp_qa .cp_qain .cp_actab {
border-bottom: 1px dotted #cccccc;
}
/* 質問 */
.cp_qa .cp_qain label {
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 20px 70px 20px 48px;
cursor: pointer;
}
.cp_qa .cp_qain label:hover , :focus {
background-color:#D9E0ED;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}

/* ＋アイコン */
.cp_qa .cp_qain label::after {
	font-size: 1.7em;
	position: absolute;
	top: 1;
	right: 0;
	content: '\2b';
	display: inline-block;
	width: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
.cp_qa .cp_qain .cp_actab-content {
position: relative;
overflow: hidden;
height: 0;
margin: 0 10px 0 48px;
padding: 0;
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
opacity: 0;
}
/* 質問を開いた時の仕様 */
.cp_qa .cp_qain .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
padding:15px 0 30px 0;
height: auto;
opacity: 1;
}
.cp_qa .cp_qain .cp_actab input[type=checkbox]:checked ~ label::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);	padding:20px 0px 0px 0px;
}/* 答え */

@media only screen and (max-width:768px){
.type-text2{ text-decoration: underline; }	
a:focus, a:hover { text-decoration: underline; color: #0A8AF2; }
.row_min{margin-right:-10px;margin-left:-10px}
.sidenav3{display:none;}
.sidenav4{display:none;}
.sidenav2{display:inline;}
table.comp{ font-size:16px; line-height:18px;}
table.comp th{padding:5px; }
table.comp td{padding:5px; }
table.type09{
margin: 10px 5px; /* テーブルの余白を指定する */
}

table.type09 th, table.type09 td {
width: 90%;	/* テーブルの見出しの横幅を指定する */
display: block;	/* ブロックレベル要素化する */ 
}
#set_bunner li {
	width:50%;
}
#set_bunner2 li {
	width:100%;
}
#set_eq li {
	width: 20%;
 } 
#set_eq2 li {
	width: 100%;
 } 
.set-title { font-size:11px;line-height:13px }
.set_name{
font-size:20px;
 line-height:24px;
}

}
.set_price{
font-size:20px;
}
.sen_price{
font-size:20px;
}

#search {margin-top: -100px; padding-top: 100px;}
#soundengineer {margin-top: -100px; padding-top: 100px;}
#flow {margin-top: -100px; padding-top: 100px;}
#access {margin-top: -100px; padding-top: 140px;}
#faq {margin-top: -100px; padding-top: 100px;}
#longtime {margin-top: -160px; padding-top: 160px;}
#unpan {margin-top: -100px; padding-top: 100px;}
#tentou {margin-top: -100px; padding-top: 100px;}