@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900|Oswald:200,300,400,500,600,700&display=swap&subset=japanese);

/*

font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'M PLUS 1p', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Noto Serif JP', serif;
	BASE
*******************************/

/*body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}*/

* {
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
}

body > #container {
	/*height: auto;*/
}
body * {line-height:1.22em;}

img {
	vertical-align:bottom;
	line-height:0;
}

p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6 { color:#000;}
dt,dd { color:#000;}
a,
a:link,
a:visited {
	color: #1ca7ff;
	text-decoration:none;
}
a:hover {
	color:#3399ff;
	text-decoration:none;
}

a img {
	outline:none;
	border:none;
}
#container div area {
	border:none;
	outline:none;
}

.clear { clear:both;}

* img {
	max-width: 100%;
	height: auto;
}

input[type="text"],
input[type="submit"],
input[type="reset"],
button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.eng {
	font-family: 'Cormorant Upright', serif;
}
.mincyo {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.gothic {
	font-family: 'Noto Sans JP', Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
}

/*//////////////////////////////////////////////////////////////////////////*/

/*
	BASE LAYOUT
******************/
body {
}
#main {
}
#main p {
	font-size: 1.8rem;
	line-height: 2em;
	margin:0;
	font-weight: 300;
	text-align: justify;
}
/*基本：左右配置　上下センター　折り返しなし*/
.fbox {    
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}
/*折り返しなし*/
.fbox.nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
/*左寄せ*/
.fbox.bxstart {
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
}
/*右寄せ*/
.fbox.bxend {
  -webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
}
/*中央寄せ*/
.fbox.bxcenter {
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
/*上寄せ*/
.fbox.alstart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
/*下寄せ*/
.fbox.alend {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
/*上下中央*/
.fbox.alcenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*上下端*/
.fbox.albt {
  -ms-flex-line-pack: justify;
       align-content: space-between;
}
/*上下均等*/
.fbox.linedist {
  -ms-flex-line-pack: distribute;
       align-content: space-around;
}
/*子要素に設定　順番を1番目に*/
.fbox .pos0 {
  -webkit-box-ordinal-group: 1;
             -ms-flex-order: -1;
                      order: -1;
}

@media screen and (max-width:1160px){

}

@media screen and (max-width:1024px){

}

@media screen and (max-width:940px){

}

@media screen and (max-width:768px){

#main p {
	font-size: 1.6rem;
}

}

@media screen and (max-width:640px){

#main p {
	font-size: 3.8vw;
	line-height: 1.6em;
}

}

@media screen and (max-width:480px){

}