@charset "UTF-8";

/**************************************************
 * 01.common
 * 02.header+nav
 * 03.footer
 * 04.h2~+p
 * 05.contents
 **************************************************/



/*--------------------------------------------------------
----------------------------------------------------------
01.common
----------------------------------------------------------
--------------------------------------------------------*/

html {
    font-size: 62.5%;
    height:100%;
}


body {
	width:100%;
	height: 100%;
	background-color:#fff;
	text-align:center;
	margin:0 auto;
	font-size: 13px;
	font-size: 1.3rem;
	line-height:180%;
	font-family:"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #676767;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-webkit-transition: all .5s;
	transition: all .5s;
}

a:hover img{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}

.clear{
    clear:both;
    margin:0;
    padding:0;
}


.pc{
    display: none;
}
/* fade__in__up---------------------------------------*/
/* 画面外にいる状態 */
.fade__in__up {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 800ms ease-in 0.5s;
    }
 
/* 画面内に入った状態 */
.fade__in__up.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }


/*--------------------------------------------------------
----------------------------------------------------------
02.header+nav
----------------------------------------------------------
--------------------------------------------------------*/

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: rgba(255,255,255,0.9);
    box-shadow:0px 0px 6px 1px #000;
    z-index: 100;
}

h1{
	width:80px;
	height:auto;
    margin: 5px auto;
}



/*nav ---------------------------------------*/

.navigation {
    display: flex;
    justify-content: flex-end;
}

.navigation_item {
    width: 25%;
    margin: 0;
	position:relative;
}

.navigation_item img{
    width: 40px;
    height: auto;
    margin: 0 auto;
}
.navigation_item span{
    display: block;
    font-size:10px;
    font-size: 1.0rem;
    line-height: 120%;
	color: #383c3c;
}

.navigation_item > a {
    color: #ed6d3d;
    position: relative;
    display: inline-block;
    text-decoration: none;
}

/*--------------------------------------------------------
----------------------------------------------------------
03.footer
----------------------------------------------------------
--------------------------------------------------------*/
#foot-box {
	position: fixed;
    bottom: 0;
    left: 0;
	width:100%;
	height:auto;	
	z-index:9999;
}

footer {
	width:100%;
	height:66px;
	background-color:#ed6d3d;
	bottom:0px;
	padding:5px 0;
	overflow:hidden;
	box-sizing:border-box
}
footer .inner{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
footer .inner .item{
    width: 33.3%;
}
footer .inner .item img{
    width: 40px;
    height: auto;
    margin: 0 auto;    
}
footer .inner .item:first-child ul{
    text-align: center;
    margin: 0 auto;
}
footer .inner .item ul:first-child li{
    width: 100%;
}
footer .inner .item p{
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    color: #fff;
    margin: 0 0 0 0;
}

footer a:link {
color: #fff;
text-decoration: none;
}

footer a:visited {
color: #fff;
text-decoration: none;
}

footer a:hover {
color: #fff;
text-decoration: none;
}

footer a:active {
color: #fff;
text-decoration: none;
}


/*--------------------------------------------------------
----------------------------------------------------------
04.h+p
----------------------------------------------------------
--------------------------------------------------------*/

h2{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto 20px auto;
    padding: 20px 0;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 140%;
    letter-spacing: 1px;
    color: #383c3c;
	text-align:center;
}
h2 img{
    display: block;
    width: 60px;
    height: 45px;
    margin: 20px auto 0 auto;
}
h3{
	width:100%;
	height:auto;
	margin:20px auto;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #383c3c;
	text-align:center;
}
p{
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    margin: 0 0 20px 0;
}
p.read{
    font-size: 16px;
    font-size: 1.6rem;
    text-align: left;
    margin: 0 0 40px 0;    
}
p.p_ac{
    text-align: left;
}
p.p_cap{
    font-size: 10px;
    font-size: 1.0rem;
    text-align: left;
    margin: 0 0 20px 0;
}
p.p_cap_r{
    font-size: 10px;
    font-size: 1.0rem;
    text-align: right;
    margin: 0 0 20px 0;
}


/*--------------------------------------------------------
----------------------------------------------------------
05.contents
----------------------------------------------------------
--------------------------------------------------------*/

.section_wrap{
	width:100%;
	margin:0 auto;
    padding: 40px 20px;
    box-sizing: border-box;
	text-align:center;
	overflow:hidden;
}
.section_wrap:nth-child(odd){
    background-color: #f2f2f2;
}
.section_wrap:nth-child(even){
    background-color: #fff;
}



/*--------------------------------------------------------
----------------------------------------------------------
06.OFFICIAL SNS
----------------------------------------------------------
--------------------------------------------------------*/
#contbox_sns{
	width:100%;
	margin:40px auto;
    box-sizing: border-box;
	text-align:center;
	overflow:hidden;
}
#contbox_sns .inner01{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
#contbox_sns .inner01 .item{
    width: 33%;
    text-align: center;
}
#contbox_sns .inner01 .item img{
    display: block;
    width: 50%;
    margin: 0 auto;
}
#contbox_sns .inner01 .item p{
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    margin: 10px auto 0 auto;
}