@charset "utf-8";
/*
Theme Name:1nterlink
Theme URI:
Description:WordPressテーマ「1nterlink」（旧AMORE(amore_tcd028)をPHP8.4対応化したカスタムテーマ）
Author:1nterlink
Author URI:
Version:1.0
*/


/* This is a small security for too long strings titles */
body {
  word-wrap: break-word;
font-family: 'Noto Sans Japanese',   sans-serif !important;;

}

.grecaptcha-badge { visibility: hidden; }

.sp_border img{
width:100%;
}

.title_sentence{
font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif !important;
}


#site-cover{
display:none !important;
}


.company_bottom{
margin-top:60px;
letter-spacing: -.4em;
clear:both;
}

.company_bottom li{
    position: relative;
    width: 23%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #808080;
    margin: 0 1%;
    letter-spacing: 0;
    line-height: 2;
}

.company_bottom li.showa_page{
width: 31.33%;
}

.company_bottom li a:hover{
background:#2978AC;
color:#ffffff;
transition: all 0.3s ease;
text-decoration:none;
}

.company_bottom li a.on{
background:#2978AC;
color:#fff;
}

.company_bottom li a.on:after{
}

.company_bottom li a{
display:block;
text-align:center;
color:#333333;
font-size:20px;
padding: 25px 0;
}

.company_bottom li a:after{
content:" ";
width:25px;
height:25px;
background-size:cover;
position:absolute;
right:10px;
top: 32px;
}

.company_bottom li:hover a:after{
}



/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


#fourth,#third{
display:block;
}

/* カスタマイズ－２ */

#second{

    height: auto;
    padding: 50px 0 30px 0;
    background-size: 46%;
}

.sentences_one p{
    line-height: 276%;
}

.amore-welcome-center:before{
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 0;
    background-color: #1e489d;
    height: 100%;
    -webkit-transition: all 600ms cubic-bezier(.165,.84,.44,1);
    -moz-transition: all 600ms cubic-bezier(.165,.84,.44,1);
    -o-transition: all 600ms cubic-bezier(.165,.84,.44,1);
    transition: all 600ms cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    -o-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
}



.title_big{
    text-align: center;
    font-size: 130%;
    margin: 10px auto;
    letter-spacing: 13px;
}

.title_link{
    text-align: center;
    font-size: 110%;
    letter-spacing: 8px;
    color: #2A7EB7;
    padding-bottom: 57px;

}

.sentences_one{
    text-align: center;
    font-size: 110%;
    letter-spacing: 8px;
    margin-top: 60px;
    width: 67%;
    margin: 0 auto;
}


.sentences_six{
    text-align: -webkit-left;
    font-size: 130%;
    letter-spacing: 1px;
    margin-top: 20px;
    width: 100%;
    line-height: 212%;
}


.border_ss{
vertical-align:top;
letter-spacing:1.3px;
}


a .sixth-right-2,a .sixth-right-1{
color:#ffffff !important;
}


/* カスタマイズ */

.insta_t a{
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #FFF;
    padding: .25rem;
    max-width: 240px;
    margin-top: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #EF3D35;
    border: 1px solid #FFF;
}
.twitter_t a{
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #FFF;
    padding: .25rem;
    max-width: 240px;
    margin-top: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #1DA1F2;
    border: 1px solid #FFF;
}
.blog_t a{
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #FFF;
    padding: .25rem;
    max-width: 240px;
    margin-top: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFCC00;
    border: 1px solid #FFF;
}

.line_t a{
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #FFF;
    padding: .25rem;
    max-width: 240px;
    margin-top: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #00B900;
    border: 1px solid #FFF;
}


ul.take li{
border:0 !important;
margin:0px 0px;
}

ul.take li a:hover{
background: #FFF;
    color: #333333;
    border: 1px solid #333333;
    box-sizing: border-box;
}



.top_flame{
    margin: 0 auto;
z-index:100;
}

ul li{
list-style:none;
margin-bottom:30px;
}

.divtxt p{
    margin: 0 0 0em 0 !important;
}

.box01 {
    position: relative;
    margin-top: 90px;
    color: #000;
    font-size: 14px;
    letter-spacing: 0.7px;
    margin: 100px 0 100px 0px;
}

.box01 .imgdiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 47.625%;
    z-index: 1;
}
.box01 .imgdiv img {
    display: block;
}

.box01 .boxtxt {
    position: relative;
    z-index: 2;
}

.box01 .txt01:before {
    content: '';
    position: absolute;
    bottom: -40px;
    left: -95px;
    width: 350px;
    height: 10px;
    background: url(https://www.1nterlink.co.jp/home/wp-content/uploads/2022/11/bg_0101.png) no-repeat;
}

.txt05 a:before {
    content: "\f1c1";
    font-family: FontAwesome;
    margin-right: 0px;
    float: left;
    padding: 0px 10px 0px 0px;
}


.wcm {
    width: 100%;
    padding: 0 15px;
    max-width: 1066px;
    margin: auto;
}
.box01 .divtxt {
    float: right;
    width: 50%;
    padding-left: 15px;
}



.box01 .txt01 {
    position: relative;
    padding-top: 23px;
    font-size: 38px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 40px;
}
.box01 .txt02 {
    margin-right: -110px;
    padding-left: 70px;
    font-family: 'Roboto', sans-serif;
    color: #F2F2F2;
    font-size: 68px;
    line-height: 80px;
    letter-spacing: 0px;
    font-weight: 500;
margin: -100px 0px 0 0;
}
.box01 .txt03 {
    font-size: 16px;
    padding-top: 5px;
    line-height: 1.9;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    line-height: 0;
}
.box01 .divbor {
    position: relative;
    width: 100%;
    margin: 44px 0 0;
    padding: 44px 0 48px 6px;
}
.box01 .divbor:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    margin-left: -82px;
    border: #f3c51c 1px solid;
    border-right: none;
}
.box01 .divbortxt {
    float: right;
    width: 50%;
    padding-left: 12px;
}
.divbortxt p{
margin:0 !important;
padding:0 !important;
}
.divbortxt a{
    z-index: 100;
    position: absolute;
    margin-top: 10px;
	color: #f3c51c;
}

.box01 .txt04 {
    margin-bottom: 23px;
    border-bottom: #f3c51c 1px solid;
    padding-bottom: 15px;
}
.box01 .txt05 {
    color: #0057AD;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -1px;
}
.box01 .ul01 .text01 {
    float: left;
    width: 80px;
    background: url(../img/product/icon_01.svg) no-repeat left center;
    padding-left: 15px;
    font-weight: bold;
}




.border_s{
    width: 5%;
    display: -webkit-inline-box;
    vertical-align: super;
letter-spacing:1.5px;
}
.border_st{
width: 20%;
    border-top: solid 1px #ffcf0e;
    display: inline-block;
    position: absolute;
    margin-top: 8px;
}

.border_title{
letter-spacing:1.5px;
}

.c_ima{
float:right;padding:0 0 40px 60px;
}

.img_sp{
margin:100px 0;
}

.img_sp_border{
    content: "«";
    position: absolute;
    left: 50%;
    bottom: 60px;
    z-index: 100;
    width: 1px;
    height: 100px;
    background-color: #f4374d;
    margin: -20px;
}

.sp_border{
    position: relative;
}



/*--------------MEMBER--------------------*/

.member_area{
    margin-top:95px;
    margin-bottom:90px;
}

.member_area h3.single_catch{
    margin-bottom: 50px;
    font-size: 30px;
    letter-spacing: 0.18em;
    line-height: 1.6;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    padding-top: 30px;
}

.member_area h2.header_romaji{
    height: 622px;
    font-family: calibri;
    font-size: 34px;
    color: #fff;
    line-height: 450px;
    text-align: center;
    font-weight: 100;
    margin-bottom: 90px;
}


.member_area ul.about_member{
    padding: 0 0 0 0;
    list-style: none;
    letter-spacing: -0.4em;
    display: flex;
    margin-bottom: 90px;
}

.member_area ul.about_member img{
    padding: 10px;
}


.member_area ul.about_member li{
    letter-spacing: 0;
    width: 45%;
    display: inline-block;
    vertical-align: top;
}

.member_area ul.about_member li:last-child{
    margin-left:10%;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    display: flex;
}

.member_area ul.about_member li img{
    width: 250px;
    float: left;
    margin-right: 30px;
}

.member_area ul.about_member li span{

}

.member_area ul.about_member li span h2{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin:20px 0 30px 0;
    font-size:20px;
    line-height: 1;
}

.member_area ul.about_member li span p{
    font-size:12px;
}



.member_area ul.about_member li .personality{
    margin: auto auto;
    display: block;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size:14px;
    font-weight:400;
}

.member_area ul.about_member li .personality span{
    font-size:20px;
    display:block;
    margin-top:10px;
}

.member_area .career{
    letter-spacing: -0.4em;
}

.member_area .career h3{
    font-size: 22px;
    line-height: 2;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    letter-spacing:0;
}


.career ul{
padding:0;
margin:0;
overflow:hidden;
}

.member_area .career p{
    line-height: 2;
    width: 100%;
    display: contents;
    vertical-align: top;
    margin-right: 30px;
    letter-spacing: 2px;
}

.member_area .career img{
    letter-spacing:0;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

ul.member_archive{
    letter-spacing:-0.4em;
    padding:0 0 0 0;
}

ul.member_archive li{
    width:calc(100% / 3);
    display:inline-block;
    vertical-align:top;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin-bottom:60px;
    letter-spacing:-0.4em;
}

ul.member_archive li a.member_img_arc{
    margin-bottom:40px;
    width: 100%;
    height: 250px;
    overflow: hidden;
}

ul.member_archive li img {
    transition: 0.3s;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.member_area ul.member_archive li img:hover{
    transform: scale(1.2);
}

ul.member_archive li img:hover{
    transform: none !important;
}
ul.member_archive li .mem_name_arc{
 padding:20px 0px;
}


ul.member_archive li .mem_name_arc{
    width: 100%;
    letter-spacing:0;
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
    padding:0 0 0 px;
}

ul.member_archive li .mem_name_arc h2{
    font-size: 18px;
    line-height: 1;
    margin: 0 0;
}

ul.member_archive li .mem_name_arc h2 a{
    color:#000;
}

ul.member_archive li .mem_content_arc{
    letter-spacing:0;
    display:inline-block;
    vertical-align:top;
    width: 100%;
    box-sizing:border-box;
    padding:0 0px 0 0;
}

ul.member_archive li .mem_content_arc h3{
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 0;
}

ul.member_archive li .mem_content_arc p{
    line-height: 1.4;
    font-size: 12px;
    margin-bottom: 10px;
}

ul.member_archive li .mem_content_arc .personality{
    font-size: 12px;
    line-height: 1;
}


















@media only screen and (min-width: 769px) {
  .top_flame{
    width: 1140px;
}
}
@media only screen and (max-width: 768px) {
  .top_flame{
    width: 100%;
}

.member_area h3.single_catch {
    margin-bottom: 30px;
    font-size: 16px;
    padding-top: 0;
}

.member_area h2.header_romaji {
    height: 180px;
    font-size: 26px;
    line-height: 180px;
    margin-bottom: 30px;
}

.member_area ul.about_member{
    display:block;
    margin-bottom: 45px;
}

.member_area ul.about_member li {
    letter-spacing: 0;
    width: 100%;
    display: block;
}

.member_area ul.about_member li:last-child {
    margin-left: 0;
    display: block;
    clear: both;
    margin-top: 50px;
}

.member_area ul.about_member li img {
    width: 150px;
}

.member_area ul.about_member li span h2 {
    margin: 0 0 15px 0;
    font-size: 18px;
}

.member_area ul.about_member li .personality span {
    font-size: 16px;
}

.member_area .career h3 {
    font-size: 16px;
}

.member_area .career p {
    width: 100%;
    display: block;
    margin-right: 0;
}

.member_area .career img {
    max-width: 400px;
    display: block;
    width:100%;
    margin:10px auto 0;
}

.member_area ul.about_member li .personality {
    padding: 5px 0;
}

ul.member_archive li a.member_img_arc{
    height: 150px;
    max-width: 270px;
    display:block;
    margin:0 auto 20px;
}

ul.member_archive li {
    width: 100%;
    display: block;
}

ul.member_archive li .mem_name_arc {
    width: 100%;
    text-align: center;
    display: block;
    padding: 0 0 0 0;
    margin-bottom: 15px;
}

ul.member_archive li .mem_content_arc {
    display: block;
    width: 320px;
    margin: 0 auto;
    padding: 0 0 0 0;
}

.box01 .divtxt {
    float: none;
    width: 100%;
    padding-left: 0;
}

.box01 .imgdiv {
    position: initial;
    width: 100%;
}

.box01 .divbor:before {
    left: 0;
    margin-left: 0;
    border: #0057AD 1px solid;
    border-right: #0057AD 1px solid;
    border-bottom: none;
}

.box01 .divbor {
    margin: 30px 0 0;
    padding: 15px 0 28px 6px;
}

.box01 .txt01 {
    font-size: 30px;
}

.box01 .txt02 {
    margin-right: -110px;
    padding-left: 40px;
    font-size: 44px;
    line-height: 50px;
    margin: -80px 0px 0 0;
}

.box01 .wcm{
    padding: 0 0;
}

.box01 .divbortxt {
    float: none;
    width: 90%;
    padding-left: 0;
    text-align: center;
    margin: 0 auto;
}

.top_m {
    padding-top: 30px;
    border: #0057AD 1px solid;
    border-top: none;
    margin-top:0 !important;
}



.first-h1{
margin:0 !important;
}


.title_b{
    color: white;
    font-family: verdana;
    text-align: left;
    font-size: 240%;
    line-height: 1.1;
    margin: 0;
}
.title_sub{color: white;
    font-family: verdana;
    text-align: left;
    font-size: 95%;
    margin: 0;}
.title_sentence{
    color: white;
    text-align: left;
    font-size: 65%;
    line-height: 139%;
    letter-spacing: 1px;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	/*margin: 0 0 1.5em;*/
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
/* .comment .children { margin-left: 1.5em; }*/

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

html,body{
background:#ffffff !important;
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}

/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }


 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */

/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	display: none;
}
*/

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

/*
.infinity-end.neverending .site-footer {
	display: block;
}

*/
/* Hey, if you don't need my comments anymore, just delete me! :)  */
	
@media only screen and (max-width: 768px) {
section {
    overflow-x: hidden;
}
}