@charset "UTF-8";
/*!
Theme Name: ASH inc
Theme URI: https://www.officeash.com/
Author: ASH inc
Author URI: https://www.officeash.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ASH inc
Tags: 
*/



/*  Properties
*/
@import url(assets/styles/properties.css);



/*  Foundation
*/

body {
    font-family: "Helvetica Neue", Arial,
        "Hiragino Kaku Gothic ProN", "Hiragino Sans",
        Meiryo, sans-serif;

    margin: 0;
    padding: 0;
    width: 100%;
    background-color: var(--bg-color-main);
    color: var(--font-color-main);
}

a, span {
    display: inline-block;
    padding: 0;
    text-decoration: none;
}

img {
    vertical-align: top;
}

article {
    width: 100%;
}

main {
	display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

* {
    transition: var(--transition-time-main);
}

.body .wp-block-group {
    margin-bottom: 2em;
}

.wrap,
.container {
    width: 100%;
    max-width: 1920px;
    margin: auto;
}



.inner_width_micro2,
.main .inner_width_micro2 {
    width: 96%;
    max-width: 900px;
    margin: auto auto 2em auto;
    padding: 0 calc(50% - 450px);
    box-sizing: content-box;
}

.inner_width_micro,
.main .inner_width_micro {
    width: 96%;
    max-width: 960px;
    margin: auto auto 2em auto;
    padding: 0 calc(50% - 480px);
    box-sizing: content-box;
}

.inner_width_mini,
.main .inner_width_mini {
    width: 96%;
    max-width: 1024px;
    margin: auto auto 2em auto;
    padding: 0 calc(50% - 512px);
    box-sizing: content-box;
}

.inner_width_thin,
.main .inner_width_thin {
    width: 96%;
    max-width: 1152px;
    margin: auto auto 2em auto;
    padding: 0 calc(50% - 571px);
    box-sizing: content-box;
}

.inner_width,
.main .inner_width {
    width: 96%;
    max-width: 1280px;
    margin: auto auto 2em auto;
    padding: 0 calc(50% - 640px);
    box-sizing: content-box;
}

.inner_width_wide,
.main .inner_width_wide {
    width: 96%;
    max-width: 1600px;
    margin: auto auto 2em auto;
    padding: 0 calc(50% - 800px);
    box-sizing: content-box;
}



/*  Utilities
*/

.wp-block-image img {
    display: inline-block;
}

.wp-block-image:not(.is-style-rounded) img {
    border-radius: initial;
}

.float-clear-both {
    clear: both;
}



/*  Modules scroll effetct
*/

.inview {
    opacity: 0;
}

.inview.shown {
    opacity: 1;
}



/*  pc x-small : pc small ((1024 + 1366) / 2)
*/

@media screen and (max-width: 1195px) {
}



/*  new iPad　portrate : pc x-small ((810px + 1024px) / 2)
*/
@media screen and (max-width: 917px) {
}



/*  iPhone 12 pro Max : iPad portrate ((428px + 768px) / 2)
*/

@media screen and (max-width: 598px) {
}



/*  iPhone 6/7/8 Plus : iPhone 12 pro Max ((414px + 428px) / 2)
*/

@media screen and (max-width: 421px) {
}



/*  iPhone 12/12 pro : iPhone 6/7/8 Plus ((390px + 414px) / 2)
*/

@media screen and (max-width: 402px) {
}



/*  iPhone 6/7/8 : iPhone 12/12 pro ((375px + 390px) / 2)
*/

@media screen and (max-width: 383px) {
}



/*  iPhone SE : iPhone 6/7/8 ((320px + 375px) / 2)
*/

@media screen and (max-width: 348px) {
}
