/*
Theme Name: IF Base Theme
Theme URI: http://www.inter-field.com/
Description: INTER FIELD Customize Base Theme
Version: 1.0
Author: INTER FIELD
Author URI: http://www.inter-field.com/
*/

/* ---------- Common Setting */
* {
margin: 0px;
padding: 0px;
}

html {
height: 100%;
}

body {
height: 100%;
font-family: "Lato", "sans-serif";
font-size: 62.5%;
line-height: 1.7;
margin: 0px;
padding: 0px;
font-weight: 300;
}

img {
border: 0;
vertical-align: bottom;
max-width: 100%;
}

h1,h2,h3,h4,h5,h6,p,ul,dd {
margin: 0;
}

a {
text-decoration: none;
}

a:link {
color: #333;
}

a:visited {
color: #333;
}


a.purple:link {
color: #993399;
}

a.purple:visited {
color: #993399;
}

a.purple:hover, a:active {
color: #993399!important;
text-decoration: underline;
}

p {
font-size: 1.6em;
}

@media screen and (max-width: 739px) {
p {
font-size: 0.95em;
}
}

.contents_main {
max-width: 960px;
box-sizing: border-box;
position: relative;
margin: auto;
}
/* ---------- PC */
@media screen and (min-width: 740px) {

.sp {
display: none;
}
.tab {
display: none;
}
}
/* ---------- TAB */
@media screen and (min-width:739px) and ( max-width:1024px){
.pc {
display: none;
}
.pc_Tab {
display: block;
}
.tab {
display: block;
}
.sp {
display: none;
}
}
/* ---------- SP */
@media screen and (max-width: 739px) {
body {
font-size: 15px;
}
.pc {
display: none;
}
.tab {
display: none;
}
.pc_Tab {
display: none;
}

}


/* ---------- clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
zoom: 1;
display: inline-table;
}

/* Hides from IE-mac \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* End hide from IE-mac */


/* ---------- Image Highlight */

.highlight a:hover * {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

.highlight2 img {
filter: alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}

.container {
max-width: 960px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
}
ul {
list-style: none;
}

/* ---------- TAB */
@media screen and (min-width:739px) and ( max-width:1024px){

}
@media screen and (max-width: 739px) {
.container {
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
}
header .container {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
}


/* ---------- ---------- 
ヘッダー
 ---------- ---------- */
header {
padding-top: 15px;
padding-bottom: 15px;
font-family: "Ubuntu", "sans-serif";
}

.header_Box {
max-width: 960px;
position:relative;
margin: auto;
}

/* ロゴと言語切替 */
.header_Left {
position: relative;
width: 230px;
}

.header_Lang {
position: absolute;
right: 0;
top:50%;
transform: translateY(-50%);
font-size: 1.12em;
font-weight: 700;
}

/* ナビゲーション */
.header_Right {
box-sizing: border-box;
font-weight: bold;
position: absolute;
right: 0;
top:50%;
font-size: 1.28em;
transform: translateY(-50%);
}

.header_Right li {
float: left;
padding-left: 40px;
}

.header_Contact a {
background-color: #1D5CAA;
color:#FFEE00;
padding: 10px;
padding-left: 40px;
padding-right: 40px;
box-sizing: border-box;
font-size: 1.1em;
}

.header_Contact a i {
padding-right: 10px;
}

/*スマホメニュー変更用*/
div#sp-icon span, div#sp-icon span:before, div#sp-icon span:after {
    background: #fff;
}
div#sp-icon {
    width: 36px;
    height:35px;
    position: absolute;
    top:45%;
	transform: translateY(-50%);
    right:-5px;
    background: #4D4D4D;
}
ul#menu {
    height: 100vh;
    background: rgba(0,0,0,0.9);
}
ul#menu li a {
    color: #fff;
}
/* ---------- TAB */
@media screen and (min-width:739px) and ( max-width:900px){
.header_Right li {
float: left;
padding-left: 20px;
}
}
/* ---------- SP */
@media screen and (max-width: 739px) {
header {
border-top: 3px solid #1D5CAA;
position: fixed;
left: 0;
top:0;
z-index: 10000;
width: 100%;
background: #FFF;
}
.header_Left {
position: relative;
width: 160px;
}
.header_Left img {
width: 110px;
position: relative;
top:-1px;
}
.header_Lang {
font-size: 0.8em;
font-weight: 700;
}
.header_Contact {
padding-right: 40px;
}
.header_Contact a {
padding-left: 10px;
padding-right: 10px;
font-size: 0.7em;
}
.header_Contact a i {
height: 1em;
padding-right: 5px;
}
.header_Right {
top:42%;
}
}

@media screen and (max-width: 320px) {
.header_Left {
width: 130px;
}
.header_Left img {
width: 80px;
top:-5px;
}
}

/* ---------- ---------- 
フッター
 ---------- ---------- */
footer {
    padding-top: 100px;
    padding-bottom: 100px;
}
.footer_Menu {
    margin: 0 auto;
    margin-bottom: 50px;
}
.footer_Menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer_Menu li {
    width: 20%;
    box-sizing: border-box;
    border-right: 2px solid #000;
    text-align: center;
    line-height: 1.3;
	font-size: 1.6em;
	font-weight: 400;
}
.footer_Menu li:last-child {
    border-right: none;
}
.footer_Logo {
    text-align: center;
}
.copyright {
    background: #1D5CAA;
    padding-top: 20px;
    padding-bottom: 100px;
}
.copyright_Box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.copyright_Left {
    text-align: left;
    font-size: 1.44em;
	font-weight: 700;
}
.copyright_Right {
    text-align: right;
    font-size: 1.28em;
	letter-spacing: 0.05em;
    color: #fff;
}
@media screen and (min-width:739px) and ( max-width:1024px){

}
@media screen and (max-width: 739px) {
.copyright_Box {
display: block;
}
.copyright {
padding-top: 20px;
padding-bottom: 50px;
}
.copyright_Right {
text-align: center;
font-size: 0.8em;
}
}