@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
body {
    min-width: 1180px;
    color: #000;
    background-color: #F0FBFF;
}

#wrapper {
    position: relative;
}

#header {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: none;
}

#header h1 {
    margin: 0 auto;
    padding: 30px 0;
    width: 1100px;
}

#header h1 a {
    display: inline-block;
}

#header h1 a:hover img {
    opacity: 1;
}

#header h1 a img {
    width: 140px;
}

.topBox {
    margin-bottom: 119px;
    padding-top: 253px;
    min-height: 810px;
    box-sizing: border-box;
    background: url("../img_index/top_bg.jpg") no-repeat center center;
    background-size: cover;
}

.topBox .inner {
    margin: 0 auto;
    width: 1100px;
}

.topBox .subInner {
    width: 54%;
    text-align: center;
}

.topBox h2 {
    margin: 0 auto 32px;
    width: 402px;
}

.topBox .ttl {
    margin: 0 auto 53px;
    width: 400px;
}

.topBox p {
    margin: 0;
    font-size: 1.33em;
    font-weight: 300;
    line-height: 1.88;
}

#main .oxygen {
    margin: 0 auto 118px;
    width: 1180px;
}

#main .oxygen h3 {
    margin-bottom: 32px;
    text-align: center;
}

#main .oxygen h3 img {
    margin: 0 auto;
    width: 430px;
}

#main .oxygen .cTxt {
    margin-bottom: 62px;
    line-height: 1.88;
    text-align: center;
    letter-spacing: 1px;
}

#main .oxygen .photoList {
    margin: -20px 40px 0 0;
}

#main .oxygen .photoList li {
    margin-top: 20px;
    width: 49.08%;
    float: left; 
}

#main .oxygen .photoList li:nth-child(2n) {
    float: right;
}

#main .feature {
    margin: 0 auto 122px;
    width: 1180px;
}

#main .feature h3 {
    margin-bottom: 37px;
}

#main .feature h3 img {
    margin: 0 auto;
    width: 550px;
}

#main .feature .pointList {
    margin: -39px 40px 0 0;
}

#main .feature .pointList li {
    margin-top: 39px;
    padding: 35px 10px 28px;
    float: left;
    width: 48.2%;
    text-align: center;
    border-radius: 15px;
    box-sizing: border-box;
    background-color: #FFF;
}

#main .feature .pointList li:nth-child(2n) {
    float: right;
}

#main .feature .pointList li .point {
    margin: 0 auto 17px;
    width: 60px;
}

#main .feature .pointList li p {
    margin: 0;
    font-size: 1.4em;
    line-height: 1.5;
}

#main .feature .rTxt {
    margin: 10px 40px 63px 0;
    font-size: 0.93em;
    text-align: right;    
}

#main .feature .photo {
    margin: 0 auto 21px;
    width: 1100px;
}

#main .feature .phoList {
    margin: 0 auto;
    width: 1100px;
    padding: 0;
}

#main .feature .phoList li {
    width: 49.15%;
    float: left;
}

#main .feature .phoList li:last-of-type {
    float: right;
}

#main .whiteBox {
    padding: 124px 0 140px;
    background-color: #FFF;
}

#main .whiteBox .inner {
    margin: 0 auto;
    width: 1000px;
}

#main .whiteBox h4 {
    margin-bottom: 43px;
}

#main .whiteBox h4 img {
    margin: 0 auto;
    width: 422px;
}

#main .whiteBox .cTxt {
    margin: 0 0 35px;
    font-size: 1.06em;
    line-height: 1.75;
    text-align: center;
}

#main .whiteBox .txtList {
    margin: 0 auto 65px;
    width: 670px;
}

#main .whiteBox .txtList li {
    margin-bottom: 1px;
    padding-left: 1em;
    font-size: 0.93rem;
    text-indent: -1em;
}

#main .whiteBox .txtList li:last-of-type {
    margin-bottom: 0;
}

#main .whiteBox .bdBox {
    margin: 0 auto 140px;
    padding: 28px 35px 23px;
    width: 800px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 4px solid #EBEBEB;
}

#main .whiteBox .bdBox p {
    margin: 0;
}

#main .whiteBox .bdBox h5 {
    margin: 0 0 28px;
    font-size: 1.4em;
    text-align: center;
}

#main .whiteBox .bdBox ul {
    margin: 0;
}

#main .whiteBox .bdBox li {
    margin-right: 64px;
    width: 170px;
    float: left;
    position: relative;
}

#main .whiteBox .bdBox li:last-of-type {
    margin-right: 0;
}

#main .whiteBox .bdBox li:after {
    width: 18px;
    height: 28px;
    position: absolute;
    right: -42px;
    top: 56px;
    background: url("../img_common/icon01.png") no-repeat center center;
    background-size: 18px 28px;
    
    content: "";
}

#main .whiteBox .bdBox li:last-of-type:after {
    display: none;
}

#main .whiteBox .bdBox li .step {
    margin: 0 auto 10px;
    width: 50px;
}

#main .whiteBox .bdBox li p {
    font-size: 1.06em;
    line-height: 1.55;
}

#main .whiteBox .h4Ttl01 {
    margin: 0 auto 47px;
    width: 312px;
}

#main .whiteBox .subInner {
    margin: 0 auto;
    width: 800px;
}

#main .whiteBox .subInner h5 {
    margin-bottom: 37px;
    padding: 15px 18px;
    color: #FFF;
    font-size: 1.4em;
    background-color: #000;
}

#main .whiteBox dl {
    margin-bottom: 10px;
    border-top: 1px solid #DEDEDE;
}

#main .whiteBox dl .sml {
    font-size: 0.88em;
}

#main .whiteBox dt {
    padding: 20px 10px;
    width: 288px;
    float: left;
    position: relative;
    font-size: 1.2em;
    box-sizing: border-box;
}

#main .whiteBox dt:after {
    margin-top: -15px;
    width: 1px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    border-right: 1px solid #DEDEDE;
    
    content: "";
}

#main .whiteBox dd {
    margin: 0;
    padding: 20px 10px 20px 340px;
    border-bottom: 1px solid #DEDEDE;
}

#main .whiteBox .rTxt {
    /*margin: 0 0 67px;*/
    margin: 0 0 121px;
    font-size: 0.93em;
    text-align: right;
}

#main .whiteBox .txtBox {
    margin: -4px 0 26px;
    padding: 28px 25px 22px;
    font-size: 1.4em;
    text-align: center;
    border-radius: 8px;
    position: relative;
    border: 2px solid #0049B0;
    background-color: #F0FBFF;
}

#main .whiteBox .txtBox:before {
    width: 17px;
    height: 13px;
    position: absolute;
    left: 185px;
    bottom: -13px;
    background: url("../img_common/icon03.png") no-repeat center center;
    background-size: 17px 13px;
    
    content: "";
}

#main .whiteBox .txtBox:after {
    width: 17px;
    height: 13px;
    position: absolute;
    right: 185px;
    bottom: -13px;
    background: url("../img_common/icon03.png") no-repeat center center;
    background-size: 17px 13px;
    
    content: "";
}

#main .whiteBox .txtBox p {
    margin: 0;
}

#main .whiteBox .txtBox .color {
    color: #004AAC;
    font-size: 0.857em;
}

#main .whiteBox .txtBox .num {
    color: #004AAC;
    font-size: 1.45em;
}

#main .whiteBox .txtBox .price {
    font-size: 1.14em;
    color: #004AAC;
}

#main .whiteBox .txtBox .size01 {
    font-size: 0.857em;
}

#main .whiteBox .txtBox .size02 {
    margin-top: 10px;
    display: block;
    font-size: 0.66em;
}

#main .whiteBox .textList {
    margin: 0 0 10px;
    padding: 0;
}

#main .whiteBox .textList li {
    padding: 29px 10px 20px;
    width: 390px;
    float: left;
    font-size: 1.2em;
    line-height: 1.45;
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
    background-color: #F6F6F6;
}

#main .whiteBox .textList li:last-of-type {
    float: right;
}

#main .whiteBox .textList li .num {
    color: #004AAC;
    font-size: 1.94em;
}

#main .whiteBox .textList li .sml {
    color: #004AAC;
    font-size: 1.33em;
}

#main .whiteBox .textList li .size01 {
    font-size: 1.05em;
}

#main .whiteBox .textList li .size02 {
    font-size: 0.88em;
}

#main .whiteBox .txtSec .rTxt {
    margin-bottom: 0;
}

#main .whiteBox .txtSec {
    margin-bottom: 175px;
}

#main .whiteBox .h4Ttl02 {
    margin: 0 auto 43px;
    width: 273px;
}

#main .whiteBox .phoList {
    margin: -12px 0 62px;
    padding: 0;
}

#main .whiteBox .phoList li {
    margin: 40px 50px 0 0;
    width: 233px;
    float: left;  
}

#main .whiteBox .phoList li:nth-child(3n) {
    margin-right: 0;
}

#main .whiteBox .txtSec01 {
    margin-bottom: 121px;
}

#main .tel {
    text-align: center;
}

#main .tel span {
    padding: 0 30px;
    font-size: 1.6em;
    position: relative;
    display: inline-block;
}

#main .tel span:before {
    width: 17px;
    height: 32px;
    position: absolute;
    left: 0;
    top: -4px;
    background: url("../img_common/icon04.png") no-repeat left top;
    background-size: 17px 32px;
    
    content: "";
}

#main .tel span:after {
    width: 17px;
    height: 32px;
    position: absolute;
    right: 0;
    top: -5px;
    background: url("../img_common/icon05.png") no-repeat left top;
    background-size: 17px 32px;
    
    content: "";
}

#main .tel a {
    margin: 25px auto 0;
    padding: 33px 5px;
    width: 600px;
    display: block;
    color: #FFF;
    font-size: 2.66em;
    letter-spacing: 2px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #014BAC;
}

#main .tel a img {
    margin-right: 10px;
    width: 23px;
    display: inline-block;
}

#footer {
    padding: 15px 10px;
    font-size: 0.66em;
    letter-spacing: 1.5px;
    text-align: center;
    border-top: 1px solid #DEDEDE;
    background-color: #FFF;
}

#footer .link{
		 text-align: center;
		width:200px;
 		margin:0 auto;
    }
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

@media all and (max-width: 767px) {
    body {
        min-width: inherit;
    }
    
    #header {
        border: none;
    }

    #header h1 {
        padding: 15px;
        width: auto;
    }

    #header h1 a img {
        width: 100px;
    }

    .topBox {
        margin-bottom: 50px;
        padding-top: 100px;
        min-height: inherit;
        background: none;
    }

    .topBox .inner {
        margin: 0 15px;
        width: auto;
    }

    .topBox .subInner {
        width: auto;
    }

    .topBox h2 {
        margin: 30px auto 20px;
        width: 201px;
    }

    .topBox .ttl {
        margin: 0 auto 20px;
        width: 200px;
    }

    .topBox p {
        margin: 0;
        font-size: 0.9em;
        line-height: 1.6;
    }

    #main .oxygen {
        margin: 0 15px 50px;
        width: auto;
    }

    #main .oxygen h3 {
        margin-bottom: 20px;
    }

    #main .oxygen h3 img {
        width: 215px;
    }

    #main .oxygen .cTxt {
        margin-bottom: 30px;
        font-size: 0.85em;
        line-height: 1.6;
    }

    #main .oxygen .photoList {
        margin: -10px 0 0 0;
        padding: 0;
    }

    #main .oxygen .photoList li {
        margin-top: 10px;
        width: 48.2%;
    }

    #main .feature {
        margin: 0 15px 50px;
        width: auto;
    }

    #main .feature h3 {
        margin-bottom: 20px;
    }

    #main .feature h3 img {
        width: 275px;
    }

    #main .feature .pointList {
        margin: 0;
        padding: 0;
    }

    #main .feature .pointList li {
        margin-top: 15px;
        padding: 15px 10px;
        border-radius: 8px;
        width: auto;
        float: none;
    }
    
    #main .feature .pointList li:nth-child(2n) {
        float: none;
    }

    #main .feature .pointList li .point {
        margin: 0 auto 10px;
        width: 40px;
    }

    #main .feature .pointList li p {
        margin: 0;
        font-size: 1em;
    }

    #main .feature .rTxt {
        margin: 5px 0 30px 0;
        font-size: 0.55em;   
    }

    #main .feature .photo {
        margin: 0 0 10px;
        width: auto;
    }

    #main .feature .phoList {
        margin: 0;
        width: auto;
    }
    
    #main .feature .phoList li {
        width: 48%;
    }

    #main .whiteBox {
        padding: 50px 10px;
    }

    #main .whiteBox .inner {
        width: auto;
    }

    #main .whiteBox h4 {
        margin-bottom: 20px;
    }

    #main .whiteBox h4 img {
        width: 211px;
    }

    #main .whiteBox .cTxt {
        margin: 0 0 20px;
        font-size: 0.9em;
        line-height: 1.6;
    }

    #main .whiteBox .txtList {
        margin: 0 auto 30px;
        padding: 0;
        width: auto;
    }

    #main .whiteBox .txtList li {
        font-size: 0.8rem;
        line-height: 1.5;
    }
    
    #main .whiteBox .bdBox {
        margin: 0 auto 50px;
        padding: 15px;
        width: auto;
        border-radius: 5px;
        border: 2px solid #EBEBEB;
    }

    #main .whiteBox .bdBox h5 {
        margin: 0 0 20px;
        font-size: 1.2em;
    }

    #main .whiteBox .bdBox ul {
        padding: 0;
    }

    #main .whiteBox .bdBox li {
        margin: 0 0 20px;
        width: auto;
        float: none;
    }
    
    #main .whiteBox .bdBox li:last-of-type {
        margin-bottom: 0;
    }

    #main .whiteBox .bdBox li:after {
        margin-left: -7px;
        width: 14px;
        height: 9px;
        right: auto;
        left: 50%;
        top: auto;
        bottom: -12px;
        background: url("../img_common/icon06.png") no-repeat center center;
        background-size: 14px 9px;
    }

    #main .whiteBox .bdBox li .step {
        width: 40px;
    }

    #main .whiteBox .bdBox li p {
        font-size: 0.9em;
        text-align: center;
    }

    #main .whiteBox .h4Ttl01 {
        margin: 0 auto 20px;
        width: 156px;
    }

    #main .whiteBox .subInner {
        width: auto;
    }

    #main .whiteBox .subInner h5 {
        margin: 0 0 20px;
        padding: 10px;
        font-size: 1.2em;
    }

    #main .whiteBox dl .sml {
        font-size: 0.6em;
    }

    #main .whiteBox dt {
        padding: 10px 5px 0;
        width: auto;
        float: none;
        font-size: 1em;
    }

    #main .whiteBox dt:after {
        display: none;
    }

    #main .whiteBox dd {
        padding: 10px 5px;
    }

    #main .whiteBox .rTxt {
        /*margin: 0 0 30px;*/
        margin: 0 0 50px;
        font-size: 0.6em;
    }

    #main .whiteBox .txtBox {
        margin: 0 0 20px;
        padding: 10px;
        font-size: 1em;
        border: 1px solid #0049B0;
    }

    #main .whiteBox .txtBox:before {
        margin-left: -4px;
        width: 8px;
        height: 6px;
        left: 50%;
        bottom: -6px;
        background-size: 8px 6px;
    }

    #main .whiteBox .txtBox:after {
        display: none;
    }

    #main .whiteBox .txtBox .color {
        font-size: 0.6em;
    }

    #main .whiteBox .txtBox .num {
        font-size: 1.2em;
    }

    #main .whiteBox .txtBox .price {
        font-size: 1em;
    }

    #main .whiteBox .txtBox .size01 {
        font-size: 0.6em;
    }

    #main .whiteBox .txtBox .size02 {
        margin-top: 5px;
        font-size: 0.6em;
    }

    #main .whiteBox .textList {
        margin: 0;
        padding: 0;
    }

    #main .whiteBox .textList li {
        margin-bottom: 10px;
        padding: 15px 10px;
        width: auto;
        float: none;
        font-size: 1em;
    }

    #main .whiteBox .textList li:last-of-type {
        margin-bottom: 0;
        float: none;
    }

    #main .whiteBox .textList li .num {
        font-size: 1.4em;
    }

    #main .whiteBox .textList li .sml {
        font-size: 1em;
    }

    #main .whiteBox .textList li .size01 {
        font-size: 0.9em;
    }

    #main .whiteBox .textList li .size02 {
        font-size: 0.6em;
    }

    #main .whiteBox .txtSec {
        margin-bottom: 50px;
    }

    #main .whiteBox .h4Ttl02 {
        margin: 0 auto 20px;
        width: 136px;
    }

    #main .whiteBox .phoList {
        margin: 0 0 20px;
        padding: 0;
    }

    #main .whiteBox .phoList li {
        margin: 20px 0 0 0;
        width: 48%; 
    }

    #main .whiteBox .phoList li:nth-child(2n) {
        float: right;
    }

    #main .whiteBox .txtSec01 {
        margin-bottom: 50px;
    }

    #main .tel span {
        padding: 0 20px;
        font-size: 1em;
    }
    
    #main .tel a {
        margin: 10px auto 0;
        padding: 15px 2px;
        width: 300px;
        font-size: 1.5em;
    }

    #main .tel a img {
        margin-right: 5px;
        width: 13px;
    }
    
    #main .tel a:hover img {
        opacity: 1;
    }

    #footer {
        padding: 10px 10px;
    }
    
    a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
	 #footer .link{
		 text-align: center;
		width:200px;
 		margin:0 auto;
    }
}