h2 { margin-bottom: .75em;}
.bg_up { width: 100%; background-repeat: no-repeat; background-size: 100% auto; background-position: top center; background-image: url(../img/bg_up-s.jpg);}
.wrap { width: 92%; max-width: 1080px; margin: 0 auto; padding: 1em 0;}
.box { box-sizing: border-box; width: 100%; border: 1px solid rgba(0, 39, 122, 1); background-color: rgba(255, 255, 255, .85); margin: 0 auto; padding: 1em 1em .5em 1em;}
.box0 { box-sizing: border-box; width: 100%; background-color: rgba(255, 255, 255, .85); margin: 0 auto;}
/*for_W768-*/
@media all and (min-width: 768px) { 
h2 { margin-bottom: 1.5em;}
.bg_up { background-image: url(../img/bg_up.jpg);}
.wrap { padding: 2em 0;}
}
/*for_W1200-*/
@media all and (min-width: 1200px) { 
.box, .box0 { max-width: 1080px;}
}

/*	header
============================== */
#con_header { width: 100%; margin: 0 auto; background-repeat: no-repeat; background-size: 100% 100%; background-position: top center; background-image: url(../img/bg_head.jpg?0); padding: 1.25em 0;}
#logo_sp { width: 55%; max-width: 550px; position: relative; margin: 0 auto;}
#logo_sp a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#logo { width: 100%; height: 0; padding-top: 36.72727273%; padding-top: -webkit-calc(404 / 1100 * 100%); padding-top: calc(404 / 1100 * 100%); position: relative; background-repeat: no-repeat; background-size: contain;}
/*for_W768-*/
@media all and (min-width: 768px) { 
#con_header { padding: 2.5em 0;}
}

/*
	contents
.catch_txt { font-size: 120%; font-weight: 700; text-align: center; line-height: 140%; letter-spacing: .05em; padding: .5em 0; color: rgba(0, 39, 122, 1);}
.catch_txt p { padding: .5em 0;}
.con_txt p { width: 100%; max-width: 1000px; padding: .5em 0; line-height: 160%; font-size: 95%; letter-spacing: .1em; margin: 0 auto;}
.catch_txt-s { font-size: 120%; font-weight: 700; text-align: center; line-height: 140%; padding: 1em 0 .5em 0; color: rgba(0, 2, 10, 1); font-style: italic;}
============================== */

/* 	photo
============================== */
.cimg_sp-t { width: 80%; max-width: 800px; margin: .5em auto; position: relative; z-index: 1000;}
.cimg_sp-y { width: 100%; max-width: 1000px; margin: .5em auto; position: relative; z-index: 1000;}
.cimg_sp-r { width: 90%; max-width: 900px; margin: .5em auto; position: relative; z-index: 1000;}
.cimg_sp-t img, .cimg_sp-y img, .cimg_sp-r img { width: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}

.photo { width: 100%; margin: .5em auto 1em auto; text-align: center; user-select:none; -webkit-user-select:none; -ms-user-select: none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag: none; -webkit-touch-callout: none;}
.daigae { margin: 0 auto;}
.photo img { width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.prgimg10090 { max-width: 90%;}
.prgimg10080 { max-width: 80%;}
.prgimg10070 { max-width: 70%;}
.prgimg10060 { max-width: 60%;}
.prgimg10100 img, .prgimg10090 img, .prgimg10080 img, .prgimg10070 img, .prgimg10060 img, .prgimg100100-90 img { width: 100%; max-width: 100%;}
/*for_W768-*/
@media all and (min-width: 768px) {
.photo { width: 96%; max-width: 960px;}
.prgimg10090 { max-width: 90%;}
.prgimg10080 { max-width: 80%;}
.prgimg10070 { max-width: 70%;}
.prgimg10060 { max-width: 60%;}
.prgimg100100-90 { max-width: 90%;}
.prgimg100100-90 img { max-width: 100%;}
}

/* 	youtube
============================== */
.movie_sp { display: block; box-sizing: border-box; width: 100%; max-width: 760px; margin: 1em auto; position: relative;}
.movie_sp .movie { background-color: rgba(150, 61, 89, .1);}
.movie_sp .movie .play_btn { width: 60px; height: 60px;}
.movie_sp .movie .play_txt { font-size: 120%;}
.movie { width: 100%; height: 0; padding-top: 56.25%; position: relative; overflow: hidden; z-index: 200;}
.movie a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.movie a:hover { opacity: .8;}
.movie img { width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}
.movie .play_btn { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/play.png);}
.movie iframe, .movie video, .movie .fp-player, .movie .tbs-player, .movie object { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 0; border: none;}
/*for_W640-*/
@media all and (min-width: 640px) { 
.movie .play_btn, .movie .play_btn-red { width: 60px; height: 60px;}
}