@charset "UTF-8";

html{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;-webkit-scroll-behavior:smooth;}
body{font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;font-feature-settings: "pkna" 1;font-size:120%;font-weight:500;line-height:140%;color:#232323;padding:0;margin:0;position:relative;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;background-color:#FFFFFF;}
body.preload .wow.fadeIn{opacity:0!important;}
.navfixed {position:fixed;top:0;width:100%;z-index:10000;}
.mincho{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-weight:100;}
.smooth{text-align:100%;margin:0;padding:0;}
.fontcolor_red{color:#ff4e31;}
.fontcolor_orange{color:#ff5628;}
.fontcolor_green{color:#4bc106;}
.fontcolor_blue{color:#005eea;}
.fontcolor_pink{color:#ff013d;}
.fontsize_heading{font-family: YuGothic, "Yu Gothic", sans-serif;font-size:250%;font-weight:900;margin-bottom:50px;}
.fontsize_large{font-size:190%;}
.fontsize_middle{font-size:140%;}
.fontsize_small{font-size:80%;}
.fontsize_min{font-size:75%;}
.weight_500{font-weight:500;}
.weight_700{font-weight:700;}
.weight_900{font-weight:900;}
.text_right{text-align:right;}
.text_center{text-align:center;}
.text_underline{background:linear-gradient(transparent 60%, #f5f6f3 60%);display:inline-block;}
.text_letterspacing{letter-spacing:0.1em;}
.sp_text_left{text-align:center;}
@media screen and (max-width:1024px) {
.sp_text_left{text-align:left;}
}
.list{margin-left:15px;list-style:disc;list-style-position:outside;}
.shadow{box-shadow: 0 8px 23px 0 rgba(0, 0, 0, .3);}
a.anchor{display:block;margin-top:-200px;padding-top:200px;}
.sp_display_on{
display:none !important;
}
.sp_display_off{
display:block !important;
}
@media screen and (max-width:1024px) {
.sp_display_on{
display:block !important;
}
.sp_display_off{
display:none !important;
}
}
.list_type_disc li{margin:0 auto 10px 15px;list-style:disc;list-style-position:outside;}
.list_type_disc li:last-child{margin:0 auto 0 15px;}
.list_type_circle{margin:0 auto 20px auto;list-style:circle;}
.video {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.video iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix {zoom: 1; } *:first-child+html .clearfix {zoom: 1; } .letter-spacing_0{letter-spacing:0;}
.left{text-align:left;}
.center{text-align:center!important;text-align:-webkit-center!important;vertical-align:middle;}
select {text-align:-moz-center;text-align:-webkit-center;}
section{padding:150px 0;}
@media screen and (max-width:768px) {
section{
box-sizing: border-box;
padding:100px 5%;
}
}
img{vertical-align:middle;border-style:none;}
.img_left{float:left;}
.img_right{float:right;}
.image_horizontal{width:100%;margin:50px auto;}
.full{width:100%;max-width:100%;height:auto;}
a:link{color:#1c1c1c;text-decoration:underline;}
a:visited{color:#1c1c1c;text-decoration:underline;}
a:hover{color:#0facd9;text-decoration:none;}
a:active{color:#0facd9;text-decoration:none;}
.attention a:link{color:#e84823!important;text-decoration:underline!important;margin:20px auto;}
.attention a:visited{color:#e84823!important;text-decoration:underline!important;margin:20px auto;}
.attention a:hover{color:#e84823!important;text-decoration:none!important;margin:20px auto;}
.attention a:active{color:#e84823!important;text-decoration:none!important;margin:20px auto;}
.cursor,
.follower {
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
z-index:2147483647;
}
.cursor {
width: 8px;
height: 8px;
background-color: #000;
z-index: 1001;
}
.space_top_10{margin:10px auto 0 auto;}
.space_top_30{margin:30px auto 0 auto;}
.space_top_70{margin:70px auto 0 auto;}
.space_top_100{margin:100px auto 0 auto;}
.space_top_150{margin:150px auto 0 auto;}
.space_top_200{margin:200px auto 0 auto;}
.space_bottom_30{padding-bottom:30px;}
.space_bottom_70{padding-bottom:70px;}
.space_bottom_150{padding-bottom:150px;}
.space_bottom_200{padding-bottom:200px;}
@media screen and (max-width:1024px) {
.space_top_70{margin:50px auto 0 auto;}
.space_top_100{margin:100px auto 0 auto;}
.space_top_150{margin:100px auto 0 auto;}
.space_top_200{margin:100px auto 0 auto;}
.space_bottom_70{padding-bottom:50px;}
.space_bottom_150{padding-bottom:100px;}
.space_bottom_200{padding-bottom:100px;}
} .no_fouc{display:none;} #loading {
width: 100vw;
height: 100vh;
transition: all 1s; background:linear-gradient(90deg,rgba(41,167,224,1) 0%,rgba(146,48,142,1) 100%);
position: fixed;
top: 0;
left: 0;
z-index:2147483646!important;
-webkit-animation: load_bg 12s ease infinite;
-moz-animation: load_bg 12s ease infinite;
animation: load_bg 12s ease infinite;
}
@-webkit-keyframes load_bg {
0%{background-position:51% 0%}
50%{background-position:50% 100%}
100%{background-position:51% 0%}
}
@-moz-keyframes load_bg {
0%{background-position:51% 0%}
50%{background-position:50% 100%}
100%{background-position:51% 0%}
}
@keyframes load_bg {
0%{background-position:51% 0%}
50%{background-position:50% 100%}
100%{background-position:51% 0%}
}
.spinner {
width: 100px;
height: 100px;
margin: 1% auto 0 auto;
background-color: #fff;
border-radius: 100%;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@keyframes sk-scaleout {
0% {
transform: scale(0);
} 100% {
transform: scale(1.0);
opacity: 0;
}
}
.loaded {
opacity: 0;
visibility: hidden;
}
#loading_logo{max-width:250px;margin:20% auto 0 auto;}
@media screen and (max-width:320px) {
#loading_logo{max-width:200px;margin:30% auto 0 auto;}
}
.fadeIn {
opacity: 0;
transition: 2s;
}
.fadeIn.is-show {
opacity: 1;
}
.fade {-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;}
.fade:hover {opacity: 0.7;filter: alpha(opacity=70);}
.fadein{animation: 0.05s fadeIn;}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
ol.circle_decimal{position:relative;margin:20px auto;padding:0;}
ol.circle_decimal li{list-style:none;list-style-position:outside;margin:0;padding:0 0 0 1.5em;}
ol.circle_decimal li span{font-size:130%;position:absolute;left:0;margin:0;}
header {
width: 100%;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
z-index: 100;
position: fixed;
top: 0;
}
.header_inner {
width: 100%;
}
header a:link{color:#1c1c1c;text-decoration:none;}
header a:visited{color:#1c1c1c;text-decoration:none;}
header a:hover{color:#0facd9;text-decoration:none;}
header a:active{color:#0facd9;text-decoration:none;}
.is-fixed{position:absolute;top:0;left:0;z-index:247483647!important;width:100%;}
footer{
width:100%;
box-sizing:border-box;
}
#footer_inner{
display: flex;
justify-content: space-between;
margin: 0 auto;
max-width: 1240px;
padding: 32px 0;
}
#footer_left {
width: 40%;
}
#footer_right {
width: 60%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 32px;
}
footer #footer_logo{
max-width:430px;width:100%;margin:0 0 30px 0;}
footer #footer_nav{max-width:1000px;width:100%;margin:0 0 0 auto;}
footer #footer_bottom_nav {
display: flex;
}
footer #footer_nav ul{
width: 100%;
font-size: 100%;
display: flex;
column-gap: 16px;
}
footer #footer_bottom_nav ul{
width: 100%;
font-size: 100%;
display: flex;
column-gap: 32px;
padding-left: 32px;
}
footer #footer_nav ul li{line-height:100%;list-style-type:none;flex-grow:1;text-align:center;}
footer #business_hours{font-size:80%;color:#FFFFFF;font-weight:500;line-height:100%;letter-spacing:0.05em;text-align:center;max-width:400PX;margin:0 0 0 auto;padding:15px;background:rgb(41,167,224);background:linear-gradient(90deg,rgba(41,167,224,1) 0%,rgba(146,48,142,1) 100%);}
footer #footer_copy{font-size:70%;text-align:right;width:100%;margin:0 auto;}
footer a:link{color:#232323!important;text-decoration:none!important;}
footer a:visited{color:#232323!important;text-decoration:none!important;}
footer a:hover{color:#2ea7e0!important;text-decoration:none!important;}
footer a:active{color:#2ea7e0!important;text-decoration:none!important;}
#footer_about {
margin-bottom: 16px;
}
@media screen and (max-width:1450px) {
footer #footer_logo{max-width:300px;margin:0 0 30px 0;}
footer #footer_nav{margin:0 0 0 0;}
footer #business_hours{text-align:center;max-width:100%;margin:2% auto 0 auto;}
footer #footer_copy{margin:0 auto;}
}
@media screen and (max-width:1024px) {
footer{padding:20px 0 120px 0;}
footer #footer_logo{max-width:300px;margin:0 auto;}
footer #footer_nav{display:none;}
footer #business_hours{display:none;}
footer #footer_copy{display:none;}
#footer_left {
width: 100%;
}
#footer_about {
display: none;
}
#footer_inner .bt_cover {
display: none;
}
#footer_right {
display: none;
}
}
@media screen and (max-width:414px) {
footer{padding:20px 0 80px 0;}
}
@media screen and (max-width:320px) {
#loading_logo{max-width:200px;margin:30% auto 0 auto;}
footer #footer_logo{max-width:70%;}
}
ul#floating_btn{display:none;}
ul#floating_btn li{display:none;position:relative;}
ul#floating_btn li a{position:absolute;top:0;left:0;height:100%;width:100%;transition:all .5s ease;background-color:#2a2a2a;}
ul#floating_btn li:hover a{color:#35343a;background-color:#424248;}
@media screen and (max-width:1024px) {
ul#floating_btn{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;position:fixed;bottom:0;left:0;z-index:1113183247!important;}
ul#floating_btn li{display:block;width:49.9%;height:50px;padding:4% 0;text-align:center;position:relative;}
ul#floating_btn li + li {border-left: 0.5% solid #FFFFFF;}
ul#floating_btn #sp_bt_tel{max-width:12%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
ul#floating_btn #sp_bt_mail{max-width:17%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
}  .bg_white{padding:80px 0;}
.bg_gray{
width:100%;
padding-top:110px;
background-color:#EAEAEA;
}
.bg_gray_left{width:70%;margin:150px auto 150px 0;padding:110px 70px;background-color:#eaeaea;box-sizing:border-box;}
.bg_gray_right{width:70%;margin:150px 0 150px auto;padding:110px 70px;background-color:#eaeaea;box-sizing:border-box;}
.bg_dark{
width:100%;
padding-top:110px;
background-color:#7E7E7E;
}
.bg_black{width:100%;padding:110px 0;background-color:#2a2a2a;}
.bg_black_plane{width:100%;padding:110px 0 0 0;background-color:#2a2a2a;}
@media screen and (max-width:1366px) {
.bg_gray_left{width:80%;margin:100px auto 100px 0;padding:50px 50px;}
.bg_gray_right{width:80%;margin:100px 0 100px auto;padding:50px 50px;}
}
@media screen and (max-width:1112px) {
.bg_gray_left{width:100%;margin:0 auto 50px 0;padding:50px 50px;}
.bg_gray_right{width:100%;margin:0 0 0 auto;padding:50px 50px 0 50px;}
}
@media only screen and (max-width:1024px) {
.bg_white{padding:80px 0;}
.bg_gray{padding-top:80px;z-index:999;}
.bg_black{padding:80px 0;z-index:999;}
.bg_black_plane{padding:80px 0;z-index:999;}
}
@media screen and (max-width:768px) {
.bg_white{padding:40px 0;}
.bg_gray{padding-top:40px;}
.bg_black{padding:40px 0;}
.bg_black_plane{padding:40px 0;}
.bg_dark{
padding-top:40px;
}
}
#wrapper #bg_recruit{max-width:1000px;position:absolute;top:20%;left:0;z-index:-999999;}
#wrapper.lower_bg{background:url(//one-standcross.com/wp-content/themes/one-standcross__220926/img/common/lower_bg.svg) no-repeat -600px -10px;background-size:contain;}
@media only screen and (max-width:1700px) {
#wrapper.lower_bg{background:url(//one-standcross.com/wp-content/themes/one-standcross__220926/img/common/lower_bg.svg) no-repeat -500px -20px;background-size:120%;}
}
@media only screen and (max-width:1440px) {
#wrapper.lower_bg{background-size:130%;}
}
@media only screen and (max-width:1024px) {
#wrapper.lower_bg{background-size:200%;}
}
@media only screen and (max-width:798px) {
#wrapper.lower_bg{background-size:250%;}
}
@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}
@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
} #wrapper #bg_sdk{max-width:206px;position:absolute;top:53%;left:0;z-index:-999999;}
#wrapper #bg_jagged{max-width:145px;position:absolute;top:50%;right:8%;z-index:-999999;-webkit-animation:fuwafuwa 3s infinite linear alternate;animation:fuwafuwa 3s infinite linear alternate;}
#wrapper #bg_dotted{max-width:206px;position:absolute;top:69.5%;left:10%;z-index:-999999;}
#wrapper #bg_diagonal_line{max-width:118px;position:absolute;top:80%;right:11%;z-index:-999999;}
@media only screen and (max-width:1440px) {
#wrapper #bg_sdk{max-width:140px;position:absolute;top:22%;left:0;}
#wrapper #bg_jagged{max-width:130px;position:absolute;top:24%;right:1%;}
#wrapper #bg_dotted{max-width:160px;position:absolute;top:35%;left:1%;}
#wrapper #bg_diagonal_line{max-width:100px;position:absolute;top:41%;right:1%;}
}
@media only screen and (max-width:1024px) {
#wrapper #bg_sdk{display:none;}
#wrapper #bg_jagged{display:none;}
#wrapper #bg_dotted{display:none;}
#wrapper #bg_diagonal_line{display:none;}
#wrapper #lower_bg{width:1500px;left:-80%;top:-50px;}
#wrapper #bg_recruit{max-width:1000px;top:7%;}
}
.inner_bg_none{max-width:1200px;width:100%;margin:0 auto;padding:80px 100px;box-sizing:border-box;}
.inner_bg_white{max-width:1200px;width:100%;margin:0 auto;padding:80px 100px;box-sizing:border-box;background-color:#FFFFFF;}
.inner_bg_gray{max-width:1200px;width:100%;margin:0 auto;padding:80px 5%;box-sizing:border-box;background-color:#f4f3f3;}
.contents{max-width:1200px;margin:0 auto 0 auto;position:relative;z-index:9999999;display:block;}
.contents_lower_top{max-width:1000px;margin:0 auto 0 auto; padding:350px 0 0 0;position:relative;z-index:9999999;display:block;}
.contents_lower{max-width:1000px;margin:0 auto 0 auto;position:relative;z-index:9999999;display:block;}
@media only screen and (max-width:1200px) {
.inner_bg_none{max-width:90%;padding:20px 20px;}
.inner_bg_white{max-width:90%;padding:20px 20px;}
.inner_bg_gray{max-width:90%;padding:20px 20px;}
}
@media only screen and (max-width:1024px) {
.contents_lower_top{max-width:90%;padding:220px 0 0 0;}
.contents_lower{max-width:90%;}
}
.contents_lower_image{margin:70px auto 150px auto;}
.contents_lower_text{text-align:center;}
.contents_lower_large_text{font-size:130%;font-weight:500;line-height:160%;text-align:center;}
@media only screen and (max-width:1024px) {
.contents_lower_text{text-align:left;}
.contents_lower_image{margin:50px auto 100px auto;}
}
.contents_cover{padding:200px 0;}
.contents_top{max-width:1200px;margin:250px auto 0 auto;position:relative;z-index:9999999;}
.contents_col2{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.contents_col2 .image_400{max-width:400px;width:100%;}
.contents_col2 .image_500{max-width:500px;width:100%;}
.contents_col2 .image_550{max-width:550px;width:100%;}
.contents_col2 .image_600{max-width:600px;}
.contents_col2 .image_650{max-width:650px;}
.contents_col2 .image_700{max-width:700px;}
.contents_col2 .left_text{max-width:600px;width:100%;margin:0 auto 0 0;}
.contents_col2 .left_text .col2_inner_text{margin:0 auto 60px auto;}
.contents_col2 .right_text{max-width:500px;width:100%;margin:0 0 0 auto;}
.contents_col2 .right_text_short{max-width:500px;width:100%;margin:0 0 0 auto;}
.contents_col2 .right_text .col2_inner_text{margin:0 auto 60px auto;}
.contents_col2 .shop_text{max-width:650px;width:100%;margin:0 0 0 auto;}
.contents_col2 .shop_text .col2_inner_text{margin:0 auto 60px auto;}
ul.contents_col2_continue li{margin:0 auto 100px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
ul.contents_col2_continue li .left_image{width:20%;}
ul.contents_col2_continue li .left_image img{width:230px;}
ul.contents_col2_continue li .right_text{}
ul.contents_col2_continue li:last-child{margin:0 auto 0 auto;}
.contents_border{padding:30px;border:dashed 1px #232323;}
.contents_wide_image{max-width:1200px;max-height:550px;margin:0 auto 40px auto;-webkit-clip-path:inset(0);clip-path:inset(0);display:block;}
@media only screen and (max-width:1600px) {
.contents{max-width:80%;margin:0 auto 0 auto;}
.contents_top{max-width:90%;margin:150px auto 0 auto;}
.contents_col2 .left_text{max-width:500px;box-sizing:border-box;}
.contents_col2 .right_text{max-width:600px;box-sizing:border-box;}
.contents_col2 .right_text_short{max-width:600px;box-sizing:border-box;}
.contents_col2 .shop_text{max-width:600px;box-sizing:border-box;}
.contents_col2 .image_400{max-width:40%;}
.contents_col2 .image_500{max-width:40%;}
.contents_col2 .image_550{max-width:40%;}
.contents_col2 .image_600{max-width:40%;}
.contents_col2 .image_650{max-width:40%;}
.contents_col2 .image_700{max-width:40%;}	
}
@media only screen and (max-width:1440px) {
.contents_col2 .right_text_short{max-width:500px;width:100%;}
}
@media only screen and (max-width:1200px) {
.contents_col2 .left_image{width:25%;}
.contents_col2 .right_text{width:72%;}
.contents_col2 .shop_text{width:72%;}
ul.contents_col2_continue li .left_image{width:25%;}
ul.contents_col2_continue li .right_text{width:72%;}
ul.contents_col2_continue li .shop_text{width:72%;}
}
@media only screen and (max-width:1024px) {
.contents_col2 .left_image{width:50%;}
.contents_col2 .right_text{width:50%;}
.contents_col2 .right_text_short{width:50%;}
.contents_col2 .shop_text{width:50%;}
ul.contents_col2_continue li .left_image{width:50%;}
ul.contents_col2_continue li .right_text{width:50%;}
ul.contents_col2_continue li .shop_text{width:50%;}
.contents_col2 .image_400{max-width:40%;}
.contents_col2 .image_500{max-width:40%;}
.contents_col2 .image_550{max-width:40%;}
.contents_col2 .image_600{max-width:40%;}
.contents_col2 .image_650{max-width:40%;}
.contents_col2 .image_700{max-width:40%;}
}
@media only screen and (max-width:1000px) {
.contents{max-width:90%;}
}
@media only screen and (max-width:768px) {
.contents_col2{flex-direction:column;}
.contents_col2 .left_text{max-width:100%;margin:0 auto 0 auto;}
.contents_col2 .left_text .col2_inner_text{margin:0 auto 60px auto;}
.contents_col2 .right_text{max-width:100%;width:100%;margin:auto 0 0 auto;}
.contents_col2 .right_text .col2_inner_text{margin:60px auto 60px auto;}
.contents_col2 .right_text_short{max-width:100%;width:100%;margin:auto 0 0 auto;}
.contents_col2 .right_text_short .col2_inner_text{margin:20px auto 60px auto;}
.contents_col2 .shop_text{max-width:100%;width:100%;margin:50px 0 0 auto;}
.contents_col2 .shop_text .col2_inner_text{margin:0 auto 60px auto;}
.contents_col2 .image_400{max-width:60%;margin:0 auto;}
.contents_col2 .image_500{max-width:100%;}
.contents_col2 .image_550{max-width:100%;}
.contents_col2 .image_600{max-width:100%;}
.contents_col2 .image_650{max-width:100%;}
.contents_col2 .image_700{max-width:100%;}
} #page_main{margin:0 auto 150px auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;background:#eaeaea;}
#page_main #page_title{font-size:270%;color:#FFFFFF;font-weight:200;line-height:100%;letter-spacing:0.05em;text-align:center;max-width:40%;margin:170px auto;padding:30px 60px;background:rgb(41,167,224);background:linear-gradient(90deg,rgba(41,167,224,1) 0%,rgba(146,48,142,1) 100%);}
#page_main_short{margin:0 auto 0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;background:#eaeaea;}
#page_main_short #page_title{font-size:270%;color:#FFFFFF;font-weight:200;line-height:100%;letter-spacing:0.05em;text-align:center;max-width:40%;margin:170px auto;padding:30px 60px;background:rgb(41,167,224);background:linear-gradient(90deg,rgba(41,167,224,1) 0%,rgba(146,48,142,1) 100%);}
#page_main_bottomless{margin:0 auto 0 auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;background:#eaeaea;}
#page_main_bottomless #page_title{font-size:270%;color:#FFFFFF;font-weight:200;line-height:100%;letter-spacing:0.05em;text-align:center;max-width:40%;margin:170px auto;padding:30px 60px;background:rgb(41,167,224);background:linear-gradient(90deg,rgba(41,167,224,1) 0%,rgba(146,48,142,1) 100%);}
@media screen and (max-width:1200px) {
#page_main{margin:0 auto 100px auto;}
#page_main #page_title{font-size:200%;max-width:40%;margin:100px auto;padding:30px 60px;}
#page_main_short{margin:0 auto 100px auto;}
#page_main_short #page_title{font-size:200%;max-width:40%;margin:100px auto;padding:30px 60px;}
#page_main_bottomless{margin:0 auto 0 auto;}
#page_main_bottomless #page_title{font-size:200%;max-width:40%;margin:100px auto;padding:30px 60px;}
}
@media screen and (max-width:414px) {
#page_main{margin:0 auto 50px auto;}
#page_main_short{margin:0 auto 50px auto;}
}
@media screen and (max-width:320px) {
#page_main #page_title{font-size:150%;margin:50px auto;}
#page_main_short #page_title{font-size:150%;}
#page_main_bottomless #page_title{font-size:150%;}
} .contents_heading_cover{
text-align:center;
padding-top: 120px;
margin-top: -120px;
}
.contents_heading {
font-size: 300%;
text-align: center;
line-height: 100%;
font-weight: 900;
margin: 0 auto 10px auto;
}
.contents_heading_sub {
text-align: center;
margin: 0 auto 60px auto;
}
.contents_heading_sub_large{font-size:140%;text-align:center;margin:0 auto 70px auto;}
.contents_page_heading{font-size:140%;text-align:left;line-height:100%;font-weight:100;margin:50px auto 50px 0;}
.contents_page_heading_sub{font-size:110%;text-align:left;line-height:100%;font-weight:100;margin:20px auto 20px 0;}
.herf_contents_heading{font-size:300%;line-height:100%;font-weight:900;margin:0 auto 10px 0;}
.herf_contents_heading_sub{font-size:70%;margin:0 auto 70px 0;}
.contents_heading_white {
color: #FFFFFF;
font-size: 300%;
text-align: center;
line-height: 100%;
font-weight: 900;
margin: 0 auto 10px auto;
}
.contents_heading_sub_white{color:#FFFFFF;font-size:70%;text-align:center;margin:0 auto 70px auto;}
.contents_heading_line{font-size:180%;text-align:center;line-height:100%;font-weight:900;margin:0 auto 120px auto;padding:1rem 2rem;border-top:1px solid #232323;border-bottom:1px solid #232323;display:inline-block;}
.contents_heading_line_white{font-size:180%;color:#ffffff;text-align:center;line-height:100%;font-weight:900;margin:0 auto 120px auto;padding:1rem 2rem;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;display:inline-block;}
.sub_heading_cover{text-align:center;margin:0 auto;}
.sub_heading{font-size:160%;text-align:center;margin:20px auto 100px auto;border-bottom:5px solid;border-image:linear-gradient(to right,#28a7e1 0%,#922e8e 100%);border-image-slice:1;display:inline-block;}
.sub_heading_white{font-size:160%;color:#FFFFFF;text-align:center;margin:20px auto 100px auto;padding: 0 0 10px 0;border-bottom:5px solid;border-image:linear-gradient(to right,#28a7e1 0%,#922e8e 100%);border-image-slice:1;display:inline-block;}
.sub_heading_blue{color:#FFFFFF;font-size:140%;text-align:center;font-weight:300;max-width:800px;margin:60px auto 100px auto;padding:20px;background:#2ea7e0;box-sizing:border-box;}
@media only screen and (max-width:1440px) {
.herf_contents_heading{font-size:170%;}
}
@media only screen and (max-width:1024px) {
.contents_heading_sub{margin:0 auto 50px 0;}
.contents_heading_sub_white{margin:0 auto 50px 0;}
.contents_heading_line{font-size:150%;margin:0 auto 40px auto;}
.contents_heading_line_white{font-size:150%;margin:0 auto 40px auto;}
.contents_page_heading{margin:20px auto 30px 0;}
.contents_page_heading_sub{margin:20px auto 20px 0;}
.sub_heading{font-size:120%;}
.sub_heading_white{font-size:120%;}
}
@media only screen and (max-width:768px) {
.contents_heading{
margin:0 auto 10px;
font-size: 170%;
}
.herf_contents_heading{text-align:center;margin:0 auto 15px auto;}
.herf_contents_heading_sub{text-align:center;margin:0 auto 40px auto;}
.contents_heading_white{margin:0 auto 15px 0;}
.contents_heading_sub{
margin:0 auto 30px;
font-size: 70%;
}
.contents_heading_sub_white{margin:0 auto 30px auto;}
}
@media screen and (max-width:320px) {
.contents_heading{font-size:130%;}
.herf_contents_heading{font-size:130%;}
.contents_heading_white{font-size:130%;}
.sub_heading{font-size:100%;margin:20px auto 50px auto;}
.sub_heading_white{font-size:100%;margin:20px auto 50px auto;}
} .contents_heading_bottomtext{color:#FFFFFF;text-align:center;}
#floating_bt{margin:0 auto 0 auto;padding:20px;position:fixed;bottom:0;right:0;display:block;text-decoration:none;width:100%;box-sizing:border-box;background-color:rgba(28,28,28,0.7);z-index:13483247!important; }
#floating_bt ul{max-width:700px;margin:0 auto;display:flex;padding:0;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;z-index:44!important;box-sizing:border-box;}
#floating_bt ul li{margin:0;padding:0;position:relative;z-index:1;}
@media screen and (max-width:1024px) {
.contents_heading_bottomtext{width:90%;margin:0 auto;}
#bnr_order{display:none;}
.bnr_order{display:none;}
.bnr_order img{display:none;}
} ul.blog_archive {
margin: 0 auto 0 auto;
padding: 20px;
background: #eaeaea;
}
ul.blog_archive a:link{color:#1c1c1c;text-decoration:none;}
ul.blog_archive a:visited{color:#1c1c1c;text-decoration:none;}
ul.blog_archive a:hover{color:#0281C0;text-decoration:none;}
ul.blog_archive a:active{color:#0281C0;text-decoration:none;}
ul.blog_archive li {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ffffff;
}
ul.blog_archive li:nth-of-type(1) {
padding-top: 0;
}
ul.blog_archive li a {
width: 100%;
display: flex;
column-gap: 20px;
box-sizing: border-box;
}
ul.blog_archive li .blog_archive_photo {
width: 360px;
height: 208px;
overflow: hidden;
}
ul.blog_archive li .blog_archive_photo img {
object-fit: cover;
width: 100%;
height: 100%;
transition-duration: 0.3s;
}
ul.blog_archive li .blog_archive_photo img:hover {
transform: scale(1.1);
transition-duration: 0.3s;
opacity: 0.6;
cursor: pointer;
}
ul.blog_archive li .blog_archive_content {
width: 448px;
}
ul.blog_archive li .blog_archive_heading {
font-size: 90%;
font-weight: 700;
}
ul.blog_archive li .blog_archive_text{
font-size:90%;
font-weight:100;
}
ul.blog_archive li .blog_archive_date{
font-size:80%;
}
ul.blog_archive li .blog_archive_text_single{font-size:90%;color:#ced6d5;margin:15px;}
@media screen and (max-width:798px) {
ul.blog_archive {
margin: 0 auto 80px;
}
ul.blog_archive li a {
display: block;
}
ul.blog_archive li .blog_archive_photo {
width: 100%;
height: auto;
}  
ul.blog_archive li .blog_archive_content {
width: 100%;
}
} ul#blog_wrapper {
max-width: 1200px;
margin: 50px auto 150px auto;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: space-between;
}
ul#blog_wrapper li#blog_contents {
max-width: 868px;
margin: 0;
}
ul#blog_wrapper li#blog_contents #bg_1{max-width:640px;position:absolute;top:30%;left:-6%;z-index:-999;}
ul#blog_wrapper li#blog_contents h2 {
font-size: 140%;
font-weight: 600;
width: 100%;
line-height: 150%;
margin-bottom: 16px;
box-sizing: border-box;
}
ul#blog_wrapper li#blog_contents #single img{text-align:center;max-width:800px;height:auto;margin:30px auto;display:block;}
ul#blog_wrapper li#blog_contents #tankyu_title{max-width:433px;width:100%;margin:100px auto 150px auto;}
ul#blog_wrapper li#blog_contents #tankyu_sub_title{color:#f5a400;font-size:200%;font-weight:500;text-align:center;margin:0 auto 50px auto;}
ul#blog_wrapper li#blog_contents #left_image_block{margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
ul#blog_wrapper li#blog_contents #left_image_block #tankyu_left_image{max-width:247px;width:100%;margin:20px auto 0 0;position:relative;z-index:1;}
ul#blog_wrapper li#blog_contents #left_image_block #tankyu_left_image_inner{max-width:269px;width:100%;position:absolute;top:60px;left:50px;bottom:0;right:0;z-index:2;}
ul#blog_wrapper li#blog_contents #left_image_block #tankyu_right_text{max-width:480px;}
ul#blog_wrapper li#blog_contents #right_image_block{margin:0 auto;} ul#blog_wrapper li#blog_contents #image_block{margin:0 auto 120px auto;}
ul#blog_wrapper li#blog_contents ul#blog_area{width:100%;padding:0;}
ul#blog_wrapper li#blog_contents ul#blog_area li{width:100%;margin:0 auto 50px auto;display:-webkit-flex;display:flex;position:relative;}
ul#blog_wrapper li#blog_contents ul#blog_area li a{
display: block;
position: absolute;
top: 0;
left: -1px;
width: 100%;
height: 100%;
} 
ul#blog_wrapper li#blog_contents ul#blog_area li .bloglist_photo{width:250px;height:120px;float:left;overflow:hidden;position:relative;background:#f4f9f9;}
ul#blog_wrapper li#blog_contents ul#blog_area li .bloglist_photo img{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;display:block;transition-duration:0.3s;}
ul#blog_wrapper li#blog_contents ul#blog_area li .bloglist_photo img:hover{transform:scale(1.1);transition-duration:0.3s;opacity:0.6;cursor:pointer;}
ul#blog_wrapper li#blog_contents ul#blog_area li .bloglist_text{width:86%;margin:0 auto;padding:0 2%;float:left;}
ul#blog_wrapper li#blog_contents ul#blog_area li .bloglist_text .blog_date{font-size:70%;text-align:left;line-height:100%;letter-spacing:0;max-width:100px;font-weight:900;margin:0 0 10px 0;padding:10px 0;}
ul#blog_wrapper li#blog_contents ul#blog_area li .bloglist_text .bloglist_heading{font-size:110%;font-weight:700;margin:0 auto 15px auto;text-decoration:underline;}
ul#blog_wrapper li#blog_contents ul#blog_area li .bloglist_text .bloglist_comment{margin:0 auto;}
ul#blog_wrapper li#blog_contents ul#blog_area #single h2{font-size:140%;font-weight:100;width:100%;line-height:100%;text-align:center;margin:0 auto 30px auto;padding:20px;border-top:#cdd6d7 1px solid;border-bottom:#cdd6d7 1px solid;}
ul#blog_wrapper li#blog_contents ul#blog_area #single img{text-align:center;max-width:800px;height:auto;margin:30px auto;display:block;}
ul#blog_wrapper li#blog_contents ul#blog_area #single #date{font-size:70%;line-height:100%;letter-spacing:0;max-width:100px;text-align:center;font-weight:900;margin:0 0 30px 0;padding:10px 0;background-color:#eff40a;}
ul#blog_wrapper li#blog_contents ul#blog_area #single #heading{font-size:200%;font-weight:900;margin:0 auto 50px auto;}
ul#blog_wrapper li#blog_contents ul#blog_area #single #text{width:100%;margin:0 auto 50px auto;padding:0 0 0 0;}
ul#blog_wrapper li#blog_side {
max-width: 300px;
margin: 0;
}
ul#blog_wrapper li#blog_side .blog_side_title {
font-size: 110%;
font-weight: 700;
margin: 0 auto 20px auto;
padding: 0 0 5px 0;
border-bottom: 4px solid;
border-image: linear-gradient(to right,#28a7e1 0%,#922e8e 100%);
border-image-slice: 1;
}
ul#blog_wrapper li#blog_side ul.category_name{font-size:80%;margin:0 auto 50px auto;}
ul#blog_wrapper li#blog_side ul.category_name li {
margin: 0 auto 10px auto;
position: relative;
}
ul#blog_wrapper li#blog_side ul.latest {
margin-bottom: 70px;
padding: 0 15px;
}
ul#blog_wrapper li#blog_side ul.latest li {
border-bottom: 1px solid #eaeaea;
margin-bottom: 16px;
}
ul#blog_wrapper li#blog_side ul.latest .latest_image {
height: 156px;
width: 270px;
}
ul#blog_wrapper li#blog_side ul.latest .latest_image img {
object-fit: cover;
width: 100%;
height: 100%;
transition-duration: 0.3s;
}
ul#blog_wrapper li#blog_side ul.latest .latest_image img:hover{transform:scale(1.1);transition-duration:0.3s;opacity:0.6;cursor:pointer;}
ul#blog_wrapper li#blog_side ul.latest .latest_heading {
font-size: 80%;
letter-spacing: 0;
font-weight: 700;
margin: 8px auto;
}
ul#blog_wrapper li#blog_side ul.latest .latest_text{font-size:80%;line-height:110%;margin:0 auto 20px auto;}
ul#blog_wrapper li#blog_side .monthly_article {
margin-bottom: 50px;
font-size: 80%;
}
ul#blog_wrapper li#blog_side .monthly_article li{
margin-bottom: 10px;
}
ul#blog_wrapper li#blog_side .blog_side_banner {
background: #eaeaea;
padding: 15px;
}
ul#blog_wrapper li#blog_side .blog_side_banner li{
background: #ffffff;
margin-bottom: 15px;
}
ul#blog_wrapper li#blog_side .blog_side_banner li:nth-last-of-type(1){
margin-bottom: 0;
}
ul#blog_wrapper li#blog_side .blog_side_banner li .banner_image {
display: block;
width: 100%;
height: 160px;
background: #bfbfbf;
}
ul#blog_wrapper li#blog_side .blog_side_banner li .banner_image img{
object-fit: cover;
width: 100%;
height: 100%;
}
ul#blog_wrapper li#blog_side .blog_side_banner li .banner_text {
padding: 8px;
font-size: 90%;
line-height: 1.6;
}
@media screen and (max-width:798px) {
ul#blog_wrapper {
max-width: 100%;
margin: 50px auto 150px auto;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: space-between;
}
ul#blog_wrapper li#blog_contents {
max-width: 100%;
}
ul#blog_wrapper li#blog_side {
max-width: 100%;
padding: 20px;
}
ul#blog_wrapper li#blog_side ul.latest {
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 8px;
}
ul#blog_wrapper li#blog_side ul.latest li {
border-bottom: none;
}
ul#blog_wrapper li#blog_side ul.latest .latest_image {
width: 100%;
}
ul#blog_wrapper li#blog_side ul.latest .latest_image img {
object-fit: cover;
width: 100%;
}
ul#blog_wrapper li#blog_contents ul#blog_area li{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;}
ul#blog_wrapper li#blog_contents ul#blog_area li .bloglist_photo{width:auto;height:300px;float:none;box-sizing:border-box;}
ul#blog_wrapper li#blog_contents ul#blog_area li .bloglist_text{width:100%;margin:0 auto;padding:0 2%;float:none;box-sizing:border-box;}
ul#blog_wrapper li#blog_side ul.latest .latest_image{
height:auto;
}
ul#blog_wrapper li#blog_contents #single img {
max-width: 100%;
}
} .sns_left{width:87%;margin:250px auto 250px 0;}
.sns_left_min{width:87%;margin:150px auto 250px 0;}
.sns_left_bg{padding:80px 110px 110px 0;background-color:#3b4047;}
.sns_left_bg .contents_left_inner{color:#FFFFFF;text-align:center;width:1200px;margin:0 0 0 auto;}
ul.sns_col2{width:15%;margin:60px auto 0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
ul.sns_col2 li{margin:0;}
ul.sns_col2 li#facebook{width:16px;margin:auto;}
ul.sns_col2 li#facebook path{
fill:#FFFFFF;
-webkit-transition: fill 0.3s ease-out;
-moz-transition: fill 0.3s ease-out;
-o-transition: fill 0.3s ease-out;
-ms-transition: fill 0.3s ease-out;
transition: fill 0.3s ease-out;
}
ul.sns_col2 li#facebook a:hover path{
fill:#fd5aac;
}
ul.sns_col2 li#instagram{width:30px;margin:auto;}
ul.sns_col2 li#instagram path{
fill:#FFFFFF;
-webkit-transition: fill 0.3s ease-out;
-moz-transition: fill 0.3s ease-out;
-o-transition: fill 0.3s ease-out;
-ms-transition: fill 0.3s ease-out;
transition: fill 0.3s ease-out;
}
ul.sns_col2 li#instagram a:hover path{
fill:#fd5aac;
}
@media only screen and (max-width:1024px) {
.sns_left{width:86%;margin:250px auto 150px auto;}
.sns_left_min{width:86%;margin:50px auto 150px auto;}
.sns_left_bg{padding:80px 0 80px 0;}
.sns_left_bg .contents_left_inner{width:100%;margin:0 auto 0 auto;}
}
@media only screen and (max-width:768px) {
.sns_left{width:86%;margin:150 auto 150 auto;}
.sns_left_min{width:86%;margin:0 auto 50px auto;}
.sns_left_bg{padding:30px 0 30px 0;}
ul.sns_col2{width:30%;margin:60px auto 0 auto;}
} .line-scroll {
letter-spacing: 0.1em;
font-size:80%;
position: absolute;
z-index:2;
left:30%;
bottom:3%;
}
@media screen and (max-width:767px) {
.line-scroll {
bottom:10%;
}
}
.line-scroll a {
display: inline-block;
line-height: 1;
font-family: Bellefair, serif;
color: #838b98;
transition: .2s ease
}
.line-scroll a:hover {
color: #838b98;
opacity: .6
}
.line-scroll div {
position: relative;
top: 10px;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.line-scroll span {
position: absolute;
top: 20px;
left: .5rem;
width: 1px;
height: 6.0rem;
background: #eff2f2;
display: block
}
.line-scroll span:before {
content: ' ';
width: 1px;
height: 6.0rem;
background: #838b98;
display: block;
-webkit-animation: LINE_ANIME 3s cubic-bezier(.77, 0, .175, 1) infinite;
animation: LINE_ANIME 3s cubic-bezier(.77, 0, .175, 1) infinite
}
@keyframes LINE_ANIME {
0% {
-webkit-transform-origin:center top;
transform-origin:center top;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
40% {
-webkit-transform-origin:center top;
transform-origin:center top;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
60% {
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
100% {
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
} ul.contents_col3{margin:0 auto 0 auto;padding:0 0 50px 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
ul.contents_col3 a:link{color:#ced6d5;text-decoration:none;}
ul.contents_col3 a:visited{color:#ced6d5;text-decoration:none;}
ul.contents_col3 a:hover{color:#ced6d5;text-decoration:underline;}
ul.contents_col3 a:active{color:#ced6d5;text-decoration:underline;}
ul.contents_col3 li{margin:0 auto 0 0;}
ul.contents_col3 li.col_blog{width:350px;margin:0 0 0 0;background-color:#627976;}
ul.contents_col3 li.line_2{width:350px;margin:0 0 40px 0;background-color:#627976;}
ul.contents_col3 li.col_white{width:350px;margin:0 0 0 0;background-color:#ffffff;}
ul.contents_col3 li .col3_photo{width:100%;height:240px;margin:0 0 0 0;position:relative;overflow:hidden;}
ul.contents_col3 li .col3_photo img{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;display:block;transition-duration:0.3s;}
ul.contents_col3 li .col3_photo img:hover{transform:scale(1.1);transition-duration:0.3s;opacity:0.6;cursor:pointer;}
ul.contents_col3 li .col3_date{font-size:70%;color:#ced6d5;margin:15px 15px 0 15px;}
ul.contents_col3 li .col3_text{font-size:90%;color:#ced6d5;margin:0 15px 15px 15px;}
ul.contents_col3 li .col3_text_single{font-size:90%;color:#ced6d5;margin:15px;}
ul.contents_col3 li .col3_type_min{font-size:70%;margin:0 15px 15px 15px;}
ul.contents_col3 li .col3_type_middle{margin:0 15px;}
ul.contents_col3 li .col3_type_wide{font-size:110%;margin:15px;}
ul.contents_col3 .col3_type_right{font-size:70%;width:100%;text-align:right;margin:15px 0 0 0;}
@media screen and (max-width:1440px) {
ul.contents_col3 li.col_blog{width:30%;}
ul.contents_col3 li.line_2{width:30%;}
ul.contents_col3 li.col_white{width:30%;}
ul.contents_col3 li .col3_photo{height:200px;}
}
@media screen and (max-width:1200px) {
ul.contents_col3 li .col3_photo{height:170px;}
}
@media screen and (max-width:1024px) {
ul.contents_col3 li .col3_photo{height:150px;}
}
@media screen and (max-width:768px) {
ul.contents_col3{padding:0 0 30px 0;flex-direction:column;}
ul.contents_col3 li{margin:0 auto 0 auto;padding:0 0 0 0;}
ul.contents_col3 li.col_blog{width:100%;margin:0 auto 30px auto;}
ul.contents_col3 li.col_white{width:100%;margin:0 auto 30px auto;}
ul.contents_col3 li .col3_photo{height:230px;}
ul.contents_col3 li .col3_text{padding:0 0 0 0;}	
}
ul.contents_col3_line2{margin:0 auto 0 auto;padding:0 0 0 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
ul.contents_col3_line2 a:link{color:#ced6d5;text-decoration:none;}
ul.contents_col3_line2 a:visited{color:#ced6d5;text-decoration:none;}
ul.contents_col3_line2 a:hover{color:#ced6d5;text-decoration:underline;}
ul.contents_col3_line2 a:active{color:#ced6d5;text-decoration:underline;}
ul.contents_col3_line2 li{letter-spacing:0;color:#ced6d5;margin:0 auto 0 0;}
ul.contents_col3_line2 li.col_contents{width:350px;margin:0 0 50px 0;background-color:#627976;}
ul.contents_col3_line2 li .col3_type_min{font-size:70%;margin:0 15px 15px 15px;}
ul.contents_col3_line2 li .col3_type_middle{margin:0 15px 15px 15px;}
ul.contents_col3_line2 li .col3_type_wide{font-size:110%;margin:15px;}
ul.contents_col3_line2 li .col3_photo{width:100%;height:240px;margin:0 0 0 0;position:relative;overflow:hidden;}
ul.contents_col3_line2 li .col3_photo img{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;display:block;transition-duration:0.3s;}
ul.contents_col3_line2 li .col3_photo img:hover{transform:scale(1.1);transition-duration:0.3s;opacity: 0.6;cursor:pointer;}
ul.contents_col3_line2 li .col3_title{font-size:120%;color:#687e7b;text-align:center;padding:15px 0 5px 0;background-color:#fefefd;}
ul.contents_col3_line2 li .col3_title_min{font-size:70%;margin:0 auto;}
ul.contents_col3_line2 li .col3_date{font-size:70%;color:#ced6d5;margin:15px 15px 0 15px;}
ul.contents_col3_line2 li .col3_text{font-size:90%;color:#ced6d5;margin:0 15px 15px 15px;}
ul.contents_col3_line2 li .col3_text_single{font-size:90%;color:#ced6d5;margin:15px;}
@media screen and (max-width:768px) {
ul.contents_col3_line2{padding:0 0 30px 0;}
ul.contents_col3_line2::after{content: "";display:block;width:50%;height:0;}		
ul.contents_col3_line2 li{margin:0 auto 0 auto;padding:0 0 0 0;}
ul.contents_col3_line2 li.col_contents{width:45%;margin:0 auto 30px auto;}
ul.contents_col3_line2 li .col3_photo{height:120px;}
ul.contents_col3_line2 li .col3_text{padding:0 0 0 0;}	
}
ul.contents_col4_line2{margin:0 auto 0 auto;padding:0 0 0 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
ul.contents_col4_line2 li{margin:0 auto 0 0;}
ul.contents_col4_line2 li.col_contents{width:280px;margin:0 0 50px 0;background-color:#627976;}
ul.contents_col4_line2 li .col4_photo{width:100%;height:240px;margin:0 0 0 0;position:relative;overflow:hidden;}
ul.contents_col4_line2 li .col4_photo img{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;display:block;transition-duration:0.3s;}
ul.contents_col4_line2 li .col4_photo img:hover{transform:scale(1.1);transition-duration:0.3s;opacity: 0.6;cursor:pointer;}
ul.contents_col4_line2 li .col4_title{font-size:120%;color:#687e7b;text-align:center;padding:15px 0 5px 0;background-color:#fefefd;}
ul.contents_col4_line2 li .col4_title_min{font-size:70%;margin:0 auto;}
ul.contents_col4_line2 li .col4_date{font-size:70%;color:#ced6d5;margin:15px 15px 0 15px;}
ul.contents_col4_line2 li .col4_text{font-size:90%;color:#ced6d5;margin:0 15px 15px 15px;}
ul.contents_col4_line2 li .col4_text_single{font-size:80%;line-height:120%;color:#ced6d5;margin:15px;}
@media screen and (max-width:768px) {
ul.contents_col4_line2{padding:0 0 30px 0;}
ul.contents_col4_line2 li{margin:0 auto 0 auto;padding:0 0 0 0;}
ul.contents_col4_line2 li.col_contents{width:45%;margin:0 auto 30px auto;}
ul.contents_col4_line2 li .col4_photo{height:150px;}
ul.contents_col4_line2 li .col4_title{font-size:100%;letter-spacing:0;}
ul.contents_col4_line2 li .col4_text{padding:0 0 0 0;}	
}
ul.col4{width:100%;margin:0 auto 0 auto;padding:0 0 0 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;}
ul.col4 li{width:25%;margin:0 auto 0 0;}
@media only screen and (max-width:798px) {
ul.col4{padding:0 0 0 0;display:block;}
ul.col4 li{width:100%;margin:0 auto;}
} #single{max-width:1000px;width:100%;padding:0 0 5px 0;margin:0 auto 20px auto;}
#single h2{font-size:180%;text-align:center;line-height:100%;font-weight:900;margin:0 auto 50px auto;padding:1rem 2rem;border-top:1px solid #232323;border-bottom:1px solid #232323;display:inline-block;}
#single img{text-align:center;max-width:800px;height:auto;margin:70px auto;display:block;}
#single #date{font-size:70%;color:#FFFFFF;line-height:100%;letter-spacing:0;max-width:100px;text-align:center;font-weight:900;margin:0 0 30px 0;padding:10px 0;background-color:#259bdb;}
#single #heading{font-size:200%;font-weight:900;margin:0 auto 50px auto;}
#single #text{width:100%;margin:0 auto 100px auto;padding:0 0 0 0;}
@media only screen and (max-width:1024px) {
#single h2{font-size:150%;margin:0 auto 40px auto;}
#single #text{margin:0 auto 50px auto;}
}
@media only screen and (max-width:798px) {
#single {
max-width: 100%;
width: auto;
padding: 0 20px;
margin: 0 auto 60px auto;
}
} @media (min-width: 798px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
} .bt_cover{width:100%;margin:0 auto;position:relative;box-sizing:border-box;}
.bt_cover a:link{color:#1c1c1c;text-decoration:none;display:block;padding:0;transition:all .2s ease-in;}
.bt_ani,
a.bt_ani,
button.bt_ani {
max-width:300px;margin:0 auto;
font-weight: 700;
line-height: 4em;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #ffffff!important;
border-radius: 0.5rem;
border: #FFFFFF 1px solid;
}
a.btn-flat {
overflow: hidden;
padding: 1.5rem 6rem;
color: #fff;
border-radius: 0;
background: #2a2a2a;
}
a.btn-flat span {
position: relative;
}
a.btn-flat:after{
content: "";
position: absolute;
top: 50%;
right:15%;;
width: 7px;
height: 7px;
border-top: 3px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
margin-top: -5px;
}
a.btn-flat:before {
position: absolute;
top: 0;
left: 30px;
width: 158%;
height: 600%;
content: '';
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: translateX(-98%) translateY(-70%) rotate(135deg);
transform: translateX(-98%) translateY(-70%) rotate(135deg);
background: #2ea7e0;
}
a.btn-flat:hover:before {
-webkit-transform: translateX(-9%) translateY(-25%) rotate(135deg);
transform: translateX(-9%) translateY(-25%) rotate(135deg);
}
ul.bt_col2{max-width:800px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-around;}
ul.bt_col2 li{width:50%;}
@media screen and (max-width:768px) {
ul.bt_col2{max-width:90%;flex-direction:column;}
ul.bt_col2 li{width:100%;margin:0 auto 20px auto;}
ul.bt_col2 li:last-child{margin:0 auto 0 auto;}
} .pagination {
clear: both;
margin:0 auto 50px auto;
padding: 20px 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 10px 15px 10px 15px;
text-decoration: none;
width: auto;
color: #fff;
background: #444141;
}
.pagination a:hover{
color: #fff;
background: #444141;
}
.pagination .current{
padding: 10px 15px 10px 15px;
color: #3b4047;
background: #ebefef;
}
@media only screen and (max-width: 413px) {
.pagination {
font-size: 12px;
line-height: 12px;
}
.pagination span, .pagination a {
padding: 8px 10px 8px 10px;
}
.pagination .current{
padding: 8px 10px 8px 10px;
}
} .tablecover{margin:100px auto;}
table{text-align:left;width:100%;margin:0 auto;box-sizing:border-box;}
table th{vertical-align:middle;padding:20px 10px;border-bottom:#d3d2cf 1px solid;}
table tr{vertical-align:middle;clear:both;}
table td{vertical-align:middle;padding:20px 10px;word-wrap:break-word;word-break:break-all;border-bottom:#d3d2cf 1px solid;box-sizing:border-box;}
table td a:link{color:#0facd9!important;text-decoration:none!important;}
table td a:visited{color:#0facd9!important;text-decoration:none!important;}
table td a:hover{color:#0facd9!important;text-decoration:underline!important;}
table td a:active{color:#0facd9!important;text-decoration:underline!important;}
table .link_col{display:flex;}
table .w25{width:25%;}
table td br{display:block;}
table .td_text_center{text-align:center;}
table .td_text_left{text-align:left;padding:20px;}
table .number{text-align:center;font-size:150%;}
table .td_text_block{margin:0 auto 30px auto;}
table .inner_table{width:100%;margin:25px auto 25px auto;}
table .inner_table th{text-align:center;vertical-align:middle;width:30%;padding:20px 2%;background-color:#efece7;border:#ffffff 1px solid;}
table .inner_table tr{text-align:left;vertical-align:middle;clear:both;}
table .inner_table td{vertical-align:middle;padding:20px 2% 20px 2%;background-color:#f9f5ef;border:#ffffff 1px solid;}
table.table_center{width:100%;margin:0 auto 0 auto;}
table.table_center th{width:auto;text-align:center;vertical-align:middle;font-weight:700!important;padding:20px 2%;background-color:#f4f3f3;border:#d9d9d9 1px solid;}
table.table_center td{vertical-align:middle;text-align:center;width:auto;padding:20px 2%;background-color:#FFFFFF;border:#d9d9d9 1px solid;}
table.table_line{width:100%;margin:0 auto 0 auto;}
table.table_line tr{text-align:left!important;vertical-align:middle;clear:both;}
table.table_line tr:last-child{border-bottom:none;}
table.table_line th{text-align:left!important;width:20%;vertical-align:middle;font-weight:normal;padding:25px 0 25px 2%;border-bottom:#cfe0de 1px solid;background-color:transparent;border-top:none;border-left:none;border-right:none;box-sizing:border-box;}
table.table_line td{text-align:left!important;width:80%;padding:25px 0 25px 2%;border-bottom:#cfe0de 1px solid!important;border-top:none;border-left:none;border-right:none;background-color:transparent;box-sizing:border-box;}
table.table_line .td_text_center{text-align:center;}
table.table_line .td_text_left{text-align:left;padding:20px;}
table.table_line .number{text-align:center;font-size:150%;}
table.table_scroll{width:100%!important;margin:0 auto 0 auto;}
table.table_scroll table{display:block;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;}
table.table_scroll th{width:auto;text-align:center;vertical-align:middle;font-weight:700!important;padding:20px 2%;background-color:#f4f3f3;border:#d9d9d9 1px solid;}
table.table_scroll td{vertical-align:middle;text-align:center;width:auto;padding:20px 2%;background-color:#FFFFFF;border:#d9d9d9 1px solid;}
@media screen and (max-width:1024px) {
table{width:100%;margin:50px auto 0 auto;box-sizing:border-box;}
table th{text-align:center;width:100%;padding:15px 0 15px 0;display:block;border-bottom:none;box-sizing:border-box;}
table td{text-align:center!important;width:100%;margin:0 auto;padding:15px 0 15px 0;display:block;box-sizing:border-box;}
table select.table_select{text-align:center;margin:0 auto;display:block;}
table .inner_table{width:100%;margin:0 auto 0 auto;box-sizing:border-box;}
table .inner_table th{text-align:center;width:100%;padding:15px 0 15px 0;display:block;border-bottom:none;} table .inner_table td{width:100%;margin:0 auto;padding:15px 0 15px 0;display:block;box-sizing:border-box;}
table.table_center{width:100%;margin:50px auto 0 auto;}
table.table_center th{text-align:center;width:100%;padding:15px 0 15px 0;display:block;;border-bottom:none;}
table.table_center td{text-align:center;width:94%;margin:0;padding:15px 3% 15px 3%;display:block;}
table.table_scroll th{padding:15px 0 15px 0;display:table-cell;}
table.table_scroll td{padding:15px 0 15px 0;display:table-cell;}
table.table_line{width:100%;margin:0 auto 0 auto;}
table.table_line th{text-align:center!important;width:100%;padding:15px 0 15px 0;display:block;background:#e9eff2;;border-bottom:none;}
table.table_line td{text-align:center;width:100%;padding:15px 0 15px 0;display:block;}
table.table_line td br{display:block;}
table .w25{width:100%;box-sizing:border-box;}
} #contact_img{max-width:960px;width:100%;position:relative;margin:0 auto 35px auto;display:flex;align-items:center;justify-content:center;}
#contact_img #cntact_text{font-size:130%;line-height:100%;font-weight:500;margin:30px auto 0 auto;position:absolute;z-index:2;}
ul#cntact_menu{max-width:600px;width:100%;font-size:80%;text-align:center;margin:60px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;box-sizing:border-box;}
ul#cntact_menu li{line-height:100%;list-style-type:none;flex-grow:1;text-align:center;position:relative}
ul#cntact_menu li + li{border-left:1px solid #1c1c1c;}
ul#cntact_menu li a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
ul#cntact_menu li a:link{color:#1c1c1c!important;text-decoration:none!important;}
ul#cntact_menu li a:visited{color:#1c1c1c!important;text-decoration:none!important;}
ul#cntact_menu li a:hover{color:#0facd9!important;text-decoration:underline!important;}
ul#cntact_menu li a:active{color:#0facd9!important;text-decoration:underline!important;}
ul#cntact_menu li:hover{color:#0facd9;transition-duration:0.3s;cursor:pointer;}
@media screen and (max-width:1024px) {
#contact_img{max-width:90%;}
#contact_img #cntact_text{font-size:100%;font-weight:700;}
ul#cntact_menu{max-width:100%;}
ul#cntact_menu li{line-height:140%;text-align:center;width:47%;padding:10px 20px;margin:0 0 20px 0;background:#FFFFFF;flex-grow:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;border-radius:10px;}
ul#cntact_menu li + li{border-left:none;}
ul#cntact_menu li a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;} 
ul#cntact_menu li a:link{color:#1c1c1c!important;text-decoration:none;}
ul#cntact_menu li a:visited{color:#1c1c1c!important;text-decoration:none;}
ul#cntact_menu li a:hover{color:#ffffff!important;text-decoration:none;}
ul#cntact_menu li a:active{color:#ffffff!important;text-decoration:none;}
ul#cntact_menu li:hover{color:#ffffff;background:#1c1c1c;transition-duration:0.3s;cursor:pointer;}
} .map_canvas{width:100%;position:relative;padding:0 0 35% 0;margin:0 auto 0 auto;height:100%;overflow:hidden;}
.map_canvas iframe{position:absolute;top:0;left:0;width:100%!important;height:100% !important;}
@media screen and (max-width:1024px) {
.map_canvas{width:100%;padding:0 0 65%;margin:0 auto 0 auto;}
}
@media screen and (max-width:414px) {
.map_canvas{padding:0 0 85%;}
}  form {margin:0;padding:0;}
form div{padding:10px 20px;box-sizing:border-box;}
input{font-size:100%;border:#d7d0d0 1px solid;}
textarea{border:#d7d0d0 1px solid;}
#thanks_form{text-align:center;margin:150px auto;}
.form_text_answer{
width:60%;
padding: 5px;
zoom: 1;
}
.form_text, textarea, .dropdown{
padding: 5px;
zoom: 1;
}
.form_text_10{
width:10%!important;
padding: 5px;
}
.form_text_20{
width:20%!important;
padding: 5px;
}
.form_text_40{
width:40%!important;
padding: 5px;
}
.form_text_60{
width:60%!important;
padding: 5px;
}
.form_text_80{
width:80%!important;
padding: 5px;
} #formarea{}
#formarea table {width:100%;font-size:90%;border-collapse: collapse;background-color: #FFFFFF;}
#formarea th.t_top {border-top:#ffbe00 4px solid;}
#formarea th {color:#FFFFFF;font-weight:200;text-align:center;border-bottom:#dddddd 1px solid;border-left:#dddddd 1px solid;background:#5e5e5e;padding:10px;font-weight:normal;vertical-align: middle;}
#formarea td.t_top{border-top:#dddddd 1px solid;}
#formarea td{border-bottom:#dddddd 1px solid;border-right:#dddddd 1px solid;text-align:left;padding:10px;}
@media screen and (max-width:980px) {
#formarea{padding:0;margin:0;}
}
@media screen and (max-width:798px) { .form_text_20{font-size:90%;width:22%!important;box-sizing:border-box;}
.form_text_40{font-size:90%;width:100%!important;box-sizing:border-box;}
.form_text_60{font-size:90%;width:100%!important;box-sizing:border-box;}
.form_text_80{font-size:90%;width:100%!important;box-sizing:border-box;}
.LabelSelected,.RadioSelected{width:100%!important;box-sizing:border-box;}
#formarea th.t_top {border:none;}
#formarea th{margin:0 auto 0 auto;padding:10px 0 10px 0;border:none;width:100%;display:block;}
#formarea th br{display:none;}
#formarea td.t_top {border-top:none;border-bottom:#e3e3e3 1px solid;}
#formarea td{width:93%;margin:0 auto 0 auto;display:block;border-right:none;}
} textarea.wpcf7-form-control.wpcf7-textarea {
height: 200px;
} input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
background: rgba(255,255,255,1);
}
@media screen and (max-width:798px) {
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {width: 100%;box-sizing: border-box;}
} .wpcf7 input[type="submit"] {
overflow: hidden;
padding: 1.5rem 6rem;
color: #fff;
border-radius: 0;
background: #2a2a2a;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor:pointer;
}
.wpcf7 input[type="submit"]:hover{
background: #e84823;
}
.wpcf7 input[type="button"] {
overflow: hidden;
padding: 1.5rem 6rem;
color: #fff;
border-radius: 0;
background: #2a2a2a;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor:pointer;
}
.wpcf7 input[type="button"]:hover{
background: #e84823;
} span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
color: red;
font-weight: 600;
} div.screen-reader-response{
display: none;
} .grecaptcha-badge {
padding:0 auto auto 0;
}
@media only screen and (max-width:798px) {
.grecaptcha-badge {
visibility: hidden;
opacity: 0;
}
} #patent_area{margin:100px auto 200px auto;}
@media only screen and (max-width:1024px) {
#patent_area{margin:50px auto 100px auto;}
} .edit_fontsize_oversized{font-size:30px; font-weight:500;margin:20px 0;}
.edit_fontsize_large{font-size:25px;font-weight:500;margin:20px 0;}
.edit_underline{background: linear-gradient(transparent 50%, #f5ff50 50%);}
.edit_bg_gray{padding:3%;background:#eaeaea;}
.edit_frame{font-size:20px;line-height:140%;font-weight:700;padding:3%;border:#1c1c1c solid 3px;}
.edit_heading_blue{font-size:25px;color:#0281C0;font-weight:500;text-align:center;width:100%;margin:70px auto 20px auto;padding:2%;border-top:#0facd9 solid 3px;border-bottom:#0facd9 solid 3px;box-sizing:border-box;}
.edit_heading_min{font-size:25px;font-weight:500;margin:30px auto;padding:0 0 5px 5px;border-bottom:#1c1c1c solid 2px;}
.edit_heading_thin{font-size:25px;font-weight:500;margin:30px auto;padding:2%;border-top:#1c1c1c solid 1px;border-bottom:#1c1c1c solid 1px;}
.edit_spacer_large{margin:100px auto;}
.edit_spacer_mid{margin:50px auto;}
.edit_spacer_min{margin:20px auto;}
ul.edit_list_circle li{margin:0 auto 0 20px;list-style:disc;list-style-position:outside;}
#single .edit_bg_gray img{margin:0 2% 2% auto;padding:0;float:left;}
@media screen and (max-width:1024px) {
.edit_fontsize_oversized{ }
#single .edit_bg_gray img{text-align:center;margin:0 auto 2% auto;float:none;}
.edit_frame{line-height:140%;}
}