@charset "UTF-8";

/*---------------------------------------------------------------------------------------------------------------------
	リセット
---------------------------------------------------------------------------------------------------------------------*/
/* The root element */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* Sections */
body { font-family: sans-serif; margin: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 1em; margin: 0; }

/* Grouping content */
p,blockquote,dl,dd,figure { margin: 0; }
ol,ul { padding: 0; margin: 0;}
li { list-style: none; }

/* Text-level semantics */
a:focus { outline: thin dotted; }
a:hover,a:active { outline: 0; }
strong,b { font-weight: bold; }
small { font-size: 0.83em; }
sub,sup { font-size: 0.83em; line-height: 0; vertical-align: baseline; position: relative; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
br {  *letter-spacing: 0;}

/* Embedded content */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:bottom;}
svg:not(:root) { overflow: hidden; }

/* Tabular data */
table { border-collapse: collapse; border-spacing: 0; }
caption { padding: 0; text-align: left; }
th,td { text-align: left; vertical-align: baseline; padding: 0; }

/*---------------------------------------------------------------------------------------------------------------------
    index.html
---------------------------------------------------------------------------------------------------------------------*/
*, *::before, *::after { box-sizing: border-box; }
html,body { width: 100%; font-family: "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif; font-size: 16px; }
.contentsOuter { width: 72%; max-width: 1080px; margin: 0 auto; text-align: center; }

/*h*/
h2 { font-size: min(2.27vw, 212.5%); }

/*a*/
a { text-decoration: none; }

/*img*/
img { width: 100%; }

/*introSec*/
#introSec .contentsOuter { margin-top: 4.87%; }
#introSec .contentsOuter .contentsInner { margin: 0 auto; }
#introSec .contentsOuter .contentsInner #logoArea { display: flex; justify-content: center; }

/*newsSec*/
#newsSec .contentsOuter h2 { margin: 13% 0 3.5%; }
#newsSec .contentsOuter ul { border: min(.4vw, 5px) solid #eee; border-radius: 20px; padding: 4.5% 5%; text-align: left; }
#newsSec .contentsOuter ul li { display: flex; font-size: min(1.34vw, 125%); margin-top: 1%; }
#newsSec .contentsOuter ul li:nth-child(1) { margin-top: 0; }
#newsSec .contentsOuter ul li div { width: 18.37%; }
#newsSec .contentsOuter ul li p { flex: 1; }
#newsSec .contentsOuter a { color: #000; text-decoration: underline; }

/*philosophySec*/
#philosophySec .contentsOuter h2 { margin: 10% 0 3.34%; }
#philosophySec .contentsOuter { width: 100%; max-width: 1500px; }

/*footer*/
#copyrightSec { color: #999; border-top: 1px solid #ccc; text-align: center; margin-top: min(7.43%, 145px); padding: min(2%, 20px); font-size: 80%; letter-spacing: .05em; }

@media screen and (min-width: 750px) {
    /*introSec*/   
    #introSec .contentsOuter a img { transition: opacity .4s; }
    #introSec .contentsOuter a img:hover { opacity: .6}
    
    /*newsSec*/
    #newsSec .contentsOuter a:hover { text-decoration: none; }
}

@media screen and (max-width: 750px) {
    
    .contentsOuter { width: 92%; }
    
    /*h*/
    h2 { font-size: min(6vw, 112.5%); }
    
    /*introSec*/
    #introSec .contentsOuter { margin-top: 9%; }
    #introSec .contentsOuter .contentsInner { width: 100%; max-width: 690px; }

    /*newsSec*/
    #newsSec .contentsOuter h2 { margin: 16% 0 5.6%; }
    #newsSec .contentsOuter ul { border: min(.7vw, 10px) solid #eee; border-radius: 10px; padding: 7.5% 8%; }
    #newsSec .contentsOuter ul li { display: block; font-size: min(3.735vw, 87.5%); margin-top: 8%; }
    #newsSec .contentsOuter ul li div { width: 100%; }
    
    /*philosophySec*/
    #philosophySec .contentsOuter h2 { margin: 16% 0 5.6%; }
    
    /*footer*/
    #copyrightSec { margin-top: 10%; }

}