@charset "utf-8";
/* CSS Document */

/* reset
================================================== *
/* 
html5doctor.com Reset Stylesheet

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.8em;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0; appearance: none;}



/* reset end---------------------------------------
================================================== *
/* 


/*==========================================================
__common
==========================================================*/


*{
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     box-sizing: border-box;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

a{
	color: #000;
	text-decoration: none;
}



div#wrap {

}

.wrap-1000{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

/*==========================================================
__グローバルメニュー
==========================================================*/


/*==========================================================
__ヘッダー
==========================================================*/
header{}
header .head__box{
    background-color: #1d6779;
}

header .head__box__inner{
    padding: 50px 0 0;
    overflow: hidden;
}
.corona__Motion{
    transform: translate3d(-100%, 0px, 0px);
    transition: all 1s ease;
    /* display: inline-block; */
    overflow: hidden;
}
header .head__box__inner h2{
    color: #fff;
    text-align: center;
    font-weight: bold;
    transform: translate3d(100%, 0px, 0px);
    transition: all 1s ease;
    /* display: inline-block; */
}
header .head__box__inner h2 p{
    font-size: 30px;
    line-height: 1;
    margin-bottom: 15px;
}
header .head__box__inner h2 span{
    font-size: 60px;
    display: block;
    line-height: 1;
    margin-bottom: 25px;
}
header .head__box__inner p.head__text{
    text-align: center;
    color: #fff;
    line-height: 2;
    margin-bottom: 80px;
    /* transform: translate3d(100%, 0px, 0px); */
    /* transition: all 1s ease; */
}

header .head__box__inner p.head__text:last-child{
    margin-bottom: 80px;
}
header .head__box__inner figure.default__img{
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
}
header .head__box__inner figure.default__img img{}

/*==========================================================
__//ヘッダー
==========================================================*/

/*==========================================================
__フッター
==========================================================*/
footer{}
footer div.footer{}
footer div.footer__inner{
    padding-top: 30px;
}
footer div.footer__inner p.footer__text__01{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    color: #1d6779;
    margin-bottom: 25px;
}
footer div.footer__inner p.footer__text__02{
    text-align: center;
    color: #001450;
    margin-bottom: 35px;
}
footer div.footer__inner figure{
}
footer div.footer__inner figure img{}
/*==========================================================
__//フッター
==========================================================*/

@media screen and (max-width: 1200px){
/*==========================================================
__ヘッダー
==========================================================*/
header{}
header .head__box{}
header .head__box__inner{}
header .head__box__inner h2{}
header .head__box__inner h2 p{}
header .head__box__inner h2 span{}
header .head__box__inner p.head__text{}
header .head__box__inner figure.default__img{}
header .head__box__inner figure.default__img img{}

/*==========================================================
__//ヘッダー
==========================================================*/

/*==========================================================
__フッター
==========================================================*/
footer{}
footer div.footer{}
footer div.footer__inner{}
footer div.footer__inner p.footer__text__01{}
footer div.footer__inner p.footer__text__02{}
footer div.footer__inner figure{
}
footer div.footer__inner figure img{}
/*==========================================================
__//フッター
==========================================================*/
}
@media screen and (max-width: 1000px){
.wrap-1000{
    padding: 0 15px;
}
/*==========================================================
__ヘッダー
==========================================================*/
header{}
header .head__box{}
header .head__box__inner{
    padding: 50px 15px 0;
    font-size: 14px;
}
header .head__box__inner h2{}
header .head__box__inner h2 p{}
header .head__box__inner h2 span{
    font-size: 50px;
}
header .head__box__inner p.head__text{}
header .head__box__inner figure.default__img{}
header .head__box__inner figure.default__img img{}

/*==========================================================
__//ヘッダー
==========================================================*/

/*==========================================================
__フッター
==========================================================*/
footer{}
footer div.footer{}
footer div.footer__inner{}
footer div.footer__inner p.footer__text__01{
    font-size: 25px;
}
footer div.footer__inner p.footer__text__02{}
footer div.footer__inner figure{
}
footer div.footer__inner figure img{}
/*==========================================================
__//フッター
==========================================================*/
}
@media screen and (max-width: 767px){
/*==========================================================
__ヘッダー
==========================================================*/
header{}
header .head__box{}
header .head__box__inner{
    padding: 25px 15px 0;
}
header .head__box__inner h2{}
header .head__box__inner h2 p{
    font-size: 18px;
}
header .head__box__inner h2 span{
    font-size: 25px;
}
header .head__box__inner p.head__text{
    margin-bottom: 32px;
}
header .head__box__inner figure.default__img{}
header .head__box__inner figure.default__img img{}

/*==========================================================
__//ヘッダー
==========================================================*/

/*==========================================================
__フッター
==========================================================*/
footer{}
footer div.footer{}
footer div.footer__inner{}
footer div.footer__inner p.footer__text__01{
    font-size: 18px;
}
footer div.footer__inner p.footer__text__02{
    font-size: 14px;
    line-height: 1.6;
}
footer div.footer__inner figure{
}
footer div.footer__inner figure img{}
/*==========================================================
__//フッター
==========================================================*/
}