/*
Template: IT-STUDIO
Theme Name: IT-STUDIO_child
Description: New Material Design Theme
Version: 8.4
Author:	IT-STUDIO
Theme URI: https://it-studio.jp/
Domain Path: /languages
*/


body,h1,h2,h3,h4,h5,h6,p {
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.rich-font,.rich-font h1, .rich-font h2,.rich-font h3,.rich-font h4,.rich-font h5,.rich-font h6,.rich-font p {
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
}
#comments .w-form-row.for_checkbox {
    display: none;
}
.white,.white h1,.white h2,.white h3,.white h4,.white h5,.white h6,.white p{
    color:#fff;
}
.margin0,.margin0 p,.margin0 h1,.margin0 h2,.margin0 h3,.margin0 h4,.margin0 h5,.margin0 h6 {
    margin-bottom: 0 !important;
}
.circle img {
    border-radius: 50%;
}
.circle {
    margin-bottom: 5px;
}
::selection {
    color: silver;
    background:#E3F2FD;
}
::-moz-selection {
    color: silver;
    background:#E3F2FD;
}
.scroll{
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
.keep h1,.keep h2,.keep h3,.keep h4,.keep h5,.keep h6,.keep p{
    word-break: keep-all !important;
}
.shadow h1,.shadow h2,.shadow h3,.shadow h4,.shadow h5,.shadow h6,.shadow p,.shadow{
    text-shadow: 
    2px  2px 3px rgba(51, 51, 51, 0.53),
   -2px  2px 3px rgba(51, 51, 51, 0.53),
    2px -2px 3px rgba(51, 51, 51, 0.53),
   -2px -2px 3px rgba(51, 51, 51, 0.53),
    2px  0px 3px rgba(51, 51, 51, 0.53),
    0px  2px 3px rgba(51, 51, 51, 0.53),
   -2px  0px 3px rgba(51, 51, 51, 0.53),
    0px -2px 3px rgba(51, 51, 51, 0.53); 
}
.sawarabi,.sawarabi p,.sawarabi h1,.sawarabi h2,.sawarabi h3,.sawarabi h4,.sawarabi h5,.sawarabi h6{
    font-family: "Noto Serif JP","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important
}
.vertical h1,.vertical h2,.vertical h3,.vertical h4,.vertical h5,.vertical h6,.vertical p{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.relative{
    position: relative;
}
.pointer-none {
    pointer-events: none;
}
.padding0 .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.animate_start {
    animation-duration: 2s;
}
span.small{
    font-size: 0.9rem;
}
@media (max-width: 767px){
.padding0 .wpb_column.vc_column_container {
    margin-bottom: 0 !important;
}
}
/*Header*/
.l-header.bg_transparent:not(.sticky) {
    background: linear-gradient(rgba(0,0,0,0.5), transparent) repeat-x !important;
}
.header_hor .l-subheader-cell.at_right>* {
    margin-left: 0;
}
/*Blog-single*/
.blogrow .entry-title {
    position: absolute;
    bottom: 10%;
    z-index: 10;
    color: #fff;
    margin-left: 15px;
    margin-right: 20px;
}
.blogrow .w-hwrapper.align_left.valign_top.wrap {
    position: absolute;
    bottom: 4%;
    z-index: 12;
    color: #fff;
    margin-left: 15px;
    line-height: 22px;
}
.blogrow .w-post-elm.post_image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.3);
}
.blogrow .post_image img {
    height: 500px;
    object-fit: cover;
}
@media (max-width: 480px) {
.single-post .toukou img {
      margin-left: -32px;
      max-width: 100vw;
}
.blogrow .w-post-elm.post_image.stretched {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -20%;
}
.blogrow .w-hwrapper.align_left.valign_top.wrap {
    bottom: 0%;
}
.blogrow .post_image img {
    height: 400px;
}
}


/* Specify */
th.w15 {
    width: 200px;
}
@media (max-width: 680px) {
th.w15 {
    width: 35%;
}
}

/*TopPage*/
.title-set {
    display: block;
    position: relative;
}
.title-set h2 {
    margin-bottom: 0;
    font-weight: normal!important;
    font-family: "Times New Roman" ,"游明朝" ,"Yu Mincho" ,"游明朝体" ,"YuMincho" ,"ヒラギノ明朝 Pro W3" ,"Hiragino Mincho Pro" ,"HiraMinProN-W3" ,"HGS明朝E" ,"ＭＳ Ｐ明朝" ,"MS PMincho" ,serif!important;
    font-size: 2rem;
    color: #333 !important;
}
p.sub-title {
    position: relative;
    font-size: 1rem;
    color: #00a0e9;
    line-height: 1.4rem;
    font-family: 'Roboto' !important;
    font-weight: bold;
	letter-spacing: 4px;
}
.head-1 h2 {
    padding: 0 .5em;
    display: grid;
    line-height: 2rem;
	color:#ffffff;
    font-size: 1.4rem;
}
.toph1 h1 {
    font-size: 2.2rem;
    position: relative;
    top: -40px;
    font-weight: bold;
}
.head-one {
    background: #00a0e9 !important;
    color: #fff;
    padding: 30px;
    position: relative;
    top: 30px;
    z-index: 99;
}

.service-row h3 {
    background: #00a0e9;
    color: #fff;
    width: 200px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    z-index: 99;
    position: relative;
}
.service-row {
    position: relative;
}
.service-row .service-text {
    width: 60%;
    line-height: 1.5rem;
    font-size: 14px;
    z-index: 99;
    display: block;
    position: relative;
    margin-left: 15px;
    background-color: rgba(255,255,255,0.85);
    padding: 5px;
}
.service-row .w-image {
    position: absolute;
    width: 300px;
    top: 0;
    right: 20px;
    z-index: 1;
}
.service-row .vc_custom_heading {
    font-size: 100px;
    position: absolute;
    top: -20px;
    left: 8px;
    z-index: 100;
    color: #b2bfd5;
}
span.h-sub {
    color: #333;
    font-size: 1.1rem;
    font-weight: normal;
}
.block1:after {
    content: '';
    -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%) background-color: #edf1f5;
    padding: 100px 0 10px 0;
    width: 102vW;
    background: #edf1f5;
    height: 60px;
    display: block;
    margin-left: -35px;
    top: 1px;
    position: relative;
}
.block2 {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
    background-color: #edf1f5;
    padding: 100px 0 10px 0;
}
.service-row h3:before {
    content: '';
    width: 30px;
    webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
    background: #00a0e9;
    height: 44px;
    position: absolute;
    left: -29px;
    top: 0px;
}
@media (max-width: 600px) {
.block1:after {
    margin-left: -20px;
}
.service-row h3 {
    margin-left: 20px;
}
.head-one {
    top: -30px;
}
}



@media (max-width: 480px) {
.head-1 h2 {
    font-size: 1.3rem !important;
    width: 90vw !important;
    margin-left: -30px !important;
	line-height: 1.7rem;
}
.toph1 h1 {
    padding: 10px;
    font-size: 1.8rem;
}	
}

@media (min-width: 768px) {
.row-right {
    margin-top: 115px;
    position: absolute !important;
    right: 0;
    display: block;
    z-index: 99;
}
}

/*Single*/

.toukou h2 {
    position: relative;
    display: block;
    padding: 0.3em 0 0.3em 1.6em;
}
.toukou h2::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    width: 0.8em;
    height: 0.8em;
    background: #00a0e9;
    box-shadow: 0.4em 0.4em 0 -0.1em #ff9c4f;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.w-post-elm.post_navigation {
    display: flex;
    justify-content: space-between;
}
.post_navigation.layout_simple .post_navigation-item {
    width: 33%;
}
.next-row {
    position: relative;
}
.next-row .w-btn-wrapper {
    position: absolute;
    display: block;
    top: 15px;
    right: 0;
    left: 0;
    margin: auto;
}
.post_content th {
    text-align: center;
    background: #00a0e9;
    color: #fff;
    border: 1px solid #ffffff;
}
.post_content td {
    text-align: center;
    background: #edf1f5;
    border: 1px solid #fff;
}
.toukou .post_content a {
    text-decoration: underline;
}


@media (max-width: 900px) {
.post_navigation.layout_simple .post_navigation-item {
    width: 50%;
}
.next-row .w-btn-wrapper {
    position: relative;
    margin-top: 30px;    
}
}
@media (max-width: 480px){
.post_navigation.layout_simple .order_first {
    padding: 0 0 7px 30px;
}
.post_navigation.layout_simple .order_second {
    padding: 0 30px 7px 0;
}
}
/*Other*/
.error404 .cta-1,.error404 .cta-2{
    display:none;
}
.mark1 {
    background: #E3F2FD;
    padding: 15px;
    margin-bottom: 20px;
    display: block;
}
.mark2 {
    border: 2px solid #00a0e9;
    padding: 15px;
    margin-bottom: 20px;
    display: block;
}

/* Reason */
.back-img {
    overflow: hidden;
}
.back-img img {
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    transform: scale(1.1);
}
.wpb_text_column.mi-text {
    position: absolute;
    top: 50%;
    left: 50px;
    z-index: 6;
    pointer-events: none;
}
.mi-text h2 a {
    color: #fff;
    font-weight: bold;
    filter: drop-shadow(1px 1px 2px #333);
}
.mitsu:hover .back-img img {
    transform: scale(1.02);
    z-index: 5;
}
.w-image.back-img a:before {
    content: '';
    width: 100%;
    height: 300px;
    display: block;
    background: rgba(0,0,0,0.2);
    z-index: 6;
    position: absolute;
    pointer-events: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.w-image.back-img a:hover::before {
    background: rgba(0,0,0,0);
}
.gaiyo2 h3 {
    position: relative;
    z-index: 99;
    padding: 0 20px;
    color: #333;
    font-size: 1.4rem;
}
.gaiyo2 h3 a:before {
    content: '';
    width: 100%;
    webkit-clip-path: polygon(0 100%,10% 0%,100% 0%,90% 100%);
    clip-path: polygon(0 100%,10% 0%,100% 0%,90% 100%);
    background: rgba(237,241,245);
    height: 120%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: -2px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.mitsu:hover h3 a:before {
    background: #87ceeb;
}
.mitsu:hover h3 a {
    color: #FB8C00;
}
@media (max-width: 480px) {
.wpb_text_column.mi-text {
    position: absolute;
    top: 40%;
}    
}